/*!
Theme Name: 	China Metal Spinning Inc.
Theme URI: 		http://julian.is
Description: 	China Metal Spinning Inc..
Version: 		1.0
Author: 		Julian Gaviria
Author URI: 	julian.is
Tags: 			starkers, naked, clean, basic, html5, boilerplate, sass, smacss
*/
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013-2014 thoughtbot, inc.
 * MIT License */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
This class is supposed to be assigned to the parent of items you need organized. Example below:
<div class="rows-of-2">
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>
This would give you 2 rows with 2 columns.
*/
.rows-of-2 {
  display: block;
}
.rows-of-2::after {
  clear: both;
  content: "";
  display: table;
}
.rows-of-2 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.rows-of-2 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .rows-of-2 > * {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .rows-of-2 > *:last-child {
    margin-right: 0;
  }
  .rows-of-2 > *:nth-child(2n) {
    margin-right: 0;
  }
  .rows-of-2 > *:nth-child(2n+1) {
    clear: left;
  }
  .rows-of-2 > *:nth-last-child(2):last-child {
    margin-bottom: 0 !important;
  }
  .rows-of-2 > *:nth-last-child(1):last-child {
    margin-bottom: 0 !important;
  }
}

.lt-ie9 .rows-of-2 {
  display: block;
}
.lt-ie9 .rows-of-2::after {
  clear: both;
  content: "";
  display: table;
}
.lt-ie9 .rows-of-2 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.lt-ie9 .rows-of-2 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .lt-ie9 .rows-of-2 > * {
    float: left;
    width: 50% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
    display: inline-block !important;
    clear: none !important;
  }
}

.rows-of-3 {
  display: block;
}
.rows-of-3::after {
  clear: both;
  content: "";
  display: table;
}
.rows-of-3 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.rows-of-3 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .rows-of-3 > * {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .rows-of-3 > *:last-child {
    margin-right: 0;
  }
  .rows-of-3 > *:nth-child(3n) {
    margin-right: 0;
  }
  .rows-of-3 > *:nth-child(3n+1) {
    clear: left;
  }
}

.lt-ie9 .rows-of-3 {
  display: block;
}
.lt-ie9 .rows-of-3::after {
  clear: both;
  content: "";
  display: table;
}
.lt-ie9 .rows-of-3 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.lt-ie9 .rows-of-3 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .lt-ie9 .rows-of-3 > * {
    float: left;
    width: 33.3% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.rows-of-4 {
  display: block;
}
.rows-of-4::after {
  clear: both;
  content: "";
  display: table;
}
.rows-of-4 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.rows-of-4 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .rows-of-4 > * {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
  }
  .rows-of-4 > *:last-child {
    margin-right: 0;
  }
  .rows-of-4 > *:nth-child(4n) {
    margin-right: 0;
  }
  .rows-of-4 > *:nth-child(4n+1) {
    clear: left;
  }
}

.lt-ie9 .rows-of-4 {
  display: block;
}
.lt-ie9 .rows-of-4::after {
  clear: both;
  content: "";
  display: table;
}
.lt-ie9 .rows-of-4 > * {
  margin-bottom: 1.5em;
  display: block;
  position: relative;
}
.lt-ie9 .rows-of-4 > * > *:first-child {
  margin-top: 0;
}
@media (min-width: 40em) {
  .lt-ie9 .rows-of-4 > * {
    float: left;
    width: 25% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (max-width: 40em) {
  .mobile-rows-of-2 {
    display: block;
  }
  .mobile-rows-of-2::after {
    clear: both;
    content: "";
    display: table;
  }
  .mobile-rows-of-2 > * {
    margin-bottom: 1.5em;
    display: block;
    position: relative;
    float: left;
    display: block;
    margin-right: 7.4229703521%;
    width: 46.288514824%;
  }
  .mobile-rows-of-2 > * > *:first-child {
    margin-top: 0;
  }
  .mobile-rows-of-2 > *:nth-last-child(1) {
    background-color: red;
    margin-bottom: 0;
  }
  .mobile-rows-of-2 > *:nth-last-child(2) {
    background-color: green;
    margin-bottom: 0;
  }
  .mobile-rows-of-2 > *:last-child {
    margin-right: 0;
  }
  .mobile-rows-of-2 > *:nth-child(2n) {
    margin-right: 0;
  }
  .mobile-rows-of-2 > *:nth-child(2n+1) {
    clear: left;
  }
}

.row {
  display: block;
  clear: both;
}
.row::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 40em) {
  .col-1 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 6.1721527019%;
  }
  .col-1:last-child {
    margin-right: 0;
  }

  .col-2 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .col-2:last-child {
    margin-right: 0;
  }

  .col-3 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
  }
  .col-3:last-child {
    margin-right: 0;
  }

  .col-4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .col-4:last-child {
    margin-right: 0;
  }

  .col-5 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .col-5:last-child {
    margin-right: 0;
  }

  .col-6 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .col-6:last-child {
    margin-right: 0;
  }

  .col-7 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%;
  }
  .col-7:last-child {
    margin-right: 0;
  }

  .col-8 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .col-8:last-child {
    margin-right: 0;
  }

  .col-9 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%;
  }
  .col-9:last-child {
    margin-right: 0;
  }

  .col-10 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .col-10:last-child {
    margin-right: 0;
  }

  .col-11 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 91.4701957002%;
  }
  .col-11:last-child {
    margin-right: 0;
  }

  .col-12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .col-12:last-child {
    margin-right: 0;
  }

  .col-last {
    margin-right: 0;
    margin-right: 0 !important;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #585858;
  font-family: Open Sans;
  font-size: 1em;
  line-height: 1.5;
}
@media (max-height: 46em) and (min-width: 60em) {
  body {
    font-size: 0.875em;
  }
}
@media (max-height: 40em) and (min-width: 60em) {
  body {
    font-size: 0.75em;
  }
}

.display-font-size {
  font-size: 2.109375em;
}
@media (min-width: 40em) {
  .display-font-size {
    font-size: 2.53125em;
  }
}
@media (min-width: 60em) {
  .display-font-size {
    font-size: 2.8125em;
  }
}

.xlarge-font-size {
  font-size: 1.640625em;
}
@media (min-width: 40em) {
  .xlarge-font-size {
    font-size: 1.96875em;
  }
}
@media (min-width: 60em) {
  .xlarge-font-size {
    font-size: 2.1875em;
  }
}

.large-font-size {
  font-size: 0.984375em;
}
@media (min-width: 40em) {
  .large-font-size {
    font-size: 1.18125em;
  }
}
@media (min-width: 60em) {
  .large-font-size {
    font-size: 1.1875em;
  }
}

.medium-font-size {
  font-size: 1em;
  margin-bottom: 2em;
  margin-top: 1.75em;
}
@media (min-width: 40em) {
  .medium-font-size {
    font-size: 1.125em;
  }
}
@media (min-width: 60em) {
  .medium-font-size {
    font-size: 1.3125em;
  }
}

.base-font-size {
  font-size: 1em;
}
@media (min-width: 40em) {
  .base-font-size {
    font-size: 1.125em;
  }
}
@media (min-width: 60em) {
  .base-font-size {
    font-size: 1.125em;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins;
  line-height: 1.25;
  margin: 0;
}

h1 {
  font-size: 2.109375em;
  margin-top: 0;
  margin-bottom: 24px;
  color: #040575;
  position: relative;
  padding-bottom: 0.4em;
}
@media (min-width: 40em) {
  h1 {
    font-size: 2.53125em;
  }
}
@media (min-width: 60em) {
  h1 {
    font-size: 2.8125em;
  }
}
h1:before {
  position: absolute;
  content: "";
  width: 1.6em;
  height: 0.0666666667em;
  background-color: #cc0000;
  top: 100%;
  left: 0.0666666667em;
}

h2 {
  font-size: 1.640625em;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 300;
}
@media (min-width: 40em) {
  h2 {
    font-size: 1.96875em;
  }
}
@media (min-width: 60em) {
  h2 {
    font-size: 2.1875em;
  }
}

h3 {
  font-size: 0.984375em;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (min-width: 40em) {
  h3 {
    font-size: 1.18125em;
  }
}
@media (min-width: 60em) {
  h3 {
    font-size: 1.1875em;
  }
}

h4 {
  font-size: 1em;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (min-width: 40em) {
  h4 {
    font-size: 1.125em;
  }
}
@media (min-width: 60em) {
  h4 {
    font-size: 1.3125em;
  }
}

h5 {
  font-size: 1em;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (min-width: 40em) {
  h5 {
    font-size: 1.125em;
  }
}
@media (min-width: 60em) {
  h5 {
    font-size: 1.125em;
  }
}

h6 {
  font-size: 1em;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (min-width: 40em) {
  h6 {
    font-size: 1.125em;
  }
}
@media (min-width: 60em) {
  h6 {
    font-size: 1.125em;
  }
}

p {
  margin: 24px 0;
  font-size: 1.125em;
}

.emph, .page-intro p, .section-header-wrap p {
  font-size: 1.3125em;
  font-weight: normal;
}
@media (min-width: 40em) {
  .emph, .page-intro p, .section-header-wrap p {
    font-size: 1.509375em;
  }
}

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #cc0000;
  text-decoration: underline;
}
a:hover {
  color: maroon;
}
a:active, a:focus {
  color: maroon;
  outline: none;
}

hr {
  border-bottom: 1px solid #efefef;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

blockquote {
  padding: 0;
  margin: 0;
}

cite {
  color: #989898;
  font-style: italic;
}
cite:before {
  content: "— ";
}

/* 
Forms
Lists
Tables 
*/
/* Forms */
fieldset {
  background: white;
  border: 1px solid #efefef;
  margin: 0 0 0.75em 0;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: Open Sans;
  font-size: 1.125em;
}

label {
  font-weight: bold;
  margin-bottom: 0.375em;
}
label.required:after {
  content: "*";
}
label abbr {
  display: none;
}

textarea,
input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea,
select[multiple=multiple],
select {
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0;
  border: 1px solid #efefef;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: Open Sans;
  font-size: 1.125em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%;
}
textarea:hover,
input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, textarea:hover,
select[multiple=multiple]:hover,
select:hover {
  border-color: #d6d6d6;
}
textarea:focus,
input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus,
select[multiple=multiple]:focus,
select:focus {
  border-color: #cc0000;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(179, 0, 0, 0.7);
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
  margin-right: 0.375em;
  width: auto !important;
}

input[type=file] {
  padding-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  height: 2.3em !important;
  width: 100%;
}

.hs-form fieldset {
  max-width: 100% !important;
  background-color: transparent !important;
}

.hs-form fieldset.form-columns-1 .hs-input {
  width: 100% !important;
}

.hs-error-msgs {
  color: red;
}

/* Lists */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dl {
  margin-bottom: 0.75em;
}
dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
dl dd {
  margin: 0;
}

ul:not([class]) {
  clear: left;
  list-style-type: none;
  margin-bottom: 24px;
  padding-left: 1.5em;
}
ul:not([class]) li:not([class]) {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1.125em;
  line-height: 1.5em;
}
ul:not([class]) li:not([class]) a {
  text-decoration: none;
  font-weight: normal;
}
ul:not([class]) li:not([class]):after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  top: 0;
  left: -1.5em;
  background-image: url(../../../hubfs/5066266/img/ico-bullet.svg);
  background-position: center center;
  background-size: 0.45em;
  background-repeat: no-repeat;
}

.bullet-style {
  clear: left;
  list-style-type: none;
  margin-bottom: 24px;
  padding-left: 1.5em;
}
.bullet-style li {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1.125em;
  line-height: 1.5em;
}
.bullet-style li a {
  text-decoration: none;
  font-weight: normal;
}
.bullet-style li:after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  top: 0;
  left: -1.5em;
  background-image: url(../../../hubfs/5066266/img/ico-bullet.svg);
  background-position: center center;
  background-size: 0.45em;
  background-repeat: no-repeat;
}

ol {
  clear: left;
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 24px;
  padding-left: 1.5em;
}
ol li {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1.125em;
  line-height: 1.5em;
}
ol li a {
  text-decoration: none;
  font-weight: normal;
}

/* Tables */
table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #c9c9c9;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #efefef;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

/*=============== Spec Tables ===============*/
.spec-table {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
  background: white;
}

.spec-thead {
  display: block;
}

.spec-table-row {
  display: block;
  width: 100%;
}

.spec-cell {
  display: block;
  border: 0.2em solid #ffffff;
  padding: 0.5em 0.8em;
  vertical-align: top;
}
.spec-cell p {
  margin: 0.5em 0;
}
.spec-cell > ul {
  margin: 0.5em 0;
}
.spec-cell > ul > li {
  margin-bottom: 0 !important;
}
.spec-cell > ul > li ul {
  padding: 0 0 0 1.8em;
}
.spec-cell input,
.spec-cell select {
  width: 100%;
}

.spec-col {
  display: table-column;
}

.spec-col-1 {
  width: 100%;
}

.spec-col-2 {
  width: 100%;
}

@media (min-width: 40em) {
  .spec-table {
    display: table;
  }

  .spec-thead {
    display: table-header-group;
  }

  .spec-table-row {
    display: table-row;
  }

  .spec-cell {
    display: table-cell;
  }
  .spec-cell p {
    font-size: 1em;
  }

  .spec-spec-col-1 {
    width: 30%;
  }

  .spec-spec-col-2 {
    width: 70%;
  }
}
.btn-alt-arrow, .btn-arrow, .btn-alt-download, .btn-download, .btn-alt, .btn, .product-grid-item-link, button,
input[type=submit] {
  position: relative;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  color: white;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  font-size: 1em;
  padding: 1.125em 0.875em;
  text-decoration: none;
  border-radius: 50px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.btn-alt-arrow:hover, .btn-arrow:hover, .btn-alt-download:hover, .btn-download:hover, .btn-alt:hover, .btn:hover, .product-grid-item-link:hover, button:hover,
input[type=submit]:hover {
  color: white;
}
.btn-alt-arrow:disabled, .btn-arrow:disabled, .btn-alt-download:disabled, .btn-download:disabled, .btn-alt:disabled, .btn:disabled, .product-grid-item-link:disabled, button:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-alt-arrow:after, .btn-arrow:after, .btn-alt-download:after, .btn-download:after, .btn-alt:after, .btn:after, .product-grid-item-link:after, button:after,
input[type=submit]:after {
  content: "";
}

.btn, .product-grid-item-link, .btn-arrow, .btn-download, button,
input[type=submit] {
  background-color: #63649E;
  border: 0;
  color: #ffffff;
  min-width: 11.8125em;
  text-align: center;
}
.btn:before, .product-grid-item-link:before, .btn-arrow:before, .btn-download:before, button:before,
input[type=submit]:before {
  content: "";
  width: calc(100% - 14px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #26377C;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.btn span, .product-grid-item-link span, .btn-arrow span, .btn-download span, button span,
input[type=submit] span {
  position: relative;
  z-index: 2;
}
.btn:hover, .product-grid-item-link:hover, .btn-arrow:hover, .btn-download:hover, button:hover,
input[type=submit]:hover {
  background-color: #B72326;
  color: #26377C;
}
.btn:hover:before, .product-grid-item-link:hover:before, .btn-arrow:hover:before, .btn-download:hover:before, button:hover:before,
input[type=submit]:hover:before {
  background-color: #fff;
}
.btn.inner-btn, .inner-btn.product-grid-item-link, .inner-btn.btn-arrow, .inner-btn.btn-download, button.inner-btn,
input.inner-btn[type=submit] {
  font-size: 1.6666666667em;
  line-height: 1em;
  max-width: 11.9333333333em;
  width: 100%;
  padding-left: 1.7em;
  height: 1.9333333333em;
  padding-top: 0.4em;
}

.btn-alt, .btn-alt-arrow, .btn-alt-download {
  background-color: #cc0000;
}
.btn-alt:hover, .btn-alt-arrow:hover, .btn-alt-download:hover {
  background-color: #990000;
}
.btn-alt:after, .btn-alt-arrow:after, .btn-alt-download:after {
  background-color: #990000;
}

button,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  min-width: auto;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

input[type=submit] {
  border: 1px solid #cc0000;
}

.btn-alt-arrow, .btn-arrow, .btn-alt-download, .btn-download {
  padding-right: 4em;
}
.btn-alt-arrow:after, .btn-arrow:after, .btn-alt-download:after, .btn-download:after {
  content: "";
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3em;
  position: absolute;
  background-position: center center;
  background-size: 1.5em;
  background-repeat: no-repeat;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.btn-alt-arrow:hover:after, .btn-arrow:hover:after, .btn-alt-download:hover:after, .btn-download:hover:after {
  background-size: 2em;
}

.btn-download:after {
  background-image: url(img/ico-download.svg);
}

.btn-alt-download:after {
  background-image: url(img/ico-download.svg);
}

.btn-arrow:after {
  background-image: url(img/ico-white-arrow-right.svg);
}

.btn-alt-arrow:after {
  background-image: url(img/ico-white-arrow-right.svg);
}

.site-nav,
#hs_menu_wrapper_primary_nav {
  background-color: #efefef;
}
.site-nav span,
#hs_menu_wrapper_primary_nav span {
  white-space: nowrap;
}
@media (min-width: 60em) {
  .site-nav,
#hs_menu_wrapper_primary_nav {
    display: block;
    position: relative;
    top: 0;
    left: -28px;
    background-color: transparent;
  }
}
@media (min-width: 80em) {
  .site-nav,
#hs_menu_wrapper_primary_nav {
    left: -30px;
  }
}

.sn-level-1,
#hs_menu_wrapper_primary_nav > ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 60em) {
  .sn-level-1,
#hs_menu_wrapper_primary_nav > ul {
    height: 3.125em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.sn-li-l1,
.hs-menu-depth-1 {
  display: block;
  border: none;
  position: relative;
}
.sn-li-l1 span,
.hs-menu-depth-1 span {
  font-size: 1em;
}
.sn-li-l1 > a,
.hs-menu-depth-1 > a {
  display: block;
  height: 3.125em;
  line-height: 3.125em;
  color: #26377C;
  text-decoration: none;
  padding: 0 1em;
  font-weight: bold;
}
.sn-li-l1 > a:hover,
.hs-menu-depth-1 > a:hover {
  color: #B72326;
}
.sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
  cursor: pointer;
  padding-right: 0em;
  background-image: url(img/dropdown-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75em;
  display: block;
  width: 40px;
  height: 50px;
  position: absolute;
  background-color: transparent;
  right: 0;
  top: 0;
  bottom: 0;
}
.sn-li-l1.has-subnav .m-subnav-arrow.active, .sn-li-l1.menu-item-has-children .m-subnav-arrow.active, .sn-li-l1.hs-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.has-subnav .m-subnav-arrow.active,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active {
  transform: rotate(180deg);
}
@media (min-width: 60em) {
  .sn-li-l1,
.hs-menu-depth-1 {
    height: 3.125em;
    float: left;
    border-bottom: 0;
    margin-right: 7px;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    text-align: center;
  }
}
@media (min-width: 60em) and (min-width: 80em) {
  .sn-li-l1,
.hs-menu-depth-1 {
    margin-right: 14px;
  }
}
@media (min-width: 60em) {
  .sn-li-l1.product .sn-level-2,
.hs-menu-depth-1.product .sn-level-2 {
    column-count: 2;
    column-gap: 0;
    width: 25em;
    border-radius: 4px 4px 4px 4px;
    background-color: #020344;
  }
  .sn-li-l1.product .sn-level-2 .sn-li-l2:nth-of-type(11), .sn-li-l1.product .sn-level-2 .sn-li-l3:nth-of-type(11),
.hs-menu-depth-1.product .sn-level-2 .sn-li-l2:nth-of-type(11),
.hs-menu-depth-1.product .sn-level-2 .sn-li-l3:nth-of-type(11) {
    border-radius: 0 4px 0 0;
  }
  .sn-li-l1.product .sn-level-2 .sn-li-l2:nth-of-type(11) > a, .sn-li-l1.product .sn-level-2 .sn-li-l3:nth-of-type(11) > a,
.hs-menu-depth-1.product .sn-level-2 .sn-li-l2:nth-of-type(11) > a,
.hs-menu-depth-1.product .sn-level-2 .sn-li-l3:nth-of-type(11) > a {
    border-top: none;
  }
  .sn-li-l1.product .sn-level-2 .sn-li-l2:nth-of-type(10), .sn-li-l1.product .sn-level-2 .sn-li-l3:nth-of-type(10),
.hs-menu-depth-1.product .sn-level-2 .sn-li-l2:nth-of-type(10),
.hs-menu-depth-1.product .sn-level-2 .sn-li-l3:nth-of-type(10) {
    border-radius: 0 0 4px 4px;
  }
}
@media (min-width: 60em) {
  .sn-li-l1 span,
.hs-menu-depth-1 span {
    font-size: 1em;
  }
}
@media (min-width: 60em) {
  .sn-li-l1 > a,
.hs-menu-depth-1 > a {
    padding: 0;
    color: #26377C;
    height: 4.125em;
  }
  .sn-li-l1 > a:hover,
.hs-menu-depth-1 > a:hover {
    color: #B72326;
  }
}
@media (min-width: 60em) {
  .sn-li-l1:hover .sn-level-2,
.sn-li-l1:hover .hs-menu-children-wrapper,
.hs-menu-depth-1:hover .sn-level-2,
.hs-menu-depth-1:hover .hs-menu-children-wrapper {
    display: block;
  }
  .sn-li-l1:hover.has-subnav > a span, .sn-li-l1:hover.menu-item-has-children > a span, .sn-li-l1:hover.hs-item-has-children > a span,
.hs-menu-depth-1:hover.has-subnav > a span,
.hs-menu-depth-1:hover.menu-item-has-children > a span,
.hs-menu-depth-1:hover.hs-item-has-children > a span {
    background-image: url(img/dropdown-arrow-hover.png);
  }
}
@media (min-width: 60em) {
  .sn-li-l1.has-subnav .m-subnav-arrow, .sn-li-l1.menu-item-has-children .m-subnav-arrow, .sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
    display: none;
  }
  .sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span, .sn-li-l1.hs-item-has-children > a span,
.hs-menu-depth-1.has-subnav > a span,
.hs-menu-depth-1.menu-item-has-children > a span,
.hs-menu-depth-1.hs-item-has-children > a span {
    padding-right: 0.8em;
    background-image: url(img/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 0.9375em 0.5em;
    display: inline;
  }
  .sn-li-l1.has-subnav > a.active span, .sn-li-l1.menu-item-has-children > a.active span, .sn-li-l1.hs-item-has-children > a.active span,
.hs-menu-depth-1.has-subnav > a.active span,
.hs-menu-depth-1.menu-item-has-children > a.active span,
.hs-menu-depth-1.hs-item-has-children > a.active span {
    background-image: url(img/dropdown-arrow.png);
    transform: rotate(180deg);
  }
}
.sn-level-2,
.hs-menu-children-wrapper {
  padding: 0;
  margin: 0;
  display: none;
  position: relative;
  z-index: 999;
}
.sn-level-2.active,
.hs-menu-children-wrapper.active {
  display: block;
}
@media (min-width: 60em) {
  .sn-level-2,
.hs-menu-children-wrapper {
    position: absolute;
    left: 50%;
    top: 90%;
    width: 12.5em;
    padding-top: 2.0625em;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sn-level-2.active,
.hs-menu-children-wrapper.active {
    display: none;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .sn-level-2,
.hs-menu-children-wrapper {
    width: 15.625em;
  }
}

.sn-li-l2, .sn-li-l3,
.hs-menu-depth-2 {
  background-color: transparent;
}
.sn-li-l2 > a, .sn-li-l3 > a,
.hs-menu-depth-2 > a {
  padding: 0 1.7647058824em 0 1.7647058824em;
  color: #26377C;
  border: none;
  display: block;
  text-decoration: none;
  line-height: 3.125em;
}
.sn-li-l2 > a span, .sn-li-l3 > a span,
.hs-menu-depth-2 > a span {
  font-size: 1em;
  line-height: 1.25em;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.sn-li-l2 > a:hover, .sn-li-l3 > a:hover,
.hs-menu-depth-2 > a:hover {
  background-color: #B72326;
  color: #ffffff;
}
.sn-li-l2:last-child > a, .sn-li-l3:last-child > a,
.hs-menu-depth-2:last-child > a {
  border-bottom: 0;
}
.sn-li-l2:hover, .sn-li-l3:hover,
.hs-menu-depth-2:hover {
  background-color: transparent;
}
@media (min-width: 60em) {
  .sn-li-l2, .sn-li-l3,
.hs-menu-depth-2 {
    position: relative;
    background-color: #fff;
  }
  .sn-li-l2 > a, .sn-li-l3 > a,
.hs-menu-depth-2 > a {
    color: #26377C;
    padding: 0 1em;
    line-height: 3.125em;
    border-top: 1px solid #707070;
    border-right: none;
    text-align: left;
  }
  .sn-li-l2 > a span, .sn-li-l3 > a span,
.hs-menu-depth-2 > a span {
    font-size: 1em;
  }
  .sn-li-l2:first-child > a, .sn-li-l3:first-child > a,
.hs-menu-depth-2:first-child > a {
    border-top: none;
  }
  .sn-li-l2:hover, .sn-li-l3:hover,
.hs-menu-depth-2:hover {
    background-color: #B72326;
  }
  .sn-li-l2:hover > a, .sn-li-l3:hover > a,
.hs-menu-depth-2:hover > a {
    color: #fff;
  }
  .sn-li-l2:hover .sn-level-3, .sn-li-l3:hover .sn-level-3,
.hs-menu-depth-2:hover .sn-level-3 {
    display: block;
    margin: -1.5625em;
    padding: 1.5625em;
  }
}

.sn-level-3 {
  padding: 0;
  margin: 0;
  padding-top: 1px;
  display: none;
  position: relative;
}
.sn-level-3.active {
  display: block;
}
@media (min-width: 60em) {
  .sn-level-3 {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .sn-level-3.active {
    display: none;
  }
}

.site-nav-container {
  background-color: #efefef;
  width: 100%;
  right: -100%;
  top: 0;
  z-index: 10000;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.site-nav-container.active {
  right: 0;
}
@media (min-width: 60em) {
  .site-nav-container {
    background-color: transparent;
    bottom: auto;
    display: inline-block;
    height: auto;
    margin: 0;
    position: static;
    right: auto;
    top: auto;
    width: 61%;
    margin: 1.0625em 0.625em 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .site-nav-container .sh-rfq {
    display: none;
  }
}
.site-nav-container .sh-rfq {
  margin-left: 1.125em;
}
@media (min-width: 80em) {
  .site-nav-container {
    width: 58%;
    margin: 3.625em 0.625em 0 0.625em;
  }
}
@media (min-width: 87.5em) {
  .site-nav-container {
    width: 58.2%;
    margin: 3.25em 0.625em 0 0.625em;
  }
}

.site-nav-container-screen {
  position: absolute;
  display: none;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.site-nav-container-screen.active {
  display: block;
}
@media (min-width: 60em) {
  .site-nav-container-screen {
    display: none !important;
  }
}

.close-menu {
  display: inline-block;
  clear: both;
  width: 1.6875em;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  border-radius: 0.1875em;
  height: 1.625em;
  right: 0.9375em;
  top: 2.25em;
}
.close-menu img {
  display: block;
}
.close-menu:visited {
  color: #ffffff;
}
.close-menu:hover {
  color: #ffffff;
}
@media (min-width: 60em) {
  .close-menu {
    display: none;
  }
}

.snc-header {
  text-align: center;
  padding: 1em;
}
@media (min-width: 60em) {
  .snc-header {
    padding: 0;
  }
}

/*
This is used to separate sections/modules of the website while still keeping a consistent max-width. Example below:
<section class="about-module">
  <div class="inner-wrap">
    Content here...
  </div>
</section>
*/
.inner-wrap, .inner-wrap-fullwidth, .inner-wrap-wide, .inner-wrap-narrow {
  max-width: 78em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 1em 1.5em 1em;
}
.inner-wrap::after, .inner-wrap-fullwidth::after, .inner-wrap-wide::after, .inner-wrap-narrow::after {
  clear: both;
  content: "";
  display: table;
}
.inner-wrap > *:first-child, .inner-wrap-fullwidth > *:first-child, .inner-wrap-wide > *:first-child, .inner-wrap-narrow > *:first-child {
  margin-top: 0;
}
.inner-wrap > *:last-child, .inner-wrap-fullwidth > *:last-child, .inner-wrap-wide > *:last-child, .inner-wrap-narrow > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40em) {
  .inner-wrap, .inner-wrap-fullwidth, .inner-wrap-wide, .inner-wrap-narrow {
    padding: 2.5em 1.5em 2.5em 1.5em;
  }
}

.inner-wrap-narrow {
  max-width: 62.5em;
}

.inner-wrap-wide {
  max-width: 87.5em;
}

.inner-wrap-fullwidth {
  max-width: 100%;
}

/*=============== Sections ===============*/
.section-header-wrap {
  background-color: #efefef;
}
.section-header-wrap .inner-wrap, .section-header-wrap .inner-wrap-narrow, .section-header-wrap .inner-wrap-wide, .section-header-wrap .inner-wrap-fullwidth {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.section-header-wrap h1 {
  margin: 0;
}
.section-header-wrap p {
  margin: 0.5em 0 0 0;
}

.section-cta {
  text-align: center;
}

/*=============== Media Object ===============*/
.media-object {
  overflow: hidden;
}

.media-object-img {
  width: 20%;
  float: left;
  display: block;
  margin-right: 5%;
}
.media-object-img img {
  width: 100%;
}

.media-object-body {
  width: 75%;
  float: left;
}

.media-object-header {
  margin-top: 0;
  margin-bottom: 0.15em;
}

.media-grid-2 > * {
  margin-bottom: 1em;
}
@media (min-width: 40em) {
  .media-grid-2 > * {
    float: left;
    display: block;
    margin-right: 3.1684356888%;
    width: 48.4157821556%;
    margin-bottom: 1.5em;
  }
  .media-grid-2 > *:last-child {
    margin-right: 0;
  }
  .media-grid-2 > *:nth-child(2n) {
    margin-right: 0;
  }
  .media-grid-2 > *:nth-child(2n+1) {
    clear: left;
  }
}

/*======= Responsive iFrame / YouTube / HTML5 Video =======*/
.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 1.8em;
}
.iframe-container iframe, .iframe-container object, .iframe-container embed, .iframe-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*=============== Click to Expand ===============*/
.click-expand {
  border: 1px solid #efefef;
  clear: both;
  overflow: hidden;
  margin-bottom: 1.5em;
  background-color: #efefef;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.click-expand.active:hover {
  background-color: #ffffff;
}
.click-expand.active .ce-header:after {
  content: "-";
}
.click-expand.active .ce-body {
  display: block;
  opacity: 1;
  -webkit-animation: click-expand 0.5s 1;
  -moz-animation: click-expand 0.5s 1;
  animation: click-expand 0.5s 1;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
  padding: 0 12px 1.5em 12px;
  display: block;
}
.click-expand.active .ce-body > *:first-child {
  margin-top: 0;
}
.click-expand.active .ce-body > *:last-child {
  margin-bottom: 0;
}
.click-expand:hover {
  background-color: #efefef;
}
.ce-header {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.ce-header:after {
  content: "+";
  color: #cc0000;
  padding-left: 8px;
  position: absolute;
  right: 0.3125em;
}

.ce-body {
  display: none;
  opacity: 0;
}

@-webkit-keyframes click-expand {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes click-expand {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes click-expand {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*=============== Social Media Icons ===============*/
.social-wrap {
  border-top-color: #ffffff;
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 1em;
  position: relative;
  /*span {
    background-color:$white;
    border-radius:3px;
    display:inline-block;
    padding:.15em;
    img {
      display:block;
      margin:0 auto;
    }
  }*/
}
.social-wrap a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.social-wrap a path {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.social-wrap a:hover {
  opacity: 0.75;
}
.social-wrap a:hover path {
  fill: #477DCA;
}
.social-wrap a:first-child {
  margin-left: 0em;
}
.social-wrap img {
  display: inline-block;
  margin: 0 auto;
  width: 1.1em;
  height: auto;
  vertical-align: middle;
}
.social-wrap svg {
  display: inline-block;
  vertical-align: middle;
}
.social-wrap:before {
  position: absolute;
  content: "";
  width: 1.25em;
  height: 0.0625em;
  background-color: #ffffff;
  top: -0.0625em;
  right: 100%;
}
.social-wrap:after {
  position: absolute;
  content: "";
  width: 1.25em;
  height: 0.0625em;
  background-color: #ffffff;
  top: -0.0625em;
  left: 100%;
}
@media (min-width: 60em) {
  .social-wrap {
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    border: none;
  }
  .social-wrap:before {
    display: none;
  }
  .social-wrap:after {
    display: none;
  }
}

@media (min-width: 60em) {
  .social-wrap a {
    margin-top: 1em;
  }
}

/*=============== Slide Panel ===============*/
.slide-panel {
  display: none;
  position: fixed;
  background: #333333;
  color: #fff;
  height: 100%;
  width: 21.25em;
  right: -21.25em;
  top: 14%;
  z-index: 10;
  -webkit-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  transition: right 0.4s ease-in-out;
}
.slide-panel h2 {
  padding: 0.2em 1em;
}
.slide-panel p {
  background: #333333;
  padding: 0.25px 2em;
}
.slide-panel label {
  color: #ffffff !important;
}
.slide-panel:hover {
  right: 0px;
}
@media (min-width: 40em) {
  .slide-panel {
    display: block;
  }
}

.slide-panel-button {
  position: absolute;
  top: 50px;
  right: 340px;
  padding: 20px 20px;
  background: #333333;
  min-width: 200px;
}

/*=============== Slide Box ===============*/
#last {
  margin: 0;
  padding: 0;
}

#slidebox {
  padding: 0.625em 0.625em 0.625em 1em;
  position: fixed;
  bottom: 0;
  right: -26.875em;
  z-index: 1000;
  width: 100%;
  background-color: #040575;
}
@media (min-width: 40em) {
  #slidebox {
    width: auto;
  }
}

a.close {
  background-color: white;
  color: #477DCA;
  text-align: center;
  float: left;
  padding: 0 0.5em;
  font-size: 0.6875em;
  border-radius: 0.1875em;
  position: absolute;
  cursor: pointer;
  top: 1.5em;
  right: 2em;
}

a.close:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

/*=============== Accordion Tabs ===============*/
.accordion-tabs {
  line-height: 1.5;
  margin-bottom: 1.5em;
  padding: 0 !important;
}
.accordion-tabs::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 40em) {
  .accordion-tabs {
    border-radius: 0;
    border: 1px solid #efefef;
  }
}
.accordion-tabs .tab-header-and-content {
  list-style: none;
  margin-bottom: 0;
}
.accordion-tabs .tab-header-and-content:after {
  display: none;
}
@media screen and (min-width: 40em) {
  .accordion-tabs .tab-header-and-content {
    display: inline;
  }
}
.accordion-tabs .tab-header-and-content:first-child .tab-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media screen and (max-width: 40em) {
  .accordion-tabs .tab-header-and-content:first-child .tab-link {
    border-top: 0;
  }
}
@media screen and (max-width: 40em) {
  .accordion-tabs .tab-header-and-content:last-child .tab-link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.accordion-tabs .tab-link {
  background-color: rgba(255, 255, 255, 0);
  border-top: 1px solid #efefef;
  color: #333333;
  display: block;
  font-weight: bold;
  font-size: 1.3125em;
  padding: 0.75em 0.809em;
  text-decoration: none;
  font-family: Poppins;
  border-bottom: 0;
}
@media screen and (min-width: 40em) {
  .accordion-tabs .tab-link {
    display: inline-block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
  }
}
.accordion-tabs .tab-link:hover {
  color: #cc0000;
  border-bottom: 0;
}
.accordion-tabs .tab-link:focus {
  outline: none;
}
.accordion-tabs .tab-link.is-active {
  background-color: white;
}
@media screen and (min-width: 40em) {
  .accordion-tabs .tab-link.is-active {
    background-color: white;
    border: 1px solid #efefef;
    border-bottom-color: white;
    margin-bottom: -1px;
  }
}
.accordion-tabs .tab-content {
  background: white;
  display: none;
  padding: 1.5em 1.618em;
  width: 100%;
}
.accordion-tabs .tab-content > *:first-child {
  margin-top: 0;
}
.accordion-tabs .tab-content > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .accordion-tabs .tab-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #efefef;
    float: left;
  }
}

/*=============== HubSpot Thumbnail Slider Gallery  ===============*/
.hs_cos_gallery_thumbnails .hs_cos_gallery_slide:hover {
  cursor: pointer;
}
.hs_cos_gallery_thumbnails img {
  height: 3.75em;
  object-fit: cover;
  border: 1px solid #efefef;
}
.hs_cos_gallery_thumbnails .slick-current img {
  border: 1px solid #cc0000;
}

/*=============== Misc ===============*/
hr {
  display: block;
  clear: both;
}

figure {
  margin: 0;
  padding: 0;
}

.wp-pagenavi > * {
  margin-right: 0.75em;
}

/*=============== Lightbox / Magnific Popup  ===============*/
.white-popup {
  background-image: url(img/popup_banner_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  position: relative;
  width: 80%;
  max-width: 87.5em;
}
.white-popup > * {
  margin-top: 0;
}

/*=============== Layouts  ===============*/
.page-intro {
  background-color: #efefef;
}
.page-intro .inner-wrap, .page-intro .inner-wrap-narrow, .page-intro .inner-wrap-wide, .page-intro .inner-wrap-fullwidth {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.page-intro h1 {
  margin: 0;
}
.page-intro p {
  margin: 0.5em 0 0 0;
}

@media (min-width: 60em) {
  .site-content.one-column .site-content-primary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
  }
  .site-content.one-column .site-content-primary:last-child {
    margin-right: 0;
  }
  .site-content.one-column .site-content-secondary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
  }
  .site-content.one-column .site-content-secondary:last-child {
    margin-right: 0;
  }
  .site-content.two-column .site-content-primary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%;
  }
  .site-content.two-column .site-content-primary:last-child {
    margin-right: 0;
  }
  .site-content.two-column .site-content-secondary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    margin-right: 0;
  }
  .site-content.two-column .site-content-secondary:last-child {
    margin-right: 0;
  }
  .site-content.three-column .site-content-primary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .site-content.three-column .site-content-primary:last-child {
    margin-right: 0;
  }
  .site-content.three-column .site-content-secondary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .site-content.three-column .site-content-secondary:last-child {
    margin-right: 0;
  }
  .site-content.three-column .additional-content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-right: 0;
  }
  .site-content.three-column .additional-content:last-child {
    margin-right: 0;
  }
  .site-content.two-column-alt .site-content-primary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .site-content.two-column-alt .site-content-primary:last-child {
    margin-right: 0;
  }
  .site-content.two-column-alt .site-content-secondary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-right: 0;
  }
  .site-content.two-column-alt .site-content-secondary:last-child {
    margin-right: 0;
  }
}

/*=============== Product Grid ===============*/
.product-grid {
  clear: both;
}

.product-grid-item {
  font-size: 0.875em;
  text-decoration: none;
  text-align: center;
  background-color: #ffffff;
  padding: 1em;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.product-grid-item:hover {
  border-bottom: 1px solid #585858;
  border-right: 1px solid #585858;
}
.product-grid-item:hover .product-grid-item-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}
@media (min-width: 40em) {
  .product-grid-item {
    font-size: 0.75em;
    margin-bottom: 1.5em;
  }
}
@media (min-width: 60em) {
  .product-grid-item {
    font-size: 1em;
  }
}

@media (min-width: 40em) {
  .product-grid-item-header-wrap {
    height: 4em;
    line-height: 4em;
    margin-bottom: 1em;
  }
  .product-grid-item-header-wrap .product-grid-item-header {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (min-width: 60em) {
  .product-grid-item-header-wrap {
    height: 4em;
    line-height: 4em;
  }
}

.product-grid-item-header {
  font-size: 1.125em;
  color: #040575;
  text-decoration: none;
  margin: 0 0 0 0;
  width: 70%;
  float: right;
  text-align: left;
  clear: none;
}
@media (min-width: 40em) {
  .product-grid-item-header {
    width: auto;
    float: none;
    text-align: center;
  }
}

.product-grid-item-subheader {
  color: #000000;
  margin: 0 0 1em 0;
  width: 70%;
  float: right;
  text-align: left;
  clear: none;
  font-size: 0.9375em;
}
@media (min-width: 40em) {
  .product-grid-item-subheader {
    width: auto;
    float: none;
    text-align: center;
  }
}
@media (min-width: 60em) {
  .product-grid-item-subheader {
    min-height: 3em;
  }
}

.product-grid-item-img {
  float: left;
  width: 25%;
  margin-top: -1em;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media (min-width: 40em) {
  .product-grid-item-img {
    margin-top: 0;
    float: none;
    width: auto;
  }
}

.product-grid-item-link {
  margin: 1em 0 0 0;
  float: right;
  text-align: left;
  clear: none;
  font-size: 0.75em;
}
@media (min-width: 40em) {
  .product-grid-item-link {
    width: auto;
    float: none;
    text-align: center;
  }
}

/*=============== Product Carousel ===============*/
@media (max-width: 40em) {
  .product-item {
    float: left;
    display: block;
    margin-right: 4.8291579146%;
    width: 47.5854210427%;
  }
  .product-item:last-child {
    margin-right: 0;
  }
  .product-item:nth-child(2n) {
    margin-right: 0;
  }
  .product-item:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 40em) {
  .product-item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
  }
  .product-item:last-child {
    margin-right: 0;
  }
}

/*=============== Resources Module ===============*/
.resources-module {
  background-color: #ffffff;
}

.rm-item-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 40em) {
  .rm-item-wrap {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.rm-item-wrap > * {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  box-flex: auto;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
@media (min-width: 40em) {
  .rm-item-wrap > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.rm-item {
  text-align: center;
  background-color: #efefef;
  padding: 1em !important;
}
.rm-item:hover .rm-item-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
@media (min-width: 40em) {
  .rm-item {
    margin-bottom: 0;
  }
}

.rm-item-cta {
  font-size: 0.75em;
  font-weight: bold;
}

.rm-item-img {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-bottom: 1em;
}
.rm-item-img img {
  max-width: 100%;
  object-fit: contain;
  height: 19.375em;
}

.rm-item-title {
  text-decoration: none;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  text-align: center;
  height: 2.5em;
  line-height: 2.5em;
  color: #040575;
  position: relative;
  z-index: 10;
}
.rm-item-title span {
  line-height: 1.25em;
  display: inline-block;
  color: #040575;
}

.single-awsm_job_openings .rpmc-social {
  display: none;
}
.single-awsm_job_openings .post-meta {
  display: none;
}
.single-awsm_job_openings .site-content-primary.col-9 {
  width: 100%;
  margin: 0;
  float: none;
}
.single-awsm_job_openings .site-content-secondary {
  display: none;
}

.awsm-job-specification-wrapper {
  margin-bottom: 10px;
}

.benefits-wrap {
  margin: 60px 0 20px;
}
.benefits-wrap .ben-heading {
  margin-bottom: 1.1428571429em;
  font-weight: 700;
}
.benefits-wrap .ben-points h3 {
  margin-bottom: 1.5789473684em;
  color: #333333;
  font-weight: 400;
  position: relative;
  padding-left: 2.3684210526em;
}
.benefits-wrap .ben-points h3:before {
  content: "";
  background-image: url(img/right-icon.png);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* ===== DEFAULTS FOR ALL BLOGS =====  */
.fb_iframe_widget span {
  height: 24px !important;
}

#recaptcha_table {
  table-layout: initial !important;
  height: 126px;
  overflow: hidden;
  margin-bottom: 1em;
}

.blog-pagination {
  font-size: 1.7em;
  font-weight: bold;
}
.blog-pagination a {
  margin-right: 2em;
  text-decoration: none;
}

.more-link {
  font-size: 1.4em;
  text-decoration: none;
}

.post-item {
  border-bottom: 5px solid #efefef;
  padding-bottom: 2em;
  margin-bottom: 2em;
}

.hs-author-avatar {
  float: left;
  margin-right: 1.5em;
}
.hs-author-avatar img {
  border-bottom: 1px solid #adadad;
}

.hs-author-social-label {
  font-size: 1.3em;
}

.hs-author-bio {
  font-size: 1.3em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.hs-author-profile {
  background: #F2F2F2;
  padding: 0.2em 2em 2em 2em;
}

.hs-author-listing-header {
  padding-top: 1em;
  margin-top: 0.3em;
  color: #b9b9b9;
}

.hs-author-social-links a {
  text-decoration: none;
}
.hs-author-social-links img {
  opacity: 0.7;
  width: 1.875em;
  height: 1.875em;
}
.hs-author-social-links img:hover {
  opacity: 1;
}

/*   end defaults   */
.site-wrap {
  background: #ffffff;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  /*@include display(flex); //sticky footer
  @include flex-direction(column); //sticky footer
  min-height: 100%; //sticky footer*/
}

.corona-popup {
  color: #ffffff;
  overflow: hidden;
  background: #bd0000;
  width: 100%;
  padding: 17px 0.25em 17px;
  position: fixed;
  top: 0;
  z-index: 1001;
  text-align: center;
  right: 0;
}
.corona-popup.staging {
  background-color: #25377d;
  position: relative;
}

.sb-text {
  font-size: 1em;
  line-height: 1.375em;
  color: #ffffff;
  margin: 0 !important;
}

.sb-btn {
  color: #FFFF00;
  text-decoration: underline;
}
.sb-btn:hover {
  color: #FFFF00;
  text-decoration: none;
}

/*=============== Site Header ===============*/
header.site-header {
  height: auto;
  background-color: #efefef;
  /*@include mq(xlarge) {
    height:em(216);
  }*/
}
@media (min-width: 60em) {
  header.site-header {
    height: 11.625em;
  }
}

.sh-sticky-wrap {
  background-color: #efefef;
  /* @include mq(xlarge) {
    width: 25%;
  } */
}
.sh-sticky-wrap .inner-wrap, .sh-sticky-wrap .inner-wrap-narrow, .sh-sticky-wrap .inner-wrap-wide, .sh-sticky-wrap .inner-wrap-fullwidth {
  padding-top: 1.25em;
  padding-bottom: 0.9375em;
}
@media (min-width: 60em) {
  .sh-sticky-wrap {
    position: relative;
    z-index: 99;
    text-align: right;
  }
  .sh-sticky-wrap.stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 54px;
    z-index: 1040;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  }
  .sh-sticky-wrap.stuck .sn-level-2 {
    padding-top: 1.75em;
  }
  .sh-sticky-wrap.stuck .site-logo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-download, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-arrow {
    margin-top: 0.6875em;
  }
}
@media (min-width: 80em) {
  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
  }
  .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-download, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-arrow {
    margin-top: 1.25em;
  }
}
@media (min-width: 87.5em) {
  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
  }
  .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-download, .sh-sticky-wrap.stuck .sh-utility-rfq.btn-alt-arrow {
    margin-top: 1.1875em;
  }
}

.site-logo {
  display: block;
  float: left;
  max-width: 17.625em;
  width: 67%;
}
@media (min-width: 60em) {
  .site-logo {
    width: 17.5%;
  }
}
@media (min-width: 80em) {
  .site-logo {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    max-width: 17.625em;
    float: left;
  }
}

@media (min-width: 80em) {
  .site-img {
    display: block;
    width: 100%;
  }
}

.sh-utility-wrap {
  background-color: #040575;
  margin-top: 74px;
}
@media (min-width: 40em) {
  .sh-utility-wrap {
    margin-top: 54px;
  }
}
.sh-utility-wrap .inner-wrap, .sh-utility-wrap .inner-wrap-narrow, .sh-utility-wrap .inner-wrap-wide, .sh-utility-wrap .inner-wrap-fullwidth {
  padding-top: 1.125em;
  padding-bottom: 1.0625em;
}
@media (min-width: 60em) {
  .sh-utility-wrap .inner-wrap, .sh-utility-wrap .inner-wrap-narrow, .sh-utility-wrap .inner-wrap-wide, .sh-utility-wrap .inner-wrap-fullwidth {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 60em) {
  .sh-utility-container {
    text-align: right;
    height: 3.75em;
  }
}

.sh-utility-nav {
  max-width: 15.625em;
  padding-bottom: 0.875em;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.sh-utility-nav .sh-ph {
  font-weight: 600;
  font-size: 1.125em;
  color: #ffffff;
  display: block;
  float: right;
  text-decoration: none;
  line-height: 1em;
  padding: 0.1111111111em 0 0.2777777778em 0;
}
.sh-utility-nav .sh-ph.sh-icon {
  background-image: url(img/call.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 1.3888888889em 1.3333333333em;
  padding-left: 1.9444444444em;
  position: relative;
  margin-right: 0.9444444444em;
}
@media (min-width: 60em) {
  .sh-utility-nav {
    padding-bottom: 0;
    float: left;
  }
  .sh-utility-nav .sh-ph {
    margin-top: 0.8947368421em;
    font-size: 1.1875em;
  }
  .sh-utility-nav .sh-ph.sh-icon {
    background-size: 1.3157894737em 1.2631578947em;
    padding-left: 1.8421052632em;
    position: relative;
    margin-right: 1.5263157895em;
  }
}

.sh-email {
  display: block;
  float: left;
  margin-top: 0.125em;
}
@media (min-width: 60em) {
  .sh-email {
    padding-top: 1.25em;
    padding-right: 0.8125em;
    padding-left: 0.75em;
    padding-bottom: 0.875em;
    margin-top: 0;
  }
  .sh-email:hover {
    background-color: #cc0000;
  }
}

.sh-utility-rfq.btn-alt, .sh-utility-rfq.btn-alt-download, .sh-utility-rfq.btn-alt-arrow {
  display: none;
}
@media (min-width: 60em) {
  .sh-utility-rfq.btn-alt, .sh-utility-rfq.btn-alt-download, .sh-utility-rfq.btn-alt-arrow {
    display: inline-block;
    vertical-align: top;
    float: right;
    height: 2.9411764706em;
    padding-top: 0.8823529412em;
    padding-left: 0.3529411765em;
    padding-right: 0.3529411765em;
    margin-top: 0.8823529412em;
    font-size: 1.0625em;
  }
}
@media (min-width: 80em) {
  .sh-utility-rfq.btn-alt, .sh-utility-rfq.btn-alt-download, .sh-utility-rfq.btn-alt-arrow {
    margin-top: 3.4117647059em;
  }
}
@media (min-width: 87.5em) {
  .sh-utility-rfq.btn-alt, .sh-utility-rfq.btn-alt-download, .sh-utility-rfq.btn-alt-arrow {
    margin-top: 3em;
  }
}

.sh-icons {
  float: right;
}
.sh-ico-menu, .sh-ico-search {
  background-repeat: no-repeat;
  background-position: center top;
  display: inline-block;
  padding-top: 1.2em;
  width: 2em;
  margin-left: 1em;
  text-align: center;
  text-decoration: none;
}
.sh-ico-menu span, .sh-ico-search span {
  font-size: 0.75em;
}
.sh-ph {
  margin: 0;
}
.sh-ph i {
  font-style: normal;
}
@media (min-width: 40em) {
  .sh-ph {
    font-size: 1.3125em;
  }
}

.sh-ico-search {
  background-image: url(../../../hubfs/5066266/img/search.svg);
  float: right;
  margin-right: 0 !important;
  margin-top: 0.125em;
  height: 1.5625em;
}

.sh-ico-menu {
  background-image: url(img/menu-hamburger.png);
  width: auto;
  padding-top: 1.5625em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0.9375em;
}
@media (min-width: 60em) {
  .sh-ico-menu {
    display: none;
  }
}

/*=============== Site Intro ===============*/
.site-intro {
  text-align: center;
  background-image: url(img/hero.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #26377C;
  background-blend-mode: multiply;
  position: relative;
  background-image: none;
  display: flex;
  align-items: center;
}
.site-intro .inner-wrap, .site-intro .inner-wrap-narrow, .site-intro .inner-wrap-wide, .site-intro .inner-wrap-fullwidth {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
@media (min-width: 60em) {
  .site-intro {
    min-height: 33.8125em;
  }
}
@media (min-width: 80em) {
  .site-intro {
    min-height: 38.5em;
  }
}
.site-intro .si-header {
  font-size: 2.625em;
  line-height: 1.1666666667em;
  color: #ffffff;
  margin-bottom: 1.0476190476em;
  padding: 0;
}
.site-intro .si-header:before {
  display: none;
}
@media (min-width: 60em) {
  .site-intro .si-header span {
    display: block;
  }
}
.site-intro .btn, .site-intro button,
.site-intro input[type=submit], .site-intro .btn-download, .site-intro .btn-arrow, .site-intro .product-grid-item-link {
  margin: 0.625em;
}
@media (min-width: 40em) {
  .site-intro .btn, .site-intro button,
.site-intro input[type=submit], .site-intro .btn-download, .site-intro .btn-arrow, .site-intro .product-grid-item-link {
    margin: 0;
  }
  .site-intro .btn:first-child, .site-intro button:first-child,
.site-intro input[type=submit]:first-child, .site-intro .btn-download:first-child, .site-intro .btn-arrow:first-child, .site-intro .product-grid-item-link:first-child {
    margin-right: 1.25rem;
  }
}

/******dest intro*******/
.site-dest-intro {
  max-height: 7.5625em;
  overflow: hidden;
  width: 100%;
}
.site-dest-intro img {
  width: 100%;
  display: block;
}

/*=============== Site Content ===============*/
.site-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.site-content .inner-wrap, .site-content .inner-wrap-narrow, .site-content .inner-wrap-wide, .site-content .inner-wrap-fullwidth {
  position: relative;
}

/*=============== Site Footer ===============*/
.sf-ft-text {
  font-weight: bold;
  text-align: center;
  color: white;
  vertical-align: middle;
}

.site-footer {
  background-color: #000F4B;
  color: #ffffff;
}
.site-footer .inner-wrap, .site-footer .inner-wrap-narrow, .site-footer .inner-wrap-wide, .site-footer .inner-wrap-fullwidth {
  padding-bottom: 1.875em;
  padding-top: 3.125em;
}

.sf-footer-top {
  background-color: #031459;
}
.sf-footer-top .inner-wrap, .sf-footer-top .inner-wrap-narrow, .sf-footer-top .inner-wrap-wide, .sf-footer-top .inner-wrap-fullwidth {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}

.sf-small {
  text-align: center;
}
.sf-small .inner-wrap, .sf-small .inner-wrap-narrow, .sf-small .inner-wrap-wide, .sf-small .inner-wrap-fullwidth {
  padding-top: 1em;
  padding-bottom: 1em;
}

.sf-footer-content {
  margin-bottom: 3.125em;
}
@media (min-width: 40em) {
  .sf-footer-content > div {
    width: 50%;
  }
}
@media (min-width: 60em) {
  .sf-footer-content > div {
    float: left;
    width: 32%;
  }
}
@media (min-width: 80em) {
  .sf-footer-content > div {
    float: left;
    width: 30%;
  }
}

.sf-flag {
  margin-bottom: 2.5em;
}
.sf-flag img {
  width: 3.125em;
  display: inline-block;
  margin-right: 0.625em;
  background: #040575;
  mix-blend-mode: luminosity;
  background-blend-mode: luminosity;
}
.sf-flag img.active {
  mix-blend-mode: normal;
  background-blend-mode: normal;
}
@media (min-width: 60em) {
  .sf-flag {
    margin-bottom: 0;
    width: 4% !important;
    padding-right: 10px;
  }
  .sf-flag img {
    display: block;
    margin-bottom: 0.625em;
    margin-right: 0;
    width: 3.625em;
  }
}
@media (min-width: 80em) {
  .sf-flag {
    margin-bottom: 0;
    width: 10% !important;
    padding-right: 0;
    width: 3.125em;
  }
}

.sf-heading {
  text-transform: uppercase;
  margin-top: 0;
  background-image: url(../../../hubfs/5066266/img/location.svg);
  padding-left: 1.3684210526em;
  background-size: 1.2105263158em 1.2105263158em;
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 1.2631578947em;
  margin-bottom: 0.5263157895em;
}

.sf-address-cont {
  margin-bottom: 2.5em;
}
@media (min-width: 60em) {
  .sf-address-cont {
    margin-bottom: 0;
  }
}

.sf-address {
  padding-left: 1.625em;
  font-style: normal;
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}

.sf-ph {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.0625em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.5882352941em;
}
.sf-ph:first-child {
  margin-right: 1.1764705882em;
  position: relative;
}
.sf-ph:first-child:after {
  content: "";
  position: absolute;
  width: 0.0588235294em;
  height: 1.0588235294em;
  top: 0.2941176471em;
  right: -0.5882352941em;
  background-color: #ffffff;
}
.sf-ph:hover {
  color: #ffffff;
}

.sf-ph img {
  display: inline-block;
  vertical-align: top;
  width: 1.2352941176em;
  height: 1.2352941176em;
  margin-right: 0.8235294118em;
}

.sf-fax {
  text-decoration: none;
  font-size: 1.0625em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.5882352941em;
}
.sf-fax > span:first-child {
  margin-right: 1.1764705882em;
  position: relative;
}
.sf-fax > span:first-child:after {
  content: "";
  position: absolute;
  width: 0.0588235294em;
  height: 1.0588235294em;
  top: 0.2941176471em;
  right: -0.5882352941em;
  background-color: #ffffff;
}
.sf-fax img {
  display: inline-block;
  vertical-align: top;
  width: 1.2352941176em;
  height: 1.2352941176em;
  margin-right: 0.8235294118em;
}

.sf-link-contnet {
  border-top: 0.0625em solid rgba(255, 255, 255, 0.3);
  border-bottom: 0.0625em solid rgba(255, 255, 255, 0.3);
  padding-top: 1.125em;
  padding-bottom: 1.375em;
  margin-bottom: 1.75em;
  text-align: center;
}
.sf-link-contnet .sf-img {
  background: #000F4B;
  mix-blend-mode: luminosity;
}
.sf-link-contnet .sf-img:hover {
  mix-blend-mode: normal;
}
@media (min-width: 60em) {
  .sf-link-contnet {
    /*text-align: left;*/
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .sf-link-contnet .sf-img {
    /*float: left;*/
  }
  .sf-link-contnet .sf-img img {
    display: block;
  }
}

.sf-links {
  margin-bottom: 0.8125em;
  margin-top: 0.8125em;
}
.sf-links li {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.375em;
}
.sf-links li a {
  font-size: 1.0625em;
  color: #ffffff;
}
.sf-links li a:hover {
  text-decoration: none;
}
@media (min-width: 60em) {
  .sf-links {
    float: left;
    /*margin-left: em(35);*/
    margin-top: 0.8125em;
    width: 50%;
    text-align: left;
  }
}

.sf-payment {
  padding-top: 0.8125em;
}
.sf-payment span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.9375em;
}
.sf-payment .sf-payment-img {
  display: inline-block;
  vertical-align: middle;
}
.sf-payment .sf-payment-img img {
  display: block;
}
@media (min-width: 60em) {
  .sf-payment {
    float: right;
    width: 35%;
    text-align: right;
    padding-top: 0;
  }
}

.sf-logo-wrap {
  text-align: center;
}
.sf-logo-wrap .sf-img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.625em;
}
.sf-logo-wrap .sf-bash {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.625em;
}
.sf-logo-wrap .sf-bash a {
  display: inline-block;
}
.sf-logo-wrap .sf-bash a:hover img {
  mix-blend-mode: normal;
}
.sf-logo-wrap .sf-bash img {
  max-height: 4.6875em;
  vertical-align: middle;
  background: #000F4B;
  mix-blend-mode: luminosity;
}
@media (min-width: 60em) {
  .sf-logo-wrap {
    width: 50%;
    text-align: right;
  }
}

.sf-email {
  font-size: 1.0625em;
  color: #ffffff;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
}
.sf-email img {
  width: 1.1764705882em;
  height: 0.9411764706em;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.8235294118em;
}
.sf-email:hover {
  text-decoration: none;
  color: #ffffff;
}

.cc-text {
  font-size: 0.875em;
  line-height: 1.2142857143em;
  margin: 0;
}
.cc-text a {
  color: #ffffff;
}

img[name=pphLoggerImage] {
  display: none;
}

/*=============== Search ===============*/
.search-table {
  display: table;
  width: 100%;
  padding: 0.3125em;
  border: 1px solid #ffffff;
  /*max-width: em(211);*/
  margin: 0 auto;
}

.search-row {
  display: table-row;
  width: 100%;
}

.search-cell1 {
  display: table-cell;
  padding-right: 0.4375em;
}

.search-cell2,
.search-cell3 {
  display: table-cell;
  width: 2.1875em;
  border: 0;
  vertical-align: middle;
  text-align: center;
}
@media (min-width: 60em) {
  .search-cell2,
.search-cell3 {
    padding-right: 0.625em;
  }
}

.search-text {
  font-size: 0.8em;
  width: 100%;
  height: 2.3em;
  float: left;
  padding-left: 0.5em;
  margin-bottom: 0 !important;
  background-color: #040575 !important;
  border: none !important;
  color: #ffffff !important;
}
.search-text:focus {
  box-shadow: none !important;
}

.search-submit {
  width: 100%;
  border: none !important;
  height: 2.3em;
  border: 0;
  float: right;
  background-image: url(../../../hubfs/5066266/img/search.svg);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 40em) {
  .site-search {
    width: 100%;
  }

  .search-text {
    height: 2.3em;
  }

  .search-submit {
    height: 2.3em;
  }
}
.search-module-wrap {
  background-color: #040575;
  margin-top: -6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.47);
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  /*display: none;
  margin-top: em(10);*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.search-module-wrap.active {
  /*display: block;*/
  margin-top: 0;
  z-index: 10000;
}
.search-module-wrap .inner-wrap, .search-module-wrap .inner-wrap-narrow, .search-module-wrap .inner-wrap-wide, .search-module-wrap .inner-wrap-fullwidth {
  padding: 1.5em 1.5em;
}
@media (min-width: 60em) {
  .search-module-wrap {
    /*display: inline-block;
    position: static;
    vertical-align: top;
    margin-top: 0;
    margin-left: em(0);
    margin-top: em(7);
    margin-top:0;*/
  }
}

.search-exit {
  /*float: right;
  margin-left: 10px;
  margin-bottom: 5px;*/
  /*top: 0;
  right: 0;*/
  vertical-align: middle;
  line-height: 1;
}

@media (min-width: 60em) {
  .social-wrap .search-link {
    display: none;
  }
}

/*=============== Read More ===============*/
.main-content {
  display: block;
  overflow: hidden;
  position: relative;
}
@media (min-width: 40em) {
  .main-content {
    display: inline;
  }
}

@media (max-width: 40em) {
  .height {
    max-height: 15.625em;
  }
  .height:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
  }

  .heightAuto {
    max-height: 312.5em;
  }
  .heightAuto:before {
    display: none;
  }
}
.link {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #477DCA;
  padding-bottom: 0.625em;
}
@media (min-width: 40em) {
  .link {
    display: none;
  }
}

/*=============== Hero products module Intro ===============*/
.hpm-col {
  min-height: 18.75em;
  margin-bottom: 3.375em;
}
.hpm-col:last-child {
  margin-bottom: 0;
}
@media (min-width: 60em) {
  .hpm-col {
    margin-bottom: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left;
    border-right: solid 0.125em #ffffff;
  }
  .hpm-col:last-child {
    float: right;
    border-left: solid 0.125em #ffffff;
    border-right: none;
  }
}

.hpm-link {
  text-decoration: none;
  position: relative;
  display: block;
}
.hpm-link .hpm-text {
  font-size: 1.875em;
  display: block;
  background-image: url(img/hero-product-module-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-family: Poppins;
  color: #ffffff;
  position: absolute;
  top: -1.5333333333em;
  text-align: center;
  z-index: 99;
  max-width: 11.4333333333em;
  height: 2.6666666667em;
  width: 92%;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding-top: 0.5em;
  border: 0.0666666667em solid #ffffff;
  box-shadow: 0 3px 4px -2px #595959;
}
.hpm-link img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18.75em;
}
.hpm-link img.hover {
  display: none;
}
@media (min-width: 60em) {
  .hpm-link .hpm-text {
    max-width: 13.2em;
    width: 100%;
  }
}
.hpm-link:hover .hpm-text {
  background-color: #bd0000;
  background-image: none;
}
.hpm-link:hover img {
  display: none;
}
.hpm-link:hover img.hover {
  display: block;
}

/*=============== Common Metal Products Module ===============*/
.common-metal-products-module {
  text-align: center;
  border-bottom: 0.1875em solid #efefef;
}
.common-metal-products-module .inner-wrap, .common-metal-products-module .inner-wrap-narrow, .common-metal-products-module .inner-wrap-wide, .common-metal-products-module .inner-wrap-fullwidth {
  padding-top: 3.4375em;
  padding-bottom: 5em;
}

.cmp-heading {
  color: #040575;
  position: relative;
  font-weight: 300;
  line-height: 1.2857142857em;
  padding-bottom: 0.5714285714em;
}
.cmp-heading:before {
  position: absolute;
  width: 2.0571428571em;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #cc0000;
  height: 0.0857142857em;
  margin: 0 auto;
  content: "";
}

.cmp-carousel {
  max-width: 60em;
  width: 67%;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .cmp-carousel {
    width: auto;
    max-width: none;
  }
}

.cmp-text {
  margin-bottom: 3.3333333333em;
}
@media (min-width: 60em) {
  .cmp-text {
    width: 94%;
    margin-right: auto;
    margin-left: auto;
  }
}

.cmp-link {
  color: #ffffff;
  display: block;
  margin: 0 0.75em 0 0.8125em;
}
.cmp-link .cmp-title {
  font-size: 1.1875em;
  color: #040575;
  font-weight: 600;
  text-transform: uppercase;
}
.cmp-link:hover {
  color: #ffffff;
}
.cmp-link:hover .cmp-caption-wrap {
  opacity: 1;
}
.cmp-link:hover .cmp-title {
  color: #cc0000;
}

.cmp-figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.375em;
  max-width: 12.5em;
}

.cmp-caption-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5em;
  height: 12.5em;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 1.25em;
  opacity: 0;
  transition: all ease 0.5s;
}

.cmp-caption-text {
  display: block;
  font-size: 1em;
  line-height: 1.375em;
  padding-bottom: 1.5625em;
}

/*=============== Capabilities Module ===============*/
.capabilities-module {
  text-align: center;
}
.capabilities-module .inner-wrap, .capabilities-module .inner-wrap-narrow, .capabilities-module .inner-wrap-wide, .capabilities-module .inner-wrap-fullwidth {
  padding-top: 3.8125em;
  padding-bottom: 4.4375em;
}

.cm-buckets-col {
  margin-bottom: 2.5em;
}

.cm-heading {
  color: #040575;
  position: relative;
  font-weight: 300;
  line-height: 1.2857142857em;
  padding-bottom: 0.5714285714em;
  margin-bottom: 1.0285714286em;
}
.cm-heading:before {
  position: absolute;
  width: 2.0571428571em;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #cc0000;
  height: 0.0857142857em;
  margin: 0 auto;
  content: "";
}

.cm-link {
  display: block;
  max-width: 18.125em;
  margin: 0 auto;
  position: relative;
}
.cm-link:hover .cm-title {
  background-color: #cc0000;
}

.cm-img img {
  display: block;
}

.cm-title {
  display: block;
  font-weight: 600;
  position: absolute;
  font-size: 1.1875em;
  bottom: -1.3157894737em;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #040575;
  max-width: 12.5263157895em;
  border: 1px solid #ffffff;
  padding-top: 0.6842105263em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 1.0526315789em;
  width: 100%;
  text-align: center;
}

/*=============== MCSS Continues module  ===============*/
.mcss-continues-module {
  text-align: center;
  background-color: #efefef;
}
.mcss-continues-module .inner-wrap, .mcss-continues-module .inner-wrap-narrow, .mcss-continues-module .inner-wrap-wide, .mcss-continues-module .inner-wrap-fullwidth {
  padding-top: 4.4375em;
  padding-bottom: -em(68);
}

.mcm-buckets-wrap div:nth-of-type(2) {
  padding-top: 0.3125em;
}
.mcm-buckets-wrap div:nth-of-type(2) img {
  margin-bottom: 0.1875em;
}

.mcm-heading {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.3333333333em;
  margin-bottom: 1.7333333333em;
  margin-left: auto;
  margin-right: auto;
}

.mcm-cols {
  color: #585858;
  text-decoration: none;
  max-width: 11.875em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.mcm-cols img {
  display: block;
  margin: 0 auto;
}
.mcm-cols img.hover {
  display: none;
}
.mcm-cols:hover {
  color: #cc0000;
}
.mcm-cols:hover img {
  display: none;
}
.mcm-cols:hover img.hover {
  display: block;
}

.mcm-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1875em;
  line-height: 1.5263157895em;
  padding-top: 1.3157894737em;
}

/*=============== Industries Module module  ===============*/
.industries-module {
  background-color: #cccccc;
  border-bottom: 0.0625em solid #ffffff;
  text-align: center;
}

.im-heading {
  color: #040575;
  position: relative;
  font-weight: 300;
  line-height: 1.2857142857em;
  padding-bottom: 0.5714285714em;
  margin-bottom: 1.0285714286em;
}
.im-heading:before {
  position: absolute;
  width: 2.0571428571em;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #cc0000;
  height: 0.0857142857em;
  margin: 0 auto;
  content: "";
}

.im-buckets-wrap {
  text-align: center;
}

.im-bucket {
  max-width: 7.125em;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-left: 0.75em;
  margin-right: 0.75em;
  margin-bottom: 0.9375em;
  text-decoration: none;
  vertical-align: top;
}
.im-bucket:hover {
  color: #cc0000;
}
.im-bucket:hover .im-img img {
  display: none;
}
.im-bucket:hover .im-img img.hover {
  display: block;
}
.im-bucket:hover .im-caption {
  color: #cc0000;
}
@media (min-width: 80em) {
  .im-bucket {
    width: 13%;
    float: left;
    margin-left: 0.75em;
    margin-right: 0;
    margin-bottom: 0;
  }
  .im-bucket:first-child {
    margin-left: 0;
  }
}

.im-img {
  display: block;
  width: 100%;
  height: 7.125em;
  margin-bottom: 0.625em;
}

.im-img img {
  display: block;
  margin: 0 auto 0;
}

.im-img .hover {
  display: none;
}

.im-caption {
  font-family: Poppins;
  font-weight: 500;
  font-size: 1em;
  line-height: 1.25em;
  color: #040575;
  display: block;
}

/*.im-buckets-wrap{
  column-count: 2;
  column-gap: em(10);
  .im-bucket{
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    text-align: center;
    max-width: em(115);
  }
}
.im-img{
  width:em(114);
  height: em(114);
  background-color: #dddddd;
  border-radius: 50%;
  padding-top: em(14);
  margin: 0 auto;
  }*/
.tolerance-guidelines-module {
  background-image: url(img/Tolerance-Guidelines.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  position: relative;
}
.tolerance-guidelines-module h2 {
  font-weight: 300;
}
.tolerance-guidelines-module:first-child {
  background-color: #efefef;
}
.tolerance-guidelines-module:first-child .tmspm-content {
  background-color: transparent;
}
@media (min-width: 60em) {
  .tolerance-guidelines-module {
    min-height: 34.9375em;
    background-size: contain;
  }
  .tolerance-guidelines-module:nth-child(2) {
    background-position: left top;
  }
  .tolerance-guidelines-module:nth-child(2) .tmspm-content {
    float: right;
  }
  .tolerance-guidelines-module:before {
    content: none !important;
  }
}
.tolerance-guidelines-module:before {
  content: "";
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.4;
}

.table {
  max-width: 39.4117647059em;
  background-color: #efefef;
  width: 100%;
  font-size: 1.0625em;
  border: 1px solid #353e8c;
}
.table .tablesaw {
  margin-top: 0;
  margin-bottom: 0;
}
.table .tablesaw tbody tr {
  border-top: 1px solid #c2c5dc;
}
.table .tablesaw tbody .tablesaw-cell-label {
  width: 33%;
}

.advantages-metal-spinning-module h2 {
  font-weight: 300;
}
@media (min-width: 60em) {
  .advantages-metal-spinning-module {
    background-image: url(img/Advantages-Metal-Spinning.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 32.5em;
  }
  .advantages-metal-spinning-module > img {
    display: none;
  }
}

@media (min-width: 60em) {
  .amsm-contnet {
    width: 50%;
    float: right;
  }
}

.the-metal-spinning-process-module {
  min-height: 31.25em;
  text-align: right;
}
.the-metal-spinning-process-module h2 {
  font-weight: 300;
}
.the-metal-spinning-process-module > img {
  display: inline-block;
}
@media (min-width: 60em) {
  .the-metal-spinning-process-module {
    background-image: url(img/The-Metal-Spinning-Process.png);
    background-repeat: no-repeat;
    background-position: right bottom;
  }
  .the-metal-spinning-process-module > img {
    display: none;
  }
}

.tmspm-content {
  background-color: #fff;
  padding: 20px;
  text-align: left;
}
@media (min-width: 40em) {
  .tmspm-content {
    background-color: #ffffffe0;
  }
}
@media (min-width: 60em) {
  .tmspm-content {
    width: 60%;
  }
}

.typical-shapes-that-can-be-spun {
  background-color: #efefef;
}
.typical-shapes-that-can-be-spun h2 {
  font-weight: 300;
}

.shapes-wrap {
  text-align: center;
}
.shapes-wrap > a {
  max-width: 6.25em;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.625em 0.6875em 0.625em;
  text-decoration: none;
  color: #585858;
}
.shapes-wrap > a:hover {
  text-decoration: underline;
}

.contact-footer {
  background: #cccccc;
  text-align: center;
}
.contact-footer .cf-text {
  font-size: 1.6875em;
  color: #000000;
  display: block;
  font-family: Poppins;
  font-weight: 300;
}
.contact-footer .cf-text .cf-inner-text {
  display: block;
  margin-bottom: 0.3703703704em;
}
@media (min-width: 40em) {
  .contact-footer .cf-text {
    font-size: 1.875em;
  }
}
@media (min-width: 60em) {
  .contact-footer .cf-text .cf-inner-text {
    display: inline-block;
    margin-bottom: 0;
  }
}
.contact-footer .cf-cta {
  max-width: 11.5333333333em;
  width: 100%;
  height: 2em;
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0;
  padding: 0.4814814815em 1.3703703704em 0.4814814815em 0.5925925926em;
  width: auto;
  max-width: initial;
  margin-left: 0;
}
@media (min-width: 40em) {
  .contact-footer .cf-cta {
    margin-left: 0.5em;
    padding: 0.4814814815em 2.1111111111em 0.4814814815em 1.3333333333em;
  }
  .contact-footer .cf-cta:before {
    right: 1.3333333333em;
  }
}

/*********************Inner page style*************************/
.sidebar-nav {
  max-width: 21em;
  width: 100%;
  z-index: 5;
  position: relative;
  background-color: #efefef;
  margin-top: 1em;
}
.sidebar-nav .sn-header {
  font-size: 1.0625em;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  background-color: #cc0000;
  min-height: 2.4705882353em;
  color: #ffffff;
  padding: 0.5882352941em;
  margin-top: 0;
}
.sidebar-nav ul {
  clear: left;
  list-style-type: none;
  margin-bottom: 0.75em;
  padding-left: 1.5em;
}
.sidebar-nav ul li {
  font-size: 1.125em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  position: relative;
}
.sidebar-nav ul li a {
  text-decoration: none;
}
.sidebar-nav ul li:after {
  background-image: url("../../../hubfs/5066266/img/ico-bullet.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.45em auto;
  content: "";
  display: block;
  height: 1.5em;
  left: -1.5em;
  position: absolute;
  top: 0;
  width: 1.5em;
}
.sidebar-nav .sn-body {
  padding: 0.625em;
}
@media (min-width: 40em) {
  .sidebar-nav {
    float: right;
    width: 42%;
    margin: 1.5em 0 4.6875em 1.25em;
  }
}

.product-content {
  clear: both;
}
.product-content > div {
  padding: 1.375em 0;
  border-top: 1px solid #990000;
}
.product-content img {
  display: inline-block;
  vertical-align: top;
}
.product-content table {
  margin: 0;
}
.product-content table td:first-child {
  font-weight: 700;
}
.product-content td,
.product-content tr,
.product-content th {
  vertical-align: top;
}
.product-content h2 {
  position: relative;
}
.product-content h2:before {
  content: " ";
  display: block;
  height: 4.2857142857em;
  margin-top: -4.2857142857em;
  pointer-events: none;
  visibility: hidden;
}
@media (min-width: 60em) {
  .product-content .pm-content {
    float: right;
    width: 60%;
  }
}

.gallery-section {
  clear: both;
}

.project-content .thumb-img {
  display: block;
  max-width: 20em;
  width: 50%;
  margin: 0 auto 1.25em;
}
.project-content div {
  text-align: center;
}
.project-content .pm-content P {
  margin: 0;
}
@media (min-width: 40em) {
  .project-content div {
    text-align: left;
  }
  .project-content > div {
    width: 47%;
    text-align: left;
  }
  .project-content .thumb-img {
    margin: 0 0 1.25em 0;
  }
}
@media (min-width: 60em) {
  .project-content > div {
    width: 31.7616%;
  }
}

.add-heading {
  clear: both;
}

.materials-heading {
  position: relative;
}
.materials-heading:before {
  content: " ";
  display: block;
  height: 9.4736842105em;
  margin-top: -9.4736842105em;
  pointer-events: none;
  visibility: hidden;
}

.sitemap-menu li {
  margin-bottom: 1.5625em;
}
.sitemap-menu ul {
  margin-left: 1.5625em;
  margin-top: 1.5625em;
}

.testinomials-wrap {
  background-color: #eaeaea;
  padding: 1.9047619048em 2.380952381em;
  border-radius: 20px;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.testinomials-wrap:after {
  border-color: #eaeaea transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0;
  bottom: -0.9523809524em;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
.testinomials-wrap p {
  margin: 0 0 1.25em;
}
@media (min-width: 60em) {
  .testinomials-wrap {
    border-radius: 15.25em;
  }
}

.tw-heading {
  text-align: center;
  margin: 1.9047619048em 0 0.0238095238em;
}
.tw-heading span {
  display: block;
  font-size: 0.8571428571em;
  font-weight: 400;
}

@media (min-width: 40em) {
  .contact-form-wrapper ul {
    moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .contact-form-wrapper ul > * {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
}

.para_link_section {
  color: #585858;
  text-decoration: none !important;
}
.para_link_section:hover {
  color: #585858 !important;
}

.capabilities-module > div > div > div:nth-child(3) > a > span {
  padding-bottom: 0.6875em;
  padding-top: 0.625em !important;
}

/*================= Landing page Style ==================*/
.sh-logo-wrap {
  background-color: #efefef;
}

.hs-landing-page {
  /*.sh-logo-wrap {
    text-align: center;
    .inner-wrap {
      padding-top: em(25);
      padding-bottom: em(19);
    }
  }
  .site-logo {
    display: inline-block;
    float: none;
  }
  .sh-links {
    margin-top: em(20);
  }
  .sh-contact {
    margin-right: em(11, 17);
    font-size: em(17);
    line-height: em(20, 17);
    font-weight: 600;
    color: $dark-blue;
    display: inline-block;
    text-decoration: none;
    &:hover {
      text-decoration: none;
      color: $red;
    }
  }
  .sh-email {
    display: inline-block;
    float: none;
  }
  .sh-utility-rfq {
    &.btn-alt {
      display: inline-block;
      margin-top: 0;
    }
  }*/
  /*.sf-ph {
    &:first-child {
      &:after {
        display: none;
      }
    }
  }
  .sf-fax {
    > span {
      &:first-child {
        &:after {
          display: none;
        }
      }
    }
  }*/
  /*.sf-footer-content {
    margin-bottom: em(24);
    padding-bottom: em(25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }*/
}
.hs-landing-page .site-dest-intro {
  max-height: 6.625em;
  width: 100%;
}
.hs-landing-page .landing-form {
  max-width: 30em;
  width: 100%;
}
.hs-landing-page .landing-form label {
  font-weight: 600;
  color: #555555;
}
.hs-landing-page .landing-form .hs-form-required {
  color: #cc0000;
}
.hs-landing-page .landing-form input[type=submit] {
  background-color: #cc0000;
  color: #ffffff;
  font-size: 1em;
  line-height: 1.25em;
  margin-top: 0.9375em;
}
.hs-landing-page .landing-form input[type=submit]:hover {
  background-color: #990000;
  color: #ffffff;
}
.hs-landing-page .ebook-img {
  max-width: 13.375em;
  width: 100%;
  margin-bottom: 1.875em;
}
.hs-landing-page .ty-ebook-img {
  max-width: 13.375em;
  width: 100%;
}
.hs-landing-page textarea,
.hs-landing-page input[type=color], .hs-landing-page input[type=date], .hs-landing-page input[type=datetime], .hs-landing-page input[type=datetime-local], .hs-landing-page input[type=email], .hs-landing-page input[type=month], .hs-landing-page input[type=number], .hs-landing-page input[type=password], .hs-landing-page input[type=search], .hs-landing-page input[type=tel], .hs-landing-page input[type=text], .hs-landing-page input[type=time], .hs-landing-page input[type=url], .hs-landing-page input[type=week], .hs-landing-page textarea,
.hs-landing-page select[multiple=multiple] {
  border: 1px solid #b0b0b0;
  -webkit-box-shadow: 0px 0px 5.46px 0.54px rgba(85, 85, 85, 0.35) inset;
  -ms-box-shadow: 0px 0px 5.46px 0.54px rgba(85, 85, 85, 0.35) inset;
  -moz-box-shadow: 0px 0px 5.46px 0.54px rgba(85, 85, 85, 0.35) inset;
  -o-box-shadow: 0px 0px 5.46px 0.54px rgba(85, 85, 85, 0.35) inset;
  box-shadow: 0px 0px 5.46px 0.54px rgba(85, 85, 85, 0.35) inset;
  padding: 0.1666666667em 0.5em 0.2222222222em;
  line-height: 1.5555555556em;
}
.hs-landing-page .ebook-content-wrap ul:not([class]) li:not([class]):after {
  background-size: 0.2222222222em auto;
}
.hs-landing-page .site-content-primary p {
  margin-top: 1.3888888889em;
  margin-bottom: 1.3888888889em;
}
.hs-landing-page .one-column > .inner-wrap, .hs-landing-page .one-column > .inner-wrap-narrow, .hs-landing-page .one-column > .inner-wrap-wide, .hs-landing-page .one-column > .inner-wrap-fullwidth {
  padding-bottom: 4.0625em;
}
.hs-landing-page .btn-ty {
  font-size: 1em;
  font-weight: 400;
  padding: 1.125em 1.125em 1.1875em;
}
.hs-landing-page .hs-error-msgs li label {
  color: #cc0000;
  font-size: 0.9375em;
}
@media (min-width: 40em) {
  .hs-landing-page {
    /*.sh-logo-wrap {
      text-align: right;
    }
    .site-logo {
      float: left;
    }
    .sh-links {
      display: inline-block;
      margin-top: em(19);
    }
    .sh-contact {
      margin-top: em(16, 17);
    }*/
  }
  .hs-landing-page .ebook-img {
    float: left;
    width: 38.9091%;
  }
  .hs-landing-page .ty-ebook-img {
    float: left;
    margin-right: 1.875em;
  }
  .hs-landing-page .ebook-content-wrap ul {
    clear: none;
    float: left;
    margin-left: 8%;
    width: 53%;
  }
}
.hs-landing-page .form-columns-2 .hs-form-field .hs-input {
  width: 100% !important;
}
@media (min-width: 60em) {
  .hs-landing-page {
    /* .sh-utility-container {
      text-align: left;
    }*/
  }
  .hs-landing-page .site-content.two-column .site-content-primary {
    float: right;
    margin-left: 8.5257548845%;
    width: 48.8454706927%;
    margin-right: 0;
  }
  .hs-landing-page .site-content.two-column .site-content-secondary {
    width: 42.6287744227%;
  }
  .hs-landing-page .ty-ebook-img {
    margin-right: 5.25em;
  }
}

.sh-utility-blog {
  font-size: 1.125em;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}
.sh-utility-blog:hover {
  color: #fff;
}

#promo_banner_popup .inner-wrap, #promo_banner_popup .inner-wrap-narrow, #promo_banner_popup .inner-wrap-wide, #promo_banner_popup .inner-wrap-fullwidth {
  position: relative;
  z-index: 1;
}
@media (min-width: 60em) {
  #promo_banner_popup .inner-wrap, #promo_banner_popup .inner-wrap-narrow, #promo_banner_popup .inner-wrap-wide, #promo_banner_popup .inner-wrap-fullwidth {
    max-height: 130px;
  }
}

#promo_banner_popup {
  /*background-image: url(img/popup_banner_bg.jpg);*/
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #3132a6;
  position: relative;
  text-align: center;
  border-bottom: 2px solid #ffffff;
  display: none;
}
#promo_banner_popup:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: right top;
  background-size: cover;
  opacity: 0.35;
  background-repeat: no-repeat;
}
#promo_banner_popup .inner-wrap, #promo_banner_popup .inner-wrap-narrow, #promo_banner_popup .inner-wrap-wide, #promo_banner_popup .inner-wrap-fullwidth {
  padding: 1.5em 1em 1.5em 1em;
}
#promo_banner_popup a {
  /*padding: 1.5em 1.5em;*/
  display: block;
  color: transparent;
  /*@include mq(medium){
  padding: 1.5em 1.5em;
  }
  @include mq(large){
  padding: 2.5em 2.5em;
  }
  @include mq(xlarge){
  padding: 5.5em 6.5em 5.5em 9.5em;
  }*/
}
#promo_banner_popup a .pb-image {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0em;
  text-align: center;
}
#promo_banner_popup a .pb-image img {
  float: none;
  max-height: 75px;
}
@media (min-width: 60em) {
  #promo_banner_popup a .pb-image img {
    float: right;
  }
}
@media (min-width: 60em) {
  #promo_banner_popup a .pb-image {
    text-align: right;
    margin-right: 2.1875em;
    width: 21%;
  }
}
@media (min-width: 80em) {
  #promo_banner_popup a .pb-image {
    text-align: right;
    margin-right: 5.3125em;
    width: 18%;
  }
}
#promo_banner_popup a .pb-content {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#promo_banner_popup a .pb-content h2 {
  font-size: 1.5em;
  font-family: Poppins;
  font-weight: 300;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  line-height: 1.5;
}
@media (min-width: 60em) {
  #promo_banner_popup a .pb-content h2 {
    text-align: left;
  }
}
#promo_banner_popup a .pb-content span {
  float: none;
  padding: 1.25em 2.125em;
  height: auto;
  display: inline-block;
  margin-top: 1.25em;
  text-align: center;
  font-weight: 300;
  width: 12.5em;
  margin: 0 auto;
}
@media (min-width: 60em) {
  #promo_banner_popup a .pb-content span {
    float: right;
    margin-top: 0.9em;
  }
}
@media (min-width: 60em) {
  #promo_banner_popup a .pb-content {
    width: 73%;
  }
}
@media (min-width: 80em) {
  #promo_banner_popup a .pb-content {
    width: 70%;
  }
}
#promo_banner_popup button.mfp-close {
  background: #ffffff !important;
}

#promo_banner_popup_new {
  background-color: #3132a6;
  /*position: relative;*/
}
#promo_banner_popup_new:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: right top;
  background-size: cover;
  opacity: 0.35;
  background-repeat: no-repeat;
}
#promo_banner_popup_new.white-popup {
  background-image: none;
}
#promo_banner_popup_new .inner-wrap, #promo_banner_popup_new .inner-wrap-narrow, #promo_banner_popup_new .inner-wrap-wide, #promo_banner_popup_new .inner-wrap-fullwidth {
  padding: 1.5em 1em 1.5em 1em;
  position: relative;
  z-index: 1;
}
#promo_banner_popup_new a {
  padding: 1em;
  display: table;
  width: 100%;
  color: transparent;
}
@media (min-width: 40em) {
  #promo_banner_popup_new a {
    padding: 1.5em;
  }
}
@media (min-width: 60em) {
  #promo_banner_popup_new a {
    padding: 2.5em;
  }
}
@media (min-width: 80em) {
  #promo_banner_popup_new a {
    padding: 3.5em;
  }
}
#promo_banner_popup_new a .pb-image {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0em;
  text-align: center;
}
#promo_banner_popup_new a .pb-image img {
  float: none;
}
@media (min-width: 60em) {
  #promo_banner_popup_new a .pb-image img {
    float: right;
  }
}
@media (min-width: 60em) {
  #promo_banner_popup_new a .pb-image {
    margin-right: 2.1875em;
    width: 30%;
    float: left;
  }
}
@media (min-width: 80em) {
  #promo_banner_popup_new a .pb-image {
    margin-right: 5.3125em;
    width: 18%;
    float: left;
  }
}
#promo_banner_popup_new a .pb-content {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#promo_banner_popup_new a .pb-content h2 {
  font-size: 1.875em;
  font-family: Open Sans;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  line-height: 1.5;
}
@media (min-width: 60em) {
  #promo_banner_popup_new a .pb-content h2 {
    text-align: left;
  }
}
#promo_banner_popup_new a .pb-content span {
  float: none;
  padding: 1.25em 2.125em;
  height: auto;
  display: block;
  margin-top: 1.25em;
  text-align: center;
  font-weight: 300;
  width: 12.5em;
  margin: 0 auto;
}
@media (min-width: 60em) {
  #promo_banner_popup_new a .pb-content span {
    float: left;
    margin-top: 1.25em;
  }
}
@media (min-width: 60em) {
  #promo_banner_popup_new a .pb-content {
    width: 60%;
    float: left;
  }
}
@media (min-width: 80em) {
  #promo_banner_popup_new a .pb-content {
    width: 70%;
    float: left;
  }
}
#promo_banner_popup_new button.mfp-close {
  background: #ffffff !important;
}
@media (min-width: 60em) {
  #promo_banner_popup_new {
    /*width: 75%;
    margin: 0 auto;*/
  }
}

.bredSpace {
  visibility: hidden;
  display: block;
  padding: 0;
  margin: 0;
  height: 230px !important;
  margin-top: -230px !important;
}

.breadcrumb.stuck {
  position: fixed;
  top: 4.625em;
  left: 0;
  background-color: #fff;
  width: 100%;
  padding: 1em 0;
  padding-top: 1.375em;
  text-align: center;
  z-index: 99;
  border-bottom: 1px solid #efefef;
}
.breadcrumb.stuck .breadcrumb_list li {
  font-size: 1.125em;
  font-weight: 600;
}
@media (min-width: 40em) {
  .breadcrumb.stuck {
    top: 3.375em;
  }
}
@media (min-width: 60em) {
  .breadcrumb.stuck {
    top: 7.375em;
  }
}
.breadcrumb .breadcrumb_list {
  display: inline-block;
  padding: 0 !important;
}
.breadcrumb .breadcrumb_list li {
  display: inline-block;
  padding-left: 0.625em;
  position: relative;
  margin-right: 0.5em;
  font-weight: 600;
}
.breadcrumb .breadcrumb_list li:not(:first-child)::after {
  display: block;
  content: "";
  position: absolute;
  top: 50% !important;
  left: 0% !important;
  height: 17px !important;
  background-color: #000000;
  width: 1px !important;
  transform: translate(-50%, -50%);
}
.breadcrumb .breadcrumb_list li:nth-of-type(1) {
  padding-left: 0;
}
.breadcrumb .breadcrumb_list li a {
  font-size: 0.9375em;
  text-decoration: none;
}

.ms_imgone {
  float: right;
  margin-top: 1.875em;
  width: 100%;
  height: auto;
  margin-bottom: 1.875em;
}
@media (min-width: 80em) {
  .ms_imgone {
    float: right;
    margin-top: 4em;
    width: 60%;
    margin-bottom: 0;
  }
}

.ms_imgtwo {
  float: left;
  margin-top: 1.875em;
  width: 100%;
  height: auto;
  margin-bottom: 1.875em;
}
@media (min-width: 80em) {
  .ms_imgtwo {
    width: 36.4375em;
    margin-top: 0.4375em;
    height: 23.8125em;
    margin-bottom: 0;
    padding-right: 1.25em;
  }
}

.ms_imgthree {
  float: right;
  margin-top: 1.875em;
  width: 100%;
  height: auto;
  margin-bottom: 1.875em;
}
@media (min-width: 80em) {
  .ms_imgthree {
    margin-top: 0.9375em;
    width: 50%;
    margin-bottom: 0;
    margin-left: 1.25em;
  }
}

/*.ebook-library{
  .rows-of-2 > *{
    width: 33%;
  }
}*/
/*===============eBook style=============*/
.ebook-links-style {
  text-align: center;
}
.ebook-links-style a .ebk-img {
  display: block;
  margin: 1.625em auto 0.9375em auto;
  max-width: 100%;
}
.ebook-links-style a span {
  font-weight: 600;
}

/*===============video link style=============*/
.video-link div {
  float: left;
  margin-top: 0;
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}
.video-link div p {
  margin: 0.625em 0 0 0;
}
@media (min-width: 40em) {
  .video-link div p {
    margin: 0.9375em 0 0 0;
  }
}
@media (min-width: 40em) {
  .video-link div {
    margin-top: 0.4375em;
    max-width: 15.625em;
  }
}
@media (min-width: 60em) {
  .video-link div {
    max-width: 17.375em;
    margin-bottom: 0;
    padding-right: 1.25em;
  }
}
@media (min-width: 80em) {
  .video-link div {
    max-width: 24em;
  }
}

/*=============== GDD-002-Sticky Internal CTA ===============*/
.gdd-002-b-sticky {
  position: fixed;
  bottom: 7%;
  right: 35px;
  color: #ffffff;
  text-decoration: none;
  background-color: #cc0000;
  padding: 3.125em 0.9375em 0.9375em;
  border-radius: 50%;
  z-index: 11;
  width: 6.875em;
  height: 6.875em;
  text-align: center;
  display: none;
}
@media (min-width: 40em) {
  .gdd-002-b-sticky {
    display: none;
  }
}
.gdd-002-b-sticky span:before {
  content: "";
  position: absolute;
  background-image: url(img/chat.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.2857142857em 1.7857142857em;
  width: 2.2857142857em;
  height: 1.7857142857em;
  top: 1em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-height: 46em) and (min-width: 60em) {
  .gdd-002-b-sticky span:before {
    top: 9px;
  }
}

.gdd-002-b-sticky:hover {
  color: #ffffff;
}

.close-sticky {
  display: none;
}

.gdd-002-b-sticky span:hover {
  color: #ffffff;
}

.gdd-002-b-sticky span {
  text-transform: uppercase;
  font-size: 0.875em;
  font-family: Poppins;
  font-weight: 700;
  display: block;
  padding: 0 0.2857142857em;
  line-height: 1.1428571429em;
}

.tring,
.fulse {
  position: absolute;
  top: -0.3125em;
  left: -0.3125em;
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  border: solid #d63333;
}
.tring {
  border-width: 1px;
}

.fulse {
  transform: scale(1, 1);
  border-width: 1px;
}
.fulse.fulse--1 {
  animation: FULSE infinite;
  animation-duration: 3s;
  animation-delay: 0s;
}
.fulse.fulse--2 {
  animation: FULSE infinite;
  animation-duration: 3s;
  animation-delay: 1s;
}
.fulse.fulse--3 {
  animation: FULSE infinite;
  animation-duration: 3s;
  animation-delay: 2s;
}

@keyframes FULSE {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes FULSE {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes FULSE {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-o-keyframes FULSE {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.close-sticky {
  background-image: url(img/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5625em 1.5625em;
  border-radius: 50%;
  width: 1.5625em;
  height: 1.5625em;
  vertical-align: top;
  margin-top: 0.0625em;
  margin-right: 0.0625em;
  margin-left: 0.25em;
  position: fixed;
  bottom: 3.75em;
  right: 0.9375em;
  z-index: 12;
  cursor: pointer;
  display: none;
}
.gdd-002-stickyfooter {
  background-color: #cc0000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
}
@media (min-width: 40em) {
  .gdd-002-stickyfooter {
    display: none;
  }
}

.gdd-002-stickyfooter img {
  width: 2.1875em;
  height: 2.1875em;
  display: inline-block;
  margin-top: 4px;
}

.gdd-002-stickyfooter a {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
}

@media (min-height: 85.375em) {
  .close-sticky {
    bottom: 4.8125em;
  }
}
@media (max-height: 30em) {
  .close-sticky {
    bottom: 0.8125em;
  }
}
/*=============== GDD-002-Sticky Internal CTA end ===============*/
/* ==== GDD 004 B css start ==== */
@media (min-width: 60em) {
  .gdd-004-b-mcss-continues-module {
    width: 100%;
  }
}

.mcm-item {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  padding: 2em;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 60em) {
  .mcm-item {
    float: left;
    width: 25%;
    padding: 0 0.125em;
    height: 7.25em;
    border-right: 1px solid #ffffff;
    text-align: left;
    position: relative;
  }
}
@media (min-width: 80em) {
  .mcm-item {
    height: 11em;
    padding: 0;
  }
  .mcm-item:first-child .mcm-titles h3 {
    padding-top: 0;
    padding-left: 3.1em;
    margin-top: -0.2666666667em;
  }
  .mcm-item:first-child .mcm-titles h3:before {
    background-size: 2.0666666667em 2em;
    width: 2.0666666667em;
    height: 2em;
    left: 0.4em;
    top: 0.1em;
  }
  .mcm-item:nth-child(2) .mcm-titles h3:before {
    width: 1.9em;
    height: 1.9em;
    background-size: 1.9em 1.9em;
    top: 0;
    left: -0.2666666667em;
  }
  .mcm-item:nth-child(3) .mcm-titles h3:before {
    width: 2em;
    height: 1.5666666667em;
    background-size: 2em 1.5666666667em;
    top: -0.2666666667em;
    left: -0.3666666667em;
  }
  .mcm-item:last-child .mcm-titles h3:before {
    width: 2.0666666667em;
    height: 1.7666666667em;
    background-size: 2.0666666667em 1.7666666667em;
    top: -0.3666666667em;
    left: -0.4333333333em;
  }
}
@media (min-width: 87.5em) {
  .mcm-item:nth-child(2) .mcm-titles h3:before {
    top: -0.4333333333em;
  }
}

.mcm-titles {
  text-decoration: none;
  color: white;
}
.mcm-titles h3 {
  margin: 0;
  font-weight: 600;
  font-size: 1.375em;
  position: relative;
  padding-left: 2.3636363636em;
  display: inline-block;
  vertical-align: middle;
  padding-top: 0.3181818182em;
}
.mcm-titles h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.8181818182em 1.8181818182em;
  width: 1.8181818182em;
  height: 1.8181818182em;
}
@media (min-width: 60em) {
  .mcm-titles {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
}
@media (min-width: 80em) {
  .mcm-titles {
    left: 56%;
    padding-right: 1.9375em;
  }
  .mcm-titles h3 {
    font-size: 1.875em;
    padding-left: 2.2333333333em;
    line-height: 1em;
    text-align: left;
    padding-right: 0;
    padding-top: 0.0666666667em;
  }
}
@media (min-width: 87.5em) {
  .mcm-titles {
    width: 100%;
  }
}

/* ==== GDD 004 B css end ==== */
/*** GDD 003 B  ***/
.gdd-003-btn {
  top: 0;
  right: 0;
  display: block !important;
  background-color: #cc0000;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  box-shadow: 5px 5px 0px 1px #030675;
  width: 13.75em;
  font-size: 1.125em;
  padding-right: 37px;
  margin-bottom: 2em;
  font-weight: bold;
  transition: all 0.15s linear 0s;
  position: relative;
}

.gdd-003-btn:hover {
  color: #ffffff;
  top: 3px;
  right: -3px;
  box-shadow: 3px 3px 0px 0px #030675;
}

.gdd-003-btn:active {
  box-shadow: none;
  top: 6px;
  right: -6px;
}

.gdd-003-btn:focus {
  color: #ffffff;
}

.gdd-003-btn:after {
  position: absolute;
  content: "";
  background-image: url(../../uploads/chatbubble.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.75em;
  width: 2em;
  height: 2em;
  margin-left: 7px;
}

@media (min-width: 40em) {
  .gdd-003-btn {
    width: 12em;
    font-size: 0.75em;
    padding-right: 29px;
  }
}
@media (min-width: 60em) {
  .gdd-003-btn {
    font-size: 1.125em;
    padding-right: 37px;
  }
}
@media (min-width: 80em) {
  .gdd-003-btn {
    width: 13.75em;
  }
}
/*** GDD 003 B end ***/
.product .prod-subheading,
.page-id-1879 .prod-subheading {
  color: #040575;
  font-size: 0.984375em;
  font-weight: 900;
}
@media (min-width: 40em) {
  .product .prod-subheading,
.page-id-1879 .prod-subheading {
    font-size: 1.18125em;
  }
}
@media (min-width: 60em) {
  .product .prod-subheading,
.page-id-1879 .prod-subheading {
    font-size: 1.1875em;
  }
}
.product .clear-left,
.page-id-1879 .clear-left {
  clear: left;
}

/*product tab module*/
.slick-vertical .slick-slide {
  border: 0 !important;
}

.page-template-product-module p {
  margin: 1.125em 0;
}
.page-template-product-module p:last-child {
  margin-bottom: 1.125em;
}
.page-template-product-module .product-tab-wrap ul li:after,
.page-template-product-module .product-tab-wrap ul li:not([class]):after,
.page-template-product-module .product-tab-wrap ul:not([class]) li:after,
.page-template-product-module .product-tab-wrap ul:not([class]) li:not([class]):after {
  background-image: url("../../../hubfs/5066266/img/ico-bullet.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.45em auto;
  content: "";
  display: block;
  height: 1.8em;
  left: -1.8em;
  position: absolute;
  top: 0;
  width: 1.8em;
}

.product-tab-module-mobile {
  /* Tab element */
  /* Tab anchor */
  /* Disabled tab */
  /* Active state tab anchor */
  /* Tab panel */
  /* Accordion anchor */
  /* Active accordion anchor */
  /* Disabled accordion button */
}
.product-tab-module-mobile p {
  margin-top: 1.5625em;
  margin-bottom: 1.5625em;
}
.product-tab-module-mobile p:last-child {
  margin-bottom: 0;
}
.product-tab-module-mobile .pm-tab-image {
  float: none;
  margin-left: 0;
  margin-bottom: 1.5em;
  margin-top: 1.5625em;
  padding: 0;
  line-height: 0;
  text-align: center;
}
.product-tab-module-mobile .pm-tab-image img {
  padding: 1.25em 1.875em;
}
@media (min-width: 40em) {
  .product-tab-module-mobile .pm-tab-image {
    border: 0;
    text-align: left;
  }
  .product-tab-module-mobile .pm-tab-image img {
    border: 1px solid #6d6a6a;
  }
}
.product-tab-module-mobile .tabs {
  display: none;
}
.product-tab-module-mobile .tab_drawer_heading {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 1em;
  line-height: 1.625em;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  font-family: Poppins;
  text-decoration: none;
  padding: 1em 1.875em 0.8125em 1em;
  position: relative;
}
.product-tab-module-mobile .tab_drawer_heading:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.product-tab-module-mobile .tab_drawer_heading:after {
  content: "+";
  position: absolute;
  right: 0.625em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-tab-module-mobile .tab_drawer_heading.d_active {
  border-bottom: 0;
  background: #cc0000;
  color: #ffffff;
}
.product-tab-module-mobile .tab_drawer_heading.d_active:after {
  content: "-";
}
.product-tab-module-mobile .tab-content {
  padding: 1.875em 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 60em) {
  .product-tab-module-mobile {
    display: none;
  }
  .product-tab-module-mobile > .inner-wrap, .product-tab-module-mobile > .inner-wrap-narrow, .product-tab-module-mobile > .inner-wrap-wide, .product-tab-module-mobile > .inner-wrap-fullwidth {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
  }
  .product-tab-module-mobile .tab_drawer_heading {
    display: none;
  }
  .product-tab-module-mobile .tab_container {
    display: table-cell;
    width: calc(100% - 18.75em);
    padding-top: 5.3125em;
    padding-bottom: 5.25em;
    padding-right: 5%;
  }
  .product-tab-module-mobile .tab-content {
    padding: 0;
    border: 0;
  }
  .product-tab-module-mobile .tabs-wrap {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    width: 18.75em;
  }
  .product-tab-module-mobile .tabs {
    display: block;
  }
  .product-tab-module-mobile li:first-child .tab-link {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .product-tab-module-mobile .tab-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 1em;
    line-height: 1.625em;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    font-family: Poppins;
    text-decoration: none;
    padding: 1.5625em 1.875em 1.5625em 1.75em;
    position: relative;
  }
  .product-tab-module-mobile .tab-link span {
    position: relative;
    z-index: 1;
  }
  .product-tab-module-mobile .tab-link.active:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #cc0000;
    width: calc(100% + 1.5em);
    height: calc(100% + 0.75em);
  }
}
@media (min-width: 80em) {
  .product-tab-module-mobile .tab_container {
    padding-right: 21%;
  }
}
.product-tab-module-mobile .r-tabs {
  position: relative;
  display: table;
  width: 100%;
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.product-tab-module-mobile .r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
}
.product-tab-module-mobile .r-tabs .r-tabs-nav .r-tabs-anchor {
  font-size: 1em;
  display: block;
  color: #ffffff;
  padding: 1.5625em 1.875em 1.5625em 1.75em;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(109, 106, 106, 0.3);
  line-height: 1.625em;
  font-weight: 500;
  font-family: Poppins;
}
.product-tab-module-mobile .r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
.product-tab-module-mobile .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  text-shadow: none;
  background: #cc0000;
  border-bottom: 1px solid rgba(83, 31, 83, 0.3);
  position: relative;
}
.product-tab-module-mobile .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:before {
  content: "";
  background: #531f53;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}
.product-tab-module-mobile .r-tabs .r-tabs-panel {
  padding: 1.5625em 1.25em;
  border-bottom: 1px solid rgba(109, 106, 106, 0.3);
}
@media (min-width: 60em) {
  .product-tab-module-mobile .r-tabs .r-tabs-panel {
    display: table-cell;
    width: 94%;
    padding-top: 5.3125em;
    padding-bottom: 5.25em;
    border-bottom: 0;
    padding-right: 21%;
  }
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block;
  color: #333333;
  background: #efefef;
  padding: 0.9375em 1em;
  line-height: 1.625em;
  font-weight: 900;
  font-family: Poppins;
  font-size: 1.125em;
  text-transform: initial;
  text-decoration: none;
  border-bottom: 1px solid rgba(109, 106, 106, 0.3);
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  color: #333333;
  font-size: 1.125em;
  font-weight: 900;
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background: #cc0000;
  color: #ffffff;
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
  content: "-";
  color: #ffffff;
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}
.product-tab-module-mobile .r-tabs .r-tabs-nav {
  display: none;
}
@media (min-width: 60em) {
  .product-tab-module-mobile .r-tabs .r-tabs-nav {
    display: block;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    width: 18.75em;
  }
}
@media (min-width: 60em) {
  .product-tab-module-mobile .r-first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.product-tab-module-mobile .r-tabs .r-tabs-tab {
  display: block;
  margin: 0;
  list-style: none;
}
.product-tab-module-mobile .r-tabs .r-tabs-panel {
  display: none;
}
.product-tab-module-mobile .r-tabs .r-tabs-accordion-title {
  position: relative;
}
@media (min-width: 60em) {
  .product-tab-module-mobile .r-tabs .r-tabs-accordion-title {
    display: none;
  }
}
.product-tab-module-mobile .r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}

.pm-title {
  color: #040575;
  margin-top: 0;
}

.product-tab-module {
  display: none;
  width: 100%;
}
.product-tab-module .product-tab-wrap {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 60em) {
  .product-tab-module {
    display: block;
    background: #efefef;
    padding: 3.125em 0;
  }
}

.pm-item {
  /* display: none;*/
  transition: all 0s ease-in-out 0s;
  /*opacity: 0;
  height: 0;*/
}

.pm-item.active {
  /*display: block;*/
  opacity: 1;
  height: auto;
  transition: all 2s ease-in-out 0s;
}

.product-slider .slick-slide {
  border: 0;
}
.product-slider .slick-slide:hover .location-pin {
  background: #cc0000;
  color: #ffffff;
}
.product-slider .slick-active .location-pin.active-pin {
  background: #cc0000;
  color: #ffffff;
  box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.25);
  width: 100% !important;
}

.location-pin {
  font-size: 1em;
  color: #333333;
  background: #d2d2d2;
  display: table;
  height: 4.6875em;
  border-bottom: 1px solid #efefef;
  width: 100% !important;
  font-family: Poppins;
  text-transform: initial;
  text-decoration: none;
  font-weight: 900;
  text-align: left;
  padding: 0 1.75em;
  display: flex !important;
  align-items: center;
}
.location-pin span {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}
.location-pin:hover {
  color: #ffffff;
}
.location-pin:focus {
  color: #ffffff;
}

.pm-wrap {
  width: 80%;
  float: left;
}

.pm-item-wrap {
  padding: 0 0 0 1.875em;
}
@media (min-width: 80em) {
  .pm-item-wrap {
    padding: 0 0 0 3.125em;
  }
}

.pm-tab-image {
  float: right;
  margin-left: 1.25em;
  margin-bottom: 1.25em;
  padding: 0.625em 0.9375em;
}
@media (min-width: 80em) {
  .pm-tab-image {
    padding: 0.9375em 1.5625em;
  }
}

.product-tab-module .slick-list {
  /*overflow: hidden auto;*/
  height: auto !important;
}
.product-tab-module .mCustomScrollBox {
  height: 37.5em !important;
}
.product-tab-module .mCSB_outside + .mCSB_scrollTools {
  right: 0 !important;
  opacity: 0 !important;
}
.product-tab-module .bx-wrapper {
  max-width: 20% !important;
  width: 100%;
  border: 0;
  background: transparent;
  box-shadow: none;
  /*position: absolute;
  right: em(24);*/
  float: left;
  height: 100%;
  margin: 0;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.product-tab-module .bx-wrapper:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 4.3125em;
}
.product-tab-module .bx-wrapper .slick-track {
  transform: none !important;
}
.product-tab-module .bx-viewport {
  height: 26.25em !important;
}
.product-tab-module .bx-prev,
.product-tab-module .slick-arrow.slick-prev {
  width: 2.8125em !important;
  background: url(img/prod-up-arrow.svg) !important;
  background-size: 45px 45px !important;
  height: 2.8125em !important;
  top: 3% !important;
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
.product-tab-module .bx-next,
.product-tab-module .slick-arrow.slick-next {
  width: 2.8125em !important;
  background: url(img/prod-down-arrow.svg) !important;
  background-size: 45px 45px !important;
  height: 2.8125em !important;
  top: 103% !important;
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
@media (min-width: 80em) {
  .product-tab-module .bx-wrapper {
    right: 0;
  }
}
.product-tab-module button.slick-arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-indent: -9999px;
}
.product-tab-module button.slick-arrow.slick-prev {
  top: -2% !important;
  width: 50px !important;
  height: 50px !important;
  z-index: 9;
}
.product-tab-module button.slick-arrow.slick-next {
  bottom: 0;
  width: 50px !important;
  height: 50px !important;
  z-index: 9;
}
.product-tab-module button.slick-arrow:after {
  display: none;
}

.page-id-1850 .typical-shapes-that-can-be-spun,
.page-id-1879 .typical-shapes-that-can-be-spun {
  clear: left;
  margin-top: 0px;
}

.slick-slider {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.slick-list.draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slick-slide {
  outline: none;
}

/***gdd005 RFQ page redesign **/
@media (min-width: 60em) {
  .gft-wrap {
    height: 910px;
  }
}
.tab-content h3 {
  font-size: 1.0625em;
  color: #6f6f6f;
  font-weight: 400;
  text-transform: uppercase;
}

.rfq-form-tabs input[type=file] {
  background-color: transparent;
}

.rfq-form-tabs .tab-link {
  font-family: "Cabin";
  display: block;
  font-size: 1.0625em;
  color: #6f6f6f;
  padding: 1.0416666667em 0.2083333333em 1.0416666667em 0.8333333333em;
  background-color: #efefef;
  position: relative;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  border-bottom: 1px solid white;
  text-transform: uppercase;
}

.rfq-form-tabs .tab-link:hover {
  background-color: #fafafa;
  color: #6f6f6f;
}

.rfq-form-tabs .tab-link.is-active {
  background-color: #fafafa;
  color: #6f6f6f;
  position: relative;
}

.rfq-form-tabs .tab-link.is-active:after {
  content: "";
  position: absolute;
  height: 100%;
  background-color: #cc0001;
  left: -6px;
  z-index: 100;
  width: 5px;
  top: 0;
}

.rfq-form-tabs .tab-content {
  text-align: center;
  display: none;
  padding: 3.125em 1.125em 3.125em 1.125em;
  background-color: #fafafa;
}

.rfq-form-tabs .tab-content.is-open {
  display: block;
}

@media (min-width: 60em) {
  .rfq-form-tabs {
    position: relative;
  }

  .rfq-form-tabs .tab-link {
    text-align: left;
    font-size: 1em;
    width: 300px;
    border-radius: 0;
    padding: 2.5em 1.2083333333em 1.4em 2em;
    letter-spacing: 0.0416666667em;
    height: 95px;
  }

  .rfq-form-tabs .tab-link.is-active {
    position: relative;
  }

  .rfq-form-tabs .tab-link.is-active:after {
    content: "";
    position: absolute;
    height: 100%;
    background-color: #cc0001;
    left: -6px;
    z-index: 100;
    width: 5px;
    top: 0;
  }

  .rfq-form-tabs .tab-content {
    position: absolute;
    left: 300px;
    width: 68.5%;
    top: 0;
    padding: 1.1875em 0 2.5em 1.8125em;
    border-left: 2px solid #ffffff;
  }
}
.ps-item-text {
  display: none;
  font-size: 1.3125em;
}

@media (min-width: 40em) {
  .ps-item-text {
    display: block;
    margin-top: 0;
  }
}
@media (min-width: 60em) {
  .ps-item-text {
    font-weight: 300;
    line-height: 2vw;
    margin-bottom: 1.125em;
    font-size: 1.4vw;
  }
}
@media (min-width: 80em) {
  .ps-item-text {
    font-size: 1.3125em;
    line-height: 1.5555555556em;
    margin-bottom: 1em;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .ps-item-text {
    font-size: 1.0625em;
  }
}
@media (min-width: 40em) {
  .ps-item-content {
    text-align: left;
  }
}
@media (min-width: 60em) {
  .ps-item-content {
    max-width: 31.25em;
  }

  .ps-item-content.col-7 {
    width: 58.1%;
  }
}
@media (min-width: 80em) {
  .ps-item-content {
    max-width: 31.9375em;
    padding-left: 3.0625em;
  }
}
.ps-item-content h2 {
  color: #00ad49;
}

.ps-item-cta {
  font-size: 1em;
  font-weight: bold;
  padding: 0.375em 0.625em 0.5625em;
}

@media (min-width: 40em) {
  .ps-item-cta {
    text-align: center;
    padding: 0.75em 0.625em 0.75em;
  }
}
@media (min-width: 60em) {
  .ps-item-cta {
    padding: 0.4375em 0.625em 0.5em 0.8125em;
    font-size: 1.2vw;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .ps-item-cta {
    font-size: 1.0625em;
  }
}
.gft-wrap fieldset {
  background: transparent;
  border: 0px;
  margin: 0;
  padding: 0;
}

.gft-wrap input[type=text] {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  margin-bottom: 26px;
}

.gft-wrap input[type=tel] {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  margin-bottom: 26px;
}

.gft-wrap input[type=email] {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  margin-bottom: 26px;
}

.gft-wrap textarea {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  margin-bottom: 26px;
}

.gft-wrap select {
  box-shadow: none;
  border: 1px solid #c1c1c1;
  margin-bottom: 26px;
}

.gft-wrap .form-col-2 .form-field {
  width: 100%;
}

.gft-wrap .form-field .input {
  margin-right: 8px;
}

.gft-wrap label {
  font-size: 1.0625em;
  color: #6f6f6f;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
}

.gft-wrap input[type=submit] {
  font-family: "Cabin";
  font-size: 1.0625em;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #cc0001;
  padding: 25px 46px 26px 46px;
  margin-top: 2em;
}

@media (min-width: 60em) {
  .gft-wrap input[type=submit] {
    float: right;
    margin-right: 5em;
  }
}
@media (min-width: 60em) {
  .gft-wrap .select-col {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 30.0625em) {
  .gft-wrap .form-col-2 .form-field {
    width: 50%;
    float: left;
  }
}
.next {
  font-family: "Cabin";
  font-size: 1.0625em;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #cc0001;
  padding: 25px 46px 26px 46px;
  display: block;
  max-width: 200px;
  margin-right: 4em;
  text-decoration: none;
  cursor: pointer;
}

.next:hover {
  color: #ffffff;
}

@media (min-width: 60em) {
  .next {
    float: right;
  }
}
.hs-content-id-7336754830 .gdd-002-b-sticky {
  display: none !important;
}

.hs-content-id-7336754830 .gdd-002-stickyfooter {
  display: none !important;
}

.hs-content-id-7336754830 .close-sticky {
  display: none !important;
}

.gft-wrap input[type=submit]:hover {
  background-color: #990000;
}

#AllErr {
  bottom: 0;
}

.hs-landing-page .site-dest-intro {
  width: 100%;
}

.gdd005-form-tabs .tab-content h3 {
  text-align: left;
}

.gdd005-form-tabs {
  display: block !important;
}

.gft-wrap .error {
  color: red;
  position: relative;
  bottom: 17px;
}

.gcm-rfq-text,
.gcm-contact-text {
  position: relative;
}

.gcm-rfq-text p {
  margin: 0;
}

.gcm-contact-text p {
  margin: 0;
}

.gcm-item-wrap {
  margin-top: 100px;
}

.fm-title {
  text-transform: uppercase;
}

.gcm-item-wrap p {
  font-size: 20px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: Poppins;
}

.gcm-item-wrap .ph-link {
  font-weight: 700;
  margin-right: 8px;
  text-decoration: none;
}

.gcm-rfq-text::before {
  content: "";
  position: absolute;
  background-image: url(../../../hubfs/5066266/gdd005-rfq-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 67px 67px;
  width: 67px;
  height: 67px;
  left: 50%;
  margin-left: -50px;
  bottom: 100%;
}

.gcm-contact-text::before {
  content: "";
  position: absolute;
  background-image: url(../../../hubfs/5066266/gdd005-contact-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 67px 67px;
  width: 67px;
  height: 67px;
  left: 50%;
  margin-left: -50px;
  bottom: 100%;
}

.gdd005-contact-module {
  margin-bottom: 45px;
}

.gft-wrap textarea {
  min-height: 80px;
  resize: vertical;
}

@media (min-width: 60em) {
  .hs-content-id-7336754830 header.site-header {
    height: 51px !important;
  }

  .fm-title {
    margin-bottom: 50px;
  }

  .gcm-item-wrap {
    margin-top: 0;
  }

  .gcm-item-wrap p {
    padding-left: 72px;
    padding-right: 57px;
    font-size: 18px;
  }

  .gcm-rfq-text::before {
    content: "";
    position: absolute;
    background-image: url(../../../hubfs/5066266/gdd005-rfq-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 67px 67px;
    width: 67px;
    height: 67px;
    left: -15px;
    bottom: 14px;
    margin-left: 0;
  }

  .gcm-contact-text::before {
    content: "";
    position: absolute;
    background-image: url(../../../hubfs/5066266/gdd005-contact-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 67px 67px;
    width: 67px;
    height: 67px;
    left: -15px;
    bottom: 14px;
    margin-left: 0;
  }
}
@media (min-width: 80em) {
  .gcm-item-wrap p {
    font-size: 20px;
  }

  .hs-content-id-7336754830 header.site-header {
    height: 51px !important;
  }
}
/***gdd005 RFQ page redesign end **/
.inner-p {
  margin-top: 0;
  margin-bottom: 14px;
}

.text-p {
  margin: 20px 0;
}

/*New home page style staging*/
.shuw-new {
  /*margin-top: 0;
  background-color: rgba(6,4,113,0.39);*/
}

header.site-header-new {
  background-color: transparent;
}

.site-header-new .sh-sticky-wrap {
  background-color: white;
}

/*Capbilities Module start*/
.capabilities-new-module .inner-wrap, .capabilities-new-module .inner-wrap-narrow, .capabilities-new-module .inner-wrap-wide, .capabilities-new-module .inner-wrap-fullwidth {
  padding-bottom: 4.6875em;
  padding-top: 3.75em;
}
@media (min-width: 60em) {
  .capabilities-new-module .inner-wrap, .capabilities-new-module .inner-wrap-narrow, .capabilities-new-module .inner-wrap-wide, .capabilities-new-module .inner-wrap-fullwidth {
    padding-bottom: 7.5em;
    padding-top: 6.25em;
  }
}

.cm-header {
  text-align: center;
  font-size: 2.125em;
  line-height: 1.2941176471em;
  font-weight: bold;
  color: #040575;
  margin-bottom: 1.0588235294em;
}

.cm-bucket-wrap {
  max-width: 65.5em;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .cm-bucket-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cm-bucket-wrap > div {
    -webkit-flex-basis: 28%;
    -moz-flex-basis: 28%;
    flex-basis: 28%;
    -ms-flex-preferred-size: 28%;
  }
  .cm-bucket-wrap > div.cm-bucket-center {
    -webkit-flex-basis: 44%;
    -moz-flex-basis: 44%;
    flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
  }
  .cm-bucket-wrap > div:first-child > a {
    float: right;
  }
}

.cm-bucket-center {
  padding: 2.5em 2.1875em;
  border-radius: 25px;
  -webkit-box-shadow: 1px 6px 4px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 6px 4px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 6px 4px 0px rgba(0, 0, 0, 0.15);
  background: -moz-linear-gradient(top, #080868 0%, #03034f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #080868 0%, #03034f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #080868 0%, #03034f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cm-bucket-center:hover {
  background: #cc0000;
}
@media (min-width: 60em) {
  .cm-bucket-center {
    padding: 4.5em 2.1875em;
  }
}

.cmbi-heading {
  display: block;
  font-size: 1.4375em;
  color: #ffffff;
  font-weight: 700;
  font-family: Poppins;
  padding-bottom: 1.1304347826em;
}

.cmbi-text {
  color: #ffffff;
  display: block;
  font-size: 1.125em;
  line-height: 1.7777777778em;
  width: 88%;
  margin: 0 auto 1.1111111111em;
}

@media (min-width: 60em) {
  .cm-bucket-left {
    padding-top: 2.25em;
    padding-left: 0.75em;
    padding-right: 0.125em;
  }
  .cm-bucket-left > a {
    border-radius: 1.25em 0 0 1.25em;
  }
}

.cm-bucket-right {
  padding-top: 0.25em;
}
@media (min-width: 60em) {
  .cm-bucket-right {
    padding-top: 2.25em;
    padding-left: 0.125em;
  }
  .cm-bucket-right > a {
    border-radius: 0 1.25em 1.25em 0;
  }
}

.cmbc-item {
  text-align: center;
}

.cmbc-item-link {
  text-decoration: none;
  display: block;
}
.cmbc-item-link:hover {
  text-decoration: none;
}

.cmb-item {
  background-color: #040489;
  display: block;
  max-width: 15.625em;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  text-align: center;
  margin: 0 auto 0.25em;
}
.cmb-item > span {
  display: block;
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 700;
}
.cmb-item:hover {
  background-color: #cc0000;
  color: #ffffff;
}
@media (min-width: 60em) {
  .cmb-item {
    margin: 0 0 0.25em;
    padding-top: 2.875em;
    padding-bottom: 2.875em;
  }
}

/*industries-module start*/
.industries-module.im-new {
  background-color: #060471;
}

/*Common Metal Spun Products*/
.cmcm-header {
  text-align: center;
  font-weight: bold;
  font-family: Poppins;
  color: #040575;
  margin-bottom: 1.1428571429em;
}
.cmcm-header > span {
  color: #000000;
}

.cmcm-text {
  text-align: center;
  font-size: 1.25em;
  line-height: 1.5em;
  color: #000000;
}

.choose-metal-craft-module {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url(img/8-reason-bg.jpg);
}
.choose-metal-craft-module .inner-wrap, .choose-metal-craft-module .inner-wrap-narrow, .choose-metal-craft-module .inner-wrap-wide, .choose-metal-craft-module .inner-wrap-fullwidth {
  padding-bottom: 12.9375em;
  padding-top: 6.5em;
}

.cmpm-new {
  background-color: #efeff4;
}

.cmpm-heading {
  font-weight: 700;
  padding-bottom: 0;
}
.cmpm-heading:before {
  display: none;
}

.cmpm-text {
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 600;
  color: #000000;
}

.cmpm-figure {
  max-width: 7.625em;
  width: 100%;
  margin: 0 auto 1.375em;
  border-radius: 100px;
}

.cmpm-link .cmpm-title {
  font-size: 1.0625em;
  font-weight: normal;
  color: #000000;
  text-transform: none;
}

/*cmcm-bucket-wrap*/
.cmcm-bucket-wrap {
  border-radius: 35px;
  overflow: hidden;
  margin-bottom: 3.1875em !important;
}
@media (min-width: 40em) {
  .cmcm-bucket-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .cmcm-bucket-wrap > div {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
}

.cmcm-item {
  max-width: 17.375em;
  width: 100%;
  margin: 0 auto 0.25em;
}
.cmcm-item > a {
  display: block;
  width: 100%;
  position: relative;
  color: #ffffff;
  background-color: #060471;
  overflow: hidden;
}
@media (min-width: 40em) {
  .cmcm-item {
    margin: 0 2px 4px;
    max-width: 100%;
    width: 49%;
  }
}
@media (min-width: 60em) {
  .cmcm-item {
    width: 24%;
    margin: 0 2px 4px;
  }
  .cmcm-item > a:hover .cmcmi-image {
    transform: scale(1.1);
    opacity: 1;
  }
  .cmcm-item > a:hover .cmcmi-title {
    opacity: 0;
  }
}

.cmcmi-title {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.4375em;
  line-height: 1.3043478261em;
  font-family: Poppins;
  font-weight: 600;
  padding: 0 0.3125em;
}

.cmcmi-image {
  display: block;
  width: 100%;
  opacity: 0.42;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cmcmi-image img {
  display: block;
  width: 100%;
}

/*resources-module*/
.rm-new {
  margin-top: -11.5em;
  background-color: transparent;
}

.resources-module .inner-wrap, .resources-module .inner-wrap-narrow, .resources-module .inner-wrap-wide, .resources-module .inner-wrap-fullwidth {
  padding-bottom: 4.875em;
}

.rm-header {
  text-align: center;
  font-weight: 700;
  font-size: 2.125em;
  color: #040575;
}

.rm-text {
  text-align: center;
  font-size: 1.25em;
  line-height: 1.5em;
  color: #000000;
  margin-bottom: 1.75em;
}

.rm-bucket-wrap > div {
  max-width: 22.5em;
  width: 100%;
  margin: 0 auto 1.5em;
  border-radius: 25px;
  border: 2px solid #cccce3;
  overflow: hidden;
  background-color: rgba(239, 239, 244, 0.2);
}
@media (min-width: 60em) {
  .rm-bucket-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .rm-bucket-wrap > div {
    width: 100%;
    margin: 0;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
  }
  .rm-bucket-wrap > div:first-child {
    margin-left: 0;
  }
  .rm-bucket-wrap > div:hover {
    border-color: rgba(4, 3, 96, 0.84);
  }
}

.rmbi-image {
  display: block;
  max-width: 11.5em;
  width: 100%;
  /*max-height: em(215);*/
  max-height: 15.4375em;
  margin: 0 auto 1.5625em;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.rmbi-image > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  /*height: em(215);*/
  height: 15.4375em;
}

.rmbi-tital {
  display: block;
  text-align: center;
}

.rmbi-link {
  display: block;
  position: relative;
  color: #ffffff;
  /*padding: em(37) em(30) em(30);*/
  padding: 1.3125em 1.875em 0.875em;
}
.rmbi-link:hover {
  color: #ffffff;
}
.rmbi-link:hover .rmbi-image {
  transform: scale(1.2);
}
@media (min-width: 60em) {
  .rmbi-link:hover .rmbi-hover {
    opacity: 1;
  }
  .rmbi-link:hover .rmbi-tital {
    opacity: 0;
  }
}

.rmbi-hover {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(4, 3, 96, 0.84);
  opacity: 0;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.rmbi-hover > span {
  display: block;
  position: relative;
  top: 50%;
  text-align: center;
  padding: 1.25em 2.1875em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rmbi-tital {
  font-size: 1.4375em;
  font-weight: 600;
  font-family: Poppins;
  color: #000000;
}

.rmbih-title {
  display: block;
  font-weight: 600;
  font-size: 1.4375em;
  padding-bottom: 1.3043478261em;
  line-height: 1.3043478261em;
}

.rmbih-text {
  display: block;
  font-size: 1.125em;
  line-height: 1.7777777778em;
  padding-bottom: 1.6666666667em;
}

.rmbih-cta {
  font-size: 1.125em;
  background-color: #cc0000;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 600;
  padding-top: 0.8888888889em;
  padding-bottom: 0.8888888889em;
  padding-left: 1.6666666667em;
  padding-right: 1.6666666667em;
}

@media (min-width: 60em) {
  .left-nav {
    width: 43%;
    float: left;
  }
  .left-nav .sn-level-1 {
    display: block;
    float: left;
    height: auto;
  }
  .left-nav .sn-level-1 .sn-li-l1 {
    /*margin: 0 em(6);*/
    margin: 0 0.375em;
    height: 3.75em;
  }
  .left-nav .sn-level-1 .sn-li-l1 > a {
    line-height: 3.75em;
    height: 3.75em;
  }
  .left-nav .sn-level-1 .sn-li-l1:nth-of-type(1) {
    margin-left: 0 !important;
  }
  .left-nav .sn-level-1 .sn-li-l1:nth-of-type(1) > a {
    padding-left: 0.0625em;
  }
  .left-nav .sn-level-1 .sn-li-l1 > a {
    padding: 0 0.3125em;
  }
  .left-nav .sn-level-1 .sn-li-l1.has-subnav > a span, .left-nav .sn-level-1 .sn-li-l1.menu-item-has-children > a span, .left-nav .sn-level-1 .sn-li-l1.hs-item-has-children > a span {
    padding-right: 0;
    padding-bottom: 1.1764705882em;
    background-position: center bottom;
  }
}
@media (min-width: 80em) {
  .left-nav .sn-level-1 {
    display: block;
  }
  .left-nav .sn-level-1 .sn-li-l1 {
    margin: 0 0.375em;
    margin-left: 0em !important;
  }
  .left-nav .sn-level-1 .sn-li-l1:nth-of-type(1) {
    margin-left: 0 !important;
  }
  .left-nav .sn-level-1 .sn-li-l1 > a {
    padding: 0 0.5em;
    line-height: 3.75em;
    height: 3.75em;
  }
}

.right-nav .sn-level-1 .sn-li-l1.sh-rfq-cta {
  display: none;
}
@media (min-width: 60em) {
  .right-nav {
    width: 41%;
    float: right;
    margin-right: 0;
  }
  .right-nav .sn-level-1 {
    display: block;
    float: right;
    height: auto;
  }
  .right-nav .sn-level-1 .sn-li-l1 {
    margin: 0 0.375em;
    float: left;
    height: 3.75em;
  }
  .right-nav .sn-level-1 .sn-li-l1.sh-rfq-cta {
    display: block;
  }
  .right-nav .sn-level-1 .sn-li-l1:nth-of-type(1) {
    margin-left: 0;
  }
  .right-nav .sn-level-1 .sn-li-l1 > a {
    padding: 0 0.3125em;
    line-height: 3.75em;
    height: 3.75em;
  }
}
@media (min-width: 80em) {
  .right-nav .sn-level-1 {
    display: block;
    float: right;
  }
  .right-nav .sn-level-1 .sn-li-l1 {
    margin: 0 0.375em;
  }
  .right-nav .sn-level-1 .sn-li-l1:nth-of-type(1) {
    margin-left: 0;
  }
  .right-nav .sn-level-1 .sn-li-l1.sh-rfq-cta > a {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .right-nav .sn-level-1 .sn-li-l1 > a {
    padding: 0 0.625em;
  }
}

.sl-new {
  /*max-width: em(150);*/
  max-width: 11.625em;
  width: 100%;
}
@media (min-width: 40em) {
  .sl-new {
    /*max-width: em(186);*/
    max-width: 13.4375em;
  }
}
@media (min-width: 60em) {
  .sl-new {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    margin: 0 auto;
    z-index: 1;
    max-width: 15.4375em;
    right: 5.625em;
    width: 17%;
    /*&::before{
      content:'';
      background-color: $white;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 50%;
      @include transform(translateY(-50%));
      width: em(159);
      height: em(159);
      box-shadow: 1px 6px 4px 0px rgba(0, 0, 0, 0.15);
      border-radius: 100px;
      z-index: -1;
      @include transition (all 0.3s ease-in-out);
    }*/
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .sl-new {
    max-width: 18.75em;
    top: 14%;
    right: 3.4375em;
  }
}
@media (max-height: 46em) and (min-width: 80em) {
  .sl-new {
    right: 5.9375em;
  }
}
@media (min-width: 80em) {
  .sl-new {
    max-width: 21.5625em;
    top: 9%;
    right: 1.6875em;
    width: 100%;
  }
}

.sh-sticky-wrap.stuck .sl-new {
  /*width: 8%;*/
}
.sh-sticky-wrap.stuck .sl-new::before {
  width: 6.25em;
  height: 6.25em;
}

@media (min-width: 60em) {
  .shs-nav-wrap .inner-wrap, .shs-nav-wrap .inner-wrap-narrow, .shs-nav-wrap .inner-wrap-wide, .shs-nav-wrap .inner-wrap-fullwidth {
    padding-top: 2.625em;
    padding-bottom: 2.625em;
  }
  .shs-nav-wrap .site-nav-container {
    width: 100%;
    margin: 0;
  }
}

.sh-utility-container-left {
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sh-ph-new {
  color: #ffffff;
  font-size: 0.9375em;
  line-height: 1.2666666667em;
  /*padding-left: em(36,15);*/
  padding-left: 1.6666666667em;
  background-image: url(../../../hubfs/5066266/img/ico-phone.svg);
  background-repeat: no-repeat;
  background-size: 1.3333333333em 1.3333333333em;
  text-decoration: none;
}

.sh-utility-link {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9375em;
  line-height: 1.2666666667em;
  margin-left: 1em;
  display: inline-block;
}
@media (min-width: 60em) {
  .sh-utility-link {
    margin-left: 3.7333333333em;
  }
}

.shuc-new {
  padding-top: 1.0625em;
  padding-bottom: 0.9375em;
  height: auto;
}

.sh-ico-search-new {
  background-image: url(../../../hubfs/5066266/img/search-new.svg);
  margin-left: 3.5em;
}
.sh-ico-search-new:hover {
  background-image: url(/wp-content/themes/metalcraft-default/img/search-new-hover.svg);
}

@media (min-width: 60em) {
  .snv-new {
    margin-top: 0;
  }
  .snv-new .site-nav {
    left: 0;
  }
}

.site-header-wrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.im-new .inner-wrap-fullwidth {
  padding-top: 4.375em;
}

.imn-heading {
  color: #ffffff;
  text-align: center;
  font-size: 1.75em;
  line-height: 1.3571428571em;
  font-weight: 500;
  margin-bottom: 1.6071428571em;
}

.imn-img {
  max-width: 5em;
  width: 100%;
  margin: 0 auto 1.25em;
  border-radius: 50px;
  overflow: hidden;
  background-color: #2526a0;
}
.imn-img img {
  display: block;
  width: 100%;
}

.imn-bucket {
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  margin-bottom: 1.5625em;
}
.imn-bucket:hover {
  color: #ffffff;
}
.imn-bucket:hover .imn-img {
  background-color: #cc0000;
}

.imn-caption {
  display: block;
  text-align: center;
  font-size: 0.9375em;
  line-height: 1.4666666667em;
}

.imn-buckets-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.imn-buckets-wrap > a {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
}
@media (min-width: 40em) {
  .imn-buckets-wrap > a {
    -webkit-flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
  }
}
@media (min-width: 60em) {
  .imn-buckets-wrap {
    font-size: 1.25vw;
  }
  .imn-buckets-wrap > a {
    -webkit-flex-basis: 8%;
    -moz-flex-basis: 8%;
    flex-basis: 8%;
    -ms-flex-preferred-size: 8%;
    margin: 0 1% 1.5625em;
  }
}
@media (min-width: 80em) {
  .imn-buckets-wrap {
    font-size: 1em;
  }
}

@media (min-width: 60em) {
  .ie10 .imn-buckets-wrap {
    display: block;
  }
  .ie10 .imn-buckets-wrap > a {
    margin: 0 0.5% 1.5625em;
    display: inline-block;
    width: 8%;
  }
}

.capabilities-new-module {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url(img/8-reason-bg.jpg);
}

.page-id-5 .sh-utility-wrap {
  background-color: #63649E;
}

.cmpc-new-slider .slick-prev {
  background-size: 24px 40px;
  background-repeat: no-repeat;
  background-image: url(img/slider-arrow-prev-new.png);
  left: -25px;
  opacity: 0.25;
  font-size: 0;
  top: 35%;
  color: black;
  width: 25px;
  height: 40px;
}
.cmpc-new-slider .slick-prev:before {
  display: none;
}
.cmpc-new-slider .slick-prev:focus {
  background-repeat: no-repeat;
  background-image: url(img/slider-arrow-prev-new.png);
}
.cmpc-new-slider .slick-prev:hover {
  background-image: url(img/slider-arrow-prev-hover.png);
  background-repeat: no-repeat;
  opacity: 1;
}
.cmpc-new-slider .slick-next {
  background-size: 24px 40px;
  background-repeat: no-repeat;
  background-image: url(img/slider-arrow-next-new.png);
  font-size: 0;
  top: 35%;
  color: black;
  right: -25px;
  opacity: 0.25;
  width: 25px;
  height: 40px;
}
.cmpc-new-slider .slick-next:before {
  display: none;
}
.cmpc-new-slider .slick-next:focus {
  background-repeat: no-repeat;
  background-image: url(img/slider-arrow-next-new.png);
}
.cmpc-new-slider .slick-next:hover {
  background-image: url(img/slider-arrow-next-hover.png);
  background-repeat: no-repeat;
  opacity: 1;
}

.company-overview-video-module {
  background-color: #010C51;
  position: relative;
}
.company-overview-video-module .inner-wrap, .company-overview-video-module .inner-wrap-narrow, .company-overview-video-module .inner-wrap-wide, .company-overview-video-module .inner-wrap-fullwidth {
  padding-top: 2.5em;
  padding-bottom: 0;
  position: static;
}
@media (min-width: 60em) {
  .company-overview-video-module .inner-wrap, .company-overview-video-module .inner-wrap-narrow, .company-overview-video-module .inner-wrap-wide, .company-overview-video-module .inner-wrap-fullwidth {
    padding-top: 0;
  }
}
.company-overview-video-module .covm-image {
  position: relative;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  line-height: 0;
}
@media (min-width: 60em) {
  .company-overview-video-module .covm-image {
    position: absolute;
    right: 0;
    height: 100%;
  }
  .company-overview-video-module .covm-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right bottom;
  }
}
@media (min-width: 1500px) {
  .company-overview-video-module .covm-image {
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
  }
  .company-overview-video-module .covm-image img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: right bottom;
  }
}
.company-overview-video-module .covm-content-wrap {
  color: #ffffff;
  padding: 2.5em 0;
}
@media (min-width: 60em) {
  .company-overview-video-module .covm-content-wrap {
    min-height: 20.875em;
    padding: 5.3125em 4.0625em 5.3125em 0;
  }
}
.company-overview-video-module .covm-content-wrap .covm-heading {
  margin-top: 0;
  color: #fff;
  margin-bottom: 0.65625em;
  font-size: 2em;
  line-height: 1.25em;
  font-weight: bold;
  padding-bottom: 0;
}
.company-overview-video-module .covm-content-wrap .covm-video-link-text {
  padding: 0.75em 4.4em 0.75em 1.55em;
  font-size: 1.25em;
  font-weight: bold;
  position: relative;
  min-width: 14.3em;
  line-height: 1.35em;
}
.company-overview-video-module .covm-content-wrap .covm-video-link-text:after {
  position: absolute;
  content: "";
  background-image: url("img/video-play-icon.svg");
  background-size: 100%;
  background-position: center;
  background-color: transparent;
  width: 1.6em;
  height: 1.6em;
  right: 1.85em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.company-overview-video-module .covm-content-wrap .covm-video-link-text:hover:after {
  background-image: url("img/video-play-icon-hover.svg");
}
.company-overview-video-module .covm-wrap {
  text-align: center;
}
@media (min-width: 60em) {
  .company-overview-video-module .covm-wrap {
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 1.25em;
    overflow: hidden;
  }
  .company-overview-video-module .covm-wrap .covm-image {
    width: 50%;
  }
  .company-overview-video-module .covm-wrap .covm-content-wrap {
    width: 50%;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /*@include flex-direction(column);*/
    /*border-radius: 0 em(20) em(20) 0;*/
  }
}

.mfp-zoom-out-cur .sh-sticky-wrap.stuck {
  width: calc(100% - 17px);
}

.mfp-img {
  max-height: inherit !important;
}

.infographic {
  text-align: center;
  position: relative;
  z-index: 9;
  display: block;
}
.infographic span {
  display: block;
  text-align: center;
  font-weight: bold;
}
.infographic img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .infographic {
    float: right;
    width: 30%;
    margin-left: 2%;
  }
}

/* gdd 008 b css start */
.fixed-cta {
  background-color: #bd0000;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.fixed-cta > .inner-wrap, .fixed-cta > .inner-wrap-narrow, .fixed-cta > .inner-wrap-wide, .fixed-cta > .inner-wrap-fullwidth {
  position: relative;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (max-height: 46em) and (min-width: 60em) {
  .fixed-cta {
    width: 30%;
  }
}
@media (min-width: 60em) {
  .fixed-cta {
    text-align: left;
    bottom: 15%;
    right: 50px;
    width: 40%;
    border-radius: 15px;
  }
}
@media (min-width: 80em) {
  .fixed-cta {
    width: 25%;
  }
}
.fixed-cta h3 {
  font-weight: 600;
  font-size: 1.25em;
  color: #fff;
  line-height: 1.2307692308em;
  margin: 0.7692307692em 0.7692307692em 1.1538461538em 0.7692307692em !important;
}
@media (min-width: 40em) {
  .fixed-cta > .inner-wrap, .fixed-cta > .inner-wrap-narrow, .fixed-cta > .inner-wrap-wide, .fixed-cta > .inner-wrap-fullwidth {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .fixed-cta h3 {
    font-size: 1em;
    line-height: 1.4375em;
    display: block;
    vertical-align: middle;
    margin: 0 0 10px 0 !important;
  }
}
@media (min-width: 60em) {
  .fixed-cta h3 {
    max-width: 210px;
    font-size: 1.25em;
    width: 100%;
  }
  .fixed-cta > .inner-wrap, .fixed-cta > .inner-wrap-narrow, .fixed-cta > .inner-wrap-wide, .fixed-cta > .inner-wrap-fullwidth {
    padding-left: 9.4375em;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .fixed-cta > .inner-wrap, .fixed-cta > .inner-wrap-narrow, .fixed-cta > .inner-wrap-wide, .fixed-cta > .inner-wrap-fullwidth {
    padding-left: 166px;
  }
}

.cta-close {
  color: white;
  position: absolute;
  right: 0.625em;
  text-decoration: none;
  top: 0.625em;
  cursor: pointer;
}
.cta-close:hover {
  color: #fff;
}
.cta-close:active, .cta-close:focus {
  color: #fff;
}
@media (min-width: 40em) {
  .cta-close {
    position: absolute;
    font-size: 1.25em;
    margin-left: 1.15em;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    top: -17px;
    right: 2px;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: black;
    color: white;
    border-radius: 50%;
    border: 1px solid;
  }
}
@media (min-width: 60em) {
  .cta-close {
    margin-left: 2.9em;
    right: -11px;
  }
}

.si-btn {
  background-color: #080864;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.7692307692em 1.0769230769em;
  text-decoration: none;
  font-weight: 600;
}
.si-btn:hover {
  color: #080864;
}
.si-btn:active, .si-btn:focus {
  color: white;
}
@media (min-width: 40em) {
  .si-btn {
    font-size: 1em;
    padding: 0.75em 1em;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (min-width: 60em) {
  .si-btn {
    font-size: 1.125em;
    padding: 0.75em 0.9375em;
  }
}

/* gdd 008 b css end */
@media (min-width: 60em) {
  .gdd-008-b.fixed-cta:after {
    content: "";
    position: absolute;
    background-image: url(../../uploads/img-ebook.png);
    background-repeat: no-repeat;
    width: 255px;
    height: 190px;
    left: -32px;
    bottom: -5px;
  }
}
#hubspot-messages-iframe-container {
  z-index: 9 !important;
}

#hubspot-messages-iframe-container .widget-align-left {
  bottom: 0px !important;
}

/* gdd 006 b css start */
/* gdd 007 b css start */
.spm-sub-tabs {
  padding: 0 1.25em;
}
@media (min-width: 60em) {
  .spm-sub-tabs {
    padding: 0;
    padding-top: 0;
  }
}

.gdd-007-b .cm-header {
  margin-top: 1.058em;
}
.gdd-007-b .eng-section {
  background-color: #e7e7f5;
  text-align: center;
  color: #000000;
}
@media (min-width: 60em) {
  .gdd-007-b .eng-section {
    text-align: left;
  }
}
.gdd-007-b .eng-section > .inner-wrap, .gdd-007-b .eng-section > .inner-wrap-narrow, .gdd-007-b .eng-section > .inner-wrap-wide, .gdd-007-b .eng-section > .inner-wrap-fullwidth {
  padding-top: 20px;
  padding-bottom: 20px;
}
.gdd-007-b .eng-section .eng-heading {
  font-weight: 600;
  font-size: 34px;
}
@media (min-width: 60em) {
  .gdd-007-b .eng-section .eng-heading {
    width: 25%;
    display: inline-block;
    position: relative;
    border-right: 1px solid;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .gdd-007-b .eng-section .eng-heading {
    border-right: 0 solid;
  }
}
@media (min-width: 60em) {
  .gdd-007-b .eng-section .eng-content {
    width: 70%;
    display: inline-block;
    margin-top: 20px;
  }
}
@media (min-width: 60em) {
  .gdd-007-b .eng-section .eng-text {
    display: inline-block;
    width: 73%;
    padding-left: 24px;
  }
}
@media (min-width: 80em) {
  .gdd-007-b .eng-section .eng-text {
    padding-left: 71px;
  }
}
.gdd-007-b .eng-section .eng-btn {
  border-radius: 12px;
  padding: 18px 33px;
  font-weight: normal;
  display: block;
  max-width: 12em;
  margin: 10px auto;
}
@media (min-width: 60em) {
  .gdd-007-b .eng-section .eng-btn {
    float: right;
    display: inline-block;
  }
}
@media (min-width: 60em) {
  .gdd-007-b > .inner-wrap, .gdd-007-b > .inner-wrap-narrow, .gdd-007-b > .inner-wrap-wide, .gdd-007-b > .inner-wrap-fullwidth {
    padding-bottom: 80px;
  }
}
@media (min-width: 80em) {
  .gdd-007-b > .inner-wrap, .gdd-007-b > .inner-wrap-narrow, .gdd-007-b > .inner-wrap-wide, .gdd-007-b > .inner-wrap-fullwidth {
    padding-bottom: 80px;
  }
}

.capability-module {
  position: relative;
}
.capability-module:before {
  content: "";
  background-image: url(img/cap-bg-img.svg);
  width: 90%;
  height: 80%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  opacity: 0.1;
  background-size: auto;
  background-repeat: no-repeat;
}
.capability-module .inner-wrap, .capability-module .inner-wrap-narrow, .capability-module .inner-wrap-wide, .capability-module .inner-wrap-fullwidth {
  padding-top: 6.125em;
  padding-bottom: 6.125em;
}

.spm-sub-tabs {
  position: relative;
}
.spm-sub-tabs .accordion-tabs .tab-header-and-content:first-child .tab-link {
  border-radius: 50px !important;
}
@media screen and (max-width: 40em) {
  .spm-sub-tabs .accordion-tabs .tab-header-and-content:last-child .tab-link {
    border-radius: 50px !important;
  }
}
.spm-sub-tabs .accordion-tabs {
  border: 0;
}
.spm-sub-tabs .accordion-tabs .tab-header-and-content {
  border: 0;
}
@media (min-width: 60em) {
  .spm-sub-tabs .accordion-tabs .tab-header-and-content {
    display: block;
  }
}
.spm-sub-tabs .accordion-tabs .tab-header-and-content:last-child .tab-link {
  margin-bottom: 0;
}
.spm-sub-tabs .accordion-tabs .tab-content {
  border: 0 solid white;
}
.spm-sub-tabs .accordion-tabs .tab-link {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  padding: 1.125em;
  border-radius: 50px;
  margin-bottom: 0.5555555556em;
  background-color: #63649E;
  width: 100%;
  text-align: center;
}
.spm-sub-tabs .accordion-tabs .tab-link span {
  display: inline-block;
  vertical-align: middle;
}
.spm-sub-tabs .accordion-tabs .tab-link span svg {
  fill: #000000;
  margin-left: 0.2777777778em;
}
.spm-sub-tabs .accordion-tabs .tab-link.is-active {
  color: #ffffff;
  position: relative;
  border-radius: 50px;
}
.spm-sub-tabs .accordion-tabs .tab-link.is-active:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 14px);
  background-color: #26377C;
  display: block;
  height: 100%;
}
.spm-sub-tabs .accordion-tabs .tab-link.is-active span {
  position: relative;
  z-index: 2;
}
.spm-sub-tabs .accordion-tabs .tab-link.is-active span svg {
  fill: #ffffff;
}
@media (min-width: 60em) {
  .spm-sub-tabs .accordion-tabs .tab-link {
    max-width: 17.8125em;
    width: 100%;
    margin-bottom: 1.25em;
  }
}
@media (min-width: 80em) {
  .spm-sub-tabs .accordion-tabs .tab-link {
    max-width: 21.8125em;
    width: 100%;
    margin-bottom: 1.25em;
  }
}
.spm-sub-tabs .accordion-tabs .tab-content {
  background-color: transparent;
}
@media (min-width: 60em) {
  .spm-sub-tabs .accordion-tabs .tab-content {
    width: calc(100% - 18em);
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
  }
}
@media (min-width: 80em) {
  .spm-sub-tabs .accordion-tabs .tab-content {
    width: calc(100% - 349px);
  }
}

.spm-title {
  font-size: 2em;
  margin-bottom: 0.53125em;
  line-height: 0.9375em;
  color: #000000;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 0;
  position: relative;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 60em) {
  .spm-title:after {
    content: none;
  }
}

.spm-desc {
  font-size: 1.125em;
  line-height: 1.5555555556em;
  margin: 0;
  margin-bottom: 1.1111111111em;
  color: #3C3C3C;
}

.spm-content {
  width: 100%;
}
@media (min-width: 60em) {
  .spm-content {
    padding-top: 0;
    display: flex;
  }
}
@media (min-width: 80em) {
  .spm-content {
    padding-top: 0;
  }
}

.spm-left-content {
  text-align: center;
}
.spm-left-content .cm-subheader {
  display: inline-block;
  color: #26377C;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.6em;
}
@media (min-width: 60em) {
  .spm-left-content {
    max-width: 23.8125rem;
    margin: 0 auto;
    width: calc(100% - 383px);
    float: left;
    padding-right: 0.9375em;
    padding-left: 0.9375em;
    text-align: left;
  }
}
@media (min-width: 80em) {
  .spm-left-content {
    padding-right: 2.1875em;
    padding-left: 1.75em;
  }
}

.spm-right-img {
  max-width: 23.9375em;
  width: 100%;
  margin: 0 auto;
  margin-top: 1.875em;
  border-radius: 25px;
  overflow: hidden;
}
.spm-right-img img {
  display: block;
  width: 100%;
}
@media (min-width: 60em) {
  .spm-right-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media (min-width: 80em) {
  .spm-right-img img {
    height: 18.25em;
    width: 100%;
    object-fit: cover;
  }
}
@media (min-width: 60em) {
  .spm-right-img {
    margin: 0;
    margin-top: 0.5625em;
    float: right;
  }
}

.spm-btn {
  font-weight: bold;
  background-color: #B72326;
  padding: 1.125em 0.875em;
  font-size: 1em;
}
.spm-btn::before {
  background-color: #26377C;
}
.spm-btn:hover, .spm-btn:focus {
  color: #fff;
  background-color: #26377C;
}
.spm-btn:hover::before, .spm-btn:focus::before {
  background-color: #B72326;
}

#bio_ep_close {
  left: 95% !important;
  bottom: 72px !important;
}
@media (min-width: 60em) {
  #bio_ep_close {
    left: 100% !important;
    bottom: auto !important;
  }
}

/*GDD-005-b-Bottom-cta CSSS*/
.bottom-cta {
  background-color: #cf0000;
  text-align: center;
  position: fixed;
  overflow: visible;
  bottom: 0;
  width: 100%;
  right: 0;
  z-index: 100;
  padding-top: 0;
  padding-bottom: 20px;
}
@media (min-width: 40em) {
  .bottom-cta {
    padding-top: 0em;
    padding-bottom: 0em;
  }
}

.gcbn-text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 19px 52px;
  background-color: #cf0000;
  width: 100%;
}
@media (min-width: 40em) {
  .gcbn-text {
    background-color: #ffffff;
    padding: 35px 59px 35px 4px;
    width: auto;
  }
  .gcbn-text:after {
    content: "";
    background-image: url(../../uploads/after-3.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100px 104px;
    right: -2.5em;
    top: 0;
    width: 100px;
    height: 104px;
    background-color: #cf0000;
  }
}
@media (min-width: 40em) {
  .gcbn-text:before {
    content: "";
    background: url(../../uploads/before-1.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 59px 108px;
    background-position: right center;
    left: -4em;
    top: 0;
    width: 69px;
    height: 106px;
  }
}
@media (min-width: 60em) {
  .gcbn-text:before {
    content: "";
    background: url(../../uploads/before-1.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 90px 108px;
    background-position: right center;
    left: -4em;
    top: 0;
    width: 90px;
    height: 106px;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .gcbn-text:before {
    left: -5em;
  }
}
@media (min-width: 60em) {
  .gcbn-text {
    background-color: #ffffff;
    padding: 35px 75px 35px 40px;
  }
}

.gcbn-heading {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
}
@media (min-width: 40em) {
  .gcbn-heading {
    font-size: 16px;
    color: #293879;
  }
}
@media (min-width: 60em) {
  .gcbn-heading {
    font-size: 22px;
  }
}

.left-image {
  margin-right: -44px;
}

.right-image {
  margin-left: 44px;
}

.gcbn-cta {
  color: #ffffff;
  font-size: 22px;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.gcbn-cta:hover {
  color: white;
  text-decoration: underline;
}
.gcbn-cta:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background-image: url(img/arrowm.png);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  top: 12px;
  right: -24px;
}
@media (min-width: 40em) {
  .gcbn-cta {
    font-size: 1em;
  }
  .gcbn-cta:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-image: url(img/arrowm.png);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    top: 6px;
    right: -18px;
  }
}
@media (min-width: 60em) {
  .gcbn-cta {
    font-size: 22px;
  }
  .gcbn-cta:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-image: url(img/arrowm.png);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    top: 11px;
    right: -22px;
  }
}

.gcbn-close {
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(img/gcbn-close-ico.svg);
  background-position: center center;
  top: 40%;
  right: 0;
  z-index: 99;
  background-repeat: no-repeat;
  background-size: 25px 25px;
}
@media (min-width: 40em) {
  .gcbn-close {
    top: 35%;
    right: 5px;
  }
}
@media (min-width: 60em) {
  .gcbn-close {
    top: 35%;
    right: 2em;
  }
}
@media (min-width: 80em) {
  .gcbn-close {
    right: 2.5em;
  }
}

.hs-content-id-7067640408 .gdd-005-b {
  display: none;
}

.hs-content-id-43935627534 .gdd-005-b {
  display: none;
}

/*GDD-005-b-Bottom-cta CSSS*/
/***************** Piller page landing*************************/
.breadcrumb .breadcrumb_list_new li {
  font-weight: 500;
  padding-left: 0;
  text-align: center;
}
.breadcrumb .breadcrumb_list_new li::after {
  display: none !important;
}
.breadcrumb .breadcrumb_list_new li a {
  font-size: 1.125em;
  line-height: 1.4444444444em;
  color: #585858;
  font-family: Poppins;
}

.materials-we-nav {
  background-color: #CC2200;
}
.materials-we-nav .inner-wrap, .materials-we-nav .inner-wrap-narrow, .materials-we-nav .inner-wrap-wide, .materials-we-nav .inner-wrap-fullwidth {
  padding-top: 0.8125em;
  padding-bottom: 0.8125em;
}
.materials-we-nav .sn-header {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.875em;
  font-weight: 500;
}
.materials-we-nav #menu-sitebar-materials > li {
  position: relative;
  height: 3.4375em;
  z-index: 1;
}
.materials-we-nav #menu-sitebar-materials > li > a {
  font-size: 1.625em;
  line-height: 1em;
  padding-top: 0.5384615385em;
  padding-bottom: 0.5769230769em;
  text-decoration: none;
  display: block;
}
.materials-we-nav #menu-sitebar-materials > li > ul.sub-menu {
  text-align: left;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  background-color: #ffffff;
  width: 100%;
  padding: 1.25em;
}
.materials-we-nav #menu-sitebar-materials > li > ul.sub-menu > li a {
  font-size: 1.125em;
  line-height: 1em;
  padding: 0.7777777778em;
  display: block;
  text-decoration: none;
  color: #585858;
  font-weight: 500;
  font-family: Poppins;
}
.materials-we-nav #menu-sitebar-materials > li:hover > ul.sub-menu {
  display: block;
}
.materials-we-nav .menu-markets-container {
  max-width: 22.375em;
  background-color: #ffffff;
  width: 100%;
}
@media (min-width: 40em) {
  .materials-we-nav .menu-markets-container {
    margin-left: 0.625em;
  }
}
.materials-we-nav .mwn-wrap {
  text-align: center;
}
@media (min-width: 40em) {
  .materials-we-nav .mwn-wrap > h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .materials-we-nav .mwn-wrap .sn-body {
    display: inline-block;
    vertical-align: middle;
    max-width: 22.375em;
    width: 100%;
  }
}

.size45 {
  font-size: 2.8125em;
  line-height: 1.5111111111em;
  font-weight: bold;
}

.history-of-metal-spinning-module .hmsm-text-wrap {
  max-width: 35.75em;
  width: 100%;
}
.history-of-metal-spinning-module .hmsm-text-wrap p {
  font-size: 1.25em;
  line-height: 1.7em;
}

.cmsm-list-wrap ul:not([class]) {
  margin-bottom: 0;
}
.cmsm-list-wrap ul:not([class]) li:not([class]) {
  font-size: 1.125em;
  line-height: 1.8888888889em;
  color: #031571;
}
.cmsm-list-wrap ul:not([class]) li:not([class])::after {
  top: 5px;
  background-image: url(img/ico-bullet-red.svg);
}
@media (min-width: 60em) {
  .cmsm-list-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cmsm-list-wrap > ul:not([class]) {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
}

.bg-blue {
  background-color: #2526A0;
  color: #ffffff;
}

.msam-wrap {
  padding-top: 1.5625em;
}

.msam-header {
  font-size: 1.5625em;
  font-weight: bold;
  line-height: 1.52em;
}

.msam-text-wrap {
  max-width: 35.75em;
  width: 100%;
}

.msam-ad-header {
  font-size: 1.875em;
  line-height: 1.5333333333em;
  font-weight: bold;
}

.masma-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 3.125em;
  width: 100%;
  height: 3.125em;
}
.masma-image img {
  display: block;
  width: 100%;
}

.masma-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1.7em;
  padding-left: 0.5em;
}

.masm-advan-list {
  position: relative;
  margin-bottom: 2.1875em;
}
.masm-advan-list::before {
  content: "";
  width: 3px;
  height: 100%;
  border-left: 3px dashed #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.masm-advan-list > li {
  border: 1px solid #ffffff;
  max-width: 23.6875em;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 4.125em;
  background-color: #2526A0;
  z-index: 1;
  position: relative;
  padding: 0.5em;
}
@media (min-width: 60em) {
  .masm-advan-list::before {
    width: 90%;
    height: 3px;
    border-top: 3px dashed #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .masm-advan-list > li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    margin-left: 4.5%;
    max-width: 100%;
    width: 30.07%;
  }
  .masm-advan-list > li:first-child {
    margin-left: 0;
  }
}

.tsm-ol-list,
.msttmm-ol-list {
  max-width: 30.625em;
}
.tsm-ol-list ol,
.msttmm-ol-list ol {
  clear: left;
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 0.75em;
  padding-left: 0;
  counter-reset: list;
  position: relative;
}
.tsm-ol-list ol > li,
.msttmm-ol-list ol > li {
  position: relative;
  padding-left: 5em;
  padding-top: 1.2222222222em;
  padding-bottom: 2.2222222222em;
}
.tsm-ol-list ol > li:before,
.msttmm-ol-list ol > li:before {
  counter-increment: list;
  content: counter(list, decimal) " ";
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  left: 0.1555555556em;
  line-height: 1.4888888889em;
  z-index: 1;
  font-size: 2.5em;
  background-color: #cc0000;
  width: 1.4888888889em;
  height: 1.4888888889em;
  border-radius: 100px;
  text-align: center;
  top: 0;
}
.tsm-ol-list ol > li::after,
.msttmm-ol-list ol > li::after {
  content: "";
  width: 3px;
  height: 100%;
  border-left: 3px dashed #cc0000;
  position: absolute;
  left: 38px;
  top: 0;
}
.tsm-ol-list ol > li:last-child,
.msttmm-ol-list ol > li:last-child {
  padding-bottom: 0;
}
.tsm-ol-list ol > li:last-child::after,
.msttmm-ol-list ol > li:last-child::after {
  display: none;
}

.msttmm-ol-list ol > li {
  padding-top: 10px;
  padding-bottom: 2.2222222222em;
}
.msttmm-ol-list ol > li > span {
  display: block;
}
.msttmm-ol-list ol > li > span:first-child {
  text-transform: uppercase;
  font-weight: bold;
}

.mstml-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.7em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-bottom: 0.75em;
  margin-bottom: 0.5em;
}
.mstml-title::before {
  content: "";
  width: 500%;
  height: 3px;
  border-bottom: 3px dashed #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
}

.mstm-list {
  padding-bottom: 2.5em;
}
.mstm-list p {
  margin-top: 0;
}

.mstm-video-wrap .cmsm-image {
  max-width: 62.375em;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.mstm-video-wrap .cmsm-image img {
  display: block;
  width: 100%;
}

.metal-spinning-tools-machines .inner-wrap-wide {
  padding-bottom: 5em;
}

ol.msttmm-list-horizontal {
  clear: left;
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 0.75em;
  padding-left: 0;
  counter-reset: list;
  position: relative;
}
ol.msttmm-list-horizontal > li {
  position: relative;
  padding-left: 5em;
  padding-top: 0.5555555556em;
  padding-bottom: 2.2222222222em;
}
ol.msttmm-list-horizontal > li:before {
  counter-increment: list;
  content: counter(list, decimal) " ";
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  left: 0.1555555556em;
  line-height: 1.4888888889em;
  z-index: 1;
  font-size: 2.5em;
  background-color: #cc0000;
  width: 1.4888888889em;
  height: 1.4888888889em;
  border-radius: 100px;
  text-align: center;
  top: 0;
}
ol.msttmm-list-horizontal > li::after {
  content: "";
  width: 100%;
  height: 3px;
  border-bottom: 3px dashed #CC2200;
  position: absolute;
  left: 4%;
  top: 2.6666666667em;
}
@media (min-width: 60em) {
  ol.msttmm-list-horizontal {
    display: flex;
  }
  ol.msttmm-list-horizontal > li {
    flex-basis: 33.33%;
    padding-bottom: 0.5555555556em;
  }
}

.msttmm-title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 1.5555555556em;
}

.mcsmss-header {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.mcsmss-header::before {
  content: "";
  background-color: #CC2200;
  width: 300%;
  top: 0;
  left: -150%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

.tcw-wraper {
  overflow: hidden;
}
@media (min-width: 60em) {
  .tcw-wraper {
    font-size: 1.25vw;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tcw-wraper .tcw-item {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
}
@media (min-width: 80em) {
  .tcw-wraper {
    font-size: 1em;
  }
}

.tcw-item {
  position: relative;
  min-height: 37.5em;
  cursor: pointer;
}
.tcw-item:hover .tcwi-hover-wrap {
  opacity: 1;
}
.tcw-item:hover .tcwi-text {
  opacity: 0;
}
@media (min-width: 60em) {
  .tcw-item {
    transform: skewX(-20deg);
  }
  .tcw-item:hover .tcwi-hover-wrap {
    opacity: 1;
  }
  .tcw-item:hover .tcwi-text {
    opacity: 0;
  }
}

.tcwi-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
}
@media (min-width: 60em) {
  .tcwi-bg {
    transform: skewX(20deg);
    background-position: left center;
  }
}

.tcw-item1 .tcwi-bg::before {
  content: "";
  background-color: #ffffff;
  opacity: 0.69;
  width: 200%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.tcw-item2 .tcwi-bg {
  opacity: 0.3;
  z-index: 1;
}
.tcw-item2::before {
  content: "";
  background-color: #031571;
  opacity: 1;
  width: 200%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 60em) {
  .tcwi-text-wrap {
    width: 100%;
    height: 100%;
    transform: skewX(20deg);
    padding: 3.75em;
  }
}
@media (min-width: 80em) {
  .tcwi-text-wrap {
    padding: 3.75em 7.5em;
  }
}

.tcwi-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  left: 0;
}
.tcwi-text h2 {
  font-weight: 500;
  line-height: 1.4666666667em;
  font-size: 1.875em;
  max-width: 9em;
  position: relative;
  margin: 0 auto;
}
.tcwi-text h2::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 22px solid red;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -22px;
  bottom: 15px;
}
@media (min-width: 40em) {
  .tcwi-text h2 {
    font-weight: 500;
    line-height: 1.3636363636em;
    font-size: 2.75em;
    max-width: 9.0909090909em;
    position: relative;
    margin: 0 auto;
  }
}
@media (min-width: 60em) {
  .tcwi-text h2 {
    margin: 0 auto;
  }
}

.tcw-item1 .tcwi-text h2 {
  color: #031571;
  max-width: 8.0909090909em;
}
.tcw-item1 .tcwi-hover-wrap {
  color: #031571;
}
.tcw-item1 .tcwi-hover-wrap > div {
  padding: 2.5em 1.25em 2.5em 1.25em;
}
@media (min-width: 60em) {
  .tcw-item1 .tcwi-hover-wrap > div {
    padding: 3.75em 7em 3.75em 2.5em;
  }
}
@media (min-width: 80em) {
  .tcw-item1 .tcwi-hover-wrap > div {
    padding: 3.75em 7.5em;
  }
}

.tcw-item2 .tcwi-text h2 {
  color: #ffffff;
}
.tcw-item2 .tcwi-hover-wrap {
  color: #ffffff;
}
.tcw-item2 .tcwi-hover-wrap > div {
  padding: 2.5em 1.25em 2.5em 1.25em;
}
@media (min-width: 60em) {
  .tcw-item2 .tcwi-hover-wrap > div {
    padding: 3.75em 2.5em 3.75em 7em;
  }
}
@media (min-width: 80em) {
  .tcw-item2 .tcwi-hover-wrap > div {
    padding: 3.75em 7.5em;
  }
}

@media (min-width: 60em) {
  .msam-advan-module {
    font-size: 1.25vw;
  }
}
@media (min-width: 80em) {
  .msam-advan-module {
    font-size: 1em;
  }
}

.tcwi-hover-wrap {
  display: block;
  opacity: 0;
  position: relative;
}
.tcwi-hover-wrap ul:not([class]) {
  margin-bottom: 0;
}
.tcwi-hover-wrap ul:not([class]) li:not([class]) {
  font-size: 1.125em;
  line-height: 1.8888888889em;
  color: #031571;
}
.tcwi-hover-wrap ul:not([class]) li:not([class])::after {
  top: 5px;
  background-image: url(img/ico-bullet-red.svg);
}
@media (min-width: 60em) {
  .tcwi-hover-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.ssi-image-warp {
  z-index: 2;
  position: relative;
}

.ssi-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 29.25em;
}

@media (min-width: 60em) {
  .ssi-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .ssi-wrap > div {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
}

.ssi-content {
  padding: 1.5625em;
}
@media (min-width: 40em) {
  .ssi-content {
    padding: 0 5.3125em;
  }
}

.ssi-title {
  position: relative;
  font-weight: bold;
  color: #ffffff;
  z-index: 1;
  margin-top: 0;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.ssi-title::before {
  content: "";
  background-color: #cc0000;
  position: absolute;
  left: -150%;
  top: 0;
  width: 300%;
  height: 100%;
  z-index: -1;
}

/*=============== products-module ============*/
.products-module {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.products-module::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.products-module .inner-wrap, .products-module .inner-wrap-narrow, .products-module .inner-wrap-wide, .products-module .inner-wrap-fullwidth {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 60em) {
  .pm-content-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .pm-content-wrap > div {
    -webkit-flex-basis: 64.54%;
    -moz-flex-basis: 64.54%;
    flex-basis: 64.54%;
    -ms-flex-preferred-size: 64.54%;
  }
  .pm-content-wrap > div:first-child {
    -webkit-flex-basis: 35.46%;
    -moz-flex-basis: 35.46%;
    flex-basis: 35.46%;
    -ms-flex-preferred-size: 35.46%;
    position: relative;
    z-index: 3;
  }
}

.cm-tab-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  z-index: -1;
}

.pm-tabs {
  display: none;
}
@media (min-width: 60em) {
  .pm-tabs {
    display: block;
  }
}

.pm-tab-title {
  font-size: 1.0625em;
  height: 5.0625em;
  cursor: pointer;
  background-color: #2526A0;
  margin-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.pm-tab-title a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  height: 100%;
}
.pm-tab-title span {
  display: block;
  font-size: 1.25em;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-family: Poppins;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pm-tab-title:first-child {
  border-top: none;
}
.pm-tab-title.active, .pm-tab-title.d_active {
  background-color: #cc0000;
}
@media (min-width: 60em) {
  .pm-tab-title.tab_drawer_heading {
    display: none;
  }
}

@media (min-width: 60em) {
  .pm-tab-content {
    height: 100%;
  }
}

.cm-c-wrap {
  padding: 1.5625em 0.625em;
  text-align: center;
}
@media (min-width: 60em) {
  .cm-c-wrap {
    padding: 0;
    text-align: left;
    height: 100%;
    padding-left: 6.796875vw;
  }
}
@media (min-width: 80em) {
  .cm-c-wrap {
    padding-left: 5.4375em;
  }
}

.cm-tab-text {
  color: #ffffff;
}
@media (min-width: 60em) {
  .cm-tab-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.cm-tab-header {
  margin-bottom: 0.2857142857em;
  color: #ffffff;
}

.cm-tab-pera {
  margin-bottom: 1.7647058824em;
}

.cm-tab-cta {
  border-color: #ffffff;
  color: #ffffff;
  padding-top: 0.8235294118em;
  padding-bottom: 0.8823529412em;
  padding-left: 1.8235294118em;
  padding-right: 1.8235294118em;
}

.right-image-ig {
  display: block;
  text-align: center;
}
@media (min-width: 60em) {
  .right-image-ig {
    float: right;
    margin-left: 2%;
  }
}
.right-image-ig span {
  display: block;
  text-align: center;
  font-weight: bold;
}
.right-image-ig a {
  display: block;
  position: relative;
}
.right-image-ig img {
  display: block;
  margin: 0 auto;
}

.video-library-module {
  text-align: center;
  position: relative;
}
.video-library-module .inner-wrap, .video-library-module .inner-wrap-narrow, .video-library-module .inner-wrap-wide, .video-library-module .inner-wrap-fullwidth {
  padding-top: 4.875em;
  padding-bottom: 6.0625em;
}

.vlm-header {
  position: relative;
  display: inline-block;
  font-size: 2.3125em;
  line-height: 0.9459459459em;
  text-align: center;
  font-weight: 600;
  padding-bottom: 0.4864864865em;
  color: #040575;
  margin-bottom: 0.2972972973em;
}
.vlm-header:before {
  position: absolute;
  content: "";
  width: 2.4594594595em;
  height: 0.0810810811em;
  background-color: #cc0000;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vlm-wrap,
.fvm-wrap {
  margin-top: 2em;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media (min-width: 40em) {
  .vlm-wrap,
.fvm-wrap {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
  }
}

.vlm-item,
.fvm-item {
  max-width: 22.9375em;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
  display: block;
  text-decoration: none;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  font-weight: 700;
  color: #585858;
  margin-bottom: 0.8125em;
}
.vlm-item:hover .vlmi-img:after,
.vlm-item:hover .fvmi-img:after, .vlm-item:focus .vlmi-img:after,
.vlm-item:focus .fvmi-img:after,
.fvm-item:hover .vlmi-img:after,
.fvm-item:hover .fvmi-img:after,
.fvm-item:focus .vlmi-img:after,
.fvm-item:focus .fvmi-img:after {
  opacity: 1;
}
.vlm-item img,
.fvm-item img {
  display: block;
}
@media (min-width: 40em) {
  .vlm-item,
.fvm-item {
    margin-right: 0.75em;
  }
  .vlm-item:nth-child(3n),
.fvm-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 40em) {
  .vlm-item,
.fvm-item {
    width: calc(33.33% - 8.95px);
    max-width: 100%;
  }
}

.vlmi-img,
.fvmi-img {
  position: relative;
  display: block;
}
.vlmi-img:after,
.fvmi-img:after {
  content: "";
  position: absolute;
  width: 77px;
  height: 77px;
  top: 50%;
  left: 50%;
  background-image: url(img/video-play-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: 0.25s all linear;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.42);
  border-radius: 50%;
  opacity: 0;
}

.vlmi-title {
  position: relative;
  display: block;
  font-size: 1.1875em;
  line-height: 1.3157894737em;
  font-weight: 600;
  min-height: 4.0526315789em;
  color: #585858;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0.4210526316em 0.9473684211em;
  font-family: Poppins;
}
@media (min-width: 40em) {
  .vlmi-title {
    font-size: 1em;
    line-height: 1.375em;
    padding: 0.5em;
  }
}
@media (min-width: 60em) {
  .vlmi-title {
    font-size: 1.1875em;
    line-height: 1.3157894737em;
    padding: 0.4210526316em 0.9473684211em;
  }
}

.featured-videos-module {
  position: relative;
  background-color: #eaeaea;
}
.featured-videos-module .inner-wrap, .featured-videos-module .inner-wrap-narrow, .featured-videos-module .inner-wrap-wide, .featured-videos-module .inner-wrap-fullwidth {
  padding-top: 2.4375em;
  padding-bottom: 3.5em;
}

.fvm-header {
  position: relative;
  display: inline-block;
  font-size: 2.3125em;
  line-height: 0.9459459459em;
  text-align: center;
  font-weight: 600;
  padding-bottom: 0.4864864865em;
  color: #040575;
  margin-bottom: 0.0810810811em;
}
.fvm-header:before {
  position: absolute;
  content: "";
  width: 2.4594594595em;
  height: 0.0810810811em;
  background-color: #cc0000;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 40em) {
  .fvm-header:before {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.fvm-cta-wrap {
  text-align: center;
  margin-top: 1.8125em;
}

.fvm-cta {
  font-size: 1.125em;
  line-height: 1.3888888889em;
  font-weight: 600;
  padding: 0.6944444444em 1.055em;
  border-radius: 4px;
  font-family: Poppins;
  max-width: 18.3888888889em;
}

.page-template-video-library-page .site-content > .inner-wrap.no-padding, .page-template-video-library-page .site-content > .no-padding.inner-wrap-narrow, .page-template-video-library-page .site-content > .no-padding.inner-wrap-wide, .page-template-video-library-page .site-content > .no-padding.inner-wrap-fullwidth {
  padding-top: 0;
  padding-bottom: 0;
}

.mfp-close:before {
  content: none;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: auto !important;
}

.left-content-right-img .inner-wrap, .left-content-right-img .inner-wrap-narrow, .left-content-right-img .inner-wrap-wide, .left-content-right-img .inner-wrap-fullwidth {
  padding-top: 65px;
  padding-bottom: 65px;
}
.left-content-right-img .inner-wrap .lcri-wrap, .left-content-right-img .inner-wrap-narrow .lcri-wrap, .left-content-right-img .inner-wrap-wide .lcri-wrap, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
}
.left-content-right-img .inner-wrap .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-narrow .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-wide .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap .lcri-content {
  width: 100%;
}
@media (min-width: 60em) {
  .left-content-right-img .inner-wrap .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-narrow .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-wide .lcri-wrap .lcri-content, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap .lcri-content {
    width: calc(50% - 37px);
    margin-right: 37px;
  }
}
.left-content-right-img .inner-wrap .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-narrow .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-wide .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap .lcri-image {
  text-align: center;
  width: 100%;
}
@media (min-width: 60em) {
  .left-content-right-img .inner-wrap .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-narrow .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-wide .lcri-wrap .lcri-image, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap .lcri-image {
    width: 50%;
  }
  .left-content-right-img .inner-wrap .lcri-wrap .lcri-image img, .left-content-right-img .inner-wrap-narrow .lcri-wrap .lcri-image img, .left-content-right-img .inner-wrap-wide .lcri-wrap .lcri-image img, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap .lcri-image img {
    width: auto;
  }
}
.left-content-right-img .inner-wrap .lcri-wrap h1, .left-content-right-img .inner-wrap-narrow .lcri-wrap h1, .left-content-right-img .inner-wrap-wide .lcri-wrap h1, .left-content-right-img .inner-wrap-fullwidth .lcri-wrap h1 {
  line-height: 30px;
}
.left-content-right-img .inner-wrap h2, .left-content-right-img .inner-wrap-narrow h2, .left-content-right-img .inner-wrap-wide h2, .left-content-right-img .inner-wrap-fullwidth h2 {
  line-height: 30px;
  color: #585858;
  font-weight: 500;
}
.left-content-right-img .inner-wrap p, .left-content-right-img .inner-wrap-narrow p, .left-content-right-img .inner-wrap-wide p, .left-content-right-img .inner-wrap-fullwidth p {
  font-size: 16px;
  line-height: 23px;
}
.left-content-right-img .inner-wrap img, .left-content-right-img .inner-wrap-narrow img, .left-content-right-img .inner-wrap-wide img, .left-content-right-img .inner-wrap-fullwidth img {
  border-radius: 25px;
  width: 554px;
  margin: auto;
}

.cta-module .inner-wrap, .cta-module .inner-wrap-narrow, .cta-module .inner-wrap-wide, .cta-module .inner-wrap-fullwidth {
  padding-top: 0;
}
.cta-module .cta-m-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
}
.cta-module .cta-m-wrap .cta-m-item {
  width: 100%;
  background-size: cover;
  margin-bottom: 12px;
  border-radius: 15px;
  height: 93px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
.cta-module .cta-m-wrap .cta-m-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.85;
}
.cta-module .cta-m-wrap .cta-m-item:hover:after, .cta-module .cta-m-wrap .cta-m-item:focus:after {
  opacity: 0.5;
}
@media (min-width: 40em) {
  .cta-module .cta-m-wrap .cta-m-item {
    width: calc(50% - 10px);
    margin-right: 12px;
  }
  .cta-module .cta-m-wrap .cta-m-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (min-width: 60em) {
  .cta-module .cta-m-wrap .cta-m-item {
    width: calc(20% - 10px);
  }
  .cta-module .cta-m-wrap .cta-m-item:nth-of-type(2n) {
    margin-right: 12px;
  }
  .cta-module .cta-m-wrap .cta-m-item:nth-of-type(5n) {
    margin-right: 0;
  }
}
.cta-module .cta-m-wrap .cta-m-item span {
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  font-family: Poppins;
  position: relative;
  z-index: 2;
  text-decoration: none;
}

.gdd-010-b {
  display: none;
}

.full-width-cta-module {
  background-size: cover;
  background-position: center;
  position: relative;
}
.full-width-cta-module:after {
  position: absolute;
  background: transparent linear-gradient(270deg, #04057500 0%, #040575 100%) 0% 0% no-repeat padding-box;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
}
.full-width-cta-module .fwcm-heading {
  font-size: 2.1875em;
  line-height: 0.8571428571em;
  position: relative;
  color: #ffffff;
  z-index: 2;
  font-weight: 500;
}
.full-width-cta-module .fwcm-subheading {
  font-size: 1em;
  line-height: 1.4375em;
  position: relative;
  color: #ffffff;
  z-index: 2;
}
.full-width-cta-module .fwcm-btn {
  position: relative;
  z-index: 2;
  font-size: 1em;
  line-height: 1.4375em;
  padding: 0.6875em 2.75em 0.6875em 1em;
  background-color: #cc2200;
  color: #ffffff;
  border-color: #cc2200;
}
.full-width-cta-module .fwcm-btn:hover, .full-width-cta-module .fwcm-btn:focus {
  background-color: #990000;
  color: #ffffff;
  border-color: #990000;
}
.full-width-cta-module .fwcm-btn:after {
  background-image: url(img/v-play.svg);
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 18px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  background-color: transparent;
}

.rfq-cu-cta-module .inner-wrap, .rfq-cu-cta-module .inner-wrap-narrow, .rfq-cu-cta-module .inner-wrap-wide, .rfq-cu-cta-module .inner-wrap-fullwidth {
  padding-top: 0;
  padding-bottom: 84px;
}
.rfq-cu-cta-module .rccn-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rfq-cu-cta-module .rccn-wrap .rccm-cu-cta {
  width: 100%;
  text-align: center;
  background-color: #00209c;
  padding: 34px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: Poppins;
  border-radius: 15px;
  margin-bottom: 15px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
@media (min-width: 40em) {
  .rfq-cu-cta-module .rccn-wrap .rccm-cu-cta {
    width: 50%;
    border-radius: 15px 0 0 15px;
  }
}
.rfq-cu-cta-module .rccn-wrap .rccm-cu-cta:hover, .rfq-cu-cta-module .rccn-wrap .rccm-cu-cta:focus {
  background-color: #cc2200;
}
.rfq-cu-cta-module .rccn-wrap .rccm-rfq-cta {
  width: 100%;
  text-align: center;
  background-color: #cc2200;
  padding: 34px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: Poppins;
  border-radius: 15px;
  margin-bottom: 15px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
@media (min-width: 40em) {
  .rfq-cu-cta-module .rccn-wrap .rccm-rfq-cta {
    width: 50%;
    border-radius: 0 15px 15px 0;
  }
}
.rfq-cu-cta-module .rccn-wrap .rccm-rfq-cta:hover, .rfq-cu-cta-module .rccn-wrap .rccm-rfq-cta:focus {
  background-color: #00209c;
}

/*@media screen and (min-width: 641px) {
.mb-sh-utilty {
    display: none;
}
}
*/
.sci-intro {
  position: relative;
}
.sci-intro h1 {
  text-align: center;
  padding-bottom: 0;
}
.sci-intro h1:before {
  display: none;
}
.sci-intro:after {
  content: "";
  background: transparent linear-gradient(180deg, #FFFFFFC4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sci-intro .inner-wrap, .sci-intro .inner-wrap-narrow, .sci-intro .inner-wrap-wide, .sci-intro .inner-wrap-fullwidth {
  position: relative;
  padding-top: 3.6875em;
  padding-bottom: 0.4375em;
  z-index: 1;
}

.sci-text-wrap {
  max-width: 65.125em;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.sci-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.scib-item {
  background-color: #EFEFEF;
  padding: 0.9375em 0.625em;
  text-align: center;
  margin: 0 auto 1.25em;
}
@media (min-width: 60em) {
  .scib-item {
    margin: 0 0 1.25em 0.625em;
  }
}

@media (min-width: 60em) {
  .sci-bucket-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sci-bucket-wrap > div:first-child {
    margin-left: 0;
  }
}

.sci-bucket-wrap-1 > div {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
}

.scibi-title {
  display: block;
  text-align: center;
  font-size: 1.125em;
  line-height: 1.5555555556em;
  color: #160073;
  font-family: Poppins;
}

figure.scibi-image {
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  min-height: 5.75em;
}

.sci-bucket-wrap-2 > div {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
}

.sci-bottom-text-wrap {
  text-align: center;
  max-width: 64.625em;
  width: 100%;
  margin: 0 auto;
}

.metal-spinning-stamping-bottom-full-cta-module {
  position: relative;
}
.metal-spinning-stamping-bottom-full-cta-module::before {
  content: "";
  background-color: #000000;
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.metal-spinning-stamping-bottom-full-cta-module .inner-wrap, .metal-spinning-stamping-bottom-full-cta-module .inner-wrap-narrow, .metal-spinning-stamping-bottom-full-cta-module .inner-wrap-wide, .metal-spinning-stamping-bottom-full-cta-module .inner-wrap-fullwidth {
  position: relative;
  z-index: 2;
  padding-bottom: 6.8125em;
  padding-top: 6.875em;
}

.mssbfcm-header {
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 2.25em;
  line-height: 1.2777777778em;
  margin-bottom: 0.8333333333em;
}

.mssbfcm-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mssbfcm-text-wrap {
  max-width: 60.875em;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.mssbfcm-text-wrap p {
  color: white;
  font-size: 1.125em;
  line-height: 1.3333333333em;
}

.mssbfcm-cta-wrap {
  text-align: center;
}

.mssbfcm-text-wrap {
  padding-bottom: 1.4375em;
}

.mssbfcm-cta-btn {
  max-width: 10.1111111111em;
  width: 100%;
  border-radius: 5px;
  font-size: 1.125em;
  padding: 1em 0.5555555556em 0.9444444444em;
}

.mssbfcm-cta-btn-one {
  background-color: white;
  color: #C10019;
  margin-bottom: 0.8888888889em;
}
@media (min-width: 40em) {
  .mssbfcm-cta-btn-one {
    margin-bottom: 0;
    margin-right: 0.6666666667em;
  }
}

.sct-content {
  display: none;
}

.tom-wrap-1 .topmw-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tom-wrap-1 .topmw-wrap > div {
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .tom-wrap-1 .topmw-wrap {
    flex-wrap: nowrap;
  }
  .tom-wrap-1 .topmw-wrap > div {
    flex-basis: 50%;
  }
}
.tom-wrap-1 .topmw-image {
  text-align: center;
}
.tom-wrap-1 .topmw-image img {
  max-height: 28.5em;
}

.topmw-heading {
  margin-top: 0;
  font-size: 2.25em;
  color: #160073;
  margin-bottom: 0.4166666667em;
  font-weight: bold;
}

.topmw-text-wrap p {
  margin-top: 0;
  font-size: 1.125em;
  line-height: 1.3333333333em;
  color: #585858;
}

.tom-wrap-2 {
  background: transparent linear-gradient(110deg, #E6E6E6 0%, #F8F8F8 45%, #E6E6E6 100%) 0% 0% no-repeat padding-box;
}
.tom-wrap-2 .inner-wrap, .tom-wrap-2 .inner-wrap-narrow, .tom-wrap-2 .inner-wrap-wide, .tom-wrap-2 .inner-wrap-fullwidth {
  padding-top: 4.75em;
  padding-bottom: 5.0625em;
}
.tom-wrap-2 .topmw-content {
  text-align: center;
  padding-bottom: 2.3125em;
}

.topmwi-item {
  text-align: center;
}

.topmwi-item-image {
  position: relative;
  width: 7.625em;
  height: 7.625em;
  overflow: hidden;
  border-radius: 100%;
  display: block;
  margin: 0 auto 1.0625em;
}
.topmwi-item-image > img {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  width: 27.5625em;
  height: 15.875em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.topmw-image-wrap > div {
  padding-bottom: 2.1875em;
}
@media (min-width: 40em) {
  .topmw-image-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .topmw-image-wrap > div {
    -webkit-flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    text-align: center;
  }
}
@media (min-width: 60em) {
  .topmw-image-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
  }
  .topmw-image-wrap > div {
    padding-bottom: 0;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    text-align: center;
  }
}

.topmwi-item-title {
  display: block;
  text-align: center;
  font-size: 1.1875em;
  font-family: Poppins;
  font-weight: bold;
  color: #160073;
}

.tom-wrap-3 .topmw-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tom-wrap-3 .topmw-wrap > div {
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .tom-wrap-3 .topmw-wrap {
    flex-wrap: nowrap;
  }
  .tom-wrap-3 .topmw-wrap > div {
    flex-basis: 50%;
  }
}
.tom-wrap-3 .topmw-image {
  text-align: center;
}
.tom-wrap-3 .topmw-image img {
  max-height: 28.5em;
}

.tom-wrap-4 .topmw-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tom-wrap-4 .topmw-wrap > div {
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .tom-wrap-4 .topmw-wrap {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
  .tom-wrap-4 .topmw-wrap > div {
    flex-basis: 50%;
  }
}
.tom-wrap-4 .topmw-image {
  text-align: center;
}
.tom-wrap-4 .topmw-image img {
  max-height: 28.5em;
}

.tom-wrap-5 {
  padding-bottom: 2.1875em;
}
.tom-wrap-5 .topmw-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tom-wrap-5 .topmw-wrap > div {
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .tom-wrap-5 .topmw-wrap {
    flex-wrap: nowrap;
  }
  .tom-wrap-5 .topmw-wrap > div {
    flex-basis: 50%;
  }
  .tom-wrap-5 .topmw-wrap > div.topmw-content {
    padding-right: 2.3125em;
  }
}
.tom-wrap-5 .topmw-image {
  text-align: center;
}
.tom-wrap-5 .topmw-image img {
  max-height: 28.5em;
}

.lcri-img-title {
  display: flex;
}
.lcri-img-title span {
  width: 50%;
  padding: 10px;
}

.metal-value-added {
  text-align: center;
}
.metal-value-added p {
  margin: 0;
  padding: 0;
}
.metal-value-added a {
  display: inline-block;
}
.metal-value-added img {
  max-width: 21em;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
@media (min-width: 60em) {
  .metal-value-added {
    float: right;
    margin: 0 0 1.25em 1.25em;
  }
}

.elm-item {
  text-align: center;
  margin-bottom: 2.5em;
}
.elm-item img {
  max-height: 24.3125em;
  width: auto;
  display: block;
  margin: auto;
  margin-bottom: 1.5em;
}

.services-bucket-module {
  position: relative;
}
.services-bucket-module:before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url("img/service-bucket-overlay-bg.png");
  background-size: cover;
  width: 300%;
  height: 80%;
  background-position: center;
  background-repeat: no-repeat;
  left: -100%;
}
.services-bucket-module .inner-wrap, .services-bucket-module .inner-wrap-narrow, .services-bucket-module .inner-wrap-wide, .services-bucket-module .inner-wrap-fullwidth {
  padding-left: 0;
  padding-right: 0;
}
.services-bucket-module .sbm-heading {
  font-size: 1.5625em;
  line-height: 1.52em;
  font-weight: 700;
  color: #585858;
}
.services-bucket-module .sbm-content p {
  font-size: 1.25em;
  line-height: 1.7em;
  color: #585858;
}
.services-bucket-module .sbm-items-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.services-bucket-module .sbm-item {
  width: 100%;
  margin-bottom: 4.8125em;
}
.services-bucket-module .sbm-link {
  position: relative;
  display: block;
  max-width: 22em;
  margin: 0 auto;
}
.services-bucket-module .sbm-link:hover .sbm-title {
  opacity: 0;
}
.services-bucket-module .sbm-link:hover .sbm-overlay {
  bottom: 0;
  opacity: 1;
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  -o-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
}
.services-bucket-module .sbm-link-inner {
  display: block;
}
.services-bucket-module .sbm-img-wrap {
  display: block;
  line-height: 0;
}
.services-bucket-module .sbm-img-wrap img {
  object-fit: cover;
  object-position: center;
  height: 20em;
  border-radius: 30px;
}
@media only screen and (min-width: 370px) {
  .services-bucket-module .sbm-img-wrap img {
    height: auto;
    border-radius: 0;
  }
}
@media (min-width: 40em) {
  .services-bucket-module .sbm-img-wrap img {
    height: 21.25em;
    border-radius: 30px;
  }
}
@media (min-width: 80em) {
  .services-bucket-module .sbm-img-wrap img {
    height: auto;
    border-radius: 0;
  }
}
.services-bucket-module .sbm-title-wrap {
  position: absolute;
  bottom: 1.2em;
  width: 100%;
  left: 0;
  text-align: center;
}
.services-bucket-module .sbm-title, .services-bucket-module .sbmi-title {
  font-size: 1.25em;
  line-height: 1.65em;
  text-shadow: 3px 4px 6px #031571;
  color: #ffffff;
  font-family: Poppins;
  font-weight: 700;
  text-align: center;
  position: relative;
  padding-right: 1.25em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.services-bucket-module .sbm-title:before, .services-bucket-module .sbmi-title:before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url("img/right-arrow.png");
  background-size: contain;
  width: 18px;
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
.services-bucket-module .sbm-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  padding: 1.25em 0.9375em 0.9375em;
  border-radius: 30px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.services-bucket-module .sbm-overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("img/Rectangle-343-new.png");
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}
.services-bucket-module .sbmi-title {
  color: #031571;
  text-shadow: none;
  padding-right: 0;
}
.services-bucket-module .sbmi-title:before {
  display: none;
}
.services-bucket-module .sbmi-content {
  color: #031571;
  display: block;
  position: relative;
}
.services-bucket-module .sbmi-content p {
  margin: 0.3571428571em 0 0.7142857143em;
  font-size: 0.875em;
}
.services-bucket-module .sbm-learn-more {
  font-size: 1em;
  line-height: 1.625em;
  color: #ffffff;
  font-weight: 700;
  background-color: #CC2200;
  border-radius: 10px;
  width: 184px;
  padding: 0.875em 1.1111111111em 0.8125em;
  text-align: center;
}
@media (min-width: 40em) {
  .services-bucket-module .sbm-item {
    width: 50%;
    padding: 0 0.4375em;
  }
}
@media (min-width: 60em) {
  .services-bucket-module .sbm-item {
    width: 33.33%;
  }
  .services-bucket-module .sbm-link {
    margin: 0;
  }
}
@media (min-width: 80em) {
  .services-bucket-module .sbm-title, .services-bucket-module .sbmi-title {
    font-size: 1.5625em;
    line-height: 1.52em;
    padding-right: 1em;
  }
  .services-bucket-module .sbmi-content p {
    margin: 0.7142857143em 0;
    font-size: 0.875em;
  }
  .services-bucket-module .sbm-learn-more {
    font-size: 1.125em;
    line-height: 1.5555555556em;
    padding: 0.8888888889em 1.5em 0.8333333333em;
  }
  .services-bucket-module .sbm-overlay {
    padding: 1.5625em 0.9375em 1.25em;
  }
}
@media (min-width: 100em) {
  .services-bucket-module:before {
    height: 100%;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .services-bucket-module:before {
    height: 100%;
  }
}
.services-bucket-module .sbmtr-wrap {
  margin-bottom: 4.8125em;
}
@media (min-width: 60em) {
  .services-bucket-module .sbmtr-wrap {
    width: 65%;
    float: left;
    margin-bottom: 0;
  }
  .services-bucket-module .sbmtr-wrap .sbm-heading {
    margin-bottom: 1.2em;
  }
}
@media (min-width: 80em) {
  .services-bucket-module .sbmtr-wrap {
    width: 56%;
  }
  .services-bucket-module .sbmtr-wrap .sbm-heading {
    margin-bottom: 2.16em;
  }
}
@media (min-width: 40em) {
  .services-bucket-module .sbmr-item {
    margin: 0 auto 4.8125em;
  }
}
@media (min-width: 60em) {
  .services-bucket-module .sbmr-item {
    float: right;
    margin: 0;
    margin-bottom: 4.8125em;
  }
}

.page-id-2953 .site-content-primary-fullwidth > h1, .page-id-2966 .site-content-primary-fullwidth > h1 {
  margin-bottom: 50px;
}

.industries-bucket-module {
  position: relative;
}
.industries-bucket-module:before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url("img/service-bucket-overlay-bg.png");
  background-size: cover;
  width: 300%;
  height: 80%;
  background-position: center;
  background-repeat: no-repeat;
  left: -100%;
}
.industries-bucket-module .inner-wrap, .industries-bucket-module .inner-wrap-narrow, .industries-bucket-module .inner-wrap-wide, .industries-bucket-module .inner-wrap-fullwidth {
  padding-left: 0;
  padding-right: 0;
}
.industries-bucket-module .ibm-heading {
  font-size: 1.5625em;
  line-height: 1.52em;
  font-weight: 700;
  color: #585858;
}
.industries-bucket-module .ibm-content p {
  font-size: 1.25em;
  line-height: 1.7em;
  color: #585858;
}
.industries-bucket-module .ibm-items-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 4.375em;
}
.industries-bucket-module .ibm-item {
  width: 100%;
  max-width: 22em;
  margin-bottom: 3.5em;
}
.industries-bucket-module .ibm-item:hover .ibm-title {
  opacity: 0;
}
.industries-bucket-module .ibm-item:hover .ibm-overlay {
  bottom: 0;
  opacity: 1;
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  -o-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
}
.industries-bucket-module .ibm-link {
  position: relative;
  display: block;
  max-width: 22em;
  margin: 0 auto;
  text-decoration: none;
}
.industries-bucket-module .ibm-link-inner {
  display: block;
  position: relative;
}
.industries-bucket-module .ibm-img-wrap {
  display: block;
  line-height: 0;
}
.industries-bucket-module .ibm-img-wrap img {
  object-fit: cover;
  object-position: center;
  height: 20em;
  border-radius: 30px;
}
@media only screen and (min-width: 370px) {
  .industries-bucket-module .ibm-img-wrap img {
    height: auto;
    border-radius: 0;
  }
}
@media (min-width: 40em) {
  .industries-bucket-module .ibm-img-wrap img {
    height: 18.75em;
    border-radius: 30px;
  }
}
@media (min-width: 80em) {
  .industries-bucket-module .ibm-img-wrap img {
    height: auto;
    border-radius: 0;
  }
}
.industries-bucket-module .ibm-title-wrap {
  /*position: absolute;
  bottom: em(30,25);*/
  display: block;
  width: 100%;
  margin-top: 0.4375em;
  text-align: center;
}
.industries-bucket-module .ibm-title, .industries-bucket-module .ibmi-title {
  font-size: 1.25em;
  line-height: 1.65em;
  color: #585858;
  font-family: Poppins;
  font-weight: 700;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.industries-bucket-module .ibm-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  padding: 1.25em 0.9375em 0 0.9375em;
  border-radius: 30px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: end;
  -moz-align-items: end;
  -ms-align-items: end;
  -o-align-items: end;
  align-items: end;
  -ms-flex-align: end;
}
.industries-bucket-module .ibm-overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("img/industries-bucket-overlay.png");
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}
.industries-bucket-module .ibmi-content {
  color: #585858;
  display: block;
  position: relative;
}
.industries-bucket-module .ibmi-content p {
  margin: 0.7142857143em 0 1.0714285714em;
  font-size: 0.875em;
}
.industries-bucket-module .ibm-learn-more {
  font-size: 1em;
  line-height: 1.625em;
  font-weight: 700;
  background-color: #CC2200;
  width: 184px;
  padding: 0.875em 1.1111111111em 0.8125em;
  text-align: center;
}
@media (min-width: 40em) {
  .industries-bucket-module .ibm-item {
    width: 50%;
    padding: 0 0.4375em;
  }
}
@media (min-width: 60em) {
  .industries-bucket-module .ibm-item {
    width: 33.33%;
  }
  .industries-bucket-module .ibm-link {
    margin: 0;
  }
}
@media (min-width: 80em) {
  .industries-bucket-module .ibm-title, .industries-bucket-module .ibmi-title {
    font-size: 1.5625em;
    line-height: 1.52em;
  }
  .industries-bucket-module .ibmi-content p {
    margin: 1.0714285714em 0 1.4285714286em;
    font-size: 0.875em;
  }
  .industries-bucket-module .ibm-learn-more {
    font-size: 1.125em;
    line-height: 1.5555555556em;
    padding: 0.8888888889em 1.5em 0.8333333333em;
  }
  .industries-bucket-module .ibm-overlay {
    padding: 1.5625em 0.9375em 0 1.25em;
  }
}
@media (min-width: 100em) {
  .industries-bucket-module:before {
    height: 100%;
  }
}
@media (max-height: 46em) and (min-width: 60em) {
  .industries-bucket-module:before {
    height: 100%;
  }
}

body {
  overflow-y: auto;
}

.ebook-blog-module {
  margin-top: 1.875em;
}
.ebook-blog-module .epmbp-link {
  background-color: #040575;
  padding: 0.9375em;
  text-decoration: none;
  display: block;
  box-shadow: 9px 7px 0px 0px #cc0000;
  margin-bottom: 1.875em;
  max-width: 15.5em;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
}
.ebook-blog-module .epmbp-link:hover, .ebook-blog-module .epmbp-link:focus {
  box-shadow: 3px 3px 0px 0px #cc0000;
  top: 4px;
  right: -4px;
}
.ebook-blog-module .epmbp-link:after {
  content: "";
  position: absolute;
  bottom: 0.625em;
  right: 0.625em;
  width: 4em;
  height: 4em;
  background-image: url(img/eBook.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 4em;
  opacity: 0.3;
}
.ebook-blog-module .epmbp-subheading {
  color: #ffffff;
  font-size: 1.0625em;
  line-height: 1.5294117647em;
  display: block;
  font-family: Poppins;
  font-weight: 400;
}
.ebook-blog-module .epmbp-heading {
  color: #ffffff;
  font-size: 1.25em;
  line-height: 1.25em;
  font-weight: 600;
  display: block;
  font-family: Poppins;
}
@media (min-width: 40em) {
  .ebook-blog-module {
    margin-top: 0;
  }
  .ebook-blog-module .epmbp-subheading {
    font-size: 0.75em;
    line-height: 1.3333333333em;
    margin-bottom: 0.4166666667em;
  }
  .ebook-blog-module .epmbp-heading {
    font-size: 0.875em;
    line-height: 1.3571428571em;
  }
}
@media (min-width: 60em) {
  .ebook-blog-module {
    margin-top: 0;
  }
  .ebook-blog-module .epmbp-subheading {
    font-size: 0.875em;
    line-height: 1.2857142857em;
  }
  .ebook-blog-module .epmbp-heading {
    font-size: 1.0625em;
    line-height: 1.2941176471em;
  }
}
@media (min-width: 80em) {
  .ebook-blog-module {
    margin-top: 0;
  }
  .ebook-blog-module .epmbp-subheading {
    font-size: 1.0625em;
    line-height: 1.5294117647em;
    margin-bottom: 0;
  }
  .ebook-blog-module .epmbp-heading {
    font-size: 1.25em;
    line-height: 1.25em;
  }
}

#nav-menu-item-1981 #nav-menu-item-1985 {
  display: none;
}

.eng-section {
  display: none;
}

/*industries-new*/
.industries-new {
  background-color: #060471;
}
.industries-new .in-desk {
  display: none;
}
@media (min-width: 60em) {
  .industries-new .in-desk {
    display: block;
  }
}
.industries-new .in-heading {
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  line-height: 49px;
  font-weight: 600;
  margin-bottom: 28px;
}
.industries-new .in-wrap .item {
  display: flex;
  flex-wrap: wrap;
}
.industries-new .in-wrap .item .i-left {
  width: 100%;
  padding: 80px 0;
  text-align: center;
}
@media (min-width: 60em) {
  .industries-new .in-wrap .item .i-left {
    width: 50%;
    text-align: initial;
  }
}
.industries-new .in-wrap .item .i-left .in-title {
  font-size: 28px;
  line-height: 49px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
}
.industries-new .in-wrap .item .i-left .in-description {
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
  max-width: 450px;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .industries-new .in-wrap .item .i-left .in-description {
    margin: 0;
  }
}
.industries-new .in-wrap .item .i-left .in-link {
  padding: 14.5px 41.1px;
  margin-top: 20px;
}
.industries-new .in-wrap .item .i-right {
  width: 100%;
  max-width: 562px;
  max-height: 383px;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .industries-new .in-wrap .item .i-right {
    width: 50%;
    margin: 0;
  }
}
.industries-new .in-wrap .item .i-right a {
  display: contents;
}
.industries-new .in-wrap .item .i-right img {
  max-width: 562px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 26px;
}
.industries-new .ib-wrap {
  /*display: flex;*/
}
.industries-new .ib-wrap .item {
  width: 10%;
  text-align: center;
}
.industries-new .ib-wrap .item .in-title {
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  margin-top: 13px;
  padding: 0 25px;
  padding-bottom: 30px;
  max-width: 150px;
  margin: 0 auto;
}
.industries-new .ib-wrap .item .icon-span {
  background: #2526A0;
  display: block;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.industries-new .ib-wrap .item .icon-span img {
  display: inline-block;
}
.industries-new .ib-wrap .item.slick-current .icon-span, .industries-new .ib-wrap .item:hover .icon-span {
  background: #CC2200;
}
.industries-new .ib-wrap .item.slick-current .in-title, .industries-new .ib-wrap .item:hover .in-title {
  position: relative;
}
.industries-new .ib-wrap .item.slick-current .in-title:after, .industries-new .ib-wrap .item:hover .in-title:after {
  content: "";
  position: absolute;
  /*background-color: #CC2200;*/
  background: url(img/down-ic.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  bottom: 0;
  left: 40%;
  transform: rotate(90deg);
}
.industries-new .slick-prev {
  left: 0;
  z-index: 1;
}
.industries-new .slick-next {
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .industries-new .slick-prev {
    left: 0;
  }
  .industries-new .slick-next {
    right: 0;
  }
}
.industries-new .click-expand-module {
  display: block;
  background: transparent;
  border: 0;
}
.industries-new .click-expand-module .in-heading {
  padding-top: 2.5em;
}
@media (min-width: 60em) {
  .industries-new .click-expand-module {
    display: none;
  }
}
.industries-new .click-expand-module:hover {
  background: transparent;
}
.industries-new .click-expand-module .ce-header {
  text-align: center;
  max-width: 220px;
  margin: 0 auto;
}
.industries-new .click-expand-module .ce-header:after {
  right: 47%;
}
.industries-new .click-expand-module .icon-span {
  background: #2526A0;
  display: block;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.industries-new .click-expand-module .in-title {
  color: #ffffff;
  margin-top: 10px;
  display: block;
}
.industries-new .click-expand-module .i-left {
  text-align: center;
  color: #ffffff;
}
.industries-new .click-expand-module .i-right {
  max-width: 562px;
  margin: 25px auto 0 auto;
}
.industries-new .click-expand-module .i-right img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 26px;
}
.industries-new .click-expand-module.active .icon-span {
  background-color: #CC2200;
}

@media (min-width: 960px) {
  .staging .metal-spinning-menu > a {
    max-width: 93px;
  }
  .staging .metal-spinning-menu > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    white-space: normal;
  }
  .staging .axis-laser-cutting-menu > a {
    max-width: 120px;
  }
  .staging .axis-laser-cutting-menu > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    white-space: normal;
  }
  .staging .sl-new {
    max-width: 12.4375em;
    right: 3.625em;
    top: 19%;
  }
}
@media (min-width: 1280px) {
  .staging .metal-spinning-menu > a {
    max-width: 93px;
  }
  .staging .metal-spinning-menu > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    white-space: normal;
  }
  .staging .axis-laser-cutting-menu > a {
    max-width: 144px;
  }
  .staging .axis-laser-cutting-menu > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    white-space: normal;
  }
  .staging .sl-new {
    max-width: 16.5em;
    top: 9%;
    right: 6.5625em;
  }
}

.corona-popup.staging {
  background-color: #010C50;
  position: relative;
}

@media (min-width: 60em) {
  .sh-utility-link {
    margin-left: 1.5333333333em;
  }
}
@media (min-width: 80em) {
  .sh-utility-link {
    margin-left: 3.0666666667em;
  }
}

@media (max-height: 46em) and (min-width: 60em) {
  .staging .sh-utility-link {
    margin-left: 28px;
  }
}
.site-header.site-header-new.staging .sh-utility-wrap {
  margin-top: 0;
}
.site-header.site-header-new.staging .sh-sticky-wrap.stuck {
  top: 0;
}

@media (min-width: 960px) {
  nav.site-nav.pntr {
    display: none;
  }
}
@media (max-width: 700px) {
  .site-header.site-header-new.staging .sh-utility-link {
    display: none;
  }
}
.site-header.site-header-new.staging .shuc-new {
  text-align: center;
}

@media screen and (min-width: 640px) and (max-width: 900px) {
  .site-header.site-header-new.staging .sh-utility-wrap.shuw-new .inner-wrap, .site-header.site-header-new.staging .sh-utility-wrap.shuw-new .inner-wrap-narrow, .site-header.site-header-new.staging .sh-utility-wrap.shuw-new .inner-wrap-wide, .site-header.site-header-new.staging .sh-utility-wrap.shuw-new .inner-wrap-fullwidth {
    padding: 1.5em 0.5em 1.5em 0.5em;
  }
}
@media (min-width: 60em) {
  .sh-utility-container-right {
    padding-bottom: 0;
    float: left;
  }
}

.image-with-content-module {
  /*.iwcm-content{
      p{
          font-size: em(16);
          line-height: em(20);
          color: $black;
      }
  }*/
}
.image-with-content-module .inner-wrap, .image-with-content-module .inner-wrap-narrow, .image-with-content-module .inner-wrap-wide, .image-with-content-module .inner-wrap-fullwidth {
  padding-top: 1.25em;
  padding-bottom: 2.5em;
}
.image-with-content-module .iwcm-image {
  max-width: 30.75em;
  margin: 0 auto;
}
.image-with-content-module .iwcm-image img {
  border-radius: 25px;
  max-height: 15.625em;
  width: 100%;
}
.image-with-content-module .iwcm-content {
  text-align: center;
}
@media (min-width: 60em) {
  .image-with-content-module .inner-wrap, .image-with-content-module .inner-wrap-narrow, .image-with-content-module .inner-wrap-wide, .image-with-content-module .inner-wrap-fullwidth {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .image-with-content-module .iwcm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .image-with-content-module .iwcm-image {
    width: 30.75em;
    margin: 0;
  }
  .image-with-content-module .iwcm-image .lightbox {
    display: block;
  }
  .image-with-content-module .iwcm-content {
    text-align: left;
    max-width: calc(100% - 34.9375em);
  }
}

.laser-cutting-page-intro {
  background-color: #26377C;
  background-blend-mode: multiply;
  overflow: hidden;
  position: relative;
}
.laser-cutting-page-intro .inner-wrap, .laser-cutting-page-intro .inner-wrap-narrow, .laser-cutting-page-intro .inner-wrap-wide, .laser-cutting-page-intro .inner-wrap-fullwidth {
  padding-top: 4.25em;
  padding-bottom: 6em;
  position: relative;
}
.laser-cutting-page-intro .pi-heading {
  text-align: center;
  color: #ffffff;
  padding: 0;
  font-size: 2em;
  line-height: 1.40625em;
}
.laser-cutting-page-intro .alcpi-bg-video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #26377C;
  overflow: hidden;
}
.laser-cutting-page-intro .alcpi-bg-video video {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-43%);
  -moz-transform: translateY(-43%);
  -ms-transform: translateY(-43%);
  -o-transform: translateY(-43%);
  transform: translateY(-43%);
  left: 0;
  margin: auto;
  mix-blend-mode: multiply;
}

.content-with-infographic-module .inner-wrap, .content-with-infographic-module .inner-wrap-narrow, .content-with-infographic-module .inner-wrap-wide, .content-with-infographic-module .inner-wrap-fullwidth {
  padding-top: 3em;
  padding-bottom: 3em;
}
.content-with-infographic-module .cwim-heading {
  /*font-size: em(32);
  line-height: em(45,32);*/
  font-weight: 700;
  margin-bottom: 0.3857142857em;
}
.content-with-infographic-module .cwim-content p:first-child {
  margin-top: 0.75em;
}
.content-with-infographic-module .cwim-wrap {
  margin-top: 2.5em;
}
.content-with-infographic-module .cwim-infographic-heading {
  font-size: 1.5em;
  line-height: 1.3333333333em;
  margin-bottom: 0.7291666667em;
  margin-top: 0;
  font-weight: 700;
}
.content-with-infographic-module .cwim-infographic-content p:first-child {
  margin-top: 0.9722222222em;
}
.content-with-infographic-module .cwim-infographic-thumb {
  max-width: 27.9375em;
  margin: 0 auto;
}
.content-with-infographic-module .cwim-infographic-thumb img {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 25px;
}
.content-with-infographic-module .cwim-infographic-thumb .cwim-infographic-btn {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  line-height: 1.25em;
  font-weight: 700;
  background-color: #63649E;
  border: 2px solid #ffffff;
  border-radius: 50px;
  /*filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);*/
  min-width: 15.0625em;
  text-align: center;
  padding: 1.0625em 1.25em;
  color: #ffffff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.content-with-infographic-module .cwim-infographic-thumb a {
  border-radius: 25px;
  position: relative;
}
.content-with-infographic-module .cwim-infographic-thumb a:hover, .content-with-infographic-module .cwim-infographic-thumb a:focus {
  background-color: #26377C;
}
.content-with-infographic-module .cwim-infographic-thumb a:hover img, .content-with-infographic-module .cwim-infographic-thumb a:focus img {
  mix-blend-mode: multiply;
}
.content-with-infographic-module .cwim-infographic-thumb a:hover .cwim-infographic-btn, .content-with-infographic-module .cwim-infographic-thumb a:focus .cwim-infographic-btn {
  opacity: 1;
}
@media (min-width: 60em) {
  .content-with-infographic-module .inner-wrap, .content-with-infographic-module .inner-wrap-narrow, .content-with-infographic-module .inner-wrap-wide, .content-with-infographic-module .inner-wrap-fullwidth {
    padding-top: 5.03125em;
    padding-bottom: 3em;
  }
  .content-with-infographic-module .cwim-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .content-with-infographic-module .cwim-infographic-content-wrap {
    width: 55.7%;
    max-width: 39.25em;
    margin-right: 2.75em;
  }
  .content-with-infographic-module .cwim-infographic-thumb {
    width: 43%;
  }
}

.contact-module {
  background-color: #26377C;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.contact-module .inner-wrap, .contact-module .inner-wrap-narrow, .contact-module .inner-wrap-wide, .contact-module .inner-wrap-fullwidth {
  padding-top: 4.875em;
  padding-bottom: 3.3125em;
}
.contact-module .cim-heading {
  font-weight: 700;
  color: #ffffff;
}
.contact-module .cim-content {
  color: #ffffff;
}
.contact-module .cim-content a {
  color: #ffffff;
}
.contact-module .cim-content a:hover, .contact-module .cim-content a:focus {
  text-decoration: none;
}
@media (min-width: 60em) {
  .contact-module {
    text-align: left;
  }
}

.axis-machinery-module .inner-wrap, .axis-machinery-module .inner-wrap-narrow, .axis-machinery-module .inner-wrap-wide, .axis-machinery-module .inner-wrap-fullwidth {
  padding-top: 1.71875em;
  padding-bottom: 1.5625em;
}
.axis-machinery-module .amm-heading {
  font-weight: 700;
}
.axis-machinery-module .amm-items {
  margin-top: 2.5em;
}
.axis-machinery-module .amm-item {
  border: 2px solid #63649E6C;
  border-radius: 25px;
  max-width: 22.6875em;
  padding: 1.5625em 1.25em 1.0625em;
  margin: 0 auto 1.875em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.axis-machinery-module .amm-item:hover, .axis-machinery-module .amm-item:focus {
  background-color: #26377C;
  border: 2px solid #63649E6C;
  border-radius: 25px;
  color: #ffffff;
}
.axis-machinery-module .amm-item:hover .amm-title, .axis-machinery-module .amm-item:focus .amm-title {
  color: #ffffff;
}
.axis-machinery-module .amm-item:hover .amm-icon path, .axis-machinery-module .amm-item:focus .amm-icon path {
  fill: #ffffff;
}
.axis-machinery-module .amm-head-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.axis-machinery-module .amm-title {
  font-size: 1.5em;
  line-height: 1.1666666667em;
  font-weight: 700;
  color: #26377C;
  font-family: Open Sans;
}
.axis-machinery-module .amm-icon {
  max-height: 5.5em;
  display: block;
  margin-right: 0.9375em;
}
.axis-machinery-module .ammi-content {
  font-size: 1em;
  line-height: 1.25em;
}
@media (min-width: 40em) {
  .axis-machinery-module .amm-items {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .axis-machinery-module .amm-item {
    width: 48%;
    padding: 1.5625em 1.25em 1.0625em;
    margin: 0 1% 1.875em;
  }
}
@media (min-width: 60em) {
  .axis-machinery-module .inner-wrap, .axis-machinery-module .inner-wrap-narrow, .axis-machinery-module .inner-wrap-wide, .axis-machinery-module .inner-wrap-fullwidth {
    padding-top: 1.71875em;
    padding-bottom: 3.0625em;
  }
  .axis-machinery-module .amm-head-wrap {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
  }
  .axis-machinery-module .amm-items {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .axis-machinery-module .amm-item {
    padding: 1.5625em 1.5625em 1.0625em;
    margin: 0 0 1.875em;
    width: 33%;
  }
}
@media (min-width: 80em) {
  .axis-machinery-module .amm-icon {
    margin-right: 2.375em;
  }
  .axis-machinery-module .amm-item {
    padding: 1.5625em 2.4375em 1.0625em;
  }
}

.metal-materials-module .inner-wrap, .metal-materials-module .inner-wrap-narrow, .metal-materials-module .inner-wrap-wide, .metal-materials-module .inner-wrap-fullwidth {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.metal-materials-module .mmm-heading {
  font-weight: 700;
}
.metal-materials-module .accordion-tabs {
  margin-top: 2.125em;
  text-align: center;
  border: 0;
}
.metal-materials-module .accordion-tabs .tab-link {
  background-color: #63649E;
  font-size: 1em;
  line-height: 1.25em;
  font-family: Open Sans;
  font-weight: 700;
  color: #ffffff;
  min-width: 15.0625em;
  text-align: center;
  border-radius: 50px !important;
  padding: 0 0.625em;
}
.metal-materials-module .accordion-tabs .tab-link.is-active span, .metal-materials-module .accordion-tabs .tab-link:hover span, .metal-materials-module .accordion-tabs .tab-link:focus span {
  background-color: #26377C;
}
.metal-materials-module .accordion-tabs .tab-link span {
  padding: 1.125em 2.5em;
  display: block;
  border-radius: 50px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.metal-materials-module .accordion-tabs .tab-content {
  padding: 2.5em 1.25em 2.5em;
  border: 2px solid #63649E;
  border-radius: 25px;
}
@media (min-width: 40em) {
  .metal-materials-module .accordion-tabs {
    margin-top: 2.125em;
  }
  .metal-materials-module .accordion-tabs .tab-link {
    border: 0;
    margin-right: 0.6875em;
    min-width: initial;
  }
  .metal-materials-module .accordion-tabs .tab-link span {
    padding: 1.125em 0.5em;
  }
  .metal-materials-module .accordion-tabs .tab-content {
    padding: 3.75em 3.5em 2.9375em 4em;
    margin-top: -1.8125em;
    text-align: left;
  }
}
@media (min-width: 60em) {
  .metal-materials-module .inner-wrap, .metal-materials-module .inner-wrap-narrow, .metal-materials-module .inner-wrap-wide, .metal-materials-module .inner-wrap-fullwidth {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .metal-materials-module .accordion-tabs .tab-link {
    min-width: 12.5em;
  }
  .metal-materials-module .accordion-tabs .tab-link span {
    padding: 1.125em 0.5em;
  }
}
@media (min-width: 80em) {
  .metal-materials-module .accordion-tabs .tab-link {
    min-width: 15.0625em;
  }
  .metal-materials-module .accordion-tabs .tab-link span {
    padding: 1.125em 2.5em;
  }
}

.content-with-click-to-expand-module {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.content-with-click-to-expand-module:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFFD0 100%);
}
.content-with-click-to-expand-module .inner-wrap, .content-with-click-to-expand-module .inner-wrap-narrow, .content-with-click-to-expand-module .inner-wrap-wide, .content-with-click-to-expand-module .inner-wrap-fullwidth {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.content-with-click-to-expand-module .ccem-heading {
  font-weight: 700;
}
.content-with-click-to-expand-module .ccem-img {
  border-radius: 25px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.content-with-click-to-expand-module .ccem-accordion {
  padding-top: 0;
  padding-bottom: 1.25em;
  border-bottom: 0;
  max-width: 31.75em;
}
.content-with-click-to-expand-module .ccem-accordion:last-child {
  padding-bottom: 0;
}
.content-with-click-to-expand-module .ccem-accordion .ccem-ce-header {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  font-family: Open Sans;
  margin: 0;
  padding: 0.6666666667em 2.5em 0.6666666667em 2.5em;
  background-color: #ffffff;
  position: relative;
  color: #63649E;
  border: 2px solid #63649E;
  border-radius: 50px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.content-with-click-to-expand-module .ccem-accordion .ccem-ce-header:after {
  content: "";
  background-image: url(img/plus-icon.svg);
  padding-left: 0;
  position: absolute;
  right: 16px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-with-click-to-expand-module .ccem-accordion .ccem-ce-header:hover, .content-with-click-to-expand-module .ccem-accordion .ccem-ce-header:focus {
  background-color: #010B4F;
  color: #ffffff;
}
.content-with-click-to-expand-module .ccem-accordion .ccem-ce-header:hover:after, .content-with-click-to-expand-module .ccem-accordion .ccem-ce-header:focus:after {
  content: "";
  background-image: url(img/plus-icon-white.svg);
  padding-left: 0;
  position: absolute;
  right: 16px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-with-click-to-expand-module .ccem-accordion .ccem-ce-body {
  display: none;
}
.content-with-click-to-expand-module .ccem-accordion.active .ccem-ce-body {
  display: block;
  padding: 0 2.5em;
}
.content-with-click-to-expand-module .ccem-accordion.active .ccem-ce-header {
  font-weight: 400;
  margin-bottom: 0.9090909091em;
  background-color: #010B4F;
  color: #ffffff;
  margin-bottom: 1.1111111111em;
}
.content-with-click-to-expand-module .ccem-accordion.active .ccem-ce-header:after {
  content: "";
  position: absolute;
  color: #477DCA;
  background-image: url(img/close-icon.svg);
  width: 22px;
  height: 22px;
  background-size: 18px;
  background-repeat: no-repeat;
}
.content-with-click-to-expand-module .ccem-right {
  max-width: 33.625em;
  margin: 0 auto;
}
.content-with-click-to-expand-module .ccem-left {
  max-width: 30.75em;
  margin: 0 auto 2.5em;
}
@media (min-width: 60em) {
  .content-with-click-to-expand-module .inner-wrap, .content-with-click-to-expand-module .inner-wrap-narrow, .content-with-click-to-expand-module .inner-wrap-wide, .content-with-click-to-expand-module .inner-wrap-fullwidth {
    padding-top: 5.6875em;
    padding-bottom: 3.6875em;
  }
  .content-with-click-to-expand-module .ccem-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .content-with-click-to-expand-module .ccem-right {
    max-width: 33.625em;
    width: 48%;
    margin: 0;
  }
  .content-with-click-to-expand-module .ccem-left {
    max-width: 30.75em;
    width: 44%;
    margin: 0 4.125em 0 0;
  }
}

.material-work-menu-module {
  background-color: #010C50;
  text-align: center;
}
.material-work-menu-module .inner-wrap, .material-work-menu-module .inner-wrap-narrow, .material-work-menu-module .inner-wrap-wide, .material-work-menu-module .inner-wrap-fullwidth {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.material-work-menu-module .mwmm-heading {
  color: #ffffff;
  font-weight: 700;
  margin-top: 0;
}
.material-work-menu-module .mwmm-dropdown-heading {
  font-weight: 700;
}
.material-work-menu-module .mwmm-items {
  border: 2px solid #ffffff;
  border-radius: 50px;
  display: inline-block;
  padding: 0.65em 4.15em 0.65em 3.35em;
  color: #ffffff;
  font-size: 1.25em;
  line-height: 1.35em;
  min-width: 13.8em;
  max-width: 13.8em;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.material-work-menu-module .mwmm-items:before {
  content: "";
  position: absolute;
  color: #477DCA;
  background-image: url(img/down-arrow.svg);
  width: 15px;
  height: 8px;
  background-size: 15px 8px;
  background-repeat: no-repeat;
  right: 31px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.material-work-menu-module .mwmm-items.active {
  background-color: #ffffff;
  color: #26377C;
  border-radius: 50px 50px 0px 0px;
}
.material-work-menu-module .mwmm-items.active:before {
  background-image: url(img/up-arrow.svg);
}
.material-work-menu-module .mwmm-items.active .mwmm-item-wrap {
  display: block;
}
.material-work-menu-module .mwmm-item-wrap {
  display: none;
  position: absolute;
  left: -2px;
  top: 100%;
  background-color: #ffffff;
  min-width: 13.8em;
  max-width: 13.8em;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0px 0px 12px 12px;
  padding: 1.05em 2.25em 0.5em 4em;
  z-index: 1;
  text-align: left;
}
.material-work-menu-module .mwmm-item-wrap:before {
  content: "";
  position: absolute;
  color: #477DCA;
  background-color: rgba(99, 100, 158, 0.3);
  width: 5.85em;
  height: 1px;
  background-size: 15px 8px;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
.material-work-menu-module .mwmm-link {
  color: #000000;
  font-size: 0.8em;
  text-decoration: none;
  line-height: 1.5em;
  margin-bottom: 1em;
  display: inline-block;
}
.material-work-menu-module .mwmm-link:hover, .material-work-menu-module .mwmm-link:focus {
  text-decoration: underline;
}
@media (min-width: 60em) {
  .material-work-menu-module {
    text-align: left;
  }
  .material-work-menu-module .inner-wrap, .material-work-menu-module .inner-wrap-narrow, .material-work-menu-module .inner-wrap-wide, .material-work-menu-module .inner-wrap-fullwidth {
    padding-top: 0.9375em;
    padding-bottom: 0.875em;
  }
  .material-work-menu-module .mwmm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
  }
  .material-work-menu-module .mwmm-heading {
    margin-right: 3.4285714286em;
    margin-bottom: 0;
    margin-top: 0;
  }
  .material-work-menu-module .mwmm-item-wrap {
    text-align: left;
  }
  .material-work-menu-module .mwmm-items:hover, .material-work-menu-module .mwmm-items:focus {
    background-color: #ffffff;
    color: #26377C;
    border-radius: 50px 50px 0px 0px;
  }
  .material-work-menu-module .mwmm-items:hover:before, .material-work-menu-module .mwmm-items:focus:before {
    background-image: url(img/up-arrow.svg);
  }
  .material-work-menu-module .mwmm-items:hover .mwmm-item-wrap, .material-work-menu-module .mwmm-items:focus .mwmm-item-wrap {
    display: block;
  }
}

.internal-links-nav {
  text-align: center;
  margin-top: 0;
  background-color: transparent;
}
.internal-links-nav .inner-wrap, .internal-links-nav .inner-wrap-narrow, .internal-links-nav .inner-wrap-wide, .internal-links-nav .inner-wrap-fullwidth {
  padding-top: 2.5em;
  padding-bottom: 0.625em;
  max-width: 79.5em;
}
.internal-links-nav ul {
  padding: 0;
}
.internal-links-nav li {
  width: 100%;
  padding: 0 0.6875em;
  display: block;
  list-style-type: none;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  max-width: 14.75em;
  background-color: #63649E;
  border-radius: 50px;
  margin: 0 auto 0.9375em;
  display: block;
}
.internal-links-nav li a {
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3333333333em;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 1.25em;
  border-radius: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 3.625em;
}
.internal-links-nav li:hover a {
  background-color: #26377C;
}
@media (min-width: 40em) {
  .internal-links-nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .internal-links-nav li {
    margin: 0 0.625em 0.9375em;
  }
}
@media (min-width: 60em) {
  .internal-links-nav {
    margin-top: -2.4375em;
  }
  .internal-links-nav .inner-wrap, .internal-links-nav .inner-wrap-narrow, .internal-links-nav .inner-wrap-wide, .internal-links-nav .inner-wrap-fullwidth {
    padding-top: 0.625em;
  }
  .internal-links-nav.stuck {
    position: fixed;
    z-index: 8;
    left: 0;
    width: 100%;
    margin-top: 0;
    -webkit-box-shadow: 0 3px 6.93px 0.07px rgba(204, 204, 204, 0.44);
    box-shadow: 0 3px 6.93px 0.07px rgba(204, 204, 204, 0.44);
    background-color: #ffffff;
  }
  .internal-links-nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .internal-links-nav li {
    width: 20%;
    margin-bottom: 0;
    text-align: center;
    margin: 0;
  }
  .internal-links-nav li a {
    height: 100%;
  }
  .internal-links-nav li.pillar-active a {
    background-color: #26377C;
  }
}
@media (min-width: 80em) {
  .internal-links-nav ul {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .internal-links-nav li a {
    padding: 0.5em 1.75em;
  }
}

@media (max-width: 959px) {
  .pillar-stuck {
    padding-top: 0 !important;
  }
}

.page-template-5-axis-laser-cutting .site-content .inner-wrap.no-padding, .page-template-5-axis-laser-cutting .site-content .no-padding.inner-wrap-narrow, .page-template-5-axis-laser-cutting .site-content .no-padding.inner-wrap-wide, .page-template-5-axis-laser-cutting .site-content .no-padding.inner-wrap-fullwidth {
  padding: 0;
}
.page-template-5-axis-laser-cutting .site-dest-intro {
  display: none;
}

.full-width-cta {
  background-size: cover;
  background-position: center;
  background-color: #26377C;
  background-blend-mode: multiply;
  text-align: center;
}
.full-width-cta .inner-wrap, .full-width-cta .inner-wrap-narrow, .full-width-cta .inner-wrap-wide, .full-width-cta .inner-wrap-fullwidth {
  padding-top: 5em;
  padding-bottom: 5em;
}
.full-width-cta .fwc-heading {
  color: #ffffff;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.125em;
  margin-bottom: 0.3125em;
}
.full-width-cta .fwc-text {
  margin-top: 0;
  margin-bottom: 1.3888888889em;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.2222222222em;
}
.full-width-cta .fwc-cta1 {
  min-width: 11.8125em !important;
}
.full-width-cta .fwc-cta1, .full-width-cta .fwc-cta2 {
  display: inline-block;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.375em;
  padding: 1.125em 1.3125em;
  background-color: #63649E;
  border-radius: 50px;
  position: relative;
  border: 0;
  min-width: 12.8125em;
  transition: all 0.3s ease;
}
.full-width-cta .fwc-cta1 > span, .full-width-cta .fwc-cta2 > span {
  position: relative;
}
.full-width-cta .fwc-cta1:before, .full-width-cta .fwc-cta2:before {
  content: "";
  width: calc(100% - 14px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #26377C;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.full-width-cta .fwc-cta1:hover, .full-width-cta .fwc-cta1:focus, .full-width-cta .fwc-cta2:hover, .full-width-cta .fwc-cta2:focus {
  background-color: #B72326;
  color: #26377C;
}
.full-width-cta .fwc-cta1:hover:before, .full-width-cta .fwc-cta1:focus:before, .full-width-cta .fwc-cta2:hover:before, .full-width-cta .fwc-cta2:focus:before {
  background-color: #FFFFFF;
}
.full-width-cta .btn, .full-width-cta button,
.full-width-cta input[type=submit], .full-width-cta .btn-download, .full-width-cta .btn-arrow, .full-width-cta .product-grid-item-link {
  margin: 0.625em;
}
@media (min-width: 40em) {
  .full-width-cta .btn, .full-width-cta button,
.full-width-cta input[type=submit], .full-width-cta .btn-download, .full-width-cta .btn-arrow, .full-width-cta .product-grid-item-link {
    margin: 0;
  }
  .full-width-cta .btn:first-child, .full-width-cta button:first-child,
.full-width-cta input[type=submit]:first-child, .full-width-cta .btn-download:first-child, .full-width-cta .btn-arrow:first-child, .full-width-cta .product-grid-item-link:first-child {
    margin-right: 1.25rem;
  }
}

/*=========== Services Module ===========*/
.services-module .btn-color {
  font-weight: bold;
  background-color: #B72326;
  padding: 1.125em 0.875em;
  font-size: 1em;
}
.services-module .btn-color::before {
  background-color: #26377C;
}
.services-module .btn-color:hover, .services-module .btn-color:focus {
  color: #fff;
  background-color: #26377C;
}
.services-module .btn-color:hover::before, .services-module .btn-color:focus::before {
  background-color: #B72326;
}
.services-module .sm-tab-logo {
  height: 5.625em;
  width: 5.625em;
  border: 1px solid #63649E55;
  border-radius: 100px;
  padding: 1.25em;
  box-shadow: 0px 3px 6px #00000017;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-module .inner-wrap, .services-module .inner-wrap-narrow, .services-module .inner-wrap-wide, .services-module .inner-wrap-fullwidth {
  padding-top: 0;
  padding-bottom: 0;
}
.sm-tabs-wrap {
  padding-top: 0.5em;
}
.sm-tabs-wrap .slick-slide {
  text-align: center;
  padding: 0.25em;
}
.sm-tabs-wrap .slick-slide.slick-current .sm-tab-logo {
  background-color: #26377C;
}
.sm-tabs-wrap .slick-slide.slick-current .sm-tab-logo svg path, .sm-tabs-wrap .slick-slide.slick-current .sm-tab-logo svg polygon {
  fill: #fff;
}
.sm-tabs-wrap .slick-slide.slick-current .sm-tab-title span:before {
  opacity: 1;
}

.sm-tab-title {
  cursor: pointer;
}
.sm-tab-title span {
  display: inline-block;
  color: #26377C;
  font-size: 1em;
  line-height: 1.25em;
  padding: 0.65em 0 1.625em;
  font-weight: 600;
  position: relative;
}
.sm-tab-title span:before {
  content: "";
  width: 1.5625em;
  height: 1.5625em;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: contain;
  background-image: url(img/tab-arrow.png);
  opacity: 0;
}

.sm-wrap {
  margin-top: 3.75em;
  padding: 0 3em;
  margin-bottom: 6.875em;
}
.sm-wrap .slick-arrow {
  min-width: auto;
  font-size: 1em !important;
  width: 2.8125em;
  height: 2.8125em;
  background-color: transparent;
  border: 1px solid #000 !important;
  border-radius: 50%;
  transition: 0.25s all linear;
  background-position: center !important;
  background-size: 0.78125em 0.78125em !important;
  background-repeat: no-repeat !important;
  transform: translateY(-50%);
  z-index: 5;
}
.sm-wrap .slick-arrow:before {
  content: none;
}
.sm-wrap .slick-arrow.slick-prev {
  left: 0.625em;
  background-image: url(img/ico-arrowleft.svg) !important;
}
.sm-wrap .slick-arrow.slick-prev:hover, .sm-wrap .slick-arrow.slick-prev:focus {
  background-image: url(img/ico-arrowleft-hover.svg) !important;
}
.sm-wrap .slick-arrow.slick-next {
  right: 0.625em;
  background-image: url(img/ico-arrowright.svg) !important;
}
.sm-wrap .slick-arrow.slick-next:hover, .sm-wrap .slick-arrow.slick-next:focus {
  background-image: url(img/ico-arrowright-hover.svg) !important;
}
.sm-wrap .slick-arrow:hover, .sm-wrap .slick-arrow:focus {
  background-color: #26377C;
}
@media (min-width: 80em) {
  .sm-wrap .slick-arrow {
    display: none !important;
  }
}
@media (min-width: 80em) {
  .sm-wrap {
    padding: 0;
  }
  .sm-wrap .slick-arrow.slick-prev {
    left: 1.25em;
  }
  .sm-wrap .slick-arrow.slick-next {
    right: 1.25em;
  }
}

@media (min-width: 60em) {
  .sm-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
  }
}

.sm-img a {
  display: inline-block;
  border-radius: 25px;
}
.sm-img img {
  display: block;
  margin: auto;
  border-radius: 25px;
}
@media (min-width: 60em) {
  .sm-img {
    width: 48.76%;
  }
}

.sm-txt {
  margin-top: 1.5em;
}
@media (min-width: 60em) {
  .sm-txt {
    width: 51.24%;
    padding: 0 0 0 4.125em;
    margin: 0;
  }
}

.sm-subheading {
  color: #26377C;
  font-weight: 700;
  font-size: 1.25em;
  margin: 0;
  line-height: 1.1em;
}

.sm-heading {
  color: #000000;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 0.53125em;
  margin-top: 0;
  font-weight: bold;
}

.smc-txt {
  margin-bottom: 1.875em;
}
.smc-txt p {
  font-size: 1.125em;
  line-height: 1.5555555556em;
  margin: 0;
  color: #3C3C3C;
}

.sh-rfq-cta .sn-menu-link {
  font-weight: bold;
  padding: 1.125em 0.875em !important;
  font-size: 1em !important;
  border-radius: 50px;
  position: relative;
  color: #fff !important;
  background-color: #26377C;
}
@media (min-width: 80em) {
  .sh-rfq-cta .sn-menu-link {
    min-width: 10.9375em;
  }
}
.sh-rfq-cta .sn-menu-link::before {
  content: "";
  width: calc(100% - 14px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #B72326;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.sh-rfq-cta .sn-menu-link span {
  position: relative;
  z-index: 2;
  display: flex;
  line-height: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.sh-rfq-cta .sn-menu-link:hover, .sh-rfq-cta .sn-menu-link:focus {
  color: #fff !important;
  background-color: #26377C !important;
}
.sh-rfq-cta .sn-menu-link:hover::before, .sh-rfq-cta .sn-menu-link:focus::before {
  background-color: #26377C !important;
}

.page-template-metal-spinning-pillar-page .site-content .inner-wrap.no-padding, .page-template-metal-spinning-pillar-page .site-content .no-padding.inner-wrap-narrow, .page-template-metal-spinning-pillar-page .site-content .no-padding.inner-wrap-wide, .page-template-metal-spinning-pillar-page .site-content .no-padding.inner-wrap-fullwidth {
  padding: 0;
}
.page-template-metal-spinning-pillar-page .site-dest-intro {
  display: none;
}
.page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-narrow, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-wide, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-fullwidth {
  max-width: 86.75em;
}
@media (min-width: 60em) {
  .page-template-metal-spinning-pillar-page .internal-links-nav ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .page-template-metal-spinning-pillar-page .internal-links-nav li {
    margin: 0 0.625em 0.9375em;
  }
}
@media (min-width: 80em) {
  .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-narrow, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-wide, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-fullwidth {
    padding-left: 0.625em;
    padding-right: 0.625em;
  }
  .page-template-metal-spinning-pillar-page .internal-links-nav li {
    margin: 0 0.125em;
  }
}
@media (min-width: 87.5em) {
  .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-narrow, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-wide, .page-template-metal-spinning-pillar-page .internal-links-nav .inner-wrap-fullwidth {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .page-template-metal-spinning-pillar-page .internal-links-nav li {
    margin: 0 0.25em;
  }
}

.full-width-module {
  background-color: #26377C;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.full-width-module .inner-wrap, .full-width-module .inner-wrap-narrow, .full-width-module .inner-wrap-wide, .full-width-module .inner-wrap-fullwidth {
  padding-top: 4.375em;
  padding-bottom: 4.375em;
}
.full-width-module .fwm-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.full-width-module .fwm-heading {
  font-weight: 700;
  color: #ffffff;
  margin-top: 0;
  /*font-size: em(32);
  line-height: em(36,32);*/
}
.full-width-module .fwm-btn {
  padding: 0 0.4375em;
  display: block;
  list-style-type: none;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  max-width: 11.8125em;
  background-color: #63649E;
  border-radius: 50px;
  margin: 0 auto 0.9375em;
  display: block;
  border: 0;
  min-width: 11.8125em;
}
.full-width-module .fwm-btn span {
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3333333333em;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  text-decoration: none;
  text-align: center;
  padding: 1.125em 1.25em;
  border-radius: 50px;
  background-color: #26377C;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 3.625em;
}
.full-width-module .fwm-btn:hover {
  background-color: #B72326;
}
@media (min-width: 60em) {
  .full-width-module {
    text-align: left;
  }
  .full-width-module .fwm-wrap {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .full-width-module .fwm-heading {
    margin-bottom: 0;
  }
  .full-width-module .fwm-btn {
    margin: 0;
    margin-left: 5em;
    min-width: 10.9375em;
  }
}
@media (min-width: 80em) {
  .full-width-module .fwm-btn {
    min-width: 11.8125em;
  }
}

.about-metal-spinning-module .inner-wrap, .about-metal-spinning-module .inner-wrap-narrow, .about-metal-spinning-module .inner-wrap-wide, .about-metal-spinning-module .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
  z-index: 1;
}
.about-metal-spinning-module .amsm-top-content p:first-child {
  margin-top: 0;
}
.about-metal-spinning-module .amsm-wrap {
  max-width: 36.6875em;
  margin: 0 auto;
}
.about-metal-spinning-module .amsm-left {
  background-color: #010C51;
  border-radius: 25px 25px 0 0;
  padding: 2.75em 1.25em 1.25em;
}
.about-metal-spinning-module .amsm-heading {
  color: #ffffff;
  margin-bottom: 0.3142857143em;
  margin-top: 0;
  font-weight: 700;
}
.about-metal-spinning-module .amsm-sub-heading {
  font-size: 1.5em;
  line-height: 1.375em;
  color: #ffffff;
  margin-bottom: 0.4583333333em;
  margin-top: 0;
  font-weight: 700;
}
.about-metal-spinning-module .amsm-content {
  color: #ffffff;
}
.about-metal-spinning-module .amsm-content p {
  /*font-size: em(16);
  line-height: em(20);*/
}
.about-metal-spinning-module .amsm-content p:first-child {
  margin-top: 0;
}
.about-metal-spinning-module .amsm-right {
  border-radius: 0 0 25px 25px;
}
.about-metal-spinning-module .amsm-right a {
  display: block;
  height: 100%;
  border-radius: 0 0 25px 25px;
  background-color: #26377C;
  position: relative;
  transition: all 0.3s linear;
}
.about-metal-spinning-module .amsm-right a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.75em;
  height: 3.75em;
  background-image: url(img/video-icon-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: all 0.3s linear;
}
.about-metal-spinning-module .amsm-right a:hover:before, .about-metal-spinning-module .amsm-right a:focus:before {
  opacity: 1;
  z-index: 1;
}
.about-metal-spinning-module .amsm-right a:hover img, .about-metal-spinning-module .amsm-right a:focus img {
  mix-blend-mode: multiply;
}
.about-metal-spinning-module .amsm-right img {
  display: block;
  border-radius: 0 0 25px 25px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about-metal-spinning-module .amsm-table-wrap {
  margin-top: 2.5em;
}
.about-metal-spinning-module .amsm-table-wrap .amsm-table {
  overflow-x: auto;
}
.about-metal-spinning-module .amsm-table-wrap .tablepress th {
  background-color: #010C51;
  color: #ffffff;
  padding: 14px 50px;
  font-size: 1.125em;
  line-height: 1.3333333333em;
  padding: 0.7777777778em 0.8333333333em;
  font-weight: 600;
}
.about-metal-spinning-module .amsm-table-wrap .tablepress td {
  color: #585858;
  font-size: 1em;
  line-height: 1.3125em;
  padding: 1.25em 0.9375em;
}
.about-metal-spinning-module .amsm-items-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-top: 2.9375em;
}
.about-metal-spinning-module .amsm-item {
  border: 2px solid #63649E6C;
  border-radius: 25px;
  padding: 1.5em 0.9375em;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  max-width: 22.0625em;
  margin: 0 auto 1.5625em;
}
.about-metal-spinning-module .amsm-item:last-child {
  margin-bottom: 0;
}
.about-metal-spinning-module .amsm-item .style-svg {
  min-width: 5.5em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about-metal-spinning-module .amsm-item:hover {
  background-color: #26377C;
}
.about-metal-spinning-module .amsm-item:hover .amsmi-title {
  color: #ffffff;
}
.about-metal-spinning-module .amsm-item:hover .style-svg path {
  fill: #ffffff;
}
.about-metal-spinning-module .amsmi-inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.about-metal-spinning-module .amsmi-title {
  font-size: 1.5em;
  line-height: 1.1666666667em;
  font-weight: 700;
  color: #010C51;
  display: block;
  margin-left: 0.625em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about-metal-spinning-module .amsm-accordion-wrap {
  margin-top: 2.5em;
}
.about-metal-spinning-module .amsm-accordion {
  padding-top: 0;
  padding-bottom: 1.25em;
  border-bottom: 0;
}
.about-metal-spinning-module .amsm-accordion:last-child {
  padding-bottom: 0;
}
.about-metal-spinning-module .amsm-accordion .amsm-ce-header {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  font-family: Open Sans;
  margin: 0;
  padding: 0.6666666667em 2.5em 0.6666666667em 2.5em;
  background-color: #ffffff;
  position: relative;
  color: #63649E;
  border: 2px solid #63649E;
  border-radius: 50px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about-metal-spinning-module .amsm-accordion .amsm-ce-header:after {
  content: "";
  background-image: url(img/plus-icon.svg);
  padding-left: 0;
  position: absolute;
  right: 16px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-metal-spinning-module .amsm-accordion .amsm-ce-header:hover, .about-metal-spinning-module .amsm-accordion .amsm-ce-header:focus {
  background-color: #010B4F;
  color: #ffffff;
}
.about-metal-spinning-module .amsm-accordion .amsm-ce-header:hover:after, .about-metal-spinning-module .amsm-accordion .amsm-ce-header:focus:after {
  content: "";
  background-image: url(img/plus-icon-white.svg);
  padding-left: 0;
  position: absolute;
  right: 16px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-metal-spinning-module .amsm-accordion .amsm-ce-body {
  display: none;
}
.about-metal-spinning-module .amsm-accordion.active .amsm-ce-body {
  display: block;
  padding: 0 2.125em 0.875em;
}
.about-metal-spinning-module .amsm-accordion.active .amsm-ce-header {
  font-weight: 400;
  background-color: #010B4F;
  color: #ffffff;
  margin-bottom: 1.8888888889em;
}
.about-metal-spinning-module .amsm-accordion.active .amsm-ce-header:after {
  content: "";
  position: absolute;
  color: #477DCA;
  background-image: url(img/close-icon.svg);
  width: 22px;
  height: 22px;
  background-size: 18px;
  background-repeat: no-repeat;
}
.about-metal-spinning-module.amsm-bg-overlay {
  position: relative;
}
.about-metal-spinning-module.amsm-bg-overlay:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.about-metal-spinning-module.amsm-bg-overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFFD0 100%);
}
@media (min-width: 60em) {
  .about-metal-spinning-module .inner-wrap, .about-metal-spinning-module .inner-wrap-narrow, .about-metal-spinning-module .inner-wrap-wide, .about-metal-spinning-module .inner-wrap-fullwidth {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .about-metal-spinning-module .amsm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
  }
  .about-metal-spinning-module .amsm-left {
    width: 52%;
    border-radius: 25px 0px 0px 25px;
    padding: 2.75em 3em 1.25em;
  }
  .about-metal-spinning-module .amsm-right {
    width: 60%;
    border-radius: 0px 25px 25px 0px;
  }
  .about-metal-spinning-module .amsm-right a {
    border-radius: 0px 25px 25px 0px;
  }
  .about-metal-spinning-module .amsm-right a:before {
    width: 5.9375em;
    height: 5.9375em;
  }
  .about-metal-spinning-module .amsm-right a img {
    border-radius: 0px 25px 25px 0px;
  }
  .about-metal-spinning-module .amsm-table-wrap .tablepress th {
    width: 33.33%;
    padding: 0.7777777778em 3.1666666667em;
  }
  .about-metal-spinning-module .amsm-table-wrap .tablepress td {
    padding: 1.25em 3.5625em;
  }
  .about-metal-spinning-module .amsm-items-wrap {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
  }
  .about-metal-spinning-module .amsm-item {
    padding: 1.5em 1.8125em;
    width: calc(33.33% - 1.375em);
    margin: 0;
  }
  .about-metal-spinning-module .amsm-accordion-wrap {
    margin-top: 5.25em;
  }
  .about-metal-spinning-module .amsm-accordion.active .amsm-ce-body {
    padding: 0 4.375em;
  }
}

.metal-spinning-infographic-module {
  background-color: #eee;
}
.metal-spinning-infographic-module .inner-wrap, .metal-spinning-infographic-module .inner-wrap-narrow, .metal-spinning-infographic-module .inner-wrap-wide, .metal-spinning-infographic-module .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}
.metal-spinning-infographic-module .msim-content p:first-child {
  margin-top: 0;
}
.metal-spinning-infographic-module .msim-content ul:not([class]) {
  padding-left: 3.625em;
  margin-top: 1.875em;
  margin-bottom: 0;
}
.metal-spinning-infographic-module .msim-content ul:not([class]) li:not([class]) {
  margin-bottom: 1.1111111111em;
}
.metal-spinning-infographic-module .msim-content ul:not([class]) li:not([class]):after {
  background-image: url(img/ico-bullet-blue.svg);
  background-size: 0.3333333333em;
  width: 0.3333333333em;
  left: -1.7777777778em;
}
.metal-spinning-infographic-module .msim-infographic {
  max-width: 31.25em;
  margin: 0 auto;
}
.metal-spinning-infographic-module .msim-infographic img {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 25px;
}
.metal-spinning-infographic-module .msim-infographic .msim-infographic-btn {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  line-height: 1.25em;
  font-weight: 700;
  background-color: #63649E;
  border: 2px solid #ffffff;
  border-radius: 50px;
  /*filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);*/
  min-width: 15.0625em;
  text-align: center;
  padding: 1.0625em 1.25em;
  color: #ffffff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.metal-spinning-infographic-module .msim-infographic a {
  border-radius: 25px;
  position: relative;
}
.metal-spinning-infographic-module .msim-infographic a:hover, .metal-spinning-infographic-module .msim-infographic a:focus {
  background-color: #26377C;
}
.metal-spinning-infographic-module .msim-infographic a:hover img, .metal-spinning-infographic-module .msim-infographic a:focus img {
  mix-blend-mode: multiply;
}
.metal-spinning-infographic-module .msim-infographic a:hover .msim-infographic-btn, .metal-spinning-infographic-module .msim-infographic a:focus .msim-infographic-btn {
  opacity: 1;
}
@media (min-width: 60em) {
  .metal-spinning-infographic-module .inner-wrap, .metal-spinning-infographic-module .inner-wrap-narrow, .metal-spinning-infographic-module .inner-wrap-wide, .metal-spinning-infographic-module .inner-wrap-fullwidth {
    padding-top: 5.03125em;
    padding-bottom: 3em;
  }
  .metal-spinning-infographic-module .msim-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .metal-spinning-infographic-module .msim-content-wrap {
    width: 50%;
    max-width: 39.25em;
    margin-right: 3.6875em;
  }
  .metal-spinning-infographic-module .msim-infographic {
    width: 45%;
    margin: 0;
  }
}

.metal-spinning-history-module .inner-wrap, .metal-spinning-history-module .inner-wrap-narrow, .metal-spinning-history-module .inner-wrap-wide, .metal-spinning-history-module .inner-wrap-fullwidth {
  padding-top: 0;
  padding-bottom: 0;
}
.metal-spinning-history-module .mshm-right {
  margin: 1.875em 0 3.125em;
  padding: 0 0.9375em;
}
.metal-spinning-history-module .mshm-heading {
  margin-bottom: 0.1857142857em;
  margin-top: 0;
  font-weight: 700;
}
@media (min-width: 60em) {
  .metal-spinning-history-module .mshm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .metal-spinning-history-module .mshm-left {
    width: 50%;
    /* height: 100%;
     min-height: em(683);*/
  }
  .metal-spinning-history-module .mshm-left img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .metal-spinning-history-module .mshm-right {
    width: 60%;
    margin: 0;
    padding: 6.375em 4.25em 6.375em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}

.cnc-spinning-module {
  background-color: #eee;
}
.cnc-spinning-module .inner-wrap, .cnc-spinning-module .inner-wrap-narrow, .cnc-spinning-module .inner-wrap-wide, .cnc-spinning-module .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}
.cnc-spinning-module .csm-heading {
  font-weight: 700;
  margin-bottom: 0.8571428571em;
}
.cnc-spinning-module .csm-bucket-items {
  margin-top: 2.53125em;
}
.cnc-spinning-module .csmi-inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 0;
}
.cnc-spinning-module .csmi-img {
  box-shadow: 0px 3px 6px #00000017;
  border: 2px solid #63649E55;
  min-height: 5.625em;
  min-width: 5.625em;
  width: 5.625em;
  height: 5.625em;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.cnc-spinning-module .csmi-img .style-svg {
  max-width: 2.9375em;
  max-height: 2.9375em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.cnc-spinning-module .csmi-img:hover {
  background-color: #26377C;
}
.cnc-spinning-module .csmi-img:hover .style-svg .st0 {
  fill: #ffffff;
}
.cnc-spinning-module .csmi-title {
  font-size: 1.25em;
  line-height: 1.35em;
  color: #26377C;
  font-weight: 700;
  display: block;
  margin-top: 0.75em;
  text-align: center;
  max-width: 12em;
  margin: 0 auto;
}
.cnc-spinning-module .csm-slider .slick-slide {
  line-height: 0;
  margin: 0;
}
.cnc-spinning-module .csm-slider .slick-arrow {
  font-size: 0;
  width: 1.75rem;
  height: 3.25rem;
  background: transparent;
  border: 0;
  background-position: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 0;
  border-radius: 0;
}
.cnc-spinning-module .csm-slider .slick-arrow:before {
  content: "";
  width: 0;
  height: 0;
}
.cnc-spinning-module .csm-slider .slick-prev {
  background-image: url(img/slider-left-arrow.svg);
  left: 0.625rem;
}
.cnc-spinning-module .csm-slider .slick-prev:hover, .cnc-spinning-module .csm-slider .slick-prev:focus {
  opacity: 0.9;
}
.cnc-spinning-module .csm-slider .slick-next {
  background-image: url(img/slider-right-arrow.svg);
  right: 0.625rem;
}
.cnc-spinning-module .csm-slider .slick-next:hover, .cnc-spinning-module .csm-slider .slick-next:focus {
  opacity: 0.9;
}
@media (min-width: 60em) {
  .cnc-spinning-module .inner-wrap, .cnc-spinning-module .inner-wrap-narrow, .cnc-spinning-module .inner-wrap-wide, .cnc-spinning-module .inner-wrap-fullwidth {
    padding-top: 3.75em;
    padding-bottom: 7.1875em;
  }
  .cnc-spinning-module .csmi-inner {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
  }
  .cnc-spinning-module .csmi-title {
    margin-top: 0;
    margin-left: 1.825em;
    text-align: left;
    padding-right: 1.5em;
  }
  .cnc-spinning-module .csm-slider {
    padding: 0 2.5em;
  }
  .cnc-spinning-module .csm-slider .slick-prev {
    left: 0;
  }
  .cnc-spinning-module .csm-slider .slick-next {
    right: 0;
  }
}
@media (min-width: 80em) {
  .cnc-spinning-module .csm-slider {
    padding: 0;
  }
  .cnc-spinning-module .csm-slider .slick-prev {
    left: -3.125rem;
  }
  .cnc-spinning-module .csm-slider .slick-next {
    right: -3.125rem;
  }
}

.traditional-metal-spinning-module {
  background-color: #010C51;
}
.traditional-metal-spinning-module .inner-wrap, .traditional-metal-spinning-module .inner-wrap-narrow, .traditional-metal-spinning-module .inner-wrap-wide, .traditional-metal-spinning-module .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}
.traditional-metal-spinning-module .tmsm-heading {
  font-weight: 700 !important;
  color: #ffffff;
}
.traditional-metal-spinning-module .tmsm-bucket-items {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 4.40625em;
  position: relative;
}
.traditional-metal-spinning-module .tmsm-bucket-items:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  border-left: 2px dashed #63649E;
  top: 0;
  transform: translateX(-50%);
}
.traditional-metal-spinning-module .tmsm-item {
  border: 2px solid #63649E;
  border-radius: 25px;
  max-width: 17.875em;
  margin: 0 auto 4.0625em;
  padding: 4.0625em 1.25em 2.25em;
  position: relative;
  background-color: #010C51;
}
.traditional-metal-spinning-module .tmsm-item:last-child {
  margin-bottom: 0;
}
.traditional-metal-spinning-module .tmsm-item:hover .tmsm-number {
  background-color: #ffffff;
  color: #010C51;
}
.traditional-metal-spinning-module .tmsmi-content {
  color: #ffffff;
  margin: 0;
  text-align: center;
}
.traditional-metal-spinning-module .tmsm-number {
  font-size: 2em;
  line-height: 2em;
  width: 2.1875em;
  height: 2.1875em;
  border: 2px solid #63649E;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  color: #ffffff;
  font-weight: 700;
  background-color: #010C51;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 60em) {
  .traditional-metal-spinning-module .inner-wrap, .traditional-metal-spinning-module .inner-wrap-narrow, .traditional-metal-spinning-module .inner-wrap-wide, .traditional-metal-spinning-module .inner-wrap-fullwidth {
    padding-top: 4.40625em;
    padding-bottom: 5.6875em;
  }
  .traditional-metal-spinning-module .tmsm-bucket-items {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
  }
  .traditional-metal-spinning-module .tmsm-bucket-items:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px dashed #63649E;
    top: 9.375em;
    transform: none;
  }
  .traditional-metal-spinning-module .tmsm-item {
    max-width: 17.875em;
    margin: 0;
    padding: 4.0625em 3.3125em 2.25em;
  }
}

.page-id-3549 #common-operations .inner-wrap, .page-id-3549 #common-operations .inner-wrap-narrow, .page-id-3549 #common-operations .inner-wrap-wide, .page-id-3549 #common-operations .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 0;
}
@media (min-width: 60em) {
  .page-id-3549 #common-operations .inner-wrap, .page-id-3549 #common-operations .inner-wrap-narrow, .page-id-3549 #common-operations .inner-wrap-wide, .page-id-3549 #common-operations .inner-wrap-fullwidth {
    padding-top: 5em;
  }
  .page-id-3549 .iwcm-wrap {
    -webkit-box-align: unset;
    -moz-box-align: unset;
    box-align: unset;
    -webkit-align-items: unset;
    -moz-align-items: unset;
    -ms-align-items: unset;
    -o-align-items: unset;
    align-items: unset;
    -ms-flex-align: unset;
  }
  .page-id-3549 .iwcm-image img {
    height: 100%;
    max-height: initial;
  }
}

.metal-spinning-tool-types-materials-module {
  margin-bottom: 1.875em;
  position: relative;
}
.metal-spinning-tool-types-materials-module:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 7.2em);
  background-color: #010C51;
}
.metal-spinning-tool-types-materials-module .inner-wrap, .metal-spinning-tool-types-materials-module .inner-wrap-narrow, .metal-spinning-tool-types-materials-module .inner-wrap-wide, .metal-spinning-tool-types-materials-module .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 0;
}
.metal-spinning-tool-types-materials-module .msttmm-heading {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.7857142857em;
}
.metal-spinning-tool-types-materials-module .msttmm-content {
  color: #ffffff;
}
.metal-spinning-tool-types-materials-module .msttmm-bottom-content {
  color: #ffffff;
}
.metal-spinning-tool-types-materials-module .msttmm-accordion-tabs {
  margin-top: 2.75em;
  margin-bottom: 3.75em;
}
.metal-spinning-tool-types-materials-module .msttmm-tab-title {
  font-size: 1.25em;
  line-height: 1.35em;
  font-weight: 700;
  font-family: Open Sans;
  margin-bottom: 0.5em !important;
  margin-top: 0;
}
.metal-spinning-tool-types-materials-module .accordion-tabs {
  text-align: center;
  border: 0;
}
.metal-spinning-tool-types-materials-module .accordion-tabs .tab-header-and-content {
  margin-bottom: 1.25em;
}
.metal-spinning-tool-types-materials-module .accordion-tabs .tab-link {
  background-color: #63649E;
  font-size: 1em;
  line-height: 1.25em;
  font-family: Open Sans;
  font-weight: 700;
  color: #ffffff;
  min-width: 18.4375em;
  text-align: center;
  border-radius: 50px !important;
  padding: 0 0.4375em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 0;
}
.metal-spinning-tool-types-materials-module .accordion-tabs .tab-link.is-active span, .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link:hover span {
  background-color: #26377C;
}
.metal-spinning-tool-types-materials-module .accordion-tabs .tab-link span {
  padding: 1.125em 2.5em;
  display: block;
  border-radius: 50px;
  min-width: 17.5625em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.metal-spinning-tool-types-materials-module .accordion-tabs .tab-content {
  padding: 2.5em 1.25em 2.5em;
  border: 2px solid #63649E;
  border-radius: 25px;
  background: transparent;
  color: #ffffff;
}
.metal-spinning-tool-types-materials-module .material-item-listing {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 2px solid rgba(99, 100, 158, 0.65);
  border-radius: 25px;
  overflow: hidden;
  margin-top: 1.625em;
}
@media (min-width: 60em) {
  .metal-spinning-tool-types-materials-module .material-item-listing {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.metal-spinning-tool-types-materials-module .msttmm-item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  float: left;
  position: relative;
  background-position: center;
  background-size: cover;
  color: #ffffff;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-right: 2px solid rgba(99, 100, 158, 0.65);
  /*&:focus:not(:active):not(:hover) {
     &:before {
      content: '';
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      left: 2px;
      top: 2px;
    }
  }*/
}
.metal-spinning-tool-types-materials-module .msttmm-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(99, 100, 158, 0.65);
}
.metal-spinning-tool-types-materials-module .msttmm-item:last-child {
  border-right: 0;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmm-content {
  max-width: 100%;
  padding: 1.875em 1.25em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmm-content p:first-child {
  margin-top: 0;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmm-content p:last-child {
  margin-bottom: 0;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmmi-title-wrap {
  text-align: center;
  display: none;
  position: relative;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmmi-title {
  font-size: 1.25em;
  line-height: 1.35em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-family: Open Sans;
}
.metal-spinning-tool-types-materials-module .msttmm-item .msttmmi-hover-title {
  font-size: 1.25em;
  line-height: 1.35em;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 700;
  font-family: Open Sans;
}
.metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered {
  background-size: cover;
}
.metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered .msttmm-content {
  opacity: 1;
  visibility: visible;
  padding: 2.75em 2em 2.75em 3.5em;
  height: auto;
}
.metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered .msttmmi-title {
  display: none;
}
.metal-spinning-tool-types-materials-module .msttmm-item:focus:not(:active):not(:hover) {
  outline-offset: -2px;
}
@media (min-width: 60em) {
  .metal-spinning-tool-types-materials-module .msttmm-item {
    width: 33.34%;
    height: 15.4375em;
    background-color: #ffffff;
  }
  .metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered {
    width: 110%;
    background-size: cover;
    background-blend-mode: normal;
  }
  .metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered .iwsm-content {
    opacity: 1;
    visibility: visible;
  }
  .metal-spinning-tool-types-materials-module .msttmm-item.msttmm-item-hovered .msttmmi-title {
    display: none;
  }
  .metal-spinning-tool-types-materials-module .msttmm-item .msttmmi-title-wrap {
    display: block;
  }
  .metal-spinning-tool-types-materials-module .msttmm-item .msttmm-content {
    padding: 0 2em;
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
}
.metal-spinning-tool-types-materials-module .msttmmi-slide .iwsm-description p {
  max-width: 100%;
}
.metal-spinning-tool-types-materials-module .msttmmi-slide {
  background-position: center;
  background-size: cover;
  color: #ffffff;
  position: relative;
}
.metal-spinning-tool-types-materials-module .msttmmi-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.metal-spinning-tool-types-materials-module .msttmmi-slide .inner-wrap, .metal-spinning-tool-types-materials-module .msttmmi-slide .inner-wrap-narrow, .metal-spinning-tool-types-materials-module .msttmmi-slide .inner-wrap-wide, .metal-spinning-tool-types-materials-module .msttmmi-slide .inner-wrap-fullwidth {
  padding-top: 3.125em;
  padding-bottom: 5em;
  position: relative;
  z-index: 1;
}
.metal-spinning-tool-types-materials-module .msttmmi-slide .msttmm-content {
  padding: 0;
  opacity: 1;
  visibility: visible;
  text-align: center;
}
@media (min-width: 40em) {
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link {
    display: block;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-header-and-content {
    display: block;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-content {
    float: none;
  }
}
@media (min-width: 60em) {
  .metal-spinning-tool-types-materials-module .accordion-tabs {
    position: relative;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-header-and-content {
    display: block;
    max-width: 18.4375em;
    margin-bottom: 1.25em;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .msttmm-tab-inner-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link {
    border: 0;
    margin-right: 0;
    min-width: 18.4375em;
    max-width: 18.4375em;
    display: block;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link span {
    padding: 1.1875em 0.5em;
    min-width: 17.5625em;
    max-width: 17.5625em;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-content {
    padding: 1em 1.25em 1em 1.875em;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 20.25em);
    height: 100%;
  }
}
@media (min-width: 60em) {
  .metal-spinning-tool-types-materials-module {
    margin-bottom: 2.5em;
  }
  .metal-spinning-tool-types-materials-module .inner-wrap, .metal-spinning-tool-types-materials-module .inner-wrap-narrow, .metal-spinning-tool-types-materials-module .inner-wrap-wide, .metal-spinning-tool-types-materials-module .inner-wrap-fullwidth {
    padding-top: 4.59375em;
    padding-bottom: 0;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link {
    min-width: 18.4375em;
    max-width: 18.4375em;
  }
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-link span {
    min-width: 17.5625em;
    max-width: 17.5625em;
  }
}
@media (min-width: 80em) {
  .metal-spinning-tool-types-materials-module .accordion-tabs .tab-content {
    padding: 1em 3.125em 1em 4.5625em;
  }
}

.site-intro .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #26377C;
  /* Adjust the color and opacity as necessary */
  z-index: 1;
  opacity: 0.8;
  mix-blend-mode: multiply;
}
.site-intro #background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.site-intro .inner-wrap, .site-intro .inner-wrap-narrow, .site-intro .inner-wrap-wide, .site-intro .inner-wrap-fullwidth {
  position: relative;
  z-index: 3;
}

#sm-content-wrap .slick-dots {
  display: none !important;
}

/**metal_spinning_advantages_module**/
.metal_spinning_advantages_module .inner-wrap, .metal_spinning_advantages_module .inner-wrap-narrow, .metal_spinning_advantages_module .inner-wrap-wide, .metal_spinning_advantages_module .inner-wrap-fullwidth {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  position: relative;
}
@media (min-width: 60em) {
  .metal_spinning_advantages_module {
    /*.msam-overlay-wrapper{
        margin-top: 4.8125em;
    }*/
  }
  .metal_spinning_advantages_module .inner-wrap, .metal_spinning_advantages_module .inner-wrap-narrow, .metal_spinning_advantages_module .inner-wrap-wide, .metal_spinning_advantages_module .inner-wrap-fullwidth {
    padding-top: 4.8125em;
    padding-bottom: 4.8125em;
  }
}

.msam-buckets {
  padding: 1.5625em 0;
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 27.8125em;
  width: 100%;
}
.msam-buckets:first-child {
  border-bottom: solid 2px rgba(99, 100, 158, 0.3);
}

.msam-icon {
  max-width: 6.875em;
  width: 100%;
}

.msam-title {
  margin: 0;
  font-size: 1.375em;
  font-weight: 700;
  width: calc(100% - 5em);
}
.msam-title a {
  color: #585858;
  text-decoration: none;
  display: block;
  padding-right: 1.5909em;
  position: relative;
}
.msam-title a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #63649E;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 60em) {
  .msam-title a:after {
    border-top: 28px solid transparent;
    border-left: 28px solid #63649E;
    border-bottom: 28px solid transparent;
  }
}

.msam-overlay-wrap {
  position: relative;
  background-color: #efefef;
  padding: 3.125em;
  display: none;
}
.msam-overlay-wrap.active {
  display: block;
}

.msam-overlay-wrap-main {
  width: 100%;
  position: relative;
}

.ppsm-close {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  cursor: pointer;
  z-index: 1;
}

.msam-overlay-icon-title {
  display: flex;
  align-items: center;
  max-width: 27.8125em;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1.25em;
}

.msam-overlay-title {
  margin: 0;
  font-size: 1.375em;
  font-weight: 700;
  width: 15.2272em;
  position: relative;
  padding-left: 1em;
  padding-right: 2.727em;
}
.msam-overlay-title:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #63649E;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
@media (min-width: 60em) {
  .msam-overlay-title:after {
    border-top: 28px solid transparent;
    border-left: 28px solid #63649E;
    border-bottom: 28px solid transparent;
  }
}

.mshm-overlay-content {
  padding-left: 0.9375em;
}
.mshm-overlay-content ul:not([class]) {
  padding-left: 4px;
}
.mshm-overlay-content ul:not([class]) li:not([class]) {
  padding-left: 1.277em;
}
.mshm-overlay-content ul:not([class]) li:not([class]):after {
  width: 6px;
  height: 6px;
  background: #26377C;
  border-radius: 50%;
  top: 10px;
  left: 0;
}

.msam-overlay-image img {
  max-width: 31.9375em;
  width: 100%;
  border-radius: 25px;
  display: block;
  margin: 0 auto;
}

.icon-span {
  box-shadow: 0px 3px 6px #00000017;
  border: 2px solid #63649E55;
  min-height: 5.625em;
  min-width: 5.625em;
  width: 5.625em;
  height: 5.625em;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin: 0 auto;
}

.mssm-title {
  display: block;
  font-size: 1em;
  text-align: center;
  font-weight: 600;
  color: #26377C;
  line-height: 1.25em;
  padding: 0 0.9375em;
  margin-top: 0.8125em;
  padding-bottom: 1.5625em;
  position: relative;
}
.mssm-title:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #63649E;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  margin: 0 auto;
}

.msam-wrapper {
  display: none;
}

.msam-accordion-tabs-mob .msam-tabs {
  border: 0;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-link {
  font-size: 1em;
  color: #585858;
  padding-bottom: 0;
  border: 0 !important;
  padding-right: 2.5em;
  position: relative;
  max-width: 37.5em;
  width: 100%;
  margin: 0 auto;
  display: block;
  clear: both;
  text-decoration: none;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-link:first-child {
  border-bottom: solid 2px rgba(99, 100, 158, 0.3) !important;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-link:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid #63649E;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: 0.625em;
  top: 50%;
  transform: translateY(-50%);
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-link.active {
  color: #585858;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-link.active:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid #63649E;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: 0.625em;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-content {
  background-color: #efefef;
  padding: 1.875em;
  margin-top: 0.9375em;
  display: none;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-content.active {
  display: block;
}
.msam-accordion-tabs-mob .msam-tabs .msam-tab-content p:first-child {
  margin-top: 0;
}
.msam-accordion-tabs-mob .msam-tabs .msam-buckets {
  max-width: 100%;
}
.msam-accordion-tabs-mob .msam-tabs .msam-buckets:first-child {
  border-bottom: 0;
}
.msam-accordion-tabs-mob .msam-tabs .msam-icon {
  max-width: 5.625em;
}
.msam-accordion-tabs-mob .msam-tabs .msam-title {
  width: calc(100% - 5.625em);
  padding-left: 0.625em;
}
@media (min-width: 40em) {
  .msam-accordion-tabs-mob .msam-tabs {
    border: 0;
  }
  .msam-accordion-tabs-mob .msam-tabs .msam-tab-link:after {
    border-top: 20px solid transparent;
    border-left: 20px solid #63649E;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: 0;
  }
  .msam-accordion-tabs-mob .msam-tabs .msam-tab-link.active:after {
    border-top: 20px solid transparent;
    border-left: 20px solid #63649E;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: 0;
  }
  .msam-accordion-tabs-mob .msam-tabs .msam-tab-content {
    padding: 3.125em;
  }
  .msam-accordion-tabs-mob .msam-tabs .msam-icon {
    max-width: 6.875em;
  }
  .msam-accordion-tabs-mob .msam-tabs .msam-title {
    width: calc(100% - 6.875em);
    padding-left: 0.6875em;
  }
}
@media (min-width: 60em) {
  .msam-accordion-tabs-mob {
    display: none;
  }
}

.mssm-wrap .slick-slide.slick-current .mssm-title:before {
  opacity: 1;
}

.mssm-wrap .slick-slide.slick-current .icon-span {
  background-color: #26377C;
}

.mssm-wrap .slick-slide.slick-current .icon-span svg path,
.mssm-wrap .slick-slide.slick-current .icon-span svg polygon.cls-1 {
  fill: #ffffff;
}

#ssm-tabs {
  margin-top: 3.75em;
  margin-bottom: 4.375em;
}

.i-left {
  text-align: center;
  margin-bottom: 1.875em;
}

.i-right {
  text-align: center;
}

.i-right a {
  display: inline-block;
}

.i-right img {
  max-width: 32.75em;
  width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 25px;
}

span.in-title {
  display: block;
  font-size: 1.25em;
  line-height: 1.6em;
  font-weight: 700;
  color: #26377C;
}

h2.in-title {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

.in-description p {
  margin-top: 0.625em;
}

.metal_spinning_services_module #ssm-tabs .slick-arrow {
  font-size: 0;
  width: 1.75rem;
  height: 3.25rem;
  background: transparent;
  border: 0;
  background-position: center;
  position: absolute;
  top: 44px;
  z-index: 1;
  font-size: 0;
  border-radius: 0;
}

.metal_spinning_services_module #ssm-tabs .slick-arrow:before {
  content: "";
  width: 0;
  height: 0;
}

.metal_spinning_services_module #ssm-tabs .slick-prev {
  background-image: url(img/slider-left-arrow.svg);
  left: 0.625rem;
}

.metal_spinning_services_module #ssm-tabs .slick-prev:hover, .metal_spinning_services_module #ssm-tabs .slick-prev:focus {
  opacity: 0.9;
}

.metal_spinning_services_module #ssm-tabs .slick-next {
  background-image: url(img/slider-right-arrow.svg);
  right: 0.625rem;
}

.metal_spinning_services_module #ssm-tabs .slick-next:hover, .metal_spinning_services_module #ssm-tabs .slick-next:focus {
  opacity: 0.9;
}

.mssm-heading {
  font-weight: 700;
}

.in-link {
  padding: 0 0.4375em;
  display: inline-block;
  list-style-type: none;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  max-width: 11.8125em;
  background-color: #B72326;
  border-radius: 50px;
  border: 0;
  min-width: 11.8125em;
}

.in-link span {
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3333333333em;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  text-decoration: none;
  text-align: center;
  padding: 1.125em 1.25em;
  border-radius: 50px;
  background-color: #26377C;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.625em;
}

.in-link:hover {
  background-color: #63649E;
}

.amsm-table thead tr th:first-child {
  border-radius: 25px 0 0 0;
}

.amsm-table thead tr th:last-child {
  border-radius: 0 25px 0 0;
}

.metal-spinning-infographic-module {
  background: rgba(88, 88, 88, 0.1);
}

@media (min-width: 40em) {
  .msam-title {
    font-size: 2em;
    padding-left: 0.6875em;
  }

  .msam-overlay-title {
    font-size: 2em;
    padding-left: 0.6875em;
  }
}
@media (min-width: 60em) {
  .msam-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .msam-buckets {
    padding: 5.9375em 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: inherit;
    width: auto;
    margin: 0;
  }
  .msam-buckets:first-child {
    border-right: solid 2px rgba(99, 100, 158, 0.3);
    border-bottom: 0;
  }
  .msam-buckets:last-child {
    justify-content: flex-end;
  }

  .msam-title {
    width: 10.46875em;
  }

  .msam-overlay-wrapper {
    margin-top: 0;
  }

  .msam-overlay-wrap-main {
    display: flex;
  }

  .msam-overlay-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 0 1.5em;
    width: 100%;
  }

  .ppsm-close {
    top: 0;
  }

  .msam-overlay-left {
    width: 55.5%;
    padding-right: 4.6875em;
  }

  .msam-overlay-icon-title {
    max-width: inherit;
    width: auto;
    margin: 0;
    margin-bottom: 1.25em;
  }

  .msam-overlay-image {
    width: 45.5%;
    margin-top: 1.5625em;
  }

  .item-wap {
    display: flex;
    align-items: center;
  }

  .i-left {
    width: 53.6%;
    order: 2;
    padding-left: 5em;
    text-align: left;
    margin-bottom: 0;
  }

  .i-right {
    width: 46.4%;
    order: 1;
  }

  span.in-title {
    margin-bottom: -8px;
  }

  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
  }
}
@media (min-width: 80em) {
  .in-link {
    min-width: 11.8125em;
  }

  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
  }
}
@media (min-width: 87.5em) {
  .sh-sticky-wrap.stuck .site-nav-container {
    margin-top: 0;
  }
}
@media (max-width: 500px) {
  .msam-overlay-icon-title {
    display: block;
  }

  .msam-overlay-icon {
    text-align: center;
  }

  .msam-overlay-title {
    padding-left: 0;
    width: 100%;
  }
}
@media (min-width: 40em) {
  .msam-overlay-icon {
    max-width: 6.875em;
    width: 100%;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.alignright {
  display: block;
  padding-bottom: 1.5em;
}

.alignleft {
  display: block;
  padding-bottom: 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

@media (min-width: 40em) {
  .alignright {
    display: block;
    float: right;
    padding-bottom: 1.5em;
    padding-left: 1.5em;
  }

  .alignleft {
    display: block;
    float: left;
    padding-bottom: 1.5em;
    padding-right: 1.5em;
  }

  .aligncenter {
    display: block;
    margin: 0 auto;
  }
}
.text-alignright {
  text-align: right;
}

.text-alignleft {
  text-align: left;
}

.text-aligncenter {
  text-align: center;
}

.clearboth {
  clear: both;
  display: block;
}

.spacing-bottom {
  margin-bottom: 2em;
}

.spacing-top {
  margin-top: 2em;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts - Removed
*********************************/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  background: transparent;
  border: 0;
  position: relative;
  zoom: 1;
}

.cmp-carousel .flexslider .flex-viewport {
  max-height: 291px;
}

.flex-viewport {
  max-height: 125em;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 57%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cmp-carousel .flex-direction-nav a {
  background-size: 24px 40px;
  background-repeat: no-repeat;
  font-size: 0;
  top: 35%;
  color: black;
  opacity: 1;
}

.cmp-carousel .flex-direction-nav a.flex-prev {
  background-image: url(img/slider-arrow-prev.png);
  left: -25px;
}

.cmp-carousel .flex-direction-nav a:hover.flex-prev {
  background-image: url(img/slider-arrow-prev-hover.png);
  left: -25px;
}

.cmp-carousel.cmpc-new .flex-direction-nav a.flex-prev {
  background-image: url(img/slider-arrow-prev-new.png);
  left: -25px;
  opacity: 0.25;
}

.cmp-carousel.cmpc-new .flex-direction-nav a:hover.flex-prev {
  opacity: 1;
  left: -25px;
}

.cmp-carousel.cmpc-new .flex-direction-nav a.flex-next {
  right: -39px;
  background-image: url(img/slider-arrow-next-new.png);
  opacity: 0.25;
}

.cmp-carousel.cmpc-new .flex-direction-nav a:hover.flex-next {
  right: -39px;
  opacity: 1;
}

.cmp-carousel .flex-direction-nav a.flex-next {
  right: -39px;
  background-image: url(img/slider-arrow-next.png);
}

.cmp-carousel .flex-direction-nav a:hover.flex-next {
  right: -39px;
  background-image: url(img/slider-arrow-next-hover.png);
}

.cmp-carousel .flex-direction-nav a:hover.flex-prev {
  background-image: url(img/slider-arrow-prev-hover.png);
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  left: 10px;
}

.flexslider:hover .flex-next {
  right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  color: #cc0000;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  display: block;
  content: "";
  height: 2.5em;
  background-size: 40px;
  background-repeat: no-repeat;
  background-image: url(img/ico-arrow-left.svg);
}

.cmp-carousel .flex-direction-nav a:before {
  display: none;
}

/*{ font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }*/
.flex-direction-nav a.flex-next:before {
  background-image: url(img/ico-arrow-right.svg);
}

.cmp-carousel .flex-direction-nav a.flex-next:before {
  display: none;
}

/*{ content: '\f002'; }*/
/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "";
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/*
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
*/
.flex-direction-nav .flex-prev {
  opacity: 0.3;
  left: 10px;
}

.flex-direction-nav .flex-next {
  opacity: 0.3;
  right: 10px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/*! Tablesaw - v1.0.2 - 2014-12-17
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */
.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}

.tablesaw thead tr:first-child th {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
  background-color: #040575;
  font-weight: 300;
  color: #ffffff;
}

.tablesaw thead tr th {
  border-left: 1px solid #ffffff;
  text-align: center;
}

.tablesaw thead tr th:first-child {
  border-left: none;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
.tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 0.6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}
@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
.tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
.tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
.tablesaw-stack th:empty {
    display: none;
  }
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */
  .tablesaw-stack td,
.tablesaw-stack th,
.tablesaw-stack thead td,
.tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}
/*** Slick Slider CSS ***/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/*.slick-list {
    .slick-loading & {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }
}*/
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*bx slider*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  /*background: url('images/controls.png') no-repeat 0 -32px;*/
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  /*background: url('images/controls.png') no-repeat -43px -32px;*/
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  /*background: url('images/controls.png') -86px -11px no-repeat;*/
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  /*background: url('images/controls.png') -86px -44px no-repeat;*/
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(/wp-content/themes/metalcraft-default/mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.tablepress > :where(tbody) > .odd > * {
  background-color: #EFEFEF;
}

/* Anything HubSpot Related */
.hs-error-msgs {
  color: #C02F2F;
}

/*! {% include "hubspot/styles/responsive/required_base.css" %}*/
/*!
[hubspot-metadata]
{
    "path": "custom/page/web_page_basic/style.css"
}
[end-hubspot-metadata]
*/