@charset "UTF-8";
/*!
Theme Name: 	New Process Fibre Default
Theme URI: 		http://julian.is
Description: 	Default theme for New Process Fibre.
Version: 		1.0
Author: 		Julian Gaviria & Kyle Shope
Author URI: 	julian.is
Tags: 			starkers, naked, clean, basic, html5, boilerplate, sass, smacss
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 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: 1em 40px;
}

/**
 * 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;
}

button,
input[type=submit] {
  -webkit-font-smoothing: antialiased;
  background-color: #DD9015;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  padding: 0.75em 1.75em;
  text-decoration: none;
}
button:hover,
input[type=submit]:hover {
  background-color: #e69b10;
  color: white;
}
button:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
  font-weight: normal;
}

h1 {
  font-size: 2.25em;
  margin-bottom: 0.5393em;
  font-weight: normal;
  color: #263950;
}

h2 {
  font-size: 1.3125em;
  color: #263950;
  margin-top: 24px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

h3 {
  font-size: 1em;
  color: #263950;
  margin-top: 24px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.25em;
  padding-top: 1em;
}

h6 {
  font-size: 1em;
}

p {
  margin: 16px 0;
  color: #263950;
  line-height: 1.65em;
}

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #df1017;
  text-decoration: none;
}
a:hover {
  color: #980b10;
}
a:active, a:focus {
  color: #980b10;
  outline: none;
}

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

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

blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em;
}

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

@font-face {
  font-family: "Helvetica Neue";
  src: url("font/HelveticaNeue.woff2") format("woff2"), url("font/HelveticaNeue.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("font/Helvetica-Bold.woff2") format("woff2"), url("font/Helvetica-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
}

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

textarea,
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%;
}
textarea:hover,
input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=time]:hover, input[type=week]:hover,
select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
textarea:focus,
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus,
select[multiple=multiple]:focus {
  border-color: #df1017;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(199, 14, 21, 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;
}

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

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

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

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

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

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;
}

.site-content-primary ul {
  clear: left;
  list-style-type: none;
  margin-bottom: 0.75em;
  padding-left: 1.5em;
}
.site-content-primary ul li {
  position: relative;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.5em;
}
.site-content-primary ul li p {
  font-size: 16px;
}
.site-content-primary ul li a {
  text-decoration: none;
  font-weight: normal;
}
.site-content-primary ul li:after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  top: 0;
  left: -1.5em;
  background-image: url(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: 0.75em;
  padding-left: 1.5em;
}
.bullet-style li {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.bullet-style li p {
  font-size: 18px;
}
.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(img/ico-bullet.svg);
  background-position: center center;
  background-size: 0.45em;
  background-repeat: no-repeat;
}

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

.btn, .btn-important {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  padding: 0.875em 1.25em;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.btn:visited, .btn-important:visited {
  color: #ffffff;
}
.btn:hover, .btn-important:hover {
  color: #ffffff;
}

.btn {
  background-color: #000000;
}
.btn:hover {
  background-color: #0d0d0d;
}

.btn-important {
  background-color: #df1017;
}
.btn-important:hover {
  background-color: #ef1a21;
}

/*=============== Buttons ===============*/
.btn, .btn-important {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  padding: 0.5em 1em;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.btn:visited, .btn-important:visited {
  color: #ffffff;
}
.btn:hover, .btn-important:hover {
  color: #ffffff;
}

.btn {
  background-color: #000000;
}
.btn:hover {
  background-color: #0d0d0d;
}

.btn-important {
  background-color: #df1017 !important;
}
.btn-important a {
  color: #ffffff;
}
.btn-important a:hover {
  color: #df1017;
}

.btn-cta {
  font-size: 1.75em;
  font-weight: bold;
  padding: 0.5em 1.7em;
  border: 5px solid #ffffff;
  display: inline-block;
}
.btn-cta:hover {
  background: rgba(0, 0, 0, 0.26);
}
.btn-cta a:hover {
  background-color: #ef1a21 !important;
}

html {
  /*scroll-behavior: smooth;*/
}

/*=============== Design ===============*/
.base-font-family {
  font-family: "Open Sans", sans-serif;
}

/*=============== Site Header ===============*/
.site-header-wrap, .home-site-header-wrap {
  width: 100%;
  color: #ffffff;
  /*    @include blue-trans-bg;*/
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  text-align: center;
}
.site-header-wrap a, .home-site-header-wrap a {
  color: #ffffff;
}
.site-header-wrap h1, .home-site-header-wrap h1 {
  font-size: 2em;
  color: #df1017;
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.33);
}
.site-header-wrap h1 span, .home-site-header-wrap h1 span {
  color: #df1017;
}
@media (min-width: 40em) {
  .site-header-wrap, .home-site-header-wrap {
    width: 100%;
  }
  .site-header-wrap h1, .home-site-header-wrap h1 {
    font-size: 3em;
  }
}
@media (min-width: 66em) {
  .site-header-wrap, .home-site-header-wrap {
    text-align: left;
  }
}
@media (min-width: 64em) {
  .site-header-wrap, .home-site-header-wrap {
    position: relative;
    z-index: 2;
  }
}

@media (min-width: 40em) {
  .site-header-wrap, .home-site-header-wrap {
    width: 100%;
  }
}
@media (min-width: 66em) {
  .site-header-wrap, .home-site-header-wrap {
    position: relative;
    z-index: 999;
  }
}

.sh-sticky-wrap .sswc-logo-wrap {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 64em) {
  .sh-sticky-wrap {
    height: 7.5em;
  }
  .sh-sticky-wrap .sswc-logo-wrap {
    opacity: 0;
    visibility: hidden;
  }
  .sh-sticky-wrap.stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 4.5625em;
    background-color: rgba(35, 39, 46, 0.9);
    height: auto;
    z-index: 99999;
  }
  .sh-sticky-wrap.stuck .site-nav {
    background-color: transparent !important;
    transition: 0.25s all linear;
  }
  .sh-sticky-wrap.stuck .ssw-container {
    max-width: 73em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sh-sticky-wrap.stuck .sswc-logo-wrap {
    opacity: 1;
    visibility: visible;
    width: 10%;
    transition: 0.25s all linear;
  }
  .sh-sticky-wrap.stuck .site-nav-container {
    width: 90%;
    background-color: transparent !important;
  }
  .sh-sticky-wrap.stuck .site-nav-container .sn-level-1 {
    max-width: 73em;
    margin: 0 auto;
  }
  .sh-sticky-wrap.stuck .sn-li-l1 span {
    font-size: 14px;
  }
}
@media (min-width: 80em) {
  .sh-sticky-wrap.stuck {
    top: 5.1875em;
  }
}

.infographic-lightbox {
  position: relative;
}
.infographic-lightbox:before {
  content: "";
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 100%;
  height: 6.25rem;
  bottom: 0;
  left: 0;
}

.lightbox {
  display: inline-block;
}
.lightbox.tse-remove-border {
  outline: none !important;
  display: inline-block;
}
.lightbox.tse-remove-border:focus {
  outline: none !important;
  display: inline-block;
}

.page-id-5 .sh-sticky-wrap .sswc-logo-wrap {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 66em) {
  .page-id-5 .sh-sticky-wrap {
    height: 7.5em;
  }
  .page-id-5 .sh-sticky-wrap .sswc-logo-wrap {
    opacity: 0;
    visibility: hidden;
  }
  .page-id-5 .sh-sticky-wrap.stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 74px;
    background-color: rgba(35, 39, 46, 0.9);
    height: auto;
    z-index: 99999;
  }
  .page-id-5 .sh-sticky-wrap.stuck .main-logo {
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav-home {
    width: 90% !important;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    width: 88% !important;
    top: 70px;
    left: 9%;
    vertical-align: middle;
    transition: 0.5s all linear;
  }
  .page-id-5 .sh-sticky-wrap.stuck .ssw-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page-id-5 .sh-sticky-wrap.stuck .sswc-logo-wrap {
    opacity: 1;
    visibility: visible;
    width: 10%;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.5s all linear;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav-container {
    width: 90%;
    background-color: transparent !important;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav-container .sn-level-1 {
    max-width: 73em;
    margin: 0 auto;
  }
}

.home-site-header-wrap {
  background-color: rgba(35, 39, 46, 0.9) !important;
}
.home-site-header-wrap h3 {
  font-size: 1.6875em;
  margin-top: 2em;
}
.home-site-header-wrap .hs-cta-wrapper {
  display: block;
  margin: 0.625em 0.3125em 0.625em 0.9375em;
}
@media (min-width: 40em) {
  .home-site-header-wrap .hs-cta-wrapper {
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 66em) {
  .home-site-header-wrap {
    position: relative;
    overflow: hidden;
    background-color: transparent !important;
    width: 100%;
    margin-top: 44px;
  }
  .home-site-header-wrap.stuck {
    margin-top: 131px;
  }
  .home-site-header-wrap.stuck .home-site-logo {
    display: none;
  }
  .home-site-header-wrap .inner-wrap {
    background-color: #1d242d;
    background-color: rgba(35, 39, 46, 0.9);
    width: 50%;
    float: right;
  }
  .home-site-header-wrap .hs-cta-wrapper {
    margin: 0.625em 0.3125em 0.625em 0.3125em;
  }
}
@media (min-width: 80em) {
  .home-site-header-wrap .hs-cta-wrapper {
    margin: 0.625em 0.125em 0.625em 0.1875em;
  }
}

.site-header, .home-site-header {
  background-color: #23272e;
  background: url("img/site-intro-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  clear: both;
  z-index: 99;
}
.site-header:after, .home-site-header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.site-header p, .home-site-header p {
  color: #ffffff;
}
.site-header .inner-wrap, .home-site-header .inner-wrap {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media (min-width: 40em) {
  .site-header .inner-wrap, .home-site-header .inner-wrap {
    padding-top: 1.5em;
    padding-bottom: 0;
  }
}
@media (min-width: 64em) {
  .site-header, .home-site-header {
    padding-top: 4.0625em;
  }
  .site-header:after, .home-site-header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 39, 46, 0.5);
    z-index: 1;
  }
}

.home-site-header {
  z-index: 1;
}
.home-site-header:after {
  display: none;
}
@media (min-width: 40em) {
  .home-site-header .inner-wrap {
    padding-bottom: 1.5em;
  }
}
@media (min-width: 64em) {
  .home-site-header {
    padding-top: 4.0625em;
  }
  .home-site-header:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 39, 46, 0.5);
    z-index: 1;
  }
}
@media (min-width: 66em) {
  .home-site-header {
    overflow: hidden;
    padding-top: 0;
  }
  .home-site-header .inner-wrap {
    padding-top: 3em;
    /* 1200 layout changes */
    padding-bottom: 5em;
    /* 1200 layout changes */
  }
}

.site-wrap {
  background: #ffffff;
  position: relative;
  overflow: hidden;
}
@media (min-width: 120em) {
  .site-wrap {
    max-width: 120em;
    margin: 0 auto;
  }
}

.site-mobile-cta {
  margin-top: 0.5em;
  margin: 0 auto;
  float: left;
  display: block;
  margin-right: 4.8291579146%;
  width: 100%;
  margin-right: 0;
  font-size: 1.25em;
  text-align: center;
}
.site-mobile-cta a {
  width: 100%;
  padding: 1.5em;
  margin: 0.2em 0 0.1em;
}
.site-mobile-cta:last-child {
  margin-right: 0;
}
@media (min-width: 40em) {
  .site-mobile-cta {
    display: none;
  }
}

.site-iso {
  width: 4.375em;
}

@media only screen and (min-width: 960px) and (max-width: 1150px) {
  .site-iso {
    display: none !important;
  }
}
/*=============== Site Logo ===============*/
.site-logo {
  float: left;
  max-width: 5.5em;
  position: relative;
  z-index: 2;
}
.site-logo img {
  height: auto;
}
@media (min-width: 40em) {
  .site-logo {
    max-width: 8em;
  }
}
@media (min-width: 66em) {
  .site-logo {
    max-width: 12em;
  }
  .site-logo img {
    display: block;
    width: 100%;
  }
}

.home-site-logo {
  display: inline-block;
  float: left;
  max-width: 5.5em;
}
.home-site-logo img {
  height: auto;
}
@media (min-width: 40em) {
  .home-site-logo {
    max-width: 8em;
  }
}
@media (min-width: 66em) {
  .home-site-logo {
    max-width: 15em;
    position: absolute;
    left: 1.5em;
    /* 1200 layout changes */
    top: 0;
  }
}

/*=============== Search ===============*/
.search-table {
  display: table;
  width: 100%;
  float: right;
  padding: 0;
}

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

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

.search-cell2 {
  display: table-cell;
  width: 2.1875em;
  border: 0;
}

.search-text {
  font-size: 0.8em;
  width: 100%;
  height: 2.0307692308em;
  border: 1px solid red;
  float: left;
  padding-left: 0.5em;
  margin-bottom: 0 !important;
}

.search-submit {
  width: 100%;
  height: 2.3em;
  border: 0;
  float: right;
  background: url(img/ico-search.svg) no-repeat 0 8px !important;
}

.no-svg .search-submit {
  background: url(img/ico-search.png) no-repeat center center !important;
}

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

  .search-text {
    height: 1.8461538462em;
  }

  .search-submit {
    height: 2.3em;
  }
}
.search-module {
  background-color: #263950;
  background: url("img/diagonal-blue.png"), #263950;
  background-repeat: no-repeat, repeat;
  background-position: 0 -0.4em;
  height: 7.125em;
  margin-top: -7.125em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.47);
  position: fixed;
  z-index: 10000;
  width: 100%;
  -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.active {
  margin-top: 0;
  -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 .inner-wrap {
  padding-top: 0.3em;
  /* 1200 layout changes */
  padding-bottom: 1em;
  /* 1200 layout changes */
}

.search-exit {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  top: 0;
  right: 0;
}
.search-exit img {
  height: auto;
}

/*=============== Home Intro Module ===============*/
.header-wrap {
  max-width: 75em;
  margin: 0 auto;
}

.si-h1 {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  display: block;
  clear: both;
  padding-top: 0.75em;
  margin-bottom: 0.75em;
  margin-left: 1em;
  /* 1200 layout changes */
  text-shadow: none !important;
}
.si-h1 .small-h1 {
  color: #ffffff !important;
  font-size: 0.75em;
  display: block;
}
@media (min-width: 40em) {
  .si-h1 .small-h1 {
    font-size: 0.85em;
  }
}
@media (min-width: 66em) {
  .si-h1 .small-h1 {
    font-size: 0.9em;
  }
}

.si-subheader {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
@media (min-width: 40em) {
  .si-subheader {
    font-size: 1.3em;
  }
}
@media (min-width: 66em) {
  .si-subheader {
    font-size: 1.7em;
    line-height: 1.5em;
    margin-left: 2em;
    /* 1200 layout changes */
    margin-right: 0;
    /* 1200 layout changes */
  }
}
@media (min-width: 120em) {
  .si-subheader {
    margin-right: 8em;
  }
}

/*.si-arrow-text {
  color:$white;
  background-image:url(img/down-arrow-red.png);
  background-repeat:no-repeat;
  background-position:bottom center;
  padding-bottom:2.15em;

  }*/
.utility-nav, .utility-nav-home {
  float: right;
  text-align: right;
  vertical-align: bottom;
  background-color: #000000;
}
.utility-nav a, .utility-nav-home a,
.utility-nav span,
.utility-nav-home span {
  color: #ffffff;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.utility-nav > *, .utility-nav-home > * {
  vertical-align: top;
}
.utility-nav .sh-itar, .utility-nav-home .sh-itar,
.utility-nav .sh-cage-code,
.utility-nav-home .sh-cage-code {
  display: none;
}
.utility-nav .sh-ph, .utility-nav-home .sh-ph {
  background-image: url(img/ico-ph.svg);
}
.utility-nav .sh-contact, .utility-nav-home .sh-contact {
  background-image: url(img/ico-email.svg);
  line-height: auto;
}
.utility-nav .sh-contact:hover, .utility-nav-home .sh-contact:hover {
  color: #b9b9b9;
}
.utility-nav .sh-ph, .utility-nav-home .sh-ph,
.utility-nav .sh-contact,
.utility-nav-home .sh-contact {
  float: left;
  font-size: 0.9375em;
  margin-top: 0em;
  padding-left: 1.625em;
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: 0;
}
@media (min-width: 40em) {
  .utility-nav, .utility-nav-home {
    text-align: right;
  }
  .utility-nav .sh-ph, .utility-nav-home .sh-ph,
.utility-nav .sh-contact,
.utility-nav-home .sh-contact {
    float: left;
    font-size: 1.3125em;
    margin-top: 0em;
    padding-left: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    /*margin-left: em(10);*/
  }
  .utility-nav .sh-contact, .utility-nav-home .sh-contact {
    line-height: 1.4375em;
  }
  .utility-nav .sh-iso, .utility-nav-home .sh-iso {
    margin-left: 1em;
  }
  .utility-nav .sh-itar, .utility-nav-home .sh-itar,
.utility-nav .sh-cage-code,
.utility-nav-home .sh-cage-code {
    display: inline-block;
  }
  .utility-nav .sh-itar, .utility-nav-home .sh-itar {
    max-width: 43px;
    margin-top: 5px !important;
  }
}
@media (min-width: 66em) {
  .utility-nav, .utility-nav-home {
    float: right;
  }
  .utility-nav .sh-ph, .utility-nav-home .sh-ph,
.utility-nav .sh-contact,
.utility-nav-home .sh-contact {
    float: left;
    font-size: 1.3125em;
    margin-top: 0em;
    padding-left: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    /*margin-left: em(10);*/
  }
  .utility-nav .sh-contact, .utility-nav-home .sh-contact {
    line-height: 1.4375em;
  }
  .utility-nav .sh-iso, .utility-nav-home .sh-iso,
.utility-nav .sh-itar,
.utility-nav-home .sh-itar,
.utility-nav .sh-cage-code,
.utility-nav-home .sh-cage-code {
    float: left;
  }
  .utility-nav .sh-itar, .utility-nav-home .sh-itar {
    margin: 0 0.625em 0 0;
  }
  .utility-nav .sh-cage-code, .utility-nav-home .sh-cage-code {
    margin: 0.0625em 0 0 0.625em;
  }
  .utility-nav .rfq-btn, .utility-nav-home .rfq-btn {
    margin-top: 0.3125em;
    margin-left: 1em;
  }
}

.utility-nav-home {
  width: auto;
  float: none;
  display: none;
}
.utility-nav-home .inner-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 40em) {
  .utility-nav-home .inner-wrap {
    margin-top: 0;
    max-width: 100%;
  }
}
@media (min-width: 66em) {
  .utility-nav-home .inner-wrap .sh-iso,
.utility-nav-home .inner-wrap .sh-itar {
    float: left;
    margin-top: 0.3125em;
    width: 2.1875em;
  }
  .utility-nav-home .inner-wrap .sh-itar {
    margin: 0.375em 1.125em 0 0;
  }
}
.utility-nav-home .inner-wrap .rfq-btn {
  float: right;
  padding: 0.8125em 1em;
  display: block;
}
.utility-nav-home .inner-wrap .un-phone,
.utility-nav-home .inner-wrap .sh-contact {
  float: right;
  /*float: none;*/
  font-size: 1em;
  font-weight: bold;
  /*margin-top: em(12);*/
  padding-left: 1.5em;
  background-position: left center;
  background-repeat: no-repeat;
}
.utility-nav-home .inner-wrap .un-phone {
  background-image: url(img/ico-ph.svg);
}
.utility-nav-home .inner-wrap .sh-contact {
  background-image: url(img/ico-email.svg);
}
.utility-nav-home .inner-wrap .sh-contact:hover {
  color: #b9b9b9;
}
@media (min-width: 64em) {
  .utility-nav-home {
    display: block;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
}
@media (min-width: 80em) {
  .utility-nav-home .sh-iso {
    margin-top: 0.6875em;
  }
}

.sh-iso {
  max-width: 3em;
  margin-right: 1em;
  display: none;
}
.sh-iso img {
  height: auto;
}
@media (min-width: 40em) {
  .sh-iso {
    display: inline-block;
  }
}

.sh-links {
  display: none;
}
.sh-links a {
  padding: 0 0.25em;
}
@media (min-width: 40em) {
  .sh-links {
    display: inline-block;
  }
}

.sh-icons.mobile {
  display: block;
  float: right;
  margin-top: 2px;
  position: relative;
  z-index: 2;
}
@media (min-width: 64em) {
  .sh-icons.mobile {
    display: none;
  }
}
.sh-icons.mobile .un-phone,
.sh-icons.mobile .sh-contact {
  font-size: 0.875em;
  padding-left: 1.7em;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (min-width: 40em) {
  .sh-icons.mobile .un-phone,
.sh-icons.mobile .sh-contact {
    font-size: 1em;
    padding-left: 2em;
  }
}
.sh-icons.mobile .un-phone {
  background-image: url(img/ico-ph.svg);
}
@media (min-width: 40em) {
  .sh-icons.mobile .un-phone {
    padding-left: 1.5em;
  }
}
@media (min-width: 66em) {
  .sh-icons.mobile .un-phone {
    padding-left: 1.6em;
  }
}
.sh-icons.mobile .sh-contact {
  background-image: url(img/ico-email.svg);
}
.sh-icons.mobile .sh-contact:hover {
  color: #b9b9b9;
}
.sh-icons.mobile .sh-iso {
  display: inline-block;
  margin-right: 0.2em;
  max-width: 2.1em;
  vertical-align: middle;
}
@media (min-width: 40em) {
  .sh-icons.mobile .sh-iso {
    margin-right: 1.2em;
    max-width: 2.3em;
  }
}

.sh-ico-menu, .home-sh-ico-menu, .sh-ico-search {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  padding-top: 3em;
  width: 2.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  text-align: center;
}
.sh-ico-menu span, .home-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(img/ico-search.svg);
  margin-top: -4px;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
@media (min-width: 66em) {
  .sh-ico-search {
    margin-left: 0.8em;
  }
}

@media (min-width: 64em) {
  .sh-ico-search.search-link {
    float: right;
    padding: 24px 0 0 0;
  }
}

.sh-ico-menu, .home-sh-ico-menu {
  background-image: url(img/ico-nav.svg);
}
@media (min-width: 66em) {
  .sh-ico-menu, .home-sh-ico-menu {
    display: none;
  }
}

.home-sh-ico-menu {
  background-position: center center;
  display: inline-block;
  float: right;
}
@media (min-width: 40em) {
  .home-sh-ico-menu {
    float: none;
  }
}
@media (min-width: 66em) {
  .home-sh-ico-menu {
    display: none;
  }
}

/*=============== Products Module ===============*/
.products-module .inner-wrap {
  max-width: 100%;
  /* 1200 layout changes */
  padding: 3px;
  /* 1200 layout changes */
}

.prod-mod, .product-module-3, .product-module-2, .product-module-1 {
  display: block;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  position: relative;
  text-align: center;
  color: #ffffff;
  transition: all 1s ease-in-out;
  border: 3px solid #ffffff;
}
.prod-mod h2, .product-module-3 h2, .product-module-2 h2, .product-module-1 h2 {
  position: absolute;
  color: #ffffff !important;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  text-transform: uppercase;
  font-size: 1.3125em;
}
.prod-mod:hover, .product-module-3:hover, .product-module-2:hover, .product-module-1:hover {
  transform: scale(0.97);
  padding-top: 0.7em;
  color: #ffffff;
}
.prod-mod:after, .product-module-3:after, .product-module-2:after, .product-module-1:after {
  content: "";
  display: block;
  width: 3em;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0em;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 90%;
  background-size: 2em 2em;
}
@media (min-width: 40em) {
  .prod-mod:after, .product-module-3:after, .product-module-2:after, .product-module-1:after {
    background-image: url("img/download-arrow-red.png");
  }
}
@media (min-width: 40em) {
  .prod-mod, .product-module-3, .product-module-2, .product-module-1 {
    width: 33.3%;
    margin-bottom: 0;
    height: 220px;
  }
  .prod-mod h2, .product-module-3 h2, .product-module-2 h2, .product-module-1 h2 {
    font-size: 1.6875em;
    margin-top: -40px;
  }
}
@media (min-width: 66em) {
  .prod-mod h2, .product-module-3 h2, .product-module-2 h2, .product-module-1 h2 {
    margin-top: -20px;
  }
}

.product-module-1:hover {
  background-image: url("img/img-washers-hover.jpg") !important;
}

.product-module-2:hover {
  background-image: url("img/img-custom-stamping-hover.jpg") !important;
}

.product-module-3 {
  margin-right: 0;
}
.product-module-3:hover {
  background-image: url("img/img-stamping-materials-hover.jpg") !important;
}

/*=============== CTA Module ===============*/
.cta-module {
  background-image: url("img/cta-module-bg.jpg");
  background-repeat: repeat;
  background-size: auto;
}
.cta-module a {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  position: relative;
}
.cta-module span {
  /*a {
  font-family: $oswald;
  position: relative;
  display: inline-flex;
  &:after {
    content: "";
    display: block;
    width: .5em;
    position: absolute;
    top: 0;

    bottom: 0;
    right: -1em;
    background-image: url("img/down-arrow-red.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1em 1em;
  }
  }*/
}
@media (min-width: 40em) {
  .cta-module {
    background-repeat: repeat;
    background-size: cover;
  }
}
@media (min-width: 66em) {
  .cta-module {
    background-repeat: no-repeat;
  }
}
.cta-module .inner-wrap {
  max-width: 90%;
  /* 1200 layout changes */
}
.cta-module .inner-wrap .gear-img {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
  max-width: 120px;
  float: left;
  height: auto;
}
.cta-module .inner-wrap .gear-img:last-child {
  margin-right: 0;
}
.cta-module .inner-wrap .gear-img:hover {
  transform: rotate(20deg);
  transition: ease-in-out 500ms;
}
@media (min-width: 40em) {
  .cta-module .inner-wrap .gear-img {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    max-width: 150px;
  }
  .cta-module .inner-wrap .gear-img:last-child {
    margin-right: 0;
  }
}
@media (min-width: 66em) {
  .cta-module .inner-wrap .gear-img {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    max-width: 180px;
    margin-right: 10%;
  }
  .cta-module .inner-wrap .gear-img:last-child {
    margin-right: 0;
  }
}
@media (min-width: 80em) {
  .cta-module .inner-wrap .gear-img {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
    margin-right: 2%;
  }
  .cta-module .inner-wrap .gear-img:last-child {
    margin-right: 0;
  }
}
@media (min-width: 120em) {
  .cta-module .inner-wrap .gear-img {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    /* 1200 layout changes */
  }
  .cta-module .inner-wrap .gear-img:last-child {
    margin-right: 0;
  }
}
.cta-module .inner-wrap .large-blue-text {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
  margin-right: 0;
  font-size: 3em;
  color: #1d242d;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  letter-spacing: -0.07em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
}
.cta-module .inner-wrap .large-blue-text:last-child {
  margin-right: 0;
}
.cta-module .inner-wrap .large-blue-text span {
  transform: none;
  -webkit-transform: none;
  display: inline-block;
}
@media (min-width: 40em) {
  .cta-module .inner-wrap .large-blue-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    letter-spacing: 0em;
    margin-bottom: 0.5em;
    line-height: 1.5em;
  }
  .cta-module .inner-wrap .large-blue-text:last-child {
    margin-right: 0;
  }
  .cta-module .inner-wrap .large-blue-text span {
    letter-spacing: 0em;
  }
}
@media (min-width: 66em) {
  .cta-module .inner-wrap .large-blue-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .cta-module .inner-wrap .large-blue-text:last-child {
    margin-right: 0;
  }
}
@media (min-width: 80em) {
  .cta-module .inner-wrap .large-blue-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 18.9668591516%;
  }
  .cta-module .inner-wrap .large-blue-text:last-child {
    margin-right: 0;
  }
  .cta-module .inner-wrap .large-blue-text span {
    letter-spacing: -0.01em;
  }
}
@media (min-width: 120em) {
  .cta-module .inner-wrap .large-blue-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 18.9668591516%;
    margin-right: 0;
    font-size: 3.4375em;
    line-height: 1.4em;
  }
  .cta-module .inner-wrap .large-blue-text:last-child {
    margin-right: 0;
  }
  .cta-module .inner-wrap .large-blue-text span {
    font-size: 1.1636363636em;
    /* 1200 layout changes */
    line-height: 1.4em;
    transform: scale(1, 1.4);
    -webkit-transform: scale(1, 1.4);
  }
}
.cta-module .inner-wrap .cta-module-text {
  display: block;
  font-size: 1.2em;
  font-weight: 400;
  line-height: auto;
  font-family: "Open Sans", sans-serif;
  /* @include mq(huge) {
  @include span-columns(6 of 12);

  }*/
}
@media (min-width: 40em) {
  .cta-module .inner-wrap .cta-module-text {
    clear: both;
    line-height: 1.7em;
    font-size: 1.4em;
    font-weight: 300;
  }
}
@media (min-width: 66em) {
  .cta-module .inner-wrap .cta-module-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    line-height: 1.5em;
    margin-top: 0.3em;
  }
  .cta-module .inner-wrap .cta-module-text:last-child {
    margin-right: 0;
  }
}
@media (min-width: 80em) {
  .cta-module .inner-wrap .cta-module-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    clear: none;
  }
  .cta-module .inner-wrap .cta-module-text:last-child {
    margin-right: 0;
  }
}
.cta-module .inner-wrap .cm-rfq {
  display: block;
  text-align: center;
  margin: 4% auto;
}
.cta-module .inner-wrap .cm-rfq a {
  padding: 0.9375em 1.25em;
  /* 1200 layout changes */
}
@media (min-width: 66em) {
  .cta-module .inner-wrap .cm-rfq {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
    float: right;
  }
  .cta-module .inner-wrap .cm-rfq:last-child {
    margin-right: 0;
  }
}
@media (min-width: 80em) {
  .cta-module .inner-wrap .cm-rfq {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 10.4370548518%;
    float: right;
    /* 1200 layout changes */
  }
  .cta-module .inner-wrap .cm-rfq:last-child {
    margin-right: 0;
  }
}
@media (min-width: 120em) {
  .cta-module .inner-wrap .cm-rfq {
    float: left;
  }
}

/*=============== CTA Module ===============*/
.services-module .inner-wrap {
  max-width: 100%;
  /* 1200 layout changes */
  padding: 0.5em 0.5em 0.1em;
}
.services-module .inner-wrap h2 {
  color: #ffffff;
}
.services-module .inner-wrap p {
  width: 98%;
}
.services-module .inner-wrap .fabrication-services-left {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 255px;
  position: relative;
  text-align: center;
  display: block;
  padding-top: 4%;
}
.services-module .inner-wrap .fabrication-services-left h2 {
  font-size: 2.4em;
}
.services-module .inner-wrap .fabrication-services-left p {
  color: #DDD;
  margin: auto;
  padding: 1em;
}
.services-module .inner-wrap .fabrication-services-right {
  width: 100%;
}
.services-module .inner-wrap .services-box, .services-module .inner-wrap .services-module-4, .services-module .inner-wrap .services-module-3, .services-module .inner-wrap .services-module-2, .services-module .inner-wrap .services-module-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5em;
  min-height: 200px;
  margin: 0.2em 0 0;
  position: relative;
}
.services-module .inner-wrap .services-box:last-child, .services-module .inner-wrap .services-module-4:last-child, .services-module .inner-wrap .services-module-3:last-child, .services-module .inner-wrap .services-module-2:last-child, .services-module .inner-wrap .services-module-1:last-child {
  margin-right: 0;
}
.services-module .inner-wrap .services-box h3, .services-module .inner-wrap .services-module-4 h3, .services-module .inner-wrap .services-module-3 h3, .services-module .inner-wrap .services-module-2 h3, .services-module .inner-wrap .services-module-1 h3 {
  color: #ffffff;
  font-size: 1.6875em;
}
.services-module .inner-wrap .services-box p, .services-module .inner-wrap .services-module-4 p, .services-module .inner-wrap .services-module-3 p, .services-module .inner-wrap .services-module-2 p, .services-module .inner-wrap .services-module-1 p {
  color: #DDD;
  margin-top: 1em;
  margin-bottom: 1em;
}
.services-module .inner-wrap .services-box:after, .services-module .inner-wrap .services-module-4:after, .services-module .inner-wrap .services-module-3:after, .services-module .inner-wrap .services-module-2:after, .services-module .inner-wrap .services-module-1:after {
  content: "";
  display: block;
  width: 3em;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0em;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 90%;
  background-size: 2em 2em;
}
@media (min-width: 40em) {
  .services-module .inner-wrap .services-box:after, .services-module .inner-wrap .services-module-4:after, .services-module .inner-wrap .services-module-3:after, .services-module .inner-wrap .services-module-2:after, .services-module .inner-wrap .services-module-1:after {
    background-image: url("img/download-arrow-red.png");
  }
}
.services-module .inner-wrap .services-module-1:hover {
  background-image: url("img/img-extrusion-slitting-hover.jpg") !important;
}
.services-module .inner-wrap .services-module-2:hover {
  background-image: url("img/img-tool-die-making-hover.jpg") !important;
}
.services-module .inner-wrap .services-module-3 {
  margin-right: 0;
}
.services-module .inner-wrap .services-module-3:hover {
  background-image: url("img/img-slitting-shearing-hover.jpg") !important;
}
.services-module .inner-wrap .services-module-4 {
  margin-right: 0;
}
.services-module .inner-wrap .services-module-4:hover {
  background-image: url("img/img-non-metallic-stamping-hover.jpg") !important;
}
@media (min-width: 40em) {
  .services-module .inner-wrap .services-box, .services-module .inner-wrap .services-module-1, .services-module .inner-wrap .services-module-2, .services-module .inner-wrap .services-module-3, .services-module .inner-wrap .services-module-4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    min-height: 255px;
    margin: 0.4em 0.4em 0 0.4em;
  }
  .services-module .inner-wrap .services-box:last-child, .services-module .inner-wrap .services-module-1:last-child, .services-module .inner-wrap .services-module-2:last-child, .services-module .inner-wrap .services-module-3:last-child, .services-module .inner-wrap .services-module-4:last-child {
    margin-right: 0;
  }
  .services-module .inner-wrap .services-box h3, .services-module .inner-wrap .services-module-1 h3, .services-module .inner-wrap .services-module-2 h3, .services-module .inner-wrap .services-module-3 h3, .services-module .inner-wrap .services-module-4 h3 {
    margin-top: 0;
  }
}
@media (min-width: 66em) {
  .services-module .inner-wrap .fabrication-services-left {
    width: 40%;
    float: left;
    min-height: 516px;
    padding-top: 10%;
  }
  .services-module .inner-wrap .fabrication-services-right {
    width: 60%;
    float: left;
  }
  .services-module .inner-wrap .services-box, .services-module .inner-wrap .services-module-1, .services-module .inner-wrap .services-module-2, .services-module .inner-wrap .services-module-3, .services-module .inner-wrap .services-module-4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin: 0 0.4em 0.4em 0.4em;
  }
  .services-module .inner-wrap .services-box:last-child, .services-module .inner-wrap .services-module-1:last-child, .services-module .inner-wrap .services-module-2:last-child, .services-module .inner-wrap .services-module-3:last-child, .services-module .inner-wrap .services-module-4:last-child {
    margin-right: 0;
  }
}
@media (min-width: 120em) {
  .services-module .inner-wrap p {
    width: 65%;
  }
  .services-module .inner-wrap .services-box, .services-module .inner-wrap .services-module-1, .services-module .inner-wrap .services-module-2, .services-module .inner-wrap .services-module-3, .services-module .inner-wrap .services-module-4 {
    /* 1200 layout changes */
  }
  .services-module .inner-wrap .services-box h3, .services-module .inner-wrap .services-module-1 h3, .services-module .inner-wrap .services-module-2 h3, .services-module .inner-wrap .services-module-3 h3, .services-module .inner-wrap .services-module-4 h3 {
    margin-top: 24px;
  }
}

/*============== Capability Video Module ============*/
.capability-video-module {
  background-color: #ffffff;
  text-align: center;
}
.capability-video-module .inner-wrap {
  max-width: 88%;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
@media (min-width: 80em) {
  .capability-video-module {
    text-align: left;
  }
  .capability-video-module .inner-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;
  }
  .capability-video-module .inner-wrap:after {
    content: none;
  }
  .capability-video-module .inner-wrap > * {
    float: left;
  }
}

.cvm-heading {
  margin-bottom: 0;
  color: #1d242d;
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.34em;
}
@media (min-width: 66em) {
  .cvm-heading {
    font-size: 2.8em;
  }
}
@media (min-width: 80em) {
  .cvm-heading {
    font-size: 3.125em;
  }
}
.cvm-heading a {
  color: #1d242d;
  text-decoration: none;
}

.cvm-sub-heading {
  display: block;
  font-size: 0.41em;
  font-weight: 700;
  line-height: 1.08em;
  text-transform: none;
}

.cvm-color-red {
  color: #df1017;
}

.cvm-video-link a {
  color: #e88639;
  /*padding-right: em(65, 50);*/
  display: inline-block;
  /*position: relative;*/
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.54em;
  vertical-align: middle;
}
.cvm-video-link a:after {
  content: "";
  width: 1.08em;
  height: 0.86em;
  margin-left: 0.4em;
  display: inline-block;
  vertical-align: middle;
  /*position: absolute;
  top: 50%;
  right: 0;
  @include transform(translateY(-50%));*/
  background: url(img/arrow-orange-right.png) center/contain no-repeat;
}
.cvm-video-link a:hover {
  color: #e88639;
  opacity: 0.8;
}
@media (max-width: 40em) {
  .cvm-video-link a {
    font-size: 1.875em;
  }
}
@media (min-width: 1920px) {
  .cvm-video-link {
    margin-right: 6%;
  }
}

#capabilityvideopopup video {
  width: 100%;
}

.mfp-content {
  max-width: 100% !important;
}

/*Video Module */
.video-module .inner-wrap {
  max-width: 88%;
  padding-top: 1.875em;
}
@media (min-width: 40em) {
  .video-module .inner-wrap {
    padding-bottom: 0.625em;
  }
}

.vm-wrap {
  text-align: center;
}
.vm-wrap.vm-wrap-new {
  margin-top: 3.125em !important;
}
.vm-wrap.vm-wrap-new .vm-lt {
  background-color: #1d242d;
  text-align: center;
  padding: 3.125em 0;
  margin-bottom: 1.875em;
  position: relative;
}
.vm-wrap.vm-wrap-new .vm-lt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -17%;
  line-height: 50%;
  width: 4.375em;
  height: 4.375em;
  background-image: url(img/arrow-red.svg);
  background-size: contain;
  background-position: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
  -ms-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
}
.vm-wrap.vm-wrap-new .cvm-heading {
  text-align: center;
  font-size: 2.375em;
  margin-bottom: 0.6578947368em;
  margin-top: 0;
}
.vm-wrap.vm-wrap-new .cvm-heading a {
  color: #ffffff;
}
.vm-wrap.vm-wrap-new .cvm-sub-heading {
  color: #ffffff;
  font-size: 0.4210526316em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.vm-wrap.vm-wrap-new .vm-section-link {
  font-size: 1.0625em;
  color: #ffffff;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  position: relative;
  padding-right: 1.1764705882em;
  padding-right: 1.1764705882em;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 0.2941176471em 2.6470588235em 0.2941176471em 1.4705882353em;
}
.vm-wrap.vm-wrap-new .vm-section-link:after {
  content: ">";
  position: absolute;
  right: 1.25em;
  top: 45%;
  width: auto;
  font-size: 1.25em;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 40em) {
  .vm-wrap.vm-wrap-new .vm-lt:after {
    top: -20%;
  }
}
@media (min-width: 66em) {
  .vm-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;
    text-align: left;
  }
}
@media (min-width: 80em) {
  .vm-wrap.vm-wrap-new .cvm-heading {
    font-size: 2.375em;
    margin-bottom: 0.6578947368em;
  }
  .vm-wrap.vm-wrap-new .vm-mt {
    padding-left: 1em;
  }
}
@media (min-width: 100em) {
  .vm-wrap .vm-mt img {
    max-height: 13.1875em;
  }
}

@media (min-width: 66em) {
  .vm-lt {
    width: 33.33%;
    padding-left: 1em;
  }
}

.vm-mt {
  margin-bottom: 1.5em;
  text-align: center;
}
.vm-mt a {
  display: inline-block;
  position: relative;
}
.vm-mt a:before {
  content: "";
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%);
  width: 3.75em;
  height: 3.75em;
  background-size: 3.75em;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/ico-play.svg);
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
}
.vm-mt a:hover:before {
  opacity: 0.9;
}
.vm-mt img {
  display: block;
  margin: auto;
  max-height: 17.25em;
  width: auto;
  height: auto;
}
@media (min-width: 66em) {
  .vm-mt {
    margin-bottom: 0;
    width: 33.33%;
  }
  .vm-mt img {
    margin: 0;
    max-height: 13.4375em;
  }
}
@media (min-width: 100em) {
  .vm-mt img {
    max-height: 17.25em;
  }
}

@media (min-width: 66em) {
  .vm-rt {
    width: 33.33%;
    padding-left: 1em;
  }
}

.vm-title {
  margin-top: 0;
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.34em;
  color: #df1017;
}
@media (min-width: 66em) {
  .vm-title {
    font-size: 2.1875em;
  }
}
@media (min-width: 80em) {
  .vm-title {
    font-size: 3.125em;
  }
}

.btn-vm {
  margin-top: 1em;
  padding: 0.9375em 1.25em;
}
.btn-vm:focus {
  color: #ffffff;
}

#videopopup video {
  width: 100%;
}

/* mp4 magnific popup */
.open-popup-link {
  display: inline-block;
}

.custom-popup-class .mfp-container {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.custom-popup-class .mfp-content {
  width: 100%;
  max-width: 56.25em;
}

#popup-video {
  width: 100%;
  height: 0;
  /* This is scale ratio */
  padding-top: 55%;
  position: relative;
}

#popup-video .mfp-close {
  top: -56px;
  right: -56px;
}

.some-elements {
  position: absolute;
  top: -0.1875em;
  left: 0;
  width: 100%;
  height: 100%;
}
.some-elements video {
  width: 100%;
}

/*=============== Site Footer ===============*/
.site-footer {
  background: #DDD;
  text-align: center;
  font-weight: bold;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.site-footer p {
  font-weight: normal;
  color: #444;
  padding: 0.8em 0;
}
.site-footer .social-wrap {
  float: none;
}
.site-footer .sf-teflontxt {
  background-image: url(img/teflon-footer.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 5em;
  padding-top: 1.0833333333em;
  padding-bottom: 1.0833333333em;
  font-size: 1.0625em;
  color: #1d242d;
  width: 90%;
  max-width: 48.3333333333em;
  margin: auto;
  text-align: left;
}
.site-footer .sf-copy {
  color: #848479;
}
.site-footer .sf-copy span {
  display: block;
  margin-top: 15px;
}

.sf-nav {
  color: #263950;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.sf-nav a {
  color: #263950;
  font-weight: normal;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.sf-nav li {
  display: inline;
}
.sf-nav li:after {
  content: "/";
  display: inline;
  margin: 0 0.2em;
}
.sf-nav li:last-child:after {
  display: none;
}

.footer-links {
  font-size: 1.1em;
  letter-spacing: -0.01em;
  color: #1d242d;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.footer-links a {
  color: #1d242d;
}
.footer-links a:hover {
  color: #365273;
}
.footer-links img {
  margin: 2em 0 1em;
}

.social-wrap img {
  margin: 0.5em 0.7em;
  width: 18px;
  height: auto;
}
@media (min-width: 64em) {
  .social-wrap {
    float: left;
    display: block;
  }
  .social-wrap img {
    margin: 0.5em 0.3em;
    width: 18px;
  }
  .social-wrap img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .social-wrap .gp-img {
    width: 23px;
  }
  .social-wrap .sh-iso {
    float: left;
    width: 2.1875em;
    padding: 0;
    margin-top: 0.1875em;
  }
}
@media (min-width: 80em) {
  .social-wrap {
    padding-top: 0.625em;
  }
  .social-wrap img {
    margin: 0.5em 0.4em;
  }
}

.sf-small {
  background: #1d242d;
}
.sf-small .inner-wrap {
  padding-top: 1em;
  padding-bottom: 0.5em;
}
.sf-small p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.sf-small a {
  color: #ffffff;
}
.sf-small a:hover {
  color: #b9b9b9;
}
.sf-small img {
  margin: 0 0 -0.3em 1em;
}

/*=============== Site Content ===============*/
.site-content-primary {
  background: #ffffff;
}
.site-content-primary > h1 {
  display: none;
}
@media (min-width: 40em) {
  .site-content-primary {
    float: right !important;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%;
    margin-right: 0;
    margin-right: 0 !important;
  }
  .site-content-primary:last-child {
    margin-right: 0;
  }
}
.site-content-primary a {
  color: #263950;
  text-decoration: underline;
}

.site-content-secondary {
  margin-top: 0.2em;
}
@media (min-width: 40em) {
  .site-content-secondary {
    float: left !important;
    background-color: #ffffff;
  }
}
@media (min-width: 66em) {
  .site-content-secondary {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
  }
  .site-content-secondary:last-child {
    margin-right: 0;
  }
  .site-content-secondary > *:first-child {
    margin-top: 0;
  }
}
.site-content-secondary h1 {
  color: #263950;
}
.site-content-secondary h2 {
  text-transform: uppercase;
  font-size: 1.45em;
  margin-top: 0.809em;
  color: #263950;
}
.site-content-secondary .h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-top: 1.4em;
  font-weight: 600;
}
.site-content-secondary .h3 > *:first-child {
  font-size: 1.1em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.site-content-secondary ul li {
  font-size: 0.95em;
  line-height: 1.6em;
  color: #263751;
  border-top: none;
}
.site-content-secondary ul li a {
  background-color: transparent !important;
  text-transform: none;
}
.site-content-secondary .sub-menu li a {
  padding: 0 !important;
}
.site-content-secondary a {
  color: #263950;
}
.site-content-secondary a:hover {
  color: #6e91ba;
}

/*===============   HubSpot Styling   ===============*/
.hs-form {
  background: #F9F9F9;
  padding: 2em;
  box-shadow: 0 0 8px #ECECEC;
  border: 1px solid #DDDDDD;
}

.hs-button {
  -moz-box-shadow: inset 0px 34px 0px -12px #e69b10;
  -webkit-box-shadow: inset 0px 34px 0px -12px #e69b10;
  box-shadow: inset 0px 34px 0px -12px #e69b10;
  background-color: #DD9015;
  border-bottom: 1px solid #c2780f;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-weight: bold;
  padding: 0.75em 1.75em;
  text-shadow: 1px 1px 0px rgba(133, 92, 27, 0.39);
  margin-top: 1em;
}
.hs-button:hover {
  background-color: #e69b10;
  color: #fff;
}
.hs-button:active {
  position: relative;
  top: 1px;
}

/*===============  Misc / Helpers  ===============*/
.mobile {
  display: inline-block;
}
@media (min-width: 40em) {
  .mobile {
    display: none;
  }
}

.no-mobile {
  display: none;
}
@media (min-width: 40em) {
  .no-mobile {
    display: initial;
  }
}

.no-tablet {
  display: none;
}
@media (min-width: 66em) {
  .no-tablet {
    display: inline-block;
  }
}

.no-desktop {
  display: none;
}
@media (min-width: 120em) {
  .no-desktop {
    display: inline-block;
  }
}

a.link-nostyle {
  text-decoration: none;
}

.emph {
  font-size: 1.3em;
}

.diamond-bullets {
  list-style-image: url("img/diamond-bullet.png");
  margin-left: 1.2em;
  line-height: 1.9em;
}

@media (min-width: 66em) {
  .alignright {
    float: right;
    padding-left: 1.5em;
    margin-bottom: 20px !important;
    clear: both;
  }
}

.industry-img {
  text-align: center;
}

.alignleft {
  float: left;
  margin-right: 1.25em;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}

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

.infographic {
  text-align: center;
  margin: 0 0.5em;
  z-index: 2;
  position: relative;
  display: inline-block;
}
.infographic img {
  display: block;
  margin: 0 auto;
}
.infographic p {
  margin: 0;
}
.infographic a {
  display: inline-block;
  text-decoration: none;
}
.infographic btn {
  margin: 0.625em;
  font-size: 0.9375em;
}
@media (min-width: 40em) {
  .infographic {
    float: right;
  }
  .infographic btn {
    font-size: 0.9375em;
  }
}

.red-text {
  color: #df1017;
  font-weight: 400;
}

.margin-bottom-med {
  margin-bottom: 1.8em;
}

.has-sub-menu span {
  background-image: url(img/ico-arrowdown.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.75em;
  height: 14px;
  width: 20px;
  display: inline-block;
}
.has-sub-menu.active span {
  background-image: url(img/ico-arrowsub-up.svg);
  background-repeat: no-repeat;
}

.sub-menu {
  display: none;
}

.has-sub-sub-menu > span {
  background-image: url(img/ico-arrowdown.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.75em;
  display: inline-block;
  height: 14px;
  width: 20px;
}
.has-sub-sub-menu.active > span {
  background-image: url(img/ico-arrowsub-up.svg);
  background-repeat: no-repeat;
}
.has-sub-sub-menu ul {
  padding-left: 15px;
  display: none;
}

.single-post .site-content-primary a {
  color: #df1017;
  text-decoration: underline;
}
.single-post .site-content-primary a:hover {
  color: #af0d12;
  text-decoration: none;
}

.page-id-2676 .mfp-content {
  padding: 0 !important;
  background-color: transparent !important;
  width: initial !important;
}

/*========= Exit intent ======*/
.mfp-content {
  /*background-color: #ffffff;*/
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.mfp-content .white-popup h2 {
  font-size: 3.4375em;
  color: #0d153a;
  font-weight: 600;
  line-height: 1em;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
}
.mfp-content .white-popup h3 {
  font-size: 2.1875em;
  color: #000000;
  line-height: 1em;
  margin-bottom: 1.5em;
}
.mfp-content .white-popup p {
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  font-weight: normal;
  color: #686868;
}
.mfp-content .white-popup p span {
  font-weight: bold;
  color: #de0f17;
}
.mfp-content .white-popup .ep-text-wrap {
  margin-top: 0;
}
.mfp-content .white-popup .ep-title {
  margin-top: 3em;
  font-size: 1.4375em;
  color: #686868;
}
.mfp-content .white-popup .ep-title strong {
  color: #000000;
  display: block;
}
.mfp-content .white-popup .ep-dwn-btn {
  margin-top: 2em;
  padding: 0.8em 1em;
}
.mfp-content .white-popup .ep-fig {
  width: 25%;
  float: left;
  margin-top: 1.375em;
}
.mfp-content .white-popup .mfp-close {
  right: -10px;
  top: -10px;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-image: url(img/ico-close-popup.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 150%;
}
.mfp-content .white-popup .rows-of-2 div {
  text-align: center;
}
.mfp-content .white-popup .rows-of-2 div .ep-arimg {
  float: left;
  max-width: 12.5em;
  width: 100%;
  margin-right: 2em;
}
.mfp-content .white-popup .rows-of-2 div .ep-arcontent {
  text-align: left;
  margin-top: 2.5em;
  font-size: 1.3125em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.mfp-content .white-popup .rows-of-2 div .ep-arcontent span {
  display: block;
  font-weight: bold;
  margin-top: 0.5em;
}
.mfp-content .white-popup .rows-of-2 div a {
  text-decoration: none;
}
.mfp-content .white-popup hr {
  border-bottom-color: #221f65;
}

.center {
  text-align: center;
}

.img_gallery {
  text-align: center;
}

.slide-cta-wrapper {
  text-align: center;
}

.slide-cta-text {
  position: relative;
  text-decoration: none;
  margin-bottom: 0;
}
.slide-cta-text:before {
  content: "";
  position: absolute;
  background-image: url(https://cdn2.hubspot.net/hubfs/1865986/CTA/ico-arrow-dk-white-right.png);
  background-position: left bottom;
  background-size: 35px;
  background-repeat: no-repeat;
  bottom: 0;
  width: 50px;
  height: 50px;
  left: -49px;
}

.sh-teflon {
  float: left;
  width: 2.625em;
  height: auto;
}
@media (min-width: 80em) {
  .sh-teflon {
    width: 3.5625em;
  }
}

.ptfe-washers h1 {
  position: relative;
  display: inline-block;
  padding-right: 2.5em;
}
.ptfe-washers h1:after {
  background-image: url(img/teflon-footer.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.9em;
  content: "";
  position: absolute;
  height: 68px;
  width: 77px;
  right: 0;
  top: 0;
}

.sh-roof {
  font-weight: bold;
  margin: 0.75em 0 0 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.sh-roof:hover a {
  color: #df1017;
}

.gdd-003-b-products-ptfe,
.gdd-003-b-products-nylon {
  text-align: center;
}

.products-heading {
  font-weight: bold;
  margin-top: 1.4285714286em;
  text-align: left;
}

.alloy-tbl {
  text-align: left;
}
.alloy-tbl th {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid transparent;
}
.alloy-tbl tr:last-child td {
  border-bottom: 1px solid transparent;
}

.btn-view-more {
  color: #dc1623 !important;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.btn-view-more:hover {
  text-decoration: none;
}

.expert {
  background-color: #dc1623;
  color: #ffffff;
  font-size: 1.125em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}

.btn-expert {
  position: relative;
  padding: 0.5555555556em 1.9444444444em;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}
.btn-expert:before {
  content: "";
  position: absolute;
  background-image: url(img/ico-expert.png);
  background-repeat: no-repeat;
  background-position: left center;
  left: 0;
  top: 0;
  width: 1.2222222222em;
  height: 100%;
}
.btn-expert:hover {
  color: #ffffff;
  text-decoration: underline;
}
.btn-expert:active, .btn-expert:focus {
  color: #ffffff;
}

.home .gdd-004-contact-form {
  border-top: 0;
}

.gdd-004-contact-form {
  background-color: #dddddd;
  border-top: 7px solid white;
}
.gdd-004-contact-form .inner-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gdd-004-contact-form .hs-form-c56453bb-31f3-4fa0-9dd2-741ac983b5b6_d3e59798-6cdf-4a68-a967-5f38733f1220 {
  margin-bottom: 0 !important;
}
.gdd-004-contact-form .hs-form {
  padding: 2.5em 0.625em 0em 0em;
  background-color: transparent;
  box-shadow: none;
  font-size: 1em;
  position: relative;
}
.gdd-004-contact-form .hs-form fieldset {
  background-color: transparent;
  font-size: 1em;
}
.gdd-004-contact-form .hs-form fieldset input {
  color: #9d9ea0;
  background-color: #dddddd;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0px;
  font-size: 1em;
}
.gdd-004-contact-form .hs-form .hs-input {
  background-color: #dddddd;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0px;
  font-size: 1em;
  outline: none;
  box-shadow: none;
  font-weight: normal;
  margin-top: 25px;
  color: #000000;
}
.gdd-004-contact-form .hs-form .hs-input:focus {
  box-shadow: none;
}
.gdd-004-contact-form .hs-form textarea {
  color: #000000;
  background-color: #dddddd;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0px;
  font-size: 1em;
  height: 1.25em;
}
.gdd-004-contact-form .hs-form .hs-form-field {
  position: relative;
}
.gdd-004-contact-form .hs-form .hs-form-field > label {
  position: absolute;
  top: 0em;
  font-size: 1em;
  color: #9d9ea0;
  font-weight: normal;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}
.gdd-004-contact-form .hs-form .hs-form-field > label.labelfocus {
  top: -0.8333333333em;
}
.gdd-004-contact-form .hs-form .hs-form-field.hs-fieldtype-select > label {
  right: 62%;
  top: 14px;
  /*&.labelfocus{
     right: 88%;
  top: 14px; 
  }*/
}
@media (min-width: 40em) {
  .gdd-004-contact-form .hs-form .hs-form-field.hs-fieldtype-select > label {
    right: 26% !important;
    top: 14px;
  }
}
@media (min-width: 66em) {
  .gdd-004-contact-form .hs-form .hs-form-field.hs-fieldtype-select > label {
    right: 56% !important;
    top: 14px;
  }
}
.gdd-004-contact-form .hs-form .hs-form-field.hs_file_upload > label.labelfocus {
  top: auto;
}
.gdd-004-contact-form .hs-form .hs_file_upload {
  position: relative;
}
.gdd-004-contact-form .hs-form .hs_file_upload label {
  border: 1px solid #000;
  padding: 1.125em 1.125em;
  position: relative;
  width: 11.25em;
  text-align: center;
  cursor: pointer;
}
.gdd-004-contact-form .hs-form .hs_file_upload .input {
  position: absolute;
  left: 0;
  top: 0;
}
.gdd-004-contact-form .hs-form .hs_file_upload .hs-input {
  opacity: 0;
}
.gdd-004-contact-form .hs-form .hs_submit {
  left: 12.5em;
  bottom: -0.75em;
}
@media (min-width: 66em) {
  .gdd-004-contact-form .hs-form .hs_submit {
    position: absolute;
    left: 12.5em;
  }
}
.gdd-004-contact-form .hs-form .hs-button {
  padding: 22px;
  width: 7.5em !important;
  background: #df1017;
  box-shadow: none;
  font-size: 1em;
  box-shadow: none;
}
.gdd-004-contact-form .hs-form .hs-button:hover {
  border-top: 1px solid #df1017 !important;
  border-bottom: 1px solid #df1017 !important;
  border-right: 1px solid #df1017 !important;
  border-left: 1px solid #df1017 !important;
  box-shadow: none !important;
}
.gdd-004-contact-form .hs-form .hs-button .actions {
  margin: 0 !important;
  padding: 0 !important;
}

.hs_error_rollup {
  position: absolute;
}

.aoe-header {
  font-size: 3em;
  color: #1d242d;
  font-weight: bold;
  padding-top: 0.9375em;
}

.aoe-module-text {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.375em;
  margin-top: 1em;
}

.btn-wrap {
  float: right;
}

.landing-header .utility-nav, .landing-header .utility-nav-home {
  background-color: transparent;
}

.landing-site-content .site-content-primary {
  width: 100%;
}

.gform_wrapper ul li.gfield.col-6 {
  clear: none;
  margin-right: 0;
  width: 100%;
}
@media (min-width: 66em) {
  .gform_wrapper ul li.gfield.col-6 {
    margin-right: 0.3em;
    width: 48.5%;
  }
}

.gmap iframe {
  width: 31.25em;
  height: 25em;
  max-width: 100%;
}

@media (min-width: 66em) {
  .gform_wrapper {
    width: 26.5625em;
    float: right;
  }
}

.cu-button {
  background-color: #ffffff !important;
}
.cu-button a {
  color: #000000 !important;
}

#cta_button_442348_1d2f5674-ad35-4dee-96e8-b3b2158348c8 {
  background-image: url(https://cdn2.hubspot.net/hubfs/442348/adv.png) !important;
  padding: 54px 83px 54px 37px !important;
}
@media (min-width: 66em) {
  #cta_button_442348_1d2f5674-ad35-4dee-96e8-b3b2158348c8 {
    position: absolute;
    padding: 34px 77px 37px 37px !important;
    background-image: url(https://cdn2.hubspot.net/hubfs/442348/social-suggested-images/advanced-1.png) !important;
  }
}

/*** gdd 005 ebook module **/
.gdd-005-varA {
  display: none !important;
}

.gdd-005-varB {
  display: block !important;
}

span.made-in {
  float: left;
  line-height: 44px;
  padding-left: 15px;
}
span.made-in img {
  vertical-align: middle;
  padding-left: 10px;
}
@inlcude mq(xlarge) {
  span.made-in {
    padding-top: 6px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .made-in {
    padding-left: 10px !important;
    font-size: 14px !important;
    padding-right: 5px !important;
  }

  .sh-roof {
    font-size: 14px !important;
  }

  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    width: 100% !important;
    /*top: 7%;*/
    top: 73px;
    left: 0;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 1280px) {
  .page-id-5 .sh-sticky-wrap.stuck {
    top: 73px;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    width: 88% !important;
    /*top: 8%;*/
    top: 73px;
    left: 9%;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1280px) {
  .page-id-5 .sh-sticky-wrap.stuck {
    top: 83px;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    width: 88% !important;
    /*top: 10%;*/
    top: 83px;
    left: 9%;
    vertical-align: middle;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-5 .sh-sticky-wrap.stuck {
    top: 73px;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    width: 100% !important;
    /*top: 13%;*/
    top: 83px;
    left: 0%;
    vertical-align: middle;
  }
}
@media (max-height: 46em) and (min-width: 80em) {
  .page-id-5 .sh-sticky-wrap.stuck {
    top: 83px;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    top: 83px;
  }
}
@media (min-width: 100em) {
  .page-id-5 .sh-sticky-wrap.stuck {
    top: 83px;
  }
  .page-id-5 .sh-sticky-wrap.stuck .site-nav {
    top: 92px;
  }
}
@media (min-width: 66em) {
  .hs-landing-page .utility-nav .sh-sticky-wrap.stuck, .hs-landing-page .utility-nav-home .sh-sticky-wrap.stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 0 !important;
    background-color: rgba(35, 39, 46, 0.9);
    height: auto;
    z-index: 99999;
  }
}

.page-id-1911 h1 {
  display: none;
}

.ty-text {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.ty-text h3 {
  font-size: 48px;
  text-transform: capitalize;
}
.ty-text p {
  font-size: 18px;
  color: #263950;
  text-transform: uppercase;
}

/*** GDD-007 LP/TY Page ****/
.gdd007-a-img {
  display: none;
}

.nonav-lp .site-nav-container {
  display: none;
}

.ty-lp .site-nav-container {
  position: fixed;
}

.note,
.ty-note {
  font-style: normal;
}

.gdd007-part {
  position: relative;
}

.rm-title {
  position: relative;
}

.rm-title::after {
  content: "";
  position: absolute;
  top: 2px;
  height: 22px;
  width: 15px;
  background-image: url(img/gdd007-arrow-ico.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 15px 22px;
  margin-left: 23px;
}

.gdd-007-b-resource-module .gdd-007-links {
  margin-top: 35px;
  text-align: center;
}

.gdd007-part:before {
  position: absolute;
  content: "";
  background-color: #d7d7d7;
  width: 100%;
  height: 1px;
  top: 8px;
}

.gdd-007-b-resource-module {
  display: block !important;
}

.gdd007-res {
  display: block !important;
}

.gdd007-b-img {
  display: block !important;
}

#gdd-007-formsection .hs-form, #gdd-007-formsection .sidebar-form .gform_wrapper {
  background: #34465c !important;
  max-width: 370px;
  margin: 0 auto;
}

#gdd-007-formsection .hs-input, #gdd-007-formsection .gform_wrapper input {
  width: 100%;
}

#gdd-007-formsection .hs-form .hs-error-msg {
  font-size: 12px;
  color: red;
}

#gdd-007-formsection fieldset {
  background: #34465c !important;
}

#gdd-007-formsection .hs-form label, #gdd-007-formsection .gfield_label {
  color: #ffffff;
}

#gdd-007-formsection input[type=submit] {
  margin-top: 28px;
}

.gdd-007-b-resource-module .rm-item a {
  font-size: 16px;
  color: #263950;
  font-weight: 400;
  font-family: "Open Sans";
  display: block;
  max-width: 150px;
  margin: 0 auto;
}

.gdd-007-b-resource-module .rm-item a:hover {
  text-decoration: underline;
}

.gdd-007-b-resource-module h4 {
  font-size: 16px;
  color: #263950;
  font-weight: 400;
  font-family: "Open Sans";
  padding-top: 10px;
}

@media (min-width: 66em) {
  .ty-lp .site-nav-container {
    position: static !important;
  }
}
@media (min-width: 60em) {
  .rm-item a {
    display: inline-block !important;
    vertical-align: middle;
  }

  .rm-title::after {
    content: "";
    position: absolute;
    right: -28px;
    top: 3px;
    height: 22px;
    width: 15px;
    background-image: url(https://cdn2.hubspot.net/hubfs/442348/gdd007-arrow-ico.svg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 15px 22px;
  }
}
#gdd-007-content {
  margin-bottom: 20px;
}

@media (min-width: 80em) {
  #gdd-007-content {
    width: 65.811965812% !important;
    padding-right: 4%;
    margin-bottom: 20px;
  }

  #gdd-007-formsection {
    margin-left: 0;
    width: 31.623931624% !important;
  }

  #gdd-007-content .gdd007-b-img {
    width: 179px !important;
    position: relative;
    left: 9px;
    bottom: 24px;
  }

  .gdd-007-b-resource-module .gdd-007-links {
    margin-top: 35px;
    margin-left: 26px;
    max-width: 995px;
  }

  .gdd007-part:before {
    position: absolute;
    content: "";
    background-color: #d7d7d7;
    width: 89.1%;
    height: 1px;
    top: 8px;
  }

  .gdd-007-b-resource-module .gdd-007-links .rm-item {
    text-align: left;
  }

  .gdd-007-b-resource-module .gdd-007-links .rm-item:nth-of-type(2) {
    padding-left: 25px;
  }

  .gdd-007-b-resource-module .gdd-007-links #abt-link {
    padding-left: 7px;
  }
}
.gdd-007-b-resource-module > .inner-wrap > .inner-wrap {
  padding-left: 0;
  padding-right: 0;
}

fieldset#field_17_99 legend {
  width: 0;
  font-size: 0;
}

@media (min-width: 768px) {
  #gdd-007-content {
    float: right !important;
    width: 55.745856%;
  }

  #gdd-007-formsection {
    margin-left: 0;
    width: 41.491713%;
  }

  #gdd-007-formsection .hs-form, #gdd-007-formsection .gform_wrapper {
    max-width: 100%;
  }
}
.landingpage-cotnent .gform_wrapper {
  padding: 2em;
  box-shadow: 0 0 8px #ECECEC;
  border: 1px solid #DDDDDD;
}
.landingpage-cotnent .gform_wrapper .gform_heading {
  display: none;
}

.lp-download-cta {
  display: inline-block;
  vertical-align: top;
  padding: 0.8571428571em 2.1428571429em;
  background-color: #d1131a;
  color: white !important;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none !important;
}
.lp-download-cta:hover {
  background-color: #e93a3a;
  color: white;
}
.lp-download-cta:active, .lp-download-cta:focus {
  color: white;
}

body.page-template-ladning-new-ty-page .gdd-007-b-resource-module > .inner-wrap {
  padding-top: 0;
}
body.page-template-ladning-new-ty-page .alignright {
  z-index: 2;
  position: relative;
}

.page-template-ladning-new-page .alignright {
  z-index: 2;
  position: relative;
}
.page-template-ladning-new-page .page-intro {
  display: none;
}
@media (min-width: 66em) {
  .page-template-ladning-new-page .site-header-wrap-gdd {
    min-height: 10.5625em;
  }
  .page-template-ladning-new-page .site-content-primary.top-padding {
    padding-top: 0 !important;
  }
}

.gform_ajax_spinner {
  display: none !important;
}

body.page-id-4389 .gform_wrapper {
  max-width: 100%;
  float: none !important;
  width: 100%;
  background: #F9F9F9;
  padding: 2em;
  box-shadow: 0 0 8px #ECECEC;
  border: 1px solid #DDDDDD;
}

/*** GDD-007 LP/TY Page end ****/
@media (min-width: 66em) {
  .page-template-ladning-new-ty-page .site-header-gdd {
    min-height: 7.125em;
  }
}
@media (min-width: 66em) {
  .page-template-ladning-new-ty-page .site-content-primary.top-padding {
    padding-top: 0 !important;
  }
}

@media (min-width: 40em) {
  #input_17_23 {
    width: calc(25% - 16px * 3 / 4);
  }
}

.cta-wrap {
  display: block;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-right: 5px;
  text-align: center;
}
@media (min-width: 40em) {
  .cta-wrap {
    display: inline-block;
    vertical-align: top;
  }
}

.cta-node {
  visibility: visible;
}

.cta_button {
  cursor: pointer;
  background-image: url(https://www.newprocess.com/assets/infographic.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 7.9411764706em;
  padding-top: 2.6470588235em;
  padding-bottom: 2.6470588235em;
  padding-right: 2.6470588235em;
  display: block;
  font-size: 17px;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
}

.cta_button-2 {
  cursor: pointer;
  background-image: url(https://www.newprocess.com/assets/cta-material-guide-ebook-1.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 5.8823529412em;
  padding-top: 2.6470588235em;
  padding-bottom: 2.6470588235em;
  padding-right: 2.6470588235em;
  display: block;
  font-size: 17px;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
}

.cta-adv {
  /*background-image: url(https://www.newprocess.com/assets/adv.png);*/
  font-size: 18px;
  padding-left: 2.0555555556em;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-right: 28px;
  right: 0;
  bottom: 16px;
}

@media (min-width: 1052px) {
  .cta-adv {
    background-image: none;
    position: absolute;
    padding-left: 2.0555555556em;
    padding-top: 1.8888888889em;
    padding-bottom: 2.0555555556em;
    padding-right: 28px;
    border-radius: 5px;
  }
}
@media (min-width: 40em) {
  .cta-adv {
    padding-top: 20px;
    background-image: none;
    padding-right: 28px;
  }
}

@media (min-width: 40em) {
  a.cta_button.cta-adv.btn-important {
    height: 68px;
    border-radius: 5px;
    padding-right: 28px;
  }
}

@media (max-width: 40em) {
  .cta-adv {
    padding-top: 20px;
    width: 72%;
    height: 68px;
    border-radius: 5px;
    background-image: none;
    padding-right: 28px;
  }
}

@media screen and (min-device-width: 1060px) and (max-device-width: 2000px) {
  a.cta_button.cta-adv {
    top: 0 !important;
    height: 68px;
    padding-top: 20px;
    /* border: 2px solid #FF0000;*/
    border-radius: 10px;
    padding-right: 28px;
  }

  .cta-adv {
    background-position: top !important;
    padding-right: 28px;
  }
}
/*gform_fields_4 Style*/
#gform_fields_4 input,
#gform_fields_4 select,
#gform_fields_4 textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  box-shadow: none;
  border-radius: 0;
}
#gform_fields_4 select {
  height: 37px;
}
#gform_fields_4 #input_4_9 {
  border: none;
}

#gform_confirmation_message_4 {
  padding: 4.375em 1.25em;
}

#gform_submit_button_4 {
  background: #df1017 !important;
}

/*** GDD-008 Contact Page ***/
.gdd008-form-wrap .gform_wrapper {
  width: 100%;
}

.gdd008-form-wrap .gform_wrapper iframe {
  transform: scale(0.8);
  position: relative;
  right: 36px;
}

.gdd008-form-wrap input[type=file] {
  width: 100%;
}

.page-id-1006 .landing-site-content {
  overflow: hidden;
}

@media (min-width: 40em) {
  .page-id-1006 .additional-content {
    margin-top: 40px;
  }

  .gdd008-form-wrap .gform_wrapper {
    margin-top: 0;
  }
}
@media (min-width: 66em) {
  .gdd008-form-wrap .gform_wrapper {
    float: none;
  }
}
@media (min-width: 60em) {
  .gdd008-form-wrap .gform_wrapper iframe {
    transform: none;
    right: 0;
  }
}
/*** GDD-008 Contact Page end***/
/* gdd 010 css start */
.gdd-010-b {
  display: none !important;
}

/* gdd 010 css end */
/** gdd-011 **/
.gdd-011-b {
  background-image: url(/assets/slide-cta-bg.png);
  background-repeat: no-repeat;
  max-width: 466px;
  width: 100%;
  height: 16em;
  position: fixed;
  bottom: 6em;
  z-index: 999;
  background-size: cover;
  right: -100%;
  box-shadow: 1px 2px 8px 3px #000000;
  background-position: center;
}
@media (min-width: 40em) {
  .gdd-011-b {
    height: 15em;
  }
}
.gdd-011-b .rsc-title {
  font-size: 24px;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-top: 1em;
  padding-left: 6em;
}
.gdd-011-b .rsc-title span {
  color: #ea3323;
}
@media (min-width: 66em) {
  .gdd-011-b .rsc-title {
    font-size: 34px;
    padding-top: 0.5em;
    padding-left: 5em;
  }
}
.gdd-011-b .rsc-cta {
  font-size: 24px;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ea3323;
  display: block;
  border: 1px solid #ea3323;
  max-width: 169px;
  text-align: center;
  margin-left: 45%;
  text-transform: uppercase;
  margin-top: 1em;
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  z-index: 1;
}
.gdd-011-b .rsc-cta:hover {
  color: #ffffff;
  background-color: #ea3323;
}
@media (min-width: 66em) {
  .gdd-011-b .rsc-cta {
    max-width: 195px;
    margin-top: 2em;
  }
}
.gdd-011-b .rsc-image {
  max-width: 161px;
  transform: rotate(340deg);
  position: relative;
  bottom: 116px;
}
.gdd-011-b .rsc-image img {
  height: auto;
}
@media (min-width: 66em) {
  .gdd-011-b .rsc-image {
    bottom: 176px;
  }
}
.gdd-011-b .rsc-close {
  background-image: url(img/rsc-close-ico.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-color: #fff;
  padding: 12px;
  display: block;
  right: 0;
  position: absolute;
  top: -10px;
}

@media (min-width: 530px) {
  .rsc-image {
    right: 30px;
  }
}
@media (min-width: 60em) {
  .gdd-011-b {
    bottom: 10em;
  }
}
/** gdd-011 end **/
.custom-ph-wrap {
  margin-left: 1.875em;
  font-weight: 500;
  margin-top: 0.75em;
  font-size: 0.875em;
}
.custom-ph-wrap.badge .tn-badge__img {
  height: auto;
}
@media (min-width: 40em) {
  .custom-ph-wrap {
    font-size: 1em;
  }
}
@media (min-width: 80em) {
  .custom-ph-wrap {
    float: right;
    font-weight: 700;
    margin-left: 1em;
  }
}

.page-id-1006 .custom-ph-wrap {
  float: left;
  margin-top: 0.1875em;
  font-weight: inherit;
}
@media (min-width: 40em) {
  .page-id-1006 .custom-ph-wrap {
    margin-top: 0;
  }
}
.page-id-1006 .custom-ph-wrap .un-phone-text {
  display: inline-block;
  margin-top: 0.40625em;
  font-size: 1em;
}
.page-id-1006 .custom-ph-wrap .sh-ph {
  display: inline-block;
  float: none;
}
@media (min-width: 40em) {
  .page-id-1006 .custom-ph-wrap {
    margin-top: 0;
  }
  .page-id-1006 .custom-ph-wrap .un-phone-text {
    font-size: 1.3125em;
  }
}

.badge {
  margin-top: 0;
}
.badge .tn-badge__link {
  display: inline-block;
  width: 50px;
  vertical-align: top;
  margin-right: 10px;
}
@media (min-width: 80em) {
  .badge .tn-badge__link {
    width: 3.625em;
  }
  .badge .tn-badge__link img {
    image-rendering: -webkit-optimize-contrast;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .custom-ph-wrap {
    font-size: 0.6em;
    float: right;
    margin-top: 14px;
  }

  .badge {
    float: none;
  }
}
.mob-badge {
  display: inline-block;
  max-width: 52px;
  vertical-align: middle;
  margin-right: 15px;
}

.page-id-1006 .gdd-004-contact-form {
  border-top: 0px;
}

.ct-main-title {
  font-size: 2em;
  text-transform: none;
}

.ct-subtitle {
  font-size: 1.3125em;
  color: #263950;
  text-transform: uppercase;
  margin-top: 0;
}

.page-id-1684 .site-full-wrap .site-header .inner-wrap, .page-id-1684 .site-full-wrap .home-site-header .inner-wrap {
  padding-top: 1.25em !important;
}
.page-id-1684 .site-full-wrap .site-header .sh-icons.mobile, .page-id-1684 .site-full-wrap .home-site-header .sh-icons.mobile {
  width: 100%;
}
@media (max-width: 24.063em) {
  .page-id-1684 .site-full-wrap .site-header .custom-ph-wrap, .page-id-1684 .site-full-wrap .home-site-header .custom-ph-wrap {
    display: inline-block;
  }
}
@media (min-width: 40em) {
  .page-id-1684 .site-full-wrap .site-header .sh-icons.mobile, .page-id-1684 .site-full-wrap .home-site-header .sh-icons.mobile {
    padding-top: 0;
  }
}
@media (min-width: 60em) {
  .page-id-1684 .site-full-wrap .site-header .sh-icons.mobile, .page-id-1684 .site-full-wrap .home-site-header .sh-icons.mobile {
    width: auto;
  }
  .page-id-1684 .site-full-wrap .si-first-heading {
    margin-top: 6em;
  }
  .page-id-1684 .site-full-wrap .si-scroll {
    left: 0;
    padding-left: 0;
  }
  .page-id-1684 .site-full-wrap .si-second-content {
    margin-top: 9.375em;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .site-full-wrap .si-first-heading {
    margin-top: 4em;
  }
  .page-id-1684 .site-full-wrap .si-scroll {
    top: 2em;
  }
  .page-id-1684 .site-full-wrap .si-second-content {
    margin-top: 16.25em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .site-full-wrap .si-first-heading {
    font-size: 4.5em;
    line-height: 1.1805555556em;
    margin-top: 3.8888888889em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .site-full-wrap .si-first-heading {
    margin-top: 3.8888888889em;
  }
}
@media (max-height: 46em) and (min-width: 80em) {
  .page-id-1684 .site-full-wrap .si-first-heading {
    margin-top: 5.5em;
  }
  .page-id-1684 .site-full-wrap .si-second-content {
    margin-top: 18.4375em;
  }
}

/*#nav-menu-item-2186{
    display: none;
}*/
.page-id-5 .sn-li-l1#nav-menu-item-2186 {
  display: block;
  /*a{
      font-weight: 600;
  }*/
}
@media (min-width: 66em) {
  .page-id-5 .sn-li-l1 {
    width: auto !important;
    display: inline-block;
    float: none;
  }
  .page-id-5 .sn-li-l1:nth-child(1n), .page-id-5 .sn-li-l1:nth-child(2n), .page-id-5 .sn-li-l1:nth-child(3n), .page-id-5 .sn-li-l1:nth-child(4n), .page-id-5 .sn-li-l1:nth-child(5n), .page-id-5 .sn-li-l1:nth-child(6n), .page-id-5 .sn-li-l1:nth-child(7n) {
    width: auto !important;
  }
  .page-id-5 .sn-li-l1 > a {
    padding: 0 0.5em;
    font-size: 0.875em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-1240, .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    display: inline-block;
    margin-top: 0;
    padding: 0;
  }
}
@media (min-width: 80em) {
  .page-id-5 .sn-li-l1 > a {
    font-size: 0.9em;
    padding: 0 0.6944444444em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-1240, .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    margin-left: 0.6944444444em;
    margin-right: 0.6944444444em;
  }
}
@media (min-width: 87.5em) {
  .page-id-5 .sn-li-l1 > a {
    font-size: 1em;
    padding: 0 1em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-1240, .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media (min-width: 100em) {
  .page-id-5 .sn-li-l1 > a {
    padding: 0 1.5em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-1240, .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
}
@media (min-width: 120em) {
  .page-id-5 .sn-li-l1 > a {
    padding: 0 2.5em;
  }
  .page-id-5 .sn-li-l1#nav-menu-item-1240, .page-id-5 .sn-li-l1#nav-menu-item-2186 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-5 .sn-li-l1 > a {
    padding: 0 0.6875em;
  }
}
@media (min-width: 87.5em) {
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1 > a {
    padding: 0 0.6875em;
  }
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-1240, .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-2186 {
    margin-left: 0.6875em;
    margin-right: 0.6875em;
  }
}
@media (min-width: 100em) {
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1 > a {
    padding: 0 1em;
  }
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-1240, .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-2186 {
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media (min-width: 120em) {
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1 > a {
    padding: 0 2.0625em;
  }
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-1240, .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1#nav-menu-item-2186 {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-5 .sh-sticky-wrap.stuck .sn-li-l1 > a {
    padding: 0 0.6875em;
  }
}
.page-id-5 .home-site-header-wrap .cta_button.cta-adv {
  text-align: center;
}
@media (min-width: 40em) {
  .page-id-5 .home-site-header-wrap .cta_button.cta-adv {
    width: 100%;
  }
}
@media (min-width: 66em) {
  .page-id-5 .home-site-header-wrap .cta_button.cta-adv {
    display: none;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 66em), (-ms-high-contrast: none) and (min-width: 66em) {
  .page-id-5 .site-logo {
    max-width: 95px;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 87.5em), (-ms-high-contrast: none) and (min-width: 87.5em) {
  .page-id-5 .site-logo {
    max-width: 100px;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 100em), (-ms-high-contrast: none) and (min-width: 100em) {
  .page-id-5 .site-logo {
    max-width: 120px;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 120em), (-ms-high-contrast: none) and (min-width: 120em) {
  .page-id-5 .site-logo {
    max-width: 150px;
  }
}
body.home .site-content {
  position: relative;
  /*z-index: 9999;*/
}

/* gdd 012 b css start */
.cta-bottom {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -12.5em;
  background-color: #e00e17;
  text-align: center;
  z-index: 999;
}

.cta-text {
  color: white;
  font-size: 1em;
}
.cta-text a {
  color: white;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  padding-right: 2.3125em;
}
.cta-text a:after {
  content: "";
  position: absolute;
  background-image: url(img/laptop-chat.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.75em 1.875em;
  right: 0;
  top: -0.375em;
  width: 1.75em;
  height: 1.875em;
}
.cta-text a:hover {
  color: white;
  text-decoration: underline;
}
.cta-text a:focus, .cta-text a:active {
  color: white;
}
@media (min-width: 40em) {
  .cta-text {
    font-size: 1.125em;
  }
  .cta-text a {
    padding-right: 2.0555555556em;
  }
  .cta-text a:after {
    background-size: 1.5555555556em 1.6666666667em;
    width: 1.5555555556em;
    height: 1.6666666667em;
    top: -0.3333333333em;
  }
}

.cta-close {
  position: absolute;
  right: 0.625em;
  top: 0.3125em;
  color: white;
  font-weight: 700;
  text-decoration: none;
}

/* gdd 012 b css end */
/** gdd-013 **/
.gdd-013-wrap {
  padding: 10px 5px;
  background-color: #000000;
  max-width: 608px;
  margin: 0 auto;
  margin-bottom: 3em;
  position: relative;
}
.gdd-013-wrap h2 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #db1625;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: 1em;
}
.gdd-013-wrap .gbfm-subtext {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 0;
  padding-left: 1em;
}
.gdd-013-wrap .form-text {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 40em) {
  .gdd-013-wrap .form-text {
    padding-top: 2em;
  }
}
.gdd-013-wrap .form-text a {
  color: #db1625;
}

.gdd013-form-wrap {
  background-color: #ffffff;
  padding: 10px 10px;
}
.gdd013-form-wrap .validation_error {
  display: none !important;
}
@media (min-width: 40em) {
  .gdd013-form-wrap {
    height: 350px;
  }
}
.gdd013-form-wrap .gfield_label {
  display: none !important;
}
.gdd013-form-wrap .gform_wrapper {
  float: none;
}
.gdd013-form-wrap .gfield {
  padding-right: 0 !important;
}
.gdd013-form-wrap input[type=text] {
  height: 45px;
  border: 1px solid #cdcdcd;
  border-radius: 0px;
}
.gdd013-form-wrap #input_5_6::-webkit-file-upload-button {
  visibility: hidden;
}
.gdd013-form-wrap input[type=file] {
  color: transparent;
  width: 50% !important;
  background-color: transparent;
  float: left;
}
.gdd013-form-wrap input[type=file]:focus {
  outline: none !important;
}
.gdd013-form-wrap input[type=file]:before {
  content: "File Upload";
  display: inline-block;
  background: #ffffff;
  width: 120px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 0;
  padding: 10px 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  color: #db1625;
  text-align: center;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
@media (min-width: 60em) {
  .gdd013-form-wrap input[type=file]:before {
    padding: 10px 0;
    text-align: center;
  }
}
.gdd013-form-wrap input[type=file]:hover:before {
  background: #db1625;
  color: #ffffff;
}
.gdd013-form-wrap input[type=submit] {
  width: 50% !important;
  font-weight: 500;
  font-size: 11px !important;
  color: #fff;
  border: 1px solid #000;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  background-color: #db1625;
  border-radius: 0px;
  float: left;
  max-width: 120px;
  margin-right: 0 !important;
}
.gdd013-form-wrap input[type=submit]:hover {
  color: #db1625;
  background-color: #ffffff;
}
@media (min-width: 40em) {
  .gdd013-form-wrap input[type=submit] {
    height: 40px;
  }
}
.gdd013-form-wrap .gform_footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  max-width: 280px;
  margin: 0 auto !important;
  height: 40px;
}
@media (min-width: 40em) {
  .gdd013-form-wrap .gform_footer {
    height: 100%;
  }
}
.gdd013-form-wrap .validation_message {
  padding-top: 0 !important;
}
.gdd013-form-wrap .gfield_error {
  background-color: transparent !important;
  margin-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
@media (min-width: 40em) {
  .gdd013-form-wrap .gfield_contains_required {
    position: relative;
  }
}
@media (min-width: 40em) {
  .gdd013-form-wrap .validation_message {
    text-align: center;
    position: absolute;
    bottom: -3px;
    left: 4px;
  }
}
@media (min-width: 40em) {
  .gdd013-form-wrap .instruction {
    bottom: auto;
  }
}

@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1023px) {
  .gdd013-form-wrap .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
    margin-top: 17px;
  }
}
@media (min-width: 641px) {
  .gdd013-form-wrap .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
  }
}
/** gdd-013 end **/
/** gdd-014-b-reviews-module start **/
.gdd-left-content {
  display: block;
  width: 100%;
}
@media (min-width: 40em) {
  .gdd-left-content {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    height: 18.75em;
  }
}

.gdd-right-content {
  display: block;
  width: 100%;
}
@media (min-width: 40em) {
  .gdd-right-content {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding-left: 6%;
  }
}

.gdd-014-b-reviews-module {
  background-color: #0e243b;
  padding-top: 44px;
  padding-bottom: 44px;
  border-bottom: 9px solid #ffffff;
  position: relative;
}
.gdd-014-b-reviews-module .flex-control-nav {
  position: absolute;
  top: 42%;
  left: 96%;
}
@media (min-width: 40em) {
  .gdd-014-b-reviews-module .flex-control-nav {
    top: 42%;
  }
}
@media (min-width: 66em) {
  .gdd-014-b-reviews-module .flex-control-nav {
    top: 42%;
  }
}
.gdd-014-b-reviews-module .flex-control-nav li {
  list-style: none;
  margin: 15px 0;
  display: block;
}
.gdd-014-b-reviews-module .flex-control-nav a {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: none;
  background-color: #fff;
  text-indent: -9999px;
  outline: 0;
}
.gdd-014-b-reviews-module .flex-control-nav a:hover {
  background-color: #000;
}

.grc-heading {
  color: #ffffff;
}
@media (min-width: 40em) {
  .grc-heading {
    position: relative;
  }
  .grc-heading:before {
    content: "";
    position: absolute;
    left: 1.5em;
    bottom: -13px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.7777777778em;
    height: 0.1388888889em;
    background-color: #df1017;
  }
}

.grc-text {
  color: #ffffff;
}
@media (min-width: 40em) {
  .grc-text {
    width: 92%;
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

.bold-text {
  font-weight: bold;
}

.quote-text {
  float: right;
}

.grc-company-text {
  color: #ffffff;
}
@media (min-width: 40em) {
  .grc-company-text {
    position: relative;
  }
}
@media (min-width: 40em) and (min-width: 80em) {
  .grc-company-text:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 50px;
    right: 0px;
    background-image: url(img/quote-new.svg);
    background-repeat: no-repeat;
    bottom: 45px;
  }
}

#hubspot-messages-iframe-container:focus {
  outline: none !important;
}

@media (min-width: 64em) {
  .site-header-wrap, .home-site-header-wrap {
    margin-top: 2.5em;
  }
}

@media (min-width: 64em) {
  .logged-in.admin-bar .site-header-wrap, .logged-in.admin-bar .home-site-header-wrap {
    margin-top: 0;
  }
}

.site-full-wrap .site-header, .site-full-wrap .home-site-header {
  z-index: 1000;
}
@media (min-width: 64em) {
  .site-full-wrap .site-nav-container {
    clear: both;
  }
  .site-full-wrap .site-header .inner-wrap, .site-full-wrap .home-site-header .inner-wrap {
    z-index: 1000;
  }
  .site-full-wrap .site-nav {
    width: auto !important;
  }
  .site-full-wrap .si-btn-contact {
    padding: 0.5294117647em 1em !important;
    float: right;
  }
}
@media (min-width: 66em) {
  .site-full-wrap .site-header, .site-full-wrap .home-site-header {
    margin-top: 0 !important;
  }
  .site-full-wrap .site-nav {
    font-weight: 500 !important;
  }
}
@media (min-width: 80em) {
  .site-full-wrap .site-nav {
    float: left !important;
    right: auto !important;
    left: 0 !important;
  }
}

.tn-badge__img {
  height: auto;
}

.sh-icons.mobile br {
  display: none;
}
@media (max-width: 24.938em) {
  .sh-icons.mobile .custom-ph-wrap {
    margin-right: 0.7142857143em;
  }
  .sh-icons.mobile br {
    display: block;
  }
}

/*================ New page style slider infographics ===================*/
.common-glass-edge-wrap .inner-wrap {
  padding: 0;
}
@media (min-width: 40em) {
  .common-glass-edge-wrap .inner-wrap {
    padding: 0;
  }
}
@media (min-width: 66em) {
  .common-glass-edge-wrap .inner-wrap {
    padding: 2.5em 1.5em 2.5em 1.5em;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.cgew-header {
  font-size: 1.75em;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: normal;
}

.cgew-item {
  border: 1px solid #CECECE;
  position: relative;
  overflow: hidden;
  z-index: 2;
  min-height: 25.6875em;
}
@media (min-width: 66em) {
  .cgew-item {
    min-height: 25.6875em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cgew-item > div {
    float: left;
  }
}
@media (min-width: 80em) {
  .cgew-item {
    min-height: 25.6875em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .cgew-item {
    min-height: 34.25em;
  }
}

.cgewi-content {
  background-color: #F2F2F2;
  padding: 1.9375em 1.875em 3.125em;
  width: 100%;
}
@media (min-width: 66em) {
  .cgewi-content {
    max-width: 18.125em;
  }
}

.cgewi-text-wrp {
  opacity: 0;
}

.cgewi-title {
  padding-bottom: 0.4166666667em;
  border-bottom: 1px solid #DD3332;
  margin-bottom: 0.4166666667em;
  font-size: 1.5em;
  margin-top: 0;
  opacity: 0;
}

.cgewi-image-wrap {
  opacity: 0;
}

.cgewi-image {
  position: relative;
}
.cgewi-image > span {
  position: absolute;
  display: block;
}
@media (min-width: 66em) {
  .cgewi-image {
    font-size: 1.25vw;
  }
}
@media (min-width: 80em) {
  .cgewi-image {
    font-size: 1em;
  }
}

.cgewi-image-wrap {
  display: block;
  max-width: 36.25em;
  width: 100%;
}
.cgewi-image-wrap img {
  width: 100%;
  display: block;
}

.canvas {
  fill: none;
  stroke: none;
}

.dot {
  fill: #97100f;
  opacity: 0;
}

.title {
  font-size: 1.125em;
  font-family: "Open Sans", sans-serif;
  opacity: 0;
  fill: #687079;
}

.owl-item.active .dot {
  -webkit-animation: zoom 500ms ease-in-out 1s forwards;
  -moz-animation: zoom 500ms ease-in-out 1s forwards;
  animation: zoom 500ms ease-in-out 1s forwards;
}
.owl-item.active .text-1 {
  -moz-animation: dash 500ms ease-in-out 1.5s forwards;
  -webkit-animation: dash 500ms ease-in-out 1.5s forwards;
  animation: dash 500ms ease-in-out 1.5s forwards;
}
.owl-item.active .text-2 {
  -moz-animation: dash 500ms ease-in-out 1.6s forwards;
  -webkit-animation: dash 500ms ease-in-out 1.6s forwards;
  animation: dash 500ms ease-in-out 1.6s forwards;
}
.owl-item.active .text-3 {
  -webkit-animation: scle 500ms ease-in-out 1.7s forwards;
  -moz-animation: scle 500ms ease-in-out 1.7s forwards;
  animation: scle 500ms ease-in-out 1.7s forwards;
}

@keyframes zoom {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dash {
  0% {
    transform: translateX(-25px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes scle {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.custom-nav {
  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;
  padding-top: 0.2222222222em;
}
.custom-nav > button {
  width: 100%;
  border: 2px solid #F2F2F2;
  background-color: #F2F2F2;
  color: #687079;
  padding: 0;
  padding-left: 3.8333333333em;
  padding-right: 3.7222222222em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  white-space: normal;
  margin: 0 0 2px;
}
.custom-nav > button:hover, .custom-nav > button.active {
  background-color: #fff;
  color: #DD3332;
  border-color: #DD3332;
}
.custom-nav > button:focus {
  outline: none;
}
@media (min-width: 40em) {
  .custom-nav > button {
    width: 24.6%;
    float: left;
    padding-left: 3.8333333333em;
    padding-right: 3.7222222222em;
    margin-left: 3px;
    font-size: 1.3333333333em;
  }
}
@media (min-width: 66em) {
  .custom-nav {
    font-size: 1.40625vw;
  }
  .custom-nav > button {
    width: 24.6%;
    font-size: 1em;
  }
  .custom-nav > button:hover, .custom-nav > button.active {
    background-color: #fff;
    color: #DD3332;
  }
}
@media (min-width: 80em) {
  .custom-nav {
    font-size: 1em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .custom-nav > button {
    width: 24.6%;
  }
}

.cn-nav-title {
  display: inline-block;
  vertical-align: top;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
}

.cn-nav {
  background-repeat: no-repeat;
  background-size: 5.1666666667em 2em;
  background-position: 1.1111111111em center;
}
@media (min-width: 66em) {
  .cn-nav {
    background-size: 5.1666666667em 2em;
    background-position: 1.1111111111em center;
  }
}

.cgewi-small-text {
  font-size: 0.7777777778em;
  color: #555555;
}
@media (min-width: 40em) {
  .cgewi-small-text {
    display: none;
  }
}

/*Sticky Anchore Nav*/
.anchor-links-nav1 {
  background-color: #df1017;
  margin-top: 0;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  position: relative;
  z-index: 2;
}
.anchor-links-nav1 .inner-wrap {
  padding-top: 1.1875em;
  padding-bottom: 1.1875em;
}
.anchor-links-nav1 ul {
  padding: 0;
}
.anchor-links-nav1 li {
  display: inline-block;
  list-style-type: none;
  width: 100%;
  margin-bottom: 0.625em;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  text-align: center;
}
.anchor-links-nav1 li a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  border-bottom: 6px solid transparent;
  font-size: 0.875em;
  line-height: 1.4285714286em;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
}
.anchor-links-nav1 li:hover a {
  border-bottom: 6px solid #ffffff;
  font-weight: 700;
}
.anchor-links-nav1 li.active a {
  border-bottom: 6px solid #ffffff;
  font-weight: 700;
}
@media (min-width: 66em) {
  .anchor-links-nav1.stuck {
    position: fixed;
    left: 0;
    top: 8.1875em;
    width: 100%;
    margin-top: 0;
    z-index: 99;
    margin-top: 0;
    -webkit-box-shadow: 0 3px 6.93px 0.07px rgba(153, 153, 153, 0.44);
    box-shadow: 0 3px 6.93px 0.07px rgba(153, 153, 153, 0.44);
  }
  .anchor-links-nav1 ul {
    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;
  }
  .anchor-links-nav1 li {
    padding: 0 0.625em;
    margin-top: 0.625em;
    margin-bottom: 0;
    width: auto;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .anchor-links-nav1.stuck {
    top: 8.1875em;
  }
}

.top-padding {
  padding-top: 0;
}
@media (min-width: 66em) {
  .top-padding {
    padding-top: 12.625em;
  }
}

/*Sticky Anchore Nav*/
.single-post .anchor-links-nav1 li:hover a {
  border-bottom: 0px solid #ffffff;
  font-weight: normal;
}
.single-post .anchor-links-nav1 li.active a {
  border-bottom: 0px solid #ffffff;
  font-weight: normal;
}

.numbered-list-module .inner-wrap {
  padding-top: 0;
}
.numbered-list-module .nlm-listing {
  counter-reset: custom-counter;
}
.numbered-list-module .nlistm-item {
  overflow: hidden;
}
.numbered-list-module .nlistm-item .nlistm-item-wrap {
  counter-increment: custom-counter;
  position: relative;
  min-height: 8.2777777778em;
  padding: 1.6666666667em 2.2222222222em 1.6666666667em 3.3333333333em;
  margin: 0.6788888889em 0.2777777778em;
  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-shadow: 0px 2px 12.22px 0.78px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 2px 12.22px 0.78px rgba(0, 0, 0, 0.11);
  font-size: 1.125em;
  line-height: 1.5em;
  overflow: hidden;
}
.numbered-list-module .nlistm-item .nlistm-item-wrap:before {
  content: counter(custom-counter);
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0.020661157em;
  color: rgba(223, 16, 23, 0.15);
  font-size: 13.4444444444em;
  line-height: 0.6115702479em;
  font-weight: 700;
  -webkit-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  -o-transform: translateY(-55%);
  transform: translateY(-55%);
}
.numbered-list-module .nlistm-item .nlistm-item-wrap .nlistm-content {
  z-index: 2;
}
@media (min-width: 40em) {
  .numbered-list-module .nlistm-item {
    width: 100%;
  }
}
@media (min-width: 66em) {
  .numbered-list-module .nlm-listing {
    margin: 0 -0.8125em;
  }
  .numbered-list-module .nlistm-item {
    width: 31.7615656014%;
    padding: 0 0.8125em;
  }
}

.bulleted-list-module .blm-content ul {
  margin-left: 8%;
}
.bulleted-list-module .blm-content ul li {
  list-style-type: none;
  padding-left: 5.625em;
  margin-bottom: 2.5em;
}
.bulleted-list-module .blm-content ul li:after {
  background: url(img/arrow-red.png);
  background-repeat: no-repeat;
  width: 2.125em;
  height: 0.75em;
  top: 0.5em;
}

/*============== video with description module ================*/
.video-with-description-module {
  padding-top: 1.5em;
  margin-bottom: 2.5em;
}

.vwdm-content-wrap {
  background-color: #DDD;
  margin-top: 1.875em;
  padding-top: 1.75em;
  position: relative;
}
.vwdm-content-wrap:after {
  position: absolute;
  content: "";
  width: 150%;
  height: 100%;
  background-color: #DDD;
  top: 0;
  left: -25%;
  z-index: 1;
}
.vwdm-content-wrap:before {
  position: absolute;
  content: "";
  width: 150%;
  height: 100%;
  background-color: #DDD;
  top: 0;
  left: -25%;
  z-index: 1;
}
@media (min-width: 66em) {
  .vwdm-content-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;
  }
  .vwdm-content-wrap:after {
    width: 200%;
    left: -100%;
  }
  .vwdm-content-wrap:before {
    width: 200%;
    right: -100%;
  }
}

.vwdm-media-wrap {
  position: relative;
  margin-bottom: -1.5625em;
  padding: 0 0.9375em;
  z-index: 2;
}
@media (min-width: 66em) {
  .vwdm-media-wrap {
    max-width: 41.66667%;
    padding: 0;
  }
}

.vwdm-play-icon {
  background-image: url(img/play.png);
  background-size: 0.625em;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: 0.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vwdm-play-icon:after {
  display: none;
}

.play-video-btn {
  padding: 0.71875em 1.4375em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.play-video-btn.popup-youtube:before {
  content: none !important;
}
@media (min-width: 1360px) {
  .play-video-btn {
    transform: translate(-50%, -50%);
  }
}

.site-content-primary .btn.play-video-btn {
  color: #ffffff;
  text-decoration: none;
}

.vwdm-content {
  position: relative;
  z-index: 2;
}
.vwdm-content:after {
  content: "";
  width: 4.9375em;
  height: 3.9375em;
  display: inline-block;
  position: absolute;
  bottom: -1.5625em;
  right: 3%;
  background: url(img/quote.png) center/contain no-repeat;
}
@media (min-width: 66em) {
  .vwdm-content {
    max-width: 58.33333%;
  }
}

.vwdm-content-text {
  padding: 1.0869565217em 1.5217391304em 1.5217391304em;
  margin-bottom: 0;
  color: #333;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 1.4375em;
  line-height: 1.3043478261em;
}
.vwdm-content-text > *:first-child {
  position: relative;
}
.vwdm-content-text > *:first-child:before {
  content: "";
  width: 2.3913043478em;
  height: 0.347826087em;
  display: inline-block;
  position: absolute;
  top: -1.0869565217em;
  left: 0;
  background: url(img/ellipses.png) center/contain no-repeat;
}
@media (max-width: 40em) {
  .vwdm-content-text {
    margin-top: 1.7391304348em;
  }
}
@media (min-width: 66em) {
  .vwdm-content-text {
    padding: 2.3913043478em 1.5217391304em 1.5217391304em;
  }
}

.mfp-zoom-out-cur {
  /*.sh-sticky-wrap.stuck {
      width: calc(100% - 17px);
  }*/
}
.mfp-zoom-out-cur .anchor-links-nav1.stuck {
  width: calc(100% - 17px);
  overflow: hidden;
}

/*=============== value prop module ===================*/
.value-prop-module {
  margin: 0 0 0.625em;
}
.value-prop-module .vpm-section-content {
  margin-top: 2.5em;
  margin-bottom: 1.875em;
  font-size: 1.125em;
  line-height: 1.6666666667em;
}
.value-prop-module .vpm-section-content h2 {
  margin-top: 0;
}
.value-prop-module .vpm-item {
  height: 100%;
  padding: 2.125em 1.4375em;
  background-color: #df1017;
}
.value-prop-module .vpm-col {
  margin-bottom: 1.875em;
}
.value-prop-module .vpm-image-wrap {
  width: 6.75em;
  height: 6.75em;
  max-width: 100%;
  padding: 0.625em;
  border-radius: 50%;
  background-color: #222933;
  margin: 0 auto 0.9375em;
  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;
}
.value-prop-module .vpm-image-wrap img {
  max-width: 90%;
  margin: auto;
  display: block;
}
.value-prop-module .vpm-heading {
  margin-bottom: 1.25em;
  text-align: center;
  color: #ffffff;
}
.value-prop-module .vpm-description {
  color: #ffffff;
  font-size: 1.125em;
  line-height: 1.3888888889em;
}
.value-prop-module .vpm-description p {
  color: #ffffff;
}
@media (min-width: 66em) {
  .value-prop-module .vpm-row {
    margin: 0 -0.625em;
    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;
  }
  .value-prop-module .vpm-col {
    padding: 0 0.625em;
    width: 25%;
  }
  .value-prop-module .vpm-image-wrap {
    width: 7.6875em;
    height: 7.6875em;
  }
}

/*============== featured listing module ============*/
.featured-listing-module {
  margin-bottom: 2.5em;
}

/*.flm-section-title {
    margin-bottom: em(30,26);
}*/
.flm-section-content {
  margin-bottom: 3em;
}

.flm-bottom-margin {
  margin-bottom: 2.5em;
}

.flm-featured-listing {
  margin-left: 8%;
}
@media (max-width: 40em) {
  .flm-featured-listing {
    margin-left: -2%;
  }
}
.flm-featured-listing ul {
  counter-reset: custom-counter;
}
.flm-featured-listing ul li {
  margin-bottom: 1.875em;
  padding-left: 4.875em;
  counter-increment: custom-counter;
  position: relative;
  color: #df1017;
}
.flm-featured-listing ul li:before {
  content: counter(custom-counter);
  width: 50px;
  height: 50px;
  /*padding: em(10,20) em(5,20) em(10,20);*/
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background-color: #263950;
  color: #ffffff;
  font-size: 1.25em;
  line-height: 1.75em;
  font-weight: 600;
  text-align: center;
}
.flm-featured-listing ul li:last-child {
  margin-bottom: 0;
}
.flm-featured-listing ul li:after {
  display: none;
}
.flm-featured-listing ul.featured_listing li:before {
  content: "";
  padding: 0;
  background: transparent url(img/featured-list-arrow.svg) left top/50px no-repeat;
}
@media (min-width: 66em) {
  .flm-featured-listing ul li {
    margin-bottom: 2.8125em;
    padding-left: 5.625em;
    color: #df1017;
  }
}

@media (min-width: 66em) {
  .page-inner-anchor {
    padding-top: 15em;
    margin-top: -15em;
  }
}

.single-post .page-inner-anchor {
  padding-top: 1em;
  margin-top: -1em;
}
@media (min-width: 60em) {
  .single-post .page-inner-anchor {
    padding-top: 15em;
    margin-top: -15em;
  }
}
@media (min-width: 66em) {
  .single-post .page-inner-anchor {
    padding-top: 14em;
    margin-top: -14em;
  }
}

.site-content .site-content-primary.full-width {
  width: 100%;
}

.page-id-5 .video-module-new .inner-wrap {
  padding-bottom: 2.5em;
  padding-top: 2.5em;
}
@media (min-width: 66em) {
  .page-id-5 .video-module-new .inner-wrap {
    padding-top: 2.5em;
    padding-bottom: 3.75em;
  }
}

.cm-content p {
  color: #ffffff;
}

/*=============== Blog module gdd 015 b start =====================*/
.blog-module {
  position: relative;
  background-color: #273951;
  color: #ffffff;
}
.blog-module .inner-wrap {
  position: relative;
  padding-top: 3.75em;
  padding-bottom: 4.0625em;
}

.bm-header {
  font-size: 3.625em;
  margin-bottom: 0.4655172414em;
  color: white;
  font-weight: 700;
  float: left;
}

.bm-all-post {
  color: white;
  text-decoration: underline;
  float: right;
  padding-top: 2.6875em;
}
.bm-all-post:hover {
  color: white;
  text-decoration: none;
}
.bm-all-post:focus, .bm-all-post:active {
  color: white;
}

.bm-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;
  clear: both;
}
.bm-wrap > div {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}
@media (min-width: 60em) {
  .bm-wrap > div {
    text-align: left;
    -webkit-flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    padding: 0 0.75em;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bm-wrap > div {
    width: 33.33%;
    flex-basis: auto;
  }
}
.bm-img {
  display: block;
  max-width: 22.5em;
  width: 100%;
  margin: 0 0 1.875em;
}
.bm-img img {
  display: block;
  width: 100%;
  max-height: 12.5em;
}

.bm-title {
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.bm-title a {
  color: white;
}
.bm-title a:hover {
  color: white;
  text-decoration: underline;
}
.bm-title a:focus, .bm-title a:active {
  color: white;
}

.bm-text {
  margin-bottom: 1.25em;
  color: white;
}
.bm-text * {
  color: white;
  margin-top: 0;
}

.bm-links {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.bm-links > * {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
}

.bm-link {
  background-image: url(img/ico-plus2.svg);
  background-repeat: no-repeat;
  background-size: 1.5em;
  background-position: 0.9375em center;
  padding: 0.625em 0.625em 0.625em 3.125em;
  text-decoration: underline;
  color: white;
}
.bm-link:hover {
  background-color: #425367;
  text-decoration: none;
  color: white;
}
.bm-link:focus, .bm-link:active {
  color: white;
}

.bm-time {
  background-image: url(img/time.png);
  background-repeat: no-repeat;
  background-size: 1.5em;
  background-position: left center;
  padding: 0.625em 0.625em 0.625em 2.375em;
}

/*=============== Blog module gdd 015 b start =====================*/
.right-image {
  display: block;
  text-align: center;
}
@media (min-width: 66em) {
  .right-image {
    float: right;
    width: 29%;
    margin-left: 2%;
  }
  .right-image img {
    display: block;
    margin: 0 auto;
  }
}
.right-image span {
  display: block;
}

.page-id-2461 .mfp-close {
  color: #333 !important;
}

@media (min-width: 40em) {
  .pbm-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;
  }
}

.pbm-item-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;
  margin-left: -1.875em;
}
.pbm-item-wrap > div {
  float: left;
  width: 100%;
  padding-left: 1.875em;
  margin-bottom: 1.25em;
}
@media (min-width: 40em) {
  .pbm-item-wrap > div {
    width: 50%;
  }
}
@media (min-width: 66em) {
  .pbm-item-wrap > div {
    width: 33.33%;
  }
}

.pbm-img-wrap img {
  display: block;
  max-height: 12.8125rem;
  margin: auto;
}
@media (min-width: 40em) {
  .pbm-img-wrap {
    margin-left: 1rem;
  }
}

.pbm-heading {
  text-align: center;
}

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

@media (min-width: 40em) {
  .pbm-left {
    text-align: left;
  }
}

.pbm-items {
  display: block;
  max-width: 100%;
  /*margin: 0 0 30px;*/
  padding-bottom: 2rem;
}

.pbmi-image {
  display: inline-block;
  border: 1px solid #eae9e9;
}

.pbmi-heading {
  font-size: 1.5rem;
  margin: 1.875rem 0 1.25rem;
}

.pbmi-text {
  font-size: 1.0625rem;
  line-height: 1.875rem;
}

.pbmi-btn-wrap {
  display: block;
  height: 3.875rem;
}

.wp-post-image + .entry-content {
  margin-top: 2.5rem;
}

.sidebar-cta {
  display: block;
  padding: 1rem 1.25rem;
  max-width: 16.5rem;
}
.sidebar-cta:after {
  display: none;
}
.sidebar-cta:hover, .sidebar-cta:focus {
  padding: 1rem 1.25rem;
}

img.featured-image {
  margin: 0 0 1.25rem;
}

.pbm-id {
  margin-top: -150px;
  padding-top: 150px;
}

.page-id-2542 .col-md-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
}

.pt-5 {
  padding-top: 3rem !important;
}

.page-id-2542 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
}

.pbmi-btn {
  background-color: #df1017 !important;
  color: #ffffff !important;
  vertical-align: top;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-decoration: none !important;
}

.image-content-module {
  background-color: #333333;
}

.image-content-module .container {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.icm-image {
  float: left;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 1.875rem;
}
.icm-image figure {
  display: inline-block;
  line-height: 0;
  margin: 0;
}
@media (min-width: 66em) {
  .icm-image {
    width: 34.5%;
    padding-bottom: 0;
    padding-left: 1.6875rem;
  }
  .icm-image.right_image {
    order: 2;
  }
}

.icm-content-wrap {
  float: left;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 66em) {
  .icm-content-wrap {
    width: 65.5%;
    padding-top: 0.4375rem;
    padding-left: 2rem;
  }
}

.icm-heading {
  color: #ffffff;
  position: relative;
  font-style: italic;
  margin: 0 0 0.9375rem;
}

.icm-content {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 2rem;
  margin: 0 0 1.9375rem;
}

.icm-btn-wrap {
  display: block;
  height: 3.875rem;
}

.icm-btn {
  min-width: 14.625rem;
  background-color: #df1017 !important;
  color: #ffffff !important;
  vertical-align: top;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-decoration: none !important;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.fullwidth-cta2 {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.fullwidth-cta2:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
}

.fwc2-heading {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media (min-width: 40em) {
  .fwc2-heading {
    margin: 0 1rem 0 0;
  }
}

.fwc2-wrap {
  text-align: center;
}
@media (min-width: 40em) {
  .fwc2-wrap {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.fwc-cta1 {
  background-color: #df1017 !important;
  color: #ffffff !important;
  vertical-align: top;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-decoration: none !important;
  padding: 1rem 1.25rem;
}
.fwc-cta1:after {
  display: none;
}
.fwc-cta1:hover, .fwc-cta1:focus {
  padding: 1rem 1.25rem;
}

.image-content-module .inner-wrap {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
  position: relative;
  z-index: 1;
}

.fullwidth-cta2 .inner-wrap {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
  position: relative;
  z-index: 1;
}

.conclusion-module section.cm-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 9;
}
@media (min-width: 80em) {
  .conclusion-module section.cm-bg {
    background-attachment: fixed;
  }
}
.conclusion-module section.cm-bg:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.conclusion-module .inner-wrap {
  padding-top: 3.75em;
  padding-bottom: 3.75em !important;
}
@media (min-width: 40em) {
  .conclusion-module .inner-wrap {
    padding-top: 6.25em;
    padding-bottom: 6.25em !important;
  }
}
.conclusion-module .cm-section-heading {
  color: #ffffff;
}
.conclusion-module .cm-content {
  color: #ffffff;
}
.conclusion-module .cm-content ul li:after {
  background-image: url("img/ico-bullet-white.svg");
}

.single-post .d-none {
  display: none;
}

.img-right {
  padding: 0;
  margin: 0;
}
.img-right img {
  display: block;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 66em) {
  .img-right {
    margin-left: 1em;
  }
}

.page-id-9 .sitemap-menu .sub-menu {
  display: block;
}

/* gdd 016 b css start */
.site-header-wrap-gdd {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 9;
  background-image: url(/assets/si-banner-video-1.png);
}
.site-header-wrap-gdd:before {
  content: "";
  position: absolute;
  background-image: url(img/hero-overlay.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.utility-nav-gdd {
  background-color: #000;
  text-align: center;
}
.utility-nav-gdd > .inner-wrap {
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
}
@media (min-width: 40em) {
  .utility-nav-gdd {
    text-align: left;
  }
  .utility-nav-gdd > .inner-wrap {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
}
@media (min-width: 60em) {
  .utility-nav-gdd.stuck {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
  }
}

.un-logos {
  margin-bottom: 0.625em;
}
@media (min-width: 40em) {
  .un-logos {
    float: left;
    margin-bottom: 0;
  }
}

.un-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.9375em;
}

.menu-utility-nav-container {
  margin-bottom: 0.625em;
}
@media (min-width: 40em) {
  .menu-utility-nav-container {
    margin-right: 0.3125em;
    margin-bottom: 0;
  }
}
@media (min-width: 60em) {
  .menu-utility-nav-container {
    margin-right: 4.4375em;
  }
}

@media (min-width: 40em) {
  .un-navigation {
    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;
    float: right;
  }
}

.utility-menu li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3125em;
  position: relative;
}
.utility-menu li:hover .sub-menu {
  display: block;
}
.utility-menu li:hover > a {
  opacity: 0.85;
}
.utility-menu a {
  font-size: 0.875em;
  color: white;
}
.utility-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 14.375em;
  background-color: #000;
  padding: 0.625em;
  text-align: left;
  z-index: 9999;
}
.utility-menu .sub-menu li {
  display: block;
}
.utility-menu .sub-menu li:hover > a {
  opacity: 0.85;
}
@media (min-width: 60em) {
  .utility-menu li {
    margin: 0 1.125em;
  }
}

.un-ph {
  display: block;
}

.un-ph-title {
  display: inline-block;
  vertical-align: middle;
  color: white;
  font-size: 0.875em;
  position: relative;
  padding-left: 2.1428571429em;
}
.un-ph-title:before {
  content: "";
  position: absolute;
  background-image: url(img/ico-ph-gdd.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.2857142857em 1.3571428571em;
  width: 1.2857142857em;
  height: 1.3571428571em;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.un-ph-number {
  font-size: 0.875em;
  display: inline-block;
  vertical-align: middle;
  color: white;
}
.un-ph-number:hover {
  color: white;
  opacity: 0.85;
}
.un-ph-number:focus, .un-ph-number:active {
  color: white;
}

.sh-sticky-wrap-gdd {
  background-color: rgba(28, 32, 42, 0.95);
}
.sh-sticky-wrap-gdd > .inner-wrap {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
@media (min-width: 60em) {
  .sh-sticky-wrap-gdd {
    position: relative;
    z-index: 999;
  }
  .sh-sticky-wrap-gdd.stuck {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
  }
  .sh-sticky-wrap-gdd > .inner-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;
    align-items: center;
  }
  .sh-sticky-wrap-gdd > .inner-wrap > * {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  .sh-sticky-wrap-gdd .sn-li-l1.has-subnav > a span, .sh-sticky-wrap-gdd .sn-li-l1.menu-item-has-children > a span {
    padding-right: 0;
  }
  .sh-sticky-wrap-gdd .sn-li-l1.has-subnav > a span > span, .sh-sticky-wrap-gdd .sn-li-l1.menu-item-has-children > a span > span {
    right: auto;
    top: auto;
    bottom: -1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 0.6em;
  }
}
@media (min-width: 64em) {
  .sh-sticky-wrap-gdd .inner-wrap {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
}
@media (min-width: 80em) {
  .sh-sticky-wrap-gdd .sn-li-l1 > a {
    padding: 0 1.625em;
  }
}

.sh-logo {
  float: left;
  margin-top: 0.375em !important;
}
.sh-logo img {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 60em) {
  .sh-logo {
    margin-top: 0 !important;
  }
}

.sh-right {
  float: right;
}
.sh-right .sh-ico-search {
  background-image: url(img/ico-search-gdd.png);
  margin: 0 0.25em 0 0;
}
.sh-right .home-sh-ico-menu {
  margin-top: 0.75em;
  padding-top: 3em;
  margin-right: 0;
}
@media (min-width: 40em) {
  .sh-right .home-sh-ico-menu {
    margin-top: -0.1875em;
  }
}
@media (min-width: 60em) {
  .sh-right {
    text-align: right;
  }
  .sh-right .sh-ico-search {
    float: none;
  }
}
@media (min-width: 64em) {
  .sh-right .home-sh-ico-menu {
    display: none;
  }
}

.sh-contact-cta {
  display: inline-block;
  vertical-align: middle;
  padding: 0.7142857143em;
  border: 2px solid #df1017;
  font-size: 0.875em;
  color: white;
  margin: 0 0.5714285714em 0 0;
  background-color: transparent;
}
.sh-contact-cta:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #df1017;
}
.sh-contact-cta:focus, .sh-contact-cta:active {
  color: white;
}
@media (min-width: 60em) {
  .sh-contact-cta {
    padding: 0.7142857143em 1.7142857143em;
    margin: 0 0 0 2em;
  }
}
@media (min-width: 80em) {
  .sh-contact-cta {
    margin: 0 0 0 2.5em;
  }
}

.site-intro {
  position: relative;
  text-align: center;
}
.site-intro > .inner-wrap {
  padding-top: 10.3125em;
  padding-bottom: 19.5em;
  position: relative;
}
@media (min-width: 40em) {
  .site-intro {
    text-align: left;
  }
  .site-intro > .inner-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;
    width: 100%;
    padding-top: 1.25em;
    padding-bottom: 9.9375em;
  }
}
@media (min-width: 60em) {
  .site-intro > .inner-wrap {
    padding-top: 4.5625em;
    padding-bottom: 11.125em;
  }
}
@media (min-width: 80em) {
  .site-intro > .inner-wrap {
    padding-top: 7.8125em;
    padding-bottom: 16.5625em;
  }
}

.si-logo img {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
}
@media (min-width: 40em) {
  .si-logo {
    margin-right: 3.25em;
  }
}

.si-heading {
  color: white;
  font-weight: 700;
  line-height: 1.5em;
  font-size: 1.25em;
  text-transform: uppercase;
}
.si-heading span {
  display: block;
  color: #df1118;
}
@media (min-width: 60em) {
  .si-heading {
    font-size: 2em;
    line-height: 2em;
    margin-bottom: 0.5em;
  }
}

.si-text {
  font-size: 1.125em;
  line-height: 1.3888888889em;
  color: white;
  font-weight: 400;
}
@media (min-width: 60em) {
  .si-text {
    margin-top: 0.4545454545em;
    font-size: 1.375em;
    font-weight: 300;
  }
}

.si-item {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 40em) {
  .si-item {
    -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;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
  }
}

.si-cta {
  display: block;
  background-color: rgba(0, 0, 0, 0.47);
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 0.9375em 0.3125em;
  text-transform: uppercase;
  color: white;
}
.si-cta:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.si-cta span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 1.875em;
  font-size: 1em;
  font-weight: 700;
}
.si-cta span:after {
  content: "";
  position: absolute;
  background-image: url(img/hero-arrow.png);
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.1875em;
  height: 0.5em;
  background-repeat: no-repeat;
  background-size: 1.1875em 0.5em;
  background-position: right center;
}
.si-cta:last-child {
  background-color: #d1131a;
}
.si-cta:last-child:hover {
  background-color: #d1131a;
  opacity: 0.8;
}
.si-cta:last-child span {
  padding-right: 3.125em;
}
.si-cta:last-child span:after {
  background-image: url(img/chat.svg);
  background-size: 2.5em 2.375em;
  width: 2.5em;
  height: 2.375em;
}
@media (min-width: 40em) {
  .si-cta {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    text-align: center;
    border-right: 1px solid #ccc;
  }
}
@media (min-width: 40em) and (min-width: 40em) {
  .si-cta span {
    font-size: 0.75em;
  }
  .si-cta span:after {
    right: 1.6666666667em;
  }
}
@media (min-width: 60em) {
  .si-cta {
    padding: 1.5625em 0.3125em;
  }
  .si-cta span {
    font-size: 0.9375em;
  }
}
@media (min-width: 80em) {
  .si-cta {
    padding: 2.5em 0.3125em;
  }
}

.cta-module-gdd {
  background-color: #000000;
  text-align: center;
}
@media (min-width: 40em) {
  .cta-module-gdd > .inner-wrap {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
}

.cm-heading-gdd {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  color: white;
}
@media (min-width: 60em) {
  .cm-heading-gdd {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 3.7777777778em;
  }
}
@media (min-width: 80em) {
  .cm-heading-gdd {
    font-size: 1.5em;
    line-height: 1.1666666667em;
  }
}

.cm-cta {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #fff;
  padding: 0.5714285714em 2.1428571429em;
  color: white;
  font-size: 0.875em;
  font-weight: 700;
}
.cm-cta:hover {
  background-color: #d11319;
  border: 2px solid #d11319;
  color: white;
}
.cm-cta:active, .cm-cta:focus {
  color: white;
}
@media (min-width: 60em) {
  .cm-cta {
    vertical-align: middle;
    padding: 0.7142857143em 2.8571428571em;
  }
}

.our-mission-module-gdd {
  text-align: center;
}
@media (min-width: 40em) {
  .our-mission-module-gdd {
    text-align: left;
  }
  .our-mission-module-gdd > .inner-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-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -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;
    padding-top: 3.125em;
    padding-bottom: 3.125em;
  }
  .our-mission-module-gdd > .inner-wrap > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.omm-left {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-bottom: 1.25em;
}
@media (min-width: 40em) {
  .omm-left {
    margin-bottom: 0;
  }
}

@media (min-width: 40em) {
  .omm-right {
    padding-right: 1.875em;
  }
}

.omm-heading {
  font-size: 1.375em;
  color: #000;
  font-weight: 700;
  line-height: 1.2727272727em;
}
@media (min-width: 60em) {
  .omm-heading {
    font-size: 1.75em;
    margin-bottom: 0.9285714286em;
    margin-top: 0;
  }
}

.omm-text {
  font-size: 1em;
  line-height: 1.625em;
  margin-bottom: 1.875em;
}
@media (min-width: 60em) {
  .omm-text {
    margin-bottom: 2.625em;
  }
}

.omm-cta {
  display: inline-block;
  vertical-align: top;
  padding: 0.8571428571em 2.1428571429em;
  background-color: #d1131a;
  color: white;
  font-size: 0.875em;
  font-weight: 700;
}
.omm-cta:hover {
  background-color: #e93a3a;
  color: white;
}
.omm-cta:active, .omm-cta:focus {
  color: white;
}

.omm-image {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.omm-image::after {
  content: "";
  position: absolute;
  background-image: url(img/play-icon.png);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5.5625em;
  height: 5.5625em;
  background-repeat: no-repeat;
  background-size: 5.5625em 5.5625em;
  background-position: center center;
}

.ask-our-expert-module-gdd {
  text-align: center;
  background-color: #d91122;
}
.ask-our-expert-module-gdd > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}
@media (min-width: 40em) {
  .ask-our-expert-module-gdd {
    text-align: left;
  }
  .ask-our-expert-module-gdd > .inner-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-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;
  }
  .ask-our-expert-module-gdd > .inner-wrap > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media (min-width: 60em) {
  .ask-our-expert-module-gdd > .inner-wrap {
    padding-top: 3.125em;
    padding-bottom: 3.125em;
  }
}

.aom-left {
  margin-bottom: 1.5625em;
}
@media (min-width: 40em) {
  .aom-left {
    padding-right: 1.25em;
    margin-bottom: 0;
    border-right: 1px solid #fff;
  }
}
@media (min-width: 60em) {
  .aom-left {
    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-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;
    padding-right: 1.875em;
  }
}
@media (min-width: 80em) {
  .aom-left {
    padding-right: 3.125em;
  }
}

@media (min-width: 40em) {
  .aom-right {
    padding-left: 1.25em;
  }
}
@media (min-width: 60em) {
  .aom-right {
    padding-left: 1.875em;
  }
}
@media (min-width: 80em) {
  .aom-right {
    padding-left: 3.125em;
  }
}

.aom-heading {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  color: white;
  margin-top: 0;
  margin-bottom: 1.3888888889em;
}
@media (min-width: 60em) {
  .aom-heading {
    margin-bottom: 0;
    margin-right: 1.5em;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1em;
    line-height: 1.375em;
  }
}
@media (min-width: 80em) {
  .aom-heading {
    font-size: 1.125em;
    line-height: 1.3333333333em;
  }
}

.aom-cta {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #fff;
  padding: 0.5714285714em 2.1428571429em;
  color: #fff;
  font-size: 0.875em;
  font-weight: 700;
}
.aom-cta:hover {
  background-color: #d11319;
  border: 2px solid #fff;
  color: white;
}
.aom-cta:active, .aom-cta:focus {
  color: white;
}
@media (min-width: 60em) {
  .aom-cta {
    float: right;
  }
}

.aom-text {
  font-size: 1em;
  line-height: 1.4375em;
  color: white;
}
.aom-text a {
  color: white;
}
.aom-text a:hover {
  color: white;
  text-decoration: underline;
}
.aom-text a:focus, .aom-text a:active {
  color: white;
}
@media (min-width: 60em) {
  .aom-text {
    font-size: 0.875em;
    line-height: 1.5em;
  }
}
@media (min-width: 80em) {
  .aom-text {
    font-size: 1em;
    line-height: 1.4375em;
  }
}

.stamping-services-module-gdd {
  text-align: center;
}
.stamping-services-module-gdd > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}

.table-title {
  font-size: 1.3125em;
  color: #000;
  font-weight: 700;
  margin-bottom: 1.5625em;
}
@media (min-width: 60em) {
  .table-title {
    font-size: 1.75em;
    margin-bottom: 0.8928571429em;
  }
}

@media (min-width: 40em) {
  .ssm-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;
  }
}

.ssm-item {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  min-width: 16.25em;
  min-height: 8.125em;
  position: relative;
  margin: 0 0.3125em 0.9375em;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
.ssm-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.ssm-item:hover {
  background-size: 110% 110%;
}
.ssm-item:hover:after {
  background-color: rgba(0, 0, 0, 0.7);
}
.ssm-item:hover .ssm-title:before {
  top: -0.625em;
}
.ssm-item:hover .ssm-title:after {
  bottom: -0.625em;
}
@media (min-width: 40em) {
  .ssm-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: auto;
    min-height: 11.875em;
  }
}

.ssm-title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  width: auto;
  color: white;
  padding: 0.5555555556em 0;
  font-size: 1.125em;
  text-transform: none;
  z-index: 10;
}
.ssm-title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: red;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: bottom 0.5s ease-in-out;
  -moz-transition: bottom 0.5s ease-in-out;
  transition: bottom 0.5s ease-in-out;
}
.ssm-title:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: red;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}

.fabrication-services-module-gdd {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.fabrication-services-module-gdd:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.fabrication-services-module-gdd > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 3.75em;
  position: relative;
}
@media (min-width: 60em) {
  .fabrication-services-module-gdd > .inner-wrap {
    padding-top: 3.125em;
    padding-bottom: 5em;
  }
}

.fsm-heading {
  font-size: 1.3125em;
  font-weight: 700;
  color: white;
}
@media (min-width: 60em) {
  .fsm-heading {
    font-size: 1.75em;
  }
}

.fsm-text {
  font-size: 1em;
  color: white;
}
@media (min-width: 60em) {
  .fsm-text {
    margin: 0 auto 2.5em;
    max-width: 80%;
  }
}

@media (min-width: 60em) {
  .fsm-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;
  }
}

.fsm-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3125em 0.9375em;
}
.fsm-item:hover .fsm-image:after {
  background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 60em) {
  .fsm-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.fsm-image {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ccc;
  position: relative;
}
.fsm-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.01);
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
.fsm-image img {
  display: inline-block;
  vertical-align: top;
}

.fsm-title {
  font-size: 1.3125em;
  color: white;
  text-transform: none;
}

.testimonial-module-gdd {
  text-align: center;
}
.testimonial-module-gdd > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}
@media (min-width: 60em) {
  .testimonial-module-gdd > .inner-wrap {
    padding-top: 3.125em;
    padding-bottom: 3.75em;
  }
}

.tm-heading {
  font-size: 1.3125em;
  color: #000;
  font-weight: 700;
}
@media (min-width: 60em) {
  .tm-heading {
    font-size: 1.75em;
  }
}

.tm-wrap {
  position: relative;
  padding-bottom: 2.5em;
  text-align: left;
}
.tm-wrap .flex-control-nav {
  width: auto;
  position: absolute;
  bottom: -2.5em;
  text-align: center;
  right: 4em;
}
.tm-wrap .flex-control-nav li a {
  box-shadow: none;
  border: 1px solid #999;
  background: transparent;
}
.tm-wrap .flex-control-nav li a.flex-active {
  background: #999;
}
.tm-wrap .flex-direction-nav {
  position: absolute;
  bottom: -2.125em;
  width: 11.0625em;
  right: 0;
}
.tm-wrap .flex-direction-nav a {
  opacity: 1;
  width: 1.25em;
  height: 1.25em;
}
.tm-wrap .flex-direction-nav a.flex-next:before {
  background-image: url(img/right-arrow.png);
  background-size: 0.5em 0.75em;
}
.tm-wrap .flex-direction-nav a:before {
  background-image: url(img/left-arrow.png);
  background-size: 0.5em 0.75em;
}

.tm-message {
  font-size: 1.125em;
  position: relative;
}
.tm-message:before {
  content: "";
  position: absolute;
  background-image: url(img/quote-testi.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 10.0555555556em 8.6666666667em;
  width: 10.0555555556em;
  height: 8.6666666667em;
  left: 0;
  top: 0;
  z-index: -1;
}
@media (min-width: 60em) {
  .tm-message {
    font-size: 1.6875em;
  }
}

.tm-client {
  color: #000;
}

.our-blog-module {
  background-color: #273a51;
  text-align: center;
}
.our-blog-module > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}

.obm-heading {
  font-size: 1.3125em;
  color: white;
  font-weight: 700;
  margin-bottom: 1.5714285714em;
}
@media (min-width: 60em) {
  .obm-heading {
    font-size: 1.75em;
  }
}

@media (min-width: 40em) {
  .obm-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: left;
  }
}

.obm-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.3125em 1.5625em;
}
@media (min-width: 40em) {
  .obm-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.75em 1.5625em;
  }
}

.obm-img {
  display: inline-block;
  vertical-align: top;
  max-height: 10em;
  min-height: 10em;
  overflow: hidden;
}
.obm-img a {
  display: block;
}
.obm-img img {
  display: inline-block;
  vertical-align: top;
  min-height: 10em;
}
@media (min-width: 40em) {
  .obm-img img {
    width: 100%;
  }
}

.obm-title {
  font-size: 1.3125em;
  color: white;
  text-transform: uppercase;
  margin: 0.7142857143em 0;
}
.obm-title a {
  color: white;
}
@media (min-width: 40em) {
  .obm-title {
    min-height: 2.619047619em;
  }
}

.obm-link {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  border: 2px solid #fff;
  color: white;
  padding: 0.625em 1.25em;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.obm-link:hover {
  color: blue;
  text-decoration: none;
  background-color: white;
}
.obm-link:focus, .obm-link:active {
  color: white;
}

.featured-resources-module {
  text-align: center;
}
@media (min-width: 60em) {
  .featured-resources-module {
    text-align: left;
  }
}

.featured-resources {
  position: relative;
}
.featured-resources .slides li {
  margin: 0 1.25em 0 0;
}

.frm-wrapper {
  text-align: center;
  background-color: #000;
}
.frm-wrapper > .inner-wrap {
  position: relative;
}
@media (min-width: 60em) {
  .frm-wrapper {
    overflow: hidden;
    text-align: left;
  }
  .frm-wrapper > .inner-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-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;
    padding-top: 0.625em;
    padding-bottom: 0;
  }
  .frm-wrapper > .inner-wrap > * {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
}

@media (min-width: 60em) {
  .frm-tabs-wrapper {
    padding: 0 1.875em;
  }
}

.frm-heading {
  font-size: 1.3125em;
  font-weight: 700;
  color: white;
}
@media (min-width: 60em) {
  .frm-heading {
    font-size: 1.375em;
    margin-bottom: 0;
    margin-top: 0;
  }
}

.frm-tabs {
  padding: 0;
}
.frm-tabs li {
  padding: 0.625em;
  list-style-type: none;
  cursor: pointer;
}
.frm-tabs li.active {
  background-color: #fff;
}
.frm-tabs li.active > a {
  color: #000;
}
.frm-tabs li a {
  color: #fff;
  font-weight: 600;
}
@media (min-width: 60em) {
  .frm-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 0.75em;
  }
  .frm-tabs li {
    background-color: transparent;
    border-bottom: none;
    text-align: center;
    padding: 0.875em 0.625em;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
  .frm-tabs li a {
    font-size: 1.0625em;
  }
}

.frm-tab-content > div {
  height: 0;
  opacity: 0;
}
.frm-tab-content > div.active {
  height: 100%;
  opacity: 1;
}
.frm-tab-content .flexslider .slides > li {
  border-radius: 3px;
  margin: 0 1.25em 0 0;
}
.frm-tab-content .flexslider .slides img {
  width: auto;
}
.frm-tab-content .flex-direction-nav a {
  width: 0.9375em;
  top: 50%;
}
.frm-tab-content .flex-direction-nav a:before {
  height: 3em;
  background-size: 0.6875em 1em !important;
}
.frm-tab-content .flex-direction-nav a.flex-prev {
  left: 1px;
}
.frm-tab-content .flex-direction-nav a.flex-prev:before {
  background-image: url(img/ico-arrow-left.png);
  background-size: 0.6875em 1em !important;
}
.frm-tab-content .flex-direction-nav a.flex-next {
  right: -2px;
}
.frm-tab-content .flex-direction-nav a.flex-next:before {
  background-image: url(img/ico-arrow-right.png);
  background-size: 0.6875em 1em !important;
}
.frm-tab-content .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -3.8125em;
  text-align: center;
  z-index: 100;
  display: none;
}
.frm-tab-content .flex-control-paging li a {
  width: 3.125em;
  height: 0.125em;
  background: #b6d1dd;
  cursor: pointer;
}
.frm-tab-content .flex-control-paging li a.flex-active {
  background: #0097d6;
  cursor: pointer;
}
@media (min-width: 60em) {
  .frm-tab-content .flexslider .slides > li {
    margin: 0 1.25em 0 0;
  }
  .frm-tab-content .flex-direction-nav a.flex-prev {
    left: -1em;
  }
  .frm-tab-content .flex-direction-nav a.flex-next {
    right: -1.125em;
  }
}
@media (min-width: 80em) {
  .frm-tab-content .flex-direction-nav a.flex-prev {
    left: -2.5em;
  }
  .frm-tab-content .flex-direction-nav a.flex-next {
    right: -2.5em;
  }
}

.frm-item {
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e7e7;
  padding: 1.875em;
  text-align: center;
  border-radius: 5px;
  /*@include mq(medium) {
      min-height: em(697);
  }*/
}
.frm-item.frm-stretch {
  text-align: center;
}
@media (min-width: 60em) {
  .frm-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
    min-height: 23.125em;
  }
  .frm-item.frm-stretch {
    text-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;
  }
  .frm-item.frm-stretch .frm-content {
    width: 90%;
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .frm-item {
    min-height: 34em;
  }
  .frm-item.frm-stretch {
    min-height: initial;
  }
}
.frm-image {
  display: inline-block;
  margin: 0;
}
.frm-image img {
  max-height: 15.4375em;
}
@media (min-width: 60em) {
  .frm-image {
    width: 40%;
  }
}

.btn.frm-cta {
  padding: 0.75em 1em;
  margin-right: 1em;
  margin-left: 1em;
  max-width: 25em;
  text-align: center;
  display: inline-block;
  margin-top: 1em;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  border-radius: 5px;
  background: #d41121;
}
.btn.frm-cta:hover {
  background-color: #b20909;
}
.btn.frm-cta span {
  display: inline-block;
  vertical-align: top;
  padding-right: 1.875em;
  position: relative;
}
.btn.frm-cta span:after {
  content: "";
  position: absolute;
  background-image: url(img/download-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.125em 1.125em;
  right: 0;
  top: 0;
  width: 1.125em;
  height: 1.125em;
}
@media (min-width: 60em) {
  .btn.frm-cta {
    margin: 0.3529411765em 0 0 0;
    font-size: 1.0625em;
    font-weight: 400;
    padding: 0.5882352941em 1.1764705882em;
  }
}

.frm-tab-wrapper {
  overflow: hidden;
  padding-bottom: 0.3125em;
}
@media (min-width: 60em) {
  .frm-tab-wrapper {
    margin-top: 3.125em;
    clear: both;
  }
}

.frm-all-link {
  color: #000;
  text-decoration: none;
  position: relative;
  padding-right: 1.875em;
  margin: 1.0625em;
  display: none;
  vertical-align: top;
  font-weight: 700;
}
.frm-all-link:after {
  content: "";
  position: absolute;
  background-image: url(img/apps-black.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5em 1.5em;
  right: 0;
  top: 0;
  width: 1.5em;
  height: 1.5em;
}
@media (min-width: 60em) {
  .frm-all-link {
    margin: 0;
    display: none;
  }
}

.frm-all {
  margin-top: 0.9375em;
}
.frm-all .frm-all-link {
  font-size: 1.0625em;
  margin: 0;
  display: inline-block;
  color: white;
  padding-right: 1.7647058824em;
  font-weight: 700;
}
.frm-all .frm-all-link:after {
  content: "";
  position: absolute;
  background-image: url(img/apps-white.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.4117647059em 1.4117647059em;
  right: 0;
  top: 0;
  width: 1.4117647059em;
  height: 1.4117647059em;
}
@media (min-width: 60em) {
  .frm-all {
    margin-top: 0;
    display: block;
    text-align: right;
  }
}

@media (min-width: 60em) {
  .frm-content {
    width: 60%;
    padding-left: 1.25em;
  }
}

.frm-title {
  font-size: 1.125em;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.3888888889em;
  color: #000;
  text-transform: none;
}

@media (min-width: 60em) {
  .frm-text {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.25em;
  }
}

.gdd-016-b.site-footer {
  background-color: #000;
}
@media (min-width: 60em) {
  .gdd-016-b.site-footer {
    text-align: left;
  }
}

.sf-upper-div {
  margin-bottom: 2.8125em;
}
@media (min-width: 60em) {
  .sf-upper-div {
    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;
    margin-bottom: 0;
  }
}

.sud-item {
  margin-bottom: 2.5em;
}
@media (min-width: 60em) {
  .sud-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .sud-item:nth-of-type(2) {
    padding-left: 5em;
  }
}

.sud-heading {
  font-size: 1.3125em;
  color: white;
  font-weight: 700;
}
@media (min-width: 60em) {
  .sud-heading {
    margin-bottom: 1.4285714286em;
  }
}

.sud-ph {
  font-size: 1em;
  color: white;
  font-weight: 4em 0;
}
.sud-ph:hover {
  color: white;
  text-decoration: underline;
}
.sud-ph:focus, .sud-ph:active {
  color: white;
}
.sud-ph span {
  display: inline-block;
  padding-left: 1.875em;
  position: relative;
}
.sud-ph span:before {
  content: "";
  position: absolute;
  background-image: url(img/ph.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.75em 0.8125em;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.75em;
  height: 0.8125em;
}

.sud-address {
  font-size: 1em;
  color: white !important;
  padding: 0 !important;
}
@media (min-width: 60em) {
  .sud-address {
    margin-bottom: 1.875em;
  }
}

.sud-rfq-cta {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.3125em 0.625em;
  padding: 0.375em 1.25em;
  background-color: #d91122;
  border-radius: 3px;
  color: white;
  font-weight: 400;
  min-width: 7.875em;
  border: 1px solid #d91122;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.sud-rfq-cta:hover {
  color: blue;
  background-color: white;
  border: 1px solid #fff;
}
.sud-rfq-cta:focus, .sud-rfq-cta:active {
  color: white;
}

.sud-contact-cta {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.3125em 0.625em;
  padding: 0.375em 1.25em;
  background-color: transparent;
  border-radius: 3px;
  color: white;
  font-weight: 400;
  min-width: 7.875em;
  border: 1px solid #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.sud-contact-cta:hover {
  color: white;
  background-color: #d91122;
  border: 1px solid #d91122;
}
.sud-contact-cta:focus, .sud-contact-cta:active {
  color: white;
}

.sf-links li {
  display: block;
  margin-bottom: 0.5em;
}
.sf-links a {
  color: white;
  font-size: 1em;
  font-weight: 400;
}
.sf-links a:hover {
  color: white;
  text-decoration: underline;
}
.sf-links a:focus, .sf-links a:active {
  color: white;
}

@media (min-width: 60em) {
  .sf-two-column-menu {
    column-count: 2;
    column-gap: 1.75em;
  }
}

@media (min-width: 60em) {
  .sf-lower-div {
    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;
  }
}

.sld-item {
  margin-bottom: 2.5em;
}
@media (min-width: 60em) {
  .sld-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .sld-item:nth-of-type(2) {
    padding-left: 5em;
  }
}

.sld-social-heading {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 400;
  color: white;
  margin-right: 0.625em;
}

.sld-social-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.625em;
}
.sld-social-icon:hover {
  opacity: 0.85;
}
.sld-social-icon img {
  display: inline-block;
  vertical-align: middle;
}

.sld-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.625em;
}
.sld-logo img {
  display: inline-block;
  vertical-align: middle;
}

.sld-code {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  color: white;
  font-weight: 700;
  margin: 0 0.625em 0.625em;
}

.sld-credit-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.625em 0.625em;
}
.sld-credit-logo img {
  display: inline-block;
  vertical-align: middle;
}

.sf-small-gdd {
  border-top: 1px solid #4B4B4B;
  padding-top: 0.625em;
  color: white;
  font-weight: 400;
}
.sf-small-gdd a {
  color: white;
  text-decoration: underline;
}

@media (min-width: 60em) {
  .ssg-left {
    float: left;
  }
}

@media (min-width: 60em) {
  .ssg-right {
    float: right;
  }
}

.page-intro {
  text-align: center;
}
.page-intro > .inner-wrap {
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.pi-heading {
  color: white;
}

/* gdd 016 b css end */
@media (min-width: 40em) {
  .single-post .site-header-wrap, .single-post .home-site-header-wrap {
    margin-top: 5.2em !important;
  }
}

@media (min-width: 40em) {
  .logged-in.admin-bar.single-post .site-header-wrap, .logged-in.admin-bar.single-post .home-site-header-wrap {
    margin-top: 51px !important;
  }
}

@media (min-width: 40em) {
  .infographic img {
    padding-left: 0;
  }
}

.postid-2950 .mfp-close {
  right: 0px !important;
  top: -35px !important;
}

.jump-to {
  height: 5em;
  margin-top: -5em;
  position: relative;
  width: 100%;
  visibility: hidden;
}

/* gdd 018 b css start */
.ask-our-experts-module.gdd-018-b {
  background-color: #f4f4f5;
}

.table-title span {
  color: #d1131a;
}

.contact-form-wrapper {
  margin-top: 2.3125em;
}
.contact-form-wrapper .gform_wrapper {
  width: auto;
}
.contact-form-wrapper .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 400;
}
.contact-form-wrapper .gform_wrapper.gravity-theme .gfield textarea.large {
  height: 5.625em;
}
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=color],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=date],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=datetime-local],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=datetime],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=email],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=month],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=number],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=password],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=search],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=tel],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=text],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=time],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=url],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=week],
.contact-form-wrapper .gform_wrapper.gravity-theme select,
.contact-form-wrapper .gform_wrapper.gravity-theme textarea {
  padding: 0.75em 0.625em;
}
.contact-form-wrapper button,
.contact-form-wrapper input[type=submit] {
  background-color: #d1131a;
  width: 100%;
  display: block;
}
@media (min-width: 60em) {
  .contact-form-wrapper .ginput_recaptcha {
    position: relative;
  }
  .contact-form-wrapper .ginput_recaptcha iframe {
    position: absolute;
    right: 0;
    top: 0;
  }
}

/*=============== Accordion Tabs ===============*/
.resources-new-module .accordion-tabs {
  line-height: 1.5;
  margin-bottom: 1.5em;
  padding: 0 !important;
}
.resources-new-module .accordion-tabs:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 40em) {
  .resources-new-module .accordion-tabs {
    border-radius: 3px;
    border: 1px solid #DDD;
  }
}
.resources-new-module .accordion-tabs .tab-header-and-content {
  list-style: none;
  margin-bottom: 0;
}
.resources-new-module .accordion-tabs .tab-header-and-content:after {
  display: none;
}
@media (min-width: 66em) {
  .resources-new-module .accordion-tabs .tab-header-and-content {
    display: inline;
  }
  .resources-new-module .accordion-tabs .tab-header-and-content:first-child .tab-link {
    margin-left: 1.9444444444em;
  }
  .resources-new-module .accordion-tabs .tab-header-and-content:last-child .tab-link {
    margin-right: 1.9444444444em;
  }
}
@media screen and (max-width: 40em) {
  .resources-new-module .accordion-tabs .tab-header-and-content:first-child .tab-link {
    border-top: 0;
  }
}
.resources-new-module .accordion-tabs .tab-link {
  background-color: #d91722;
  border-top: 1px solid #DDD;
  color: #ffffff;
  display: block;
  font-weight: 600;
  font-size: 1em;
  line-height: 1.3333333333em;
  padding: 0.8333333333em 0.2777777778em;
  text-align: center;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  border-bottom: 0;
  border-radius: 3px;
  position: relative;
}
.resources-new-module .accordion-tabs .tab-link::before {
  content: "";
  background-color: #d91722;
  width: 4.6666666667em;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0.5555555556em;
}
.resources-new-module .accordion-tabs .tab-link:hover {
  color: #ffffff;
  border-bottom: 0;
}
.resources-new-module .accordion-tabs .tab-link:focus {
  outline: none;
}
.resources-new-module .accordion-tabs .tab-link.is-active {
  background-color: black;
}
@media (min-width: 66em) {
  .resources-new-module .accordion-tabs .tab-link.is-active {
    background-color: black;
    border: 1px solid #DDD;
    border-bottom-color: #f7f7f7;
    margin-bottom: -1px;
  }
}
@media (min-width: 66em) {
  .resources-new-module .accordion-tabs .tab-link {
    margin-left: 1em;
    display: inline-block;
    border-top: 0;
    max-width: 13.8333333333em;
    width: 100%;
    position: relative;
    z-index: 5;
  }
}
.resources-new-module .accordion-tabs .tab-content {
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid #eaeaea;
  display: none;
  padding: 1.5em 1.618em;
  width: 100%;
  border-radius: 6px;
}
.resources-new-module .accordion-tabs .tab-content > *:first-child {
  margin-top: 0;
}
.resources-new-module .accordion-tabs .tab-content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 66em) {
  .resources-new-module .accordion-tabs .tab-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    float: left;
    margin-top: -1.875em;
    padding-top: 6.4375em;
    padding-bottom: 6.4375em;
  }
}

.rnm-item-ebook {
  max-width: 17.625em;
  width: 100%;
  margin: 0 auto 1.5625em;
}
.rnm-item-ebook > a {
  display: block;
  text-align: center;
}

.rnm-item-ebook {
  text-align: center;
}
.rnm-item-ebook .rnmi-image {
  display: block;
  max-width: 13.5625em;
  width: 100%;
  margin: 0 auto 2.5em;
}
.rnm-item-ebook .rnmi-image img {
  display: inline-block;
  vertical-align: middle;
  height: 18.875em;
  max-width: 15.25em;
}

.rnm-item-iso {
  max-width: 13.5625em;
  margin: 0 auto 1.5625em;
  width: 100%;
  text-align: center;
}
.rnm-item-iso .rnmi-image {
  display: block;
  max-width: 13.5625em;
  width: 100%;
  margin: 0 auto 1.5625em;
}
.rnm-item-iso .rnmi-image img {
  display: inline-block;
  vertical-align: middle;
}

.rnmi-title {
  text-decoration: underline;
  font-size: 1.125em;
  color: #000000;
  line-height: 1.3333333333em;
  display: block;
  text-align: center;
}

.rnm-item-video {
  text-align: center;
}
.rnm-item-video .rnmi-image {
  display: block;
  max-width: 25.5em;
  width: 100%;
  margin: 0 auto 2.5em;
  position: relative;
}
.rnm-item-video .rnmi-image::before {
  content: "";
  background-image: url(img/youtube-play-button-play-video-youtube-logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  width: 8.0625em;
  height: 5.5em;
  position: absolute;
  transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
}
.rnm-item-video .rnmi-image img {
  display: inline-block;
  vertical-align: middle;
}
.rnm-item-video .rnmi-title {
  max-width: 15.6666666667em;
  width: 100%;
  margin: 0 auto;
}

.rnm-item-infographic .rnmi-image {
  display: block;
  max-width: 17.875em;
  width: 100%;
  margin: 0 auto 2.5em;
}
.rnm-item-infographic .rnmi-image img {
  display: inline-block;
  vertical-align: middle;
}
.rnm-item-infographic .rnmi-title {
  max-width: 15.6666666667em;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.gdd-019-b .site-footer-bottom {
  background-color: #121D29;
  color: #ffffffd9;
  font-weight: 400;
  font-size: 18px;
}
.gdd-019-b .site-footer-bottom a {
  color: #ffffffd9;
}
.gdd-019-b .site-footer-bottom a:hover {
  text-decoration: underline;
}
.gdd-019-b .sf-upper-logo,
.gdd-019-b .sf-upper-menu {
  text-align: center;
  padding-top: 1em;
}
.gdd-019-b .sf-upper-menu {
  padding-top: 2em;
}
.gdd-019-b .sf-upper-logo img {
  width: 215px;
}
.gdd-019-b .sf-one-column-menu {
  display: inline-flex;
  border-top: 1px solid #ffffff80;
  padding-top: 13px;
  border-bottom: 1px solid #ffffff80;
  padding-bottom: 5px;
}
.gdd-019-b .sf-one-column-menu li {
  padding-right: 14px;
  padding-left: 14px;
  font-size: 17px;
}
.gdd-019-b .sf-upper-div1 {
  padding-top: 2.3em;
}
.gdd-019-b .sf-upper-div1 .sud-item {
  display: flex;
  justify-content: center;
}
.gdd-019-b .sf-upper-div1 a.sud-ph {
  float: left;
  font-weight: 400;
  color: #eef4f9;
}
.gdd-019-b .sf-upper-div1 p.sud-address {
  float: right;
  margin: 0 0 0 3em;
  color: #eef4f9;
}
.gdd-019-b .sf-upper-div1 p.sud-address br {
  display: none;
}
.gdd-019-b .sf-upper-div1 .sud-ph span,
.gdd-019-b .sf-upper-div1 p.sud-address span {
  padding-left: 1.2em;
  position: relative;
  font-size: 18px;
  font-weight: 300;
}
.gdd-019-b .sf-upper-div1 p.sud-address span:before {
  content: "";
  position: absolute;
  background-image: url(https://www.newprocess.com/assets/location-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em;
  left: 0;
  top: 50%;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gdd-019-b .sf-lower-div1 span.sld-social-heading {
  display: none;
}
.gdd-019-b .sf-lower-div1,
.gdd-019-b .sud-cta-wrap {
  text-align: center;
}
.gdd-019-b .sf-upper-div1 .sud-ph span:before {
  background-size: 0.91em;
  width: 1em;
  height: 1em;
}
.gdd-019-b .site-footer-top {
  background-image: url(https://www.newprocess.com/assets/gdd-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 1em;
  padding-bottom: 1.5em;
}
.gdd-019-b .site-footer-middle {
  text-align: center;
}
.gdd-019-b .site-footer-middle h4 {
  color: #fff;
  font-size: 21px;
  padding-top: 1em;
  padding-bottom: 1.3em;
  font-weight: bold;
}
.gdd-019-b .site-footer-middle .sld-item:nth-child(1) {
  background-color: #25374b;
  padding-top: 10px;
  padding-bottom: 10px;
}
.gdd-019-b .site-footer-middle .sld-item:nth-child(2) {
  background-color: #1e3046;
  padding-top: 10px;
  padding-bottom: 10px;
}
.gdd-019-b .site-footer-middle .sld-item:nth-child(3) {
  background-color: #1a2737;
  padding-top: 10px;
  padding-bottom: 10px;
}
.gdd-019-b .site-footer-middle .sld-item {
  margin-bottom: 0;
}
.gdd-019-b .site-footer-middle ul#menu-footer-nav-11 {
  display: inline-flex;
}
.gdd-019-b .site-footer-middle .sf-links ul#menu-footer-nav-11 a {
  position: relative;
  padding-left: 20px;
}
.gdd-019-b .site-footer-middle .sf-links ul#menu-footer-nav-11 a:after {
  content: "";
  border: 1px solid;
  height: 14px;
  position: absolute;
  bottom: 2px;
  margin-left: 9px;
}
.gdd-019-b .site-footer-middle .sld-logo {
  margin: 0 0.625em 1em;
}
.gdd-019-b .site-footer-top .sud-contact-cta,
.gdd-019-b .site-footer-top .sud-rfq-cta {
  padding: 0.49em 2.26em;
  font-size: 21px;
  border-width: 2px;
}
.gdd-019-b a.sud-rfq-cta:hover {
  color: blue !important;
}
.gdd-019-b .sf-links a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
}
.gdd-019-b .site-footer-middle .sf-links ul#menu-footer-nav-11 li:last-child a:after {
  display: none;
}
.gdd-019-b .site-footer-bottom .inner-wrap {
  padding: 0.5em;
}
.gdd-019-b .sud-item {
  margin-bottom: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
  .gdd-019-b .sf-one-column-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1100px) {
  .gdd-019-b .sf-one-column-menu {
    display: flex;
    justify-content: center;
  }

  .gdd-019-b .sf-one-column-menu li {
    padding-right: 10px;
    padding-left: 10px;
  }

  .site-footer-middle .sf-links ul#menu-footer-nav-11 a:after {
    margin-left: 5px;
  }

  .site-footer-middle .sf-links ul#menu-footer-nav-11 a {
    padding-left: 15px;
    font-size: 0.93em;
  }
}
.gdd-019-b .sud-item {
  margin-bottom: 2em;
}

@media only screen and (max-width: 767px) {
  .gdd-019-b .sf-one-column-menu {
    display: block;
  }

  .sf-upper-div1 .sud-item {
    display: block !important;
  }

  .sf-upper-div1 a.sud-ph {
    float: none !important;
  }

  .sf-upper-div1 p.sud-address {
    float: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .sf-upper-div1 p.sud-address span:before {
    top: 28% !important;
  }
}
@media (min-width: 60em) {
  .gdd-019-b .sld-item:nth-of-type(2) {
    padding-left: 0;
  }
}
.ginput_recaptcha {
  transform: scale(0.8);
  transform-origin: 0 0;
}
@media (min-width: 40em) {
  .ginput_recaptcha {
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .ginput_recaptcha {
    transform: scale(0.8);
  }
}
@media (min-width: 960px) {
  .ginput_recaptcha {
    transform: scale(1);
  }
}
@media (min-width: 66em) {
  .mfp-zoom-out-cur .sh-sticky-wrap-gdd.stuck, .mfp-zoom-out-cur .internal-links-nav.stuck {
    width: calc(100% - 17px) !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}

.no-transition {
  transition: none;
}
.no-transition .internal-links-nav {
  transition: none;
}

@media (min-width: 66em) {
  .mfp-zoom-out-cur .utility-nav-gdd.stuck {
    width: calc(100% - 17px) !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}

.social-proof-module {
  background-color: #F4F4F5;
}
.social-proof-module .inner-wrap {
  padding-bottom: 6.25em;
}
.social-proof-module .spm-inner-wrap {
  background-color: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.7) 0px 2px 5px -1px, rgba(0, 0, 0, 0.6) 0px 1px 3px -1px;
  background-color: #ffffff;
  padding: 1.3125em 0.9375em;
  max-width: 20.625em;
  margin: 0 auto 1.875em;
  position: relative;
}
.social-proof-module .spm-inner-wrap:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 10px;
  background-image: url("/assets/quote.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
}
.social-proof-module .spm-inner-wrap:last-child {
  margin-bottom: 0;
}
.social-proof-module .spm-content {
  position: relative;
}
.social-proof-module .spm-content p {
  font-size: 0.9375em;
  line-height: 1.9333333333em;
  letter-spacing: -0.22px;
  color: #000000;
}
.social-proof-module .spm-content p:first-child {
  margin-top: 0.6666666667em;
}
.social-proof-module .spm-content p:last-child {
  margin-bottom: 2em;
}
.social-proof-module .spm-title {
  display: block;
  font-size: 0.9375em;
  line-height: 1.9333333333em;
  letter-spacing: -0.22px;
  color: #000000;
  position: relative;
}
.social-proof-module .spm-rating-box {
  display: inline-block;
  position: relative;
  line-height: 1;
  font-size: 19px;
  text-align: center;
}
.social-proof-module .spm-rating-box .spm-star-rating-avg {
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
}
.social-proof-module .spm-rating-box .spm-star-rating-avg:before {
  font: normal normal normal 14px/1 FontAwesome;
  color: #F5A623;
  font-size: 1.0625em;
}
.social-proof-module .spm-rating-box .spm-star-rating-avg.stars-1:before {
  content: "";
}
.social-proof-module .spm-rating-box .spm-star-rating-avg.stars-2:before {
  content: "";
}
.social-proof-module .spm-rating-box .spm-star-rating-avg.stars-3:before {
  content: "";
}
.social-proof-module .spm-rating-box .spm-star-rating-avg.stars-4:before {
  content: "";
}
.social-proof-module .spm-rating-box .spm-star-rating-avg.stars-5:before {
  content: "";
}
@media (min-width: 40em) {
  .social-proof-module .spm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -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;
  }
  .social-proof-module .spm-inner-wrap {
    max-width: 17.8125em;
    padding: 1.3125em 2em;
    margin: 0;
  }
}
@media (min-width: 66em) {
  .social-proof-module .spm-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 61px;
    -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;
  }
  .social-proof-module .spm-inner-wrap {
    max-width: 100%;
    width: 33.33%;
    padding: 1.3125em 2em;
  }
}

.site-content .inner-wrap.no-padding {
  padding: 0;
}

.contact-form-module {
  background-color: #F4F4F5;
}
.contact-form-module .inner-wrap {
  padding-top: 3.125em;
  padding-bottom: 5.5625em;
}
.contact-form-module .cfm-heading {
  font-size: 1.875em;
  line-height: 1.5em;
  font-weight: 700;
  letter-spacing: -0.44px;
  color: #black;
  text-align: center;
}
.contact-form-module .cfm-heading span {
  color: #D0251B;
}
.contact-form-module .cfm-content {
  max-width: 41.25em;
  margin: 0 auto 3.0625em;
}
.contact-form-module .cfm-content p {
  color: #333;
  font-size: 1.125em;
  line-height: 1.3333333333em;
  font-weight: 600;
  text-align: center;
}
.contact-form-module .cfm-form {
  max-width: 55.5em;
  margin: 0 auto;
}
.contact-form-module .cfm-form .gform_required_legend {
  display: none;
}
.contact-form-module .cfm-form .hs-form {
  background: transparent;
  padding: 0 0;
  box-shadow: none;
  border: 0;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme .gfield_label {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 0;
  letter-spacing: -0.19px;
  line-height: 21px;
  color: #000000;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme input,
.contact-form-module .cfm-form .gform_wrapper.gravity-theme select,
.contact-form-module .cfm-form .gform_wrapper.gravity-theme textarea {
  border: 0.75px solid #979797;
  background-color: #ffffff;
  padding: 12px 10px;
  border-radius: 0;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme select {
  padding: 11px 10px;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme textarea {
  min-height: 81px;
  height: auto;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme input[type=file] {
  background-color: transparent;
  border: 0;
  padding: 12px 0;
  border-radius: 0;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme #field_submit input {
  background-color: #BE2025;
  color: #ffffff;
  border-radius: 5px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  padding: 23px 10px 22px;
  max-width: 569px;
  border: 0 !important;
  text-transform: uppercase;
  border: 2px solid #BE2025 !important;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme #field_submit input:hover, .contact-form-module .cfm-form .gform_wrapper.gravity-theme #field_submit input:focus {
  background-color: #ffffff;
  color: #BE2025;
  border: 2px solid #BE2025 !important;
}
.contact-form-module .cfm-form .gform_wrapper.gravity-theme .gform_footer {
  display: none;
}
@media (min-width: 40em) {
  .contact-form-module .cfm-form .gform_wrapper.gravity-theme .gform_fields {
    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;
    grid-column-gap: 8px;
    grid-row-gap: 15px;
    -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;
  }
  .contact-form-module .cfm-form .gform_wrapper.gravity-theme input[type=file] {
    width: calc(90% - 8px);
  }
  .contact-form-module .cfm-form .col-3,
.contact-form-module .cfm-form .col-4,
.contact-form-module .cfm-form .col-6,
.contact-form-module .cfm-form .col-9 {
    margin-right: 0;
  }
  .contact-form-module .cfm-form .col-3 {
    width: 23.9%;
  }
  .contact-form-module .cfm-form .col-6 {
    width: 49.234%;
  }
  .contact-form-module .cfm-form .col-9 {
    width: 74.58%;
  }
  .contact-form-module .ginput_recaptcha {
    -webkit-transform: scale(0.64);
    -moz-transform: scale(0.64);
    -ms-transform: scale(0.64);
    -o-transform: scale(0.64);
    transform: scale(0.64);
  }
  .contact-form-module #field_submit {
    width: 66.7%;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
  }
}
@media (min-width: 60em) {
  .contact-form-module .cfm-form .gform_wrapper {
    width: 100%;
    float: none;
  }
  .contact-form-module .cfm-form .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 12px;
  }
  .contact-form-module .cfm-form .gform_wrapper.gravity-theme input[type=file] {
    width: calc(65% - 8px);
  }
  .contact-form-module .ginput_recaptcha {
    -webkit-transform: scale(0.935);
    -moz-transform: scale(0.935);
    -ms-transform: scale(0.935);
    -o-transform: scale(0.935);
    transform: scale(0.935);
  }
}

.page-id-1684 .site-header-gdd {
  background-color: rgba(28, 32, 42, 0.95);
}
@media (min-width: 60em) {
  .page-id-1684 .site-header-gdd .inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-id-1684 .site-header-gdd .inner-wrap::after {
    display: none;
  }
  .page-id-1684 .site-header-gdd .site-nav-container {
    padding: 0 !important;
  }
}

/********************Infogrphics styles start**********************/
body.page-id-3621 .page-intro {
  display: none;
}

.sim-site-intro {
  padding: 5.625em 1.5em 4.75em;
  text-align: center;
}

h1.sims-heading {
  color: #C60027;
  font-size: 4em;
  line-height: 1.15625em;
  margin-bottom: 0;
}
h1.sims-heading > span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0.203125em 0;
  border-top: 2px solid #C60027;
  border-bottom: 2px solid #C60027;
}

.sim-wrap {
  position: relative;
}
@media (min-width: 66em) {
  .sim-wrap {
    font-size: 1.25vw;
  }
}
@media (min-width: 80em) {
  .sim-wrap {
    font-size: 1em;
  }
}

.sim-content {
  padding: 1.5625em;
}
@media (min-width: 66em) {
  .sim-content {
    position: absolute;
    left: 5.3125em;
    top: 0;
    width: 33.125em;
    padding: 0;
    padding-right: 4.9375em;
  }
}
@media (min-width: 80em) {
  .sim-content {
    padding-right: 0.9375em;
  }
}

.sim-row {
  display: flex;
  align-items: center;
  margin-bottom: 1.5625em;
}

.sim-img-wrap {
  max-width: 8.125em;
  width: 100%;
}

.sism-content {
  padding-left: 1.5625em;
}

.sim-rows-wrap {
  padding-top: 3.9375em;
}

.sism-img > svg {
  width: 100%;
  display: block;
}

.sism-popup-text-wrap {
  position: absolute;
  left: 0;
  bottom: 23%;
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.25vw;
}
.sism-popup-text-wrap > div {
  text-align: center;
  flex-basis: 50%;
  padding: 0 1.5625em;
}
@media (min-width: 80em) {
  .sism-popup-text-wrap {
    font-size: 1em;
  }
}

.sism-popup-text > span {
  display: inline-block;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  color: #C60027;
  font-size: 1.5em;
  text-transform: uppercase;
  line-height: 1.4166666667em;
  background-color: white;
  padding: 0.5416666667em 1.2916666667em;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.simer-img {
  position: relative;
  z-index: 1;
  /*&::before {
      content: '';
      background-image: url(https://www.newprocess.com/assets/the-extrusion-bg-new.png);  
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height:em(636);
      z-index: -1;
  }*/
}

@media (min-width: 40em) {
  .hm-wrap {
    display: flex;
    align-items: center;
    /* justify-content: center; */
  }
}

.hm-wrap > div {
  flex-basis: 50%;
}

figure.hdm-img {
  /* display: flex; */
  max-width: 531px;
  width: 100%;
  margin: 0 auto;
}
figure.hdm-img img {
  display: block;
  width: 100%;
}

.pellets-fall-module {
  background-color: #36513F;
}
.pellets-fall-module .inner-wrap-fullwidth {
  padding: 3.9375em 1em;
}
@media (min-width: 40em) {
  .pellets-fall-module .inner-wrap-fullwidth {
    padding: 3.9375em 3.75em;
  }
}

.pfm-wrap {
  max-width: 80em;
  width: 100%;
  margin: 0 auto;
  padding: 5.875em 1.25em;
  background-image: url(https://www.newprocess.com/assets/Pellets-fall-down-the-hopper-and-are-heated-and-melted-down-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pfm-wraper {
  max-width: 886px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
.pfm-wraper .info-heading {
  text-align: center;
}

.pfm-rows {
  margin-bottom: 3.8125em;
  margin-top: 4.4375em;
}
@media (min-width: 40em) {
  .pfm-rows {
    display: flex;
    align-items: center;
  }
}

.pfmr-image {
  max-width: 8.125em;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 40em) {
  .pfmr-image {
    margin: 0;
  }
}

@media (min-width: 40em) {
  .pfmr-body {
    padding-left: 1.9375em;
  }
}

.info-heading {
  font-size: 3.375em;
  line-height: 1.4814814815em;
  text-transform: uppercase;
  color: black;
  font-weight: 600;
}
.info-heading > span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
.info-heading.exm-heading {
  margin-top: 0;
}

.extrusion-module .inner-wrap-fullwidth {
  padding-top: 4.875em;
  padding-bottom: 5.1875em;
}

.exm-wrap {
  max-width: 79.25em;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 66em) {
  .exm-wrap {
    position: relative;
  }
}

.exm-content {
  padding: 1.5em;
}
@media (min-width: 66em) {
  .exm-content {
    position: absolute;
    max-width: 33em;
    width: 100%;
    right: 0;
    top: 1.5625em;
  }
}

.fpsm-content p {
  font-size: 1em;
  line-height: 1.5625em;
  color: #555555;
}

.final-product-module {
  position: relative;
  /*.inner-wrap-fullwidth{
      padding-top: em(67);
      padding-bottom: em(45);
  }*/
}
@media (min-width: 66em) {
  .final-product-module {
    background-color: #E0E0E0;
  }
}

@media (min-width: 66em) {
  .fpm-wrap {
    display: flex;
  }
  .fpm-wrap > div {
    flex-basis: 50%;
  }
}

.fpsm-img {
  max-width: 43.6875em;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.fpsm-img::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  left: -150%;
  bottom: 0;
  width: 300%;
  height: 55%;
  z-index: -1;
}
@media (min-width: 66em) {
  .fpsm-img {
    position: absolute;
    left: 0;
    bottom: 2.625em;
    max-width: 100%;
    width: 50%;
    text-align: center;
  }
  .fpsm-img::before {
    content: "";
    display: none;
  }
}

.fpsm-content {
  padding: 1.5em;
  padding-top: 4.1875em;
  padding-bottom: 2.8125em;
  background-color: #E0E0E0;
}
@media (min-width: 100em) {
  .fpsm-content {
    padding-right: 23.1428571429vw;
  }
}

.full-width-cta-info-module {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
}
.full-width-cta-info-module .inner-wrap {
  position: relative;
  padding-top: 3.875em;
  padding-bottom: 3.25em;
}
.full-width-cta-info-module::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.full-width-cta-info-module h3 {
  color: white;
  font-size: 1.75em;
  line-height: 1.3571428571em;
  font-weight: 600;
}
.full-width-cta-info-module p {
  font-size: 1.125em;
  line-height: 1.3888888889em;
  color: white;
}

.fwcim-body-wrap {
  max-width: 37.1875em;
  width: 100%;
  margin: 0 auto 0.3125em;
}

.fwcim-cta-wrap .btn {
  background-color: transparent;
  border: 2px solid white;
  color: white;
  border-radius: 3px;
  font-size: 1.75em;
  line-height: 1em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  padding: 0.2142857143em 1.1785714286em 0.25em;
  font-weight: 400;
}
.fwcim-cta-wrap .btn:hover {
  background-color: white;
  color: black;
}

.hm-content h3 {
  font-size: 1.5em;
  line-height: 1.1666666667em;
  text-transform: uppercase;
  color: #555555;
}

.hopper-module {
  position: relative;
  padding-top: 3.1875em;
}
.hopper-module::before {
  content: "";
  background-image: url(https://www.newprocess.com/assets/hopper-top-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.1875em;
}
.hopper-module::after {
  content: "";
  background-color: rgba(48, 71, 55, 0.85);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.1875em;
}

.hmc-content {
  max-width: 35em;
  width: 100%;
  padding: 1.25em;
}
@media (min-width: 40em) {
  .hmc-content {
    padding: 0;
    padding-right: 1.5625em;
  }
}

/*@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.aos-animate[data-aos="infadeInUp"]{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}*/
[data-aos=infadeInUp] {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-property: opacity, transform;
  transition-timing-function: linear !important;
}

[data-aos=infadeInUp].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
}

[data-aos=infadeInLeft] {
  transform: translate3d(-550px, 0, 0);
  transition-property: all;
  transition-timing-function: linear !important;
}

[data-aos=infadeInLeft].active {
  transform: translate3d(0, 0px, 0);
}

.pfm-wrap {
  position: relative;
}
.pfm-wrap:before {
  content: "";
  background-image: url(https://www.newprocess.com/assets/pallets-fall-down-dots-group-1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 66em) {
  body.page-id-3621 .site-header-wrap-gdd {
    min-height: 8.1875em;
  }
}

.sims-heading {
  font-weight: 600;
}

.pfmr-body p {
  font-weight: 600;
}

.ht_testimonials-module {
  margin: 2.5em 0em;
  width: 100%;
  height: auto;
}
.ht_testimonials-module .inner-wrap-fullwidth {
  max-width: 1900px;
  margin: auto;
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.25vw;
  }
}
@media (min-width: 80em) {
  .ht_testimonials-module .ht-flex-row {
    font-size: 16px;
  }
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-left {
    width: 33.804%;
  }
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-left-text {
  padding: 0 1.5em 0 1.5em;
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-left .ht-left-text {
    padding: 0 0 0 4.4375em;
  }
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-left-text h5 {
  font-size: 1.125em;
  line-height: 0.6923076923em;
  font-family: "Oswald";
  font-weight: 600;
  color: #000000;
  margin-right: 1em;
  text-transform: uppercase;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-left-text h2 {
  font-size: 3em;
  line-height: 1.4791666667em;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-left-text .ht-cta {
  background: #D81023 0% 0% no-repeat padding-box;
  padding: 0.8615em 3.293em;
  font-size: 18px;
  border: 1px solid #D81023;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-left-text .ht-cta:hover {
  background: transparent;
  color: #D81023;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-prev-btn {
  background: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  display: inline-block;
  width: 34px !important;
  height: 34px;
  padding: 0;
  position: relative;
  margin-right: 1em;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-prev-btn img {
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-prev-btn:hover {
  opacity: 0.75;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-next-btn {
  background: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  display: inline-block;
  width: 34px !important;
  height: 34px;
  padding: 0;
  position: relative;
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-next-btn img {
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: scaleX(-1);
}
.ht_testimonials-module .ht-flex-row .ht-left .ht-next-btn:hover {
  opacity: 0.75;
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-right {
    width: 66.197%;
    flex: 1;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide {
  padding: 1em;
  min-width: 400px;
}
@media (min-width: 380px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide {
    padding: 1.5em;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide .ht-item {
  padding: 1.625em 1.09375em;
  box-shadow: 0px 2px 4px 1px #000000a8;
  padding: 1.625em 1.09375em;
  box-shadow: 0px 2px 4px 1px #000000a8;
  background: url(/assets/nova-quote-icon4.svg);
  background-repeat: no-repeat;
  background-position: 95% 5%;
  max-width: 400px;
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide .ht-item .ht-review-text p {
  font-size: 1.25em;
  line-height: 1.35em;
  color: #000000;
  font-family: "Open Sans";
  padding-bottom: 2em;
  border-bottom: 1px solid #000;
}
@media (max-width: 390px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide .ht-item .ht-review-text p {
    font-size: 1em;
    line-height: 1.5625em;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide .ht-item .clientname {
  font-size: 1.125em;
  line-height: 1.6111111111em;
  color: #000;
  font-family: Poppins;
  font-weight: bold;
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-current {
  position: relative;
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-current {
    transform: scale(1.05) translate(10px, 0px);
  }
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-list {
    padding: 0 50px 0 0px !important;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide {
  transition: 0.5s;
}
@media (min-width: 60em) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-track {
    display: flex;
    align-items: center;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-prev {
  display: inline-block;
  background: #AE2E26;
  color: transparent;
  border: 0;
  position: absolute;
  top: 35%;
  left: -15px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
@media (min-width: 640px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-prev {
    left: -20px;
  }
}
@media (min-width: 1250px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-prev {
    left: -45px;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-prev:before {
  opacity: 1;
  background: url(/wp-content/uploads/ico-arrow-left-white.svg);
  height: 15px;
  width: 15px;
  display: block;
  content: "";
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-next {
  display: inline-block;
  background: #AE2E26;
  color: transparent;
  border: 0;
  position: absolute;
  top: 35%;
  right: -15px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
@media (min-width: 640px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-next {
    right: -20px;
  }
}
@media (min-width: 1250px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-next {
    right: -45px;
  }
}
.ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-next:before {
  transform: scaleX(-1);
  opacity: 1;
  background: url(/wp-content/uploads/ico-arrow-left-white.svg);
  height: 15px;
  width: 15px;
  display: block;
  content: "";
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 640px) {
  .ht_testimonials-module .ht-flex-row .ht-right .ht-wrap .slick-slide .ht-item {
    max-width: 100%;
  }
}
.wp-image-3939 img {
  position: relative;
  z-index: 1;
}

.gdd-024-a .si-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gdd-024-a .si-video:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.4);*/
}
.gdd-024-a .si-video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
  -moz-object-fit: fill;
  -webkit-object-fit: fill;
  -o-object-fit: fill;
  -ms-object-fit: fill;
}
@media (min-width: 80em) {
  .gdd-024-a .si-video video {
    width: 100%;
    height: auto;
  }
}
.gdd-024-a .utility-nav-gdd {
  z-index: 99;
  position: relative;
}
@media (min-width: 66em) {
  .gdd-024-a .utility-nav-gdd.stuck {
    position: fixed;
  }
}
.gdd-024-a .site-intro:before {
  background: #0000004D;
  opacity: 1;
  left: 0;
}
.gdd-024-a .site-intro > .inner-wrap {
  padding-top: 1.25em;
}
@media (min-width: 66em) {
  .gdd-024-a .site-intro > .inner-wrap {
    padding-top: 4.5625em;
  }
}
@media (min-width: 80em) {
  .gdd-024-a .site-intro > .inner-wrap {
    padding-top: 7.8125em;
  }
}
.gdd-024-a:before {
  background-image: none;
}
@media (min-width: 66em) {
  .gdd-024-a .sh-sticky-wrap-gdd.stuck {
    top: 51px;
    position: fixed;
  }
}
@media (min-width: 66em) {
  .gdd-024-a .sh-sticky-wrap-gdd > .inner-wrap {
    align-items: center;
  }
}
@media (min-width: 66em) {
  .gdd-024-a .sn-li-l1:hover .sn-level-2 {
    margin-top: 6px;
  }
}
.gdd-024-a .sh-sticky-wrap-gdd {
  position: relative;
  z-index: 9;
}
.gdd-024-a .si-heading {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 36px;
  line-height: 53px;
  font-weight: 500;
  text-transform: capitalize;
}
.gdd-024-a .si-heading span {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  color: #D0141A;
  font-size: 36px;
  font-weight: 500;
  line-height: 53px;
  text-transform: uppercase;
}
.gdd-024-a .si-text {
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 66em) {
  .gdd-024-a .si-text {
    max-width: 608px;
    margin-bottom: 28px;
  }
}
@media (min-width: 66em) {
  .gdd-024-a .si-content {
    margin-left: 0 !important;
  }
}
@media (min-width: 66em) {
  .gdd-024-a .si-logo {
    display: none;
  }
}
.gdd-024-a .si-git-cta {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  background-color: #D0141A;
  color: #fff;
  padding: 12.5px 20px;
  text-align: center;
}
@media (min-width: 66em) {
  .gdd-024-a .si-git-cta {
    min-width: 246px;
    margin-right: 27px;
  }
}
.gdd-024-a .si-git-cta:hover {
  background-color: #e93a3a;
  color: white;
}
@media (max-width: 430px) {
  .gdd-024-a .si-git-cta {
    margin-bottom: 10px;
  }
}
.gdd-024-a .si-vcw-cta {
  border: 3px solid #FFFFFF;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  padding: 9.5px 20px;
}
@media (min-width: 66em) {
  .gdd-024-a .si-vcw-cta {
    min-width: 246px;
  }
}
.gdd-024-a .si-vcw-cta:hover {
  border: 3px solid #d11319;
}

.resource-module {
  margin-bottom: 0 !important;
}

.catalog-cta-module {
  text-align: center;
  background-color: #d91122;
  margin: 20px 0;
  clear: both;
}
.catalog-cta-module > .inner-wrap {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}
@media (min-width: 40em) {
  .catalog-cta-module {
    text-align: left;
  }
  .catalog-cta-module > .inner-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-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;
    justify-content: center;
    /*            >* {
                    @include flex(1);
                }*/
  }
}
@media (min-width: 60em) {
  .catalog-cta-module > .inner-wrap {
    padding-top: 3.125em;
    padding-bottom: 3.125em;
  }
}

.ccm-left {
  margin-bottom: 1.5625em;
}
@media (min-width: 40em) {
  .ccm-left {
    padding-right: 1.25em;
    margin-bottom: 0;
    /*border-right: 1px solid #fff;*/
  }
}
@media (min-width: 60em) {
  .ccm-left {
    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-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;
    padding-right: 1.875em;
  }
}
@media (min-width: 80em) {
  .ccm-left {
    padding-right: 3.125em;
  }
}

@media (min-width: 40em) {
  .ccm-right {
    padding-left: 0;
  }
}
@media (min-width: 60em) {
  .ccm-right {
    padding-left: 0;
  }
}
@media (min-width: 80em) {
  .ccm-right {
    padding-left: 0;
  }
}

.ccm-heading {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  color: white;
  margin-top: 0;
  margin-bottom: 1.3888888889em;
}
@media (min-width: 60em) {
  .ccm-heading {
    margin-right: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1em;
    line-height: 1.375em;
  }
}
@media (min-width: 80em) {
  .ccm-heading {
    font-size: 1.125em;
    line-height: 1.3333333333em;
  }
}

@media (min-width: 798px) and (max-width: 804px) {
  .ccm-heading {
    margin-bottom: 1.3888888889em;
  }
}
@media (min-width: 805px) {
  .ccm-heading {
    margin-bottom: 0;
  }
}
.ccm-cta {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #fff;
  padding: 0.3571428571em 2.5714285714em;
  color: #fff !important;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none !important;
}
.ccm-cta:hover {
  background-color: #d11319;
  border: 2px solid #fff;
  color: white;
}
.ccm-cta:active, .ccm-cta:focus {
  color: white;
}
@media (min-width: 60em) {
  .ccm-cta {
    float: right;
  }
}

.ccm-text-cta {
  color: #ffffff !important;
  text-decoration: none !important;
}
.ccm-text-cta:hover {
  text-decoration: underline !important;
}

.right-img {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.page-id-3982 .page-intro > .inner-wrap, .page-id-4020 .page-intro > .inner-wrap, .page-id-4055 .page-intro > .inner-wrap, .page-id-4057 .page-intro > .inner-wrap, .page-id-4059 .page-intro > .inner-wrap {
  padding-top: 2.25em;
  padding-bottom: 2.25em;
}
.page-id-3982 .site-header-wrap-gdd, .page-id-4020 .site-header-wrap-gdd, .page-id-4055 .site-header-wrap-gdd, .page-id-4057 .site-header-wrap-gdd, .page-id-4059 .site-header-wrap-gdd {
  z-index: 98 !important;
}

@media (min-width: 66em) {
  .info-list {
    width: calc(100% - 300px);
  }
}
.info-list .alignright {
  clear: unset;
  text-align: center;
  float: right;
  margin: 0 0 10px 10px;
}
@media (min-width: 66em) {
  .info-list .alignright {
    margin: 0;
  }
}

.list-text a {
  display: inline-block;
}

.alignright {
  text-align: center;
}

.testimonial-module-gdd.gdd-016-b {
  display: none;
}

.industry-served-gdd .inner-wrap-fullwidth {
  padding: 0 1.5em 0 1.5em;
}
@media (min-width: 60em) {
  .industry-served-gdd .inner-wrap-fullwidth {
    padding: 0 4.4375em 0 4.4375em;
  }
}
.industry-served-gdd h2.isg-heading {
  font-family: Oswald;
  font-size: 36px;
  font-weight: 700;
  line-height: 45px;
  text-align: left;
  color: #000000;
}
@media (min-width: 40em) {
  .industry-served-gdd h2.isg-heading {
    font-size: 48px;
    line-height: 71.14px;
  }
}
.industry-served-gdd .slider-wrap {
  padding: 0 12px 0 8px;
}
.industry-served-gdd .slider-wrap .slick-list.draggable {
  padding: 0px 50px 0px 0px !important;
}
@media (min-width: 40em) {
  .industry-served-gdd .slider-wrap .slick-list.draggable {
    padding: 0px 90px 0px 0px !important;
  }
}
@media (min-width: 80em) {
  .industry-served-gdd .slider-wrap .slick-list.draggable {
    padding: 0px 180px 0px 0px !important;
  }
}
@media (max-width: 480px) {
  .industry-served-gdd .slider-wrap .slick-list.draggable {
    padding: 0px !important;
  }
}
@media (min-width: 40em) {
  .industry-served-gdd .slider-wrap {
    padding: 0 40px;
  }
}
@media (min-width: 60em) {
  .industry-served-gdd .slider-wrap {
    padding: 0 35px;
  }
}
@media (min-width: 80em) {
  .industry-served-gdd .slider-wrap {
    padding: 0;
  }
}
.industry-served-gdd .slider-wrap .slick-slide {
  max-height: 433px;
  border-left: 2px solid #FFFFFF;
}
.industry-served-gdd .isg-wrap .slick-next.slick-arrow {
  position: absolute;
  right: -1em;
  top: 50%;
  border: none;
  text-indent: -9999px;
  background-color: white;
  background-image: url(https://www.newprocess.com/assets/ico-arrow-left-white.svg);
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  opacity: 1;
  transform: scaleX(-1) translateY(-50%);
  box-shadow: 0px 0px 7px 0px #0000004A;
  z-index: 1;
  border-radius: 0;
  padding: 0;
  height: 40px;
  width: 40px;
}
@media (min-width: 40em) {
  .industry-served-gdd .isg-wrap .slick-next.slick-arrow {
    right: -1.3em;
  }
}
.industry-served-gdd .isg-wrap .slick-prev.slick-arrow {
  position: absolute;
  left: -1em;
  top: 50%;
  border: none;
  text-indent: -9999px;
  background-color: white;
  background-image: url(https://www.newprocess.com/assets/ico-arrow-left-white.svg);
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  opacity: 1;
  box-shadow: 0px 0px 7px 0px #0000004A;
  z-index: 1;
  border-radius: 0;
  transform: translateY(-50%);
  padding: 0;
  height: 40px;
  width: 40px;
}
@media (min-width: 40em) {
  .industry-served-gdd .isg-wrap .slick-prev.slick-arrow {
    left: -1.3em;
  }
}
.industry-served-gdd .isg-wrap .isg-item {
  position: relative;
  min-height: 433px;
  background-size: cover;
  background-position: center;
}
.industry-served-gdd .isg-wrap .isg-item .isg-industry-image img {
  min-height: 290px;
}
.industry-served-gdd .isg-wrap .isg-item .isg-inner-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  display: block;
  top: 332px;
  background-color: #273A51;
  transition: all 0.25s ease;
  min-height: 0;
  text-align: center;
  padding: 15px;
}
.industry-served-gdd .isg-wrap .isg-item .isg-inner-wrap .isg-industry-bucket-heading {
  font-size: 22px;
  font-weight: 700;
  line-height: 27.78px;
  color: #FFFFFF;
  padding: 20px 15px 30px 15px;
}
.industry-served-gdd .isg-wrap .isg-item .isg-inner-wrap .isg-industry-bucket-description p {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  padding: 0 15px 0 15px;
  margin-top: 0.5em;
}
.industry-served-gdd .isg-wrap .isg-item:hover .isg-inner-wrap {
  top: 258px;
  background-color: #000000BF;
}
.industry-served-gdd .isg-wrap .isg-item:hover .isg-inner-wrap .isg-industry-bucket-heading {
  font-family: "Oswald";
  font-size: 22px;
  font-weight: 700;
  line-height: 32.6px;
  color: #FFFFFF;
  padding: 15px 15px 0px 15px;
}

.content-with-right-image-module .inner-wrap {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.content-with-right-image-module .cwrim-right {
  margin-top: 1.875em;
  max-width: 36.125em;
  margin: 0 auto;
}
.content-with-right-image-module .cwrim-right .lightbox {
  display: block;
}
.content-with-right-image-module .cwrim-right img {
  max-width: 100%;
  max-height: 24em;
  object-fit: cover;
  object-position: center;
  display: block;
  width: 100%;
}
@media (min-width: 60em) {
  .content-with-right-image-module .cwrim-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .content-with-right-image-module .cwrim-left {
    width: 51%;
  }
  .content-with-right-image-module .cwrim-content {
    padding-right: 1em;
  }
  .content-with-right-image-module .cwrim-right {
    margin: 0;
    max-width: 100%;
    width: 49.5%;
  }
}

.standard-text-module .stm-content h2 {
  margin-top: 0;
}
.standard-text-module ul {
  clear: left;
  list-style-type: none;
  margin-bottom: 0.75em;
  padding-left: 1.5em;
}
.standard-text-module ul li {
  position: relative;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.5em;
}
.standard-text-module ul li p {
  font-size: 1em;
}
.standard-text-module ul li a {
  text-decoration: none;
  font-weight: normal;
}
.standard-text-module ul li:after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  top: 0;
  left: -1.5em;
  background-image: url(img/ico-bullet.svg);
  background-position: center center;
  background-size: 0.45em;
  background-repeat: no-repeat;
}

.benefits-module .bm-section-content {
  margin-top: 2.5em;
  margin-bottom: 1.875em;
}
.benefits-module .bm-section-content h2 {
  margin-top: 0;
}
.benefits-module .bm-item {
  height: 100%;
  padding: 2.5em 1.25em 1.25em;
  background-color: #df1017;
  max-width: 23.75em;
  width: 100%;
  margin: 0 auto;
}
.benefits-module .bm-col {
  margin-bottom: 1.5em;
}
.benefits-module .bm-image-wrap {
  width: 6.75em;
  height: 6.75em;
  max-width: 100%;
  padding: 0.625em;
  border-radius: 50%;
  background-color: #263950;
  margin: 0 auto 2.5em;
  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;
}
.benefits-module .bm-image-wrap img {
  max-width: 80%;
  max-height: 87%;
  margin: auto;
  display: block;
}
.benefits-module .bm-heading {
  margin-bottom: 0.8333333333em;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5em;
  text-transform: initial;
}
.benefits-module .bm-description {
  color: #ffffff;
  font-size: 1.125em;
  line-height: 1.3888888889em;
  text-align: center;
}
.benefits-module .bm-description p {
  color: #ffffff;
  line-height: 1.4444444444em;
}
@media (min-width: 40em) {
  .benefits-module .bm-item {
    height: 100%;
    padding: 2.5em 3.125em 1.25em;
    background-color: #df1017;
  }
}
@media (min-width: 60em) {
  .benefits-module .bm-row {
    margin: 0 -0.625em;
    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;
  }
  .benefits-module .bm-col {
    padding: 0 0.5em;
    width: 33.33%;
  }
  .benefits-module .bm-item {
    height: 100%;
    padding: 2.5em 1.25em 1.875em;
    background-color: #df1017;
  }
  .benefits-module .bm-image-wrap {
    width: 7.6875em;
    height: 7.6875em;
  }
}
@media (min-width: 80em) {
  .benefits-module .bm-item {
    padding: 2.5em 3.125em 1.875em;
  }
}

.content-with-cta-wrap .ccw-link-items {
  text-align: center;
}
.content-with-cta-wrap .ccw-item {
  padding: 3.75em 1.25em;
  background-color: #263950;
}
.content-with-cta-wrap .ccw-item .ccwi-link:hover {
  background-color: #1d242d;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.content-with-cta-wrap .ccw-item:last-child {
  background-color: #df1017;
}
.content-with-cta-wrap .ccw-item:last-child .ccwi-link:hover {
  background-color: #d11319;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.content-with-cta-wrap .ccwi-title {
  font-size: 1.125em;
  line-height: 1.4444444444em;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 1.3888888889em;
}
.content-with-cta-wrap .ccwi-link {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #ffffff;
  padding: 0.3571428571em 2.2857142857em;
  color: #ffffff !important;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1.3571428571em;
}
.content-with-cta-wrap .ccwi-link:active, .content-with-cta-wrap .ccwi-link:focus {
  color: #ffffff;
}
@media (min-width: 40em) {
  .content-with-cta-wrap .ccw-link-items {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .content-with-cta-wrap .ccw-item {
    width: 50%;
  }
}
@media (min-width: 60em) {
  .content-with-cta-wrap .ccwi-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-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;
  }
  .content-with-cta-wrap .ccwi-title {
    display: inline-block;
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 0;
    margin-right: 2.5em;
  }
}
@media (min-width: 80em) {
  .content-with-cta-wrap .ccwi-title {
    font-size: 1.125em;
    line-height: 1.4444444444em;
    margin-right: 2.2222222222em;
  }
}

.faq-module .inner-wrap {
  padding-top: 3.75em;
  padding-bottom: 2.5em;
}
.faq-module .fm-tab-items {
  margin-top: 2.5em;
}
.faq-module .fm-tab {
  margin-bottom: 1.25em;
  border: 0 !important;
}
.faq-module .fm-tab:last-child {
  margin-bottom: 0;
}
.faq-module .fm-tab .ce-header {
  background-color: #263950;
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-weight: 700;
  padding: 1.0625em 2.8125em 1.0625em 1.25em;
  color: #ffffff;
  border: 0;
  margin: 0;
  text-transform: initial;
}
.faq-module .fm-tab .ce-header:after {
  content: "";
  background-image: url(img/ico-plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.7777777778em;
  height: 0.7777777778em;
  padding-left: 0;
  position: absolute;
  right: 1.1111111111em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq-module .fm-tab .ce-body {
  background-color: #EFEFEF;
  font-size: 1.125em;
  line-height: 1.3333333333em;
  color: #42464A;
}
.faq-module .fm-tab.active {
  border: 0;
}
.faq-module .fm-tab.active .ce-header {
  background-color: #df1017;
}
.faq-module .fm-tab.active .ce-header:after {
  background-image: url(img/ico-minus.svg);
}
.faq-module .fm-tab.active .ce-body {
  background-color: #EFEFEF;
  padding: 1.1111111111em;
}

.versus-module .vm-section-content {
  margin-top: 2.5em;
  margin-bottom: 1.875em;
}
.versus-module .vm-section-content h2 {
  margin-top: 0;
}
.versus-module .vm-item {
  height: 100%;
  padding: 2.5em 1.25em 1.5em;
  background-color: #263950;
  max-width: 23.75em;
  width: 100%;
  margin: 0 auto;
}
.versus-module .vm-col {
  margin-bottom: 1.5em;
}
.versus-module .vm-image-wrap {
  width: 6.75em;
  height: 6.75em;
  max-width: 100%;
  padding: 0.625em;
  border-radius: 50%;
  background-color: #df1017;
  margin: 0 auto 2.5em;
  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;
}
.versus-module .vm-image-wrap img {
  max-width: 80%;
  max-height: 87%;
  margin: auto;
  display: block;
}
.versus-module .vm-heading {
  margin-bottom: 0.8333333333em;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
}
.versus-module .vm-description {
  color: #ffffff;
  font-size: 1.125em;
  line-height: 1.3888888889em;
  text-align: center;
}
.versus-module .vm-description p {
  color: #ffffff;
  line-height: 1.4444444444em;
}
.versus-module .vm-mid-col {
  margin: 1.875em 4.5em;
  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;
}
.versus-module .vm-text-wrap {
  width: 4.375em;
  hyphens: 4.375em;
  background-color: #df1017;
  border-radius: 50%;
}
.versus-module .vm-text-wrap span {
  display: inline-block;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.875em;
  line-height: 1.5em;
  padding: 0.4em 0.6333333333em;
  color: #ffffff;
}
@media (min-width: 40em) {
  .versus-module .vm-item {
    padding: 2.5em 2.5em 1.5em;
  }
}
@media (min-width: 60em) {
  .versus-module .vm-row {
    margin: 0 -0.625em;
    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;
  }
  .versus-module .vm-col {
    padding: 0 0.5em;
    width: 33.33%;
  }
  .versus-module .vm-item {
    height: 100%;
    padding: 2.5em 1.25em 1.625em;
  }
  .versus-module .vm-image-wrap {
    width: 7.6875em;
    height: 7.6875em;
  }
}
@media (min-width: 80em) {
  .versus-module .vm-item {
    padding: 2.5em 2.5em 1.625em;
  }
}

.video-module-wrap {
  position: relative;
}
.video-module-wrap .inner-wrap {
  padding-top: 2.25em;
  padding-bottom: 2.25em;
}
.video-module-wrap .video-wrap {
  text-align: center;
}
.video-module-wrap:before {
  content: "";
  position: absolute;
  height: 9.6875em;
  background-color: #df1017;
  width: 100%;
  bottom: 0;
  left: 0;
}
.video-module-wrap .popup-youtube {
  max-width: 35.8125em;
  display: inline-block;
  position: relative;
}
.video-module-wrap .popup-youtube:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  width: 68px;
  height: 48px;
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  z-index: 1;
  cursor: pointer;
  background-image: url(img/youtube-icon-red.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.video-module-wrap .popup-youtube:hover:before {
  background-image: url(img/youtube-icon-gray.svg);
}
.video-module-wrap .popup-youtube img {
  width: 100%;
  object-position: center;
  object-fit: cover;
  display: block;
}
.video-module-wrap .video-title {
  margin-top: 1.875em;
  font-size: 1.125em;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.4444444444em;
  position: relative;
}
@media (min-width: 60em) {
  .video-module-wrap:before {
    content: "";
    position: absolute;
    height: 9.6875em;
    background-color: #df1017;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
  .video-module-wrap .popup-youtube img {
    min-height: 20.6875em;
  }
  .video-module-wrap .video-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;
    text-align: left;
  }
  .video-module-wrap .video-title {
    margin-top: 0;
    margin-left: 2.7777777778em;
  }
}
@media (min-width: 80em) {
  .video-module-wrap .video-title {
    margin-left: 6.6666666667em;
  }
}

.tab-content-bg-mob .click-expand {
  margin-bottom: 1em;
  border: 0;
}
.tab-content-bg-mob .click-expand:last-child {
  margin-bottom: 0;
}
.tab-content-bg-mob .click-expand .ce-header {
  background-color: #263950;
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-weight: 700;
  padding: 1.0625em 2.8125em 1.0625em 1.25em;
  color: #ffffff;
  border: 0;
  margin: 0;
  text-transform: initial;
}
.tab-content-bg-mob .click-expand .ce-header:after {
  content: "";
  background-image: url(img/ico-plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.7777777778em;
  height: 0.7777777778em;
  padding-left: 0;
  position: absolute;
  right: 1.1111111111em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tab-content-bg-mob .click-expand.active {
  border: 0;
}
.tab-content-bg-mob .click-expand.active .ce-header {
  background-color: #df1017;
}
.tab-content-bg-mob .click-expand.active .ce-header:after {
  background-image: url(img/ico-minus.svg);
}
.tab-content-bg-mob .click-expand.active .ce-body {
  padding: 1.1111111111em;
}
.tab-content-bg-mob .tab-img-wrap {
  text-align: center;
  padding-top: 1.25em;
}
.tab-content-bg-mob .ce-body {
  position: relative;
  background-color: #263950;
  padding: 0 0 !important;
}
.tab-content-bg-mob .ce-body:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 33.5px solid transparent;
  border-right: 33.5px solid transparent;
  border-top: 33.5px solid #ffffff;
  position: absolute;
  left: 50%;
  top: -1px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.tab-content-bg-mob .ce-body .tab-desc {
  padding: 1.875em 1.25em;
  color: #ffffff;
}
.tab-content-bg-mob .ce-body .tab-desc h2 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0.9523809524em;
}
.tab-content-bg-mob .ce-body .tab-desc p {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.625em;
}
.tab-content-bg-mob .ce-body .tab-desc ul li {
  padding: 0;
  padding-left: 1.5625em;
  font-size: 1em;
  line-height: 1.5em;
  color: #ffffff;
  margin-bottom: 0.625em;
  position: relative;
}
.tab-content-bg-mob .ce-body .tab-desc ul li:after {
  content: "";
  position: absolute;
  left: 0.3125em;
  width: 0.5em;
  height: 0.5em;
  background-color: #ffffff;
  border-radius: 50%;
  top: 0.5em;
  background-image: none !important;
}
@media (min-width: 60em) {
  .tab-content-bg-mob {
    display: none;
  }
}

.tab-content-bg-desk {
  display: none;
}
@media (min-width: 60em) {
  .tab-content-bg-desk {
    display: block;
  }
}

.tab-content-bg .accordion-tabs {
  margin-bottom: 0;
  width: 100%;
  border-radius: 0;
  text-align: center;
  /*@include display (flex);
  @include align-items(flex-end);
  @include justify-content (center);*/
}
.tab-content-bg .accordion-tabs .tab-header-and-content {
  color: #ffffff;
  border: 0;
  border-right-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-radius: 0;
  border-bottom: 5px solid #263950;
  display: inline;
}
.tab-content-bg .accordion-tabs .tab-header-and-content:last-child {
  border-bottom: 0;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link {
  border: none;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1em 0.9375em 2.3125em;
  display: inline-block;
  margin: 0 1.5625em;
  position: relative;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link:hover {
  opacity: 0.8;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link.is-active {
  color: #000000;
  opacity: 1;
  background-color: transparent;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link.is-active:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 28.5px solid transparent;
  border-right: 28.5px solid transparent;
  border-top: 28.5px solid #ffffff;
  position: absolute;
  left: 50%;
  bottom: -27px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link figure {
  margin-bottom: 1.8181818182em;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link figure img {
  display: block;
  margin: auto;
}
.tab-content-bg .accordion-tabs .tab-header-and-content .tab-link span {
  font-size: 1em;
  line-height: 1.5em;
  color: #263950;
  font-weight: 600;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.tab-content-bg .accordion-tabs .tab-header-and-content:first-child img {
  margin: 0 auto 0 0;
}
.tab-content-bg .tab-content {
  position: relative;
  background-color: #263950;
  padding: 0;
  border-top: 5px solid #263950;
  display: none;
  text-align: left;
  float: left;
  width: 100%;
}
.tab-content-bg .tab-desc {
  padding: 1.875em 1.25em 1.875em;
  color: #ffffff;
}
.tab-content-bg .tab-desc h2 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0.9523809524em;
}
.tab-content-bg .tab-desc p {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.625em;
}
.tab-content-bg .tab-desc a {
  color: #ffffff;
  text-decoration: underline;
}
.tab-content-bg .tab-desc a:hover {
  text-decoration: none;
}
.tab-content-bg .tab-desc ul {
  margin-top: 1.25em;
  margin-left: 0;
  color: #ffffff;
}
.tab-content-bg .tab-desc ul li {
  padding: 0;
  padding-left: 1.5625em;
  font-size: 1em;
  line-height: 1.5em;
  color: #ffffff;
  margin-bottom: 0.625em;
  position: relative;
}
.tab-content-bg .tab-desc ul li:after {
  content: "";
  position: absolute;
  left: 0.3125em;
  width: 0.5em;
  height: 0.5em;
  background-color: #ffffff;
  border-radius: 50%;
  top: 0.5em;
  background-image: none !important;
}
.tab-content-bg .tab-img-wrap {
  margin-bottom: 0;
  height: 100%;
}
.tab-content-bg .tab-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tab-content-bg .tab-innercontent.desk-show {
  display: none;
}
@media (min-width: 40em) {
  .tab-content-bg .accordion-tabs {
    border: none;
  }
  .tab-content-bg .accordion-tabs .tab-header-and-content {
    border-bottom: 0;
  }
  .tab-content-bg .accordion-tabs .tab-header-and-content .tab-link {
    width: auto;
  }
  .tab-content-bg .tab-content {
    border-top: 0;
  }
  .tab-content-bg .tab-content:before {
    top: -1px;
  }
}
@media (min-width: 60em) {
  .tab-content-bg .tab-content-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tab-content-bg .tab-innercontent {
    width: 62.8%;
  }
  .tab-content-bg .tab-innercontent.desk-show {
    display: block;
    width: 37.3%;
  }
  .tab-content-bg .tab-innercontent.mob-show {
    display: none;
  }
  .tab-content-bg .tab-desc {
    padding: 3.125em 3.125em 3.125em;
  }
}

.internal-links-nav {
  margin-top: 0;
  background-color: #000000;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
}
.internal-links-nav .inner-wrap {
  padding-top: 0.375em;
  padding-bottom: 0.375em;
}
.internal-links-nav ul {
  padding: 0;
}
.internal-links-nav li {
  width: 100%;
  padding: 0;
  display: inline-block;
  list-style-type: none;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  transition: 0.25s all linear;
  padding: 0.625em 0;
}
.internal-links-nav li a {
  display: block;
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  -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 0.5em 0.5em;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
}
.internal-links-nav li:hover a {
  border-bottom: 3px solid #ffffff;
}
.internal-links-nav li.pillar-active a {
  border-bottom: 3px solid #ffffff;
}
@media (min-width: 60em) {
  .internal-links-nav.stuck {
    position: fixed;
    z-index: 2;
    left: 0;
    width: 100%;
    margin-top: 0;
  }
  .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-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;
  }
  .internal-links-nav li {
    width: auto;
    margin-bottom: 0;
    text-align: center;
  }
  .internal-links-nav li a {
    display: inline-block;
    text-align: left;
    font-size: 1em;
    line-height: 1.625em;
    padding: 0.625em 0.625em 0.625em;
  }
}
@media (min-width: 80em) {
  .internal-links-nav li a {
    font-size: 1.25em;
    line-height: 1.5em;
    padding: 0.5em 1em 0.5em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .internal-links-nav li a {
    font-size: 0.875em;
    line-height: 1.2857142857em;
    padding: 0.3571428571em 0.7142857143em 0.3571428571em;
  }
}

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

.page-template-pillar-page-new .site-content-primary.top-padding {
  padding-top: 0 !important;
}
.page-template-pillar-page-new .catalog-cta-module {
  margin: 0;
}
.page-template-pillar-page-new .catalog-cta-module .ccm-cta {
  padding: 0.3571428571em 2.2857142857em;
}
.page-template-pillar-page-new .mfp-iframe-holder .mfp-content {
  max-width: 56.25em !important;
}
.page-template-pillar-page-new .mfp-iframe-holder .mfp-close {
  top: -40px !important;
}
@media (min-width: 66em) {
  .page-template-pillar-page-new .catalog-cta-module > .inner-wrap {
    padding-top: 3.75em;
    padding-bottom: 3.75em;
  }
  .page-template-pillar-page-new .catalog-cta-module .ccm-left {
    padding-right: 2.5em;
  }
}
@media (min-width: 80em) {
  .page-template-pillar-page-new .catalog-cta-module .ccm-left {
    padding-right: 2.5em;
  }
}

@media (min-width: 1024px) {
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0.875em 1em 1em !important;
  }

  .sh-sticky-wrap-gdd .sn-li-l1.menu-item-has-children > a span > span {
    bottom: -0.9em !important;
  }

  .gdd-024-a .sn-li-l1:hover .sn-level-2 {
    margin-top: 0px !important;
  }

  .sn-li-l1:hover .sn-level-2 {
    margin-top: 0px !important;
  }
}
@media (max-width: 1023px) and (min-width: 960px) {
  .sh-sticky-wrap-gdd .sn-li-l1.menu-item-has-children > a span > span {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75em;
    content: "";
    height: 51px;
    position: absolute;
    right: 8px;
    top: 0;
    width: 1.4375em;
    left: auto;
    transform: none;
  }
}
@media (max-width: 1023px) {
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0.9375em 1.5em !important;
  }

  .industry-served-gdd .slick-next.slick-arrow {
    z-index: 1 !important;
  }

  section.stamping-services-module-gdd.gdd-016-b {
    z-index: 1 !important;
    position: relative !important;
  }
}
@media (min-width: 640px) {
  .ul-two-col {
    column-count: 2;
  }
}
@media (min-width: 875px) {
  .two-col {
    column-count: 2;
  }
}
li.thickness-tolerances > strong {
  padding-bottom: 1em;
  display: inline-block;
}

.fp-tableCell {
  vertical-align: top !important;
}

@media (min-width: 768px) {
  .page-id-2608 .alignright {
    float: right;
    margin-left: 1.5em;
    clear: both;
  }

  .page-id-2608 a.lightbox {
    display: block;
    line-height: 0;
  }
}
.page-id-2608 .alignright {
  margin-top: 1em;
  padding-bottom: 1em;
}

@media (max-width: 767px) {
  .page-id-2608 .lightbox {
    display: block;
    width: fit-content;
    margin: 0 auto;
    line-height: 0;
  }
}
@media (min-width: 768px) {
  .page-id-2613 .alignright {
    float: right;
    margin-left: 1.5em;
    clear: both;
  }

  .page-id-2613 a.lightbox {
    display: block;
    line-height: 0;
  }
}
@media (max-width: 767px) {
  .page-id-2613 .lightbox {
    display: block;
    width: fit-content;
    margin: 0 auto;
    line-height: 0;
  }
}
.site-nav {
  /*.inner-wrap{
  	padding-top: 0;
  	padding-bottom: 0;.sn-li-l1
  	float: none;
  }*/
  position: relative;
  background-color: #1d242d;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  z-index: 1000;
}
.site-nav.active {
  display: block;
  background-color: #1d242d;
  background-color: rgba(35, 39, 46, 0.9);
}
@media (min-width: 40em) {
  .site-nav {
    float: left;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 66em) {
  .site-nav {
    /*  position: fixed;
      left: 0;
      right: 0;
      top: 44px;*/
  }
}
@media (min-width: 64em) {
  .site-nav {
    background-color: rgba(0, 0, 0, 0);
    position: static;
  }
}

.sn-level-1 {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
@media (min-width: 64em) {
  .sn-level-1 {
    text-align: center;
  }
}

.sn-li-l1 {
  display: block;
  border-bottom: 1px solid #27303d;
  position: relative;
}
.sn-li-l1:nth-child(7n) {
  padding: 0;
  margin: 0;
}
.sn-li-l1:nth-child(7n) a {
  /*line-height: 33px;
   		padding: 7px 0 0;*/
}
.sn-li-l1 a.active {
  background-color: #1d242d;
}
.sn-li-l1 span {
  font-size: 1.125em;
  white-space: nowrap;
}
@media (min-width: 64em) {
  .sn-li-l1 span {
    font-size: 0.875em;
  }
}
@media (min-width: 80em) {
  .sn-li-l1 span {
    font-size: 1.125em;
  }
}
.sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span {
  display: block;
}
.sn-li-l1.has-subnav > a span > span, .sn-li-l1.menu-item-has-children > a span > span {
  background-image: url(img/ico-arrowdown.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75em;
  content: "";
  height: 0.875em;
  position: absolute;
  right: 0;
  top: 1.1875em;
  width: 1.4375em;
}
@media (min-width: 64em) {
  .sn-li-l1.has-subnav > a span > span, .sn-li-l1.menu-item-has-children > a span > span {
    right: -0.8125em;
    top: 0.5625em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .sn-li-l1.has-subnav > a span > span, .sn-li-l1.menu-item-has-children > a span > span {
    right: -0.5em;
    top: 0.375em;
  }
}
.sn-li-l1.has-subnav > a.active span > span, .sn-li-l1.menu-item-has-children > a.active span > span {
  background-image: url(img/ico-arrowup-svg.svg);
  background-repeat: no-repeat;
}
.sn-li-l1 > a {
  display: block;
  height: 3.125em;
  line-height: 3.125em;
  color: #ffffff;
  text-decoration: none;
  padding: 0 1em;
}
.sn-li-l1 > a:visited {
  color: #ffffff;
}
.sn-li-l1 > a:hover {
  color: #ffffff;
}
.sn-li-l1:hover {
  background-color: #1d242d;
}
@media (min-width: 64em) {
  .sn-li-l1 {
    display: block;
    float: left;
    border-bottom: 0;
    position: static;
  }
  .sn-li-l1:hover .sn-level-2 {
    display: flex;
    min-width: 15em;
    position: absolute;
    left: 0;
  }
  .sn-li-l1.has-subnav > a span, .sn-li-l1.menu-item-has-children > a span {
    padding-right: 0.5em;
    background-size: 0.625em;
    display: inline;
    position: relative;
  }
  .sn-li-l1.has-subnav > a.active span, .sn-li-l1.menu-item-has-children > a.active span {
    background-image: url(img/ico-arrowdown.svg);
  }
  .sn-li-l1 > a {
    padding: 0 0.5625em;
    height: 7.5em;
    line-height: 7.5em;
  }
  .sn-li-l1.btn, .sn-li-l1.btn-important {
    padding: 0.3em 0;
  }
}
@media (min-width: 66em) {
  .sn-li-l1 > a {
    padding: 0 1em;
  }
}
@media (min-width: 80em) {
  .sn-li-l1 > a {
    padding: 0 0.5em;
  }
}
@media (min-width: 100em) {
  .sn-li-l1 > a {
    padding: 0 0.625em;
  }
}

.sn-level-2 {
  padding: 0;
  margin: 0;
  display: none;
  position: relative;
  width: 100%;
}
.sn-level-2.active {
  display: block;
}
@media (min-width: 66em) {
  .sn-level-2 {
    position: absolute;
  }
  .sn-level-2.active {
    display: none;
  }
}
@media (min-width: 64em) {
  .sn-level-2 {
    flex-wrap: wrap;
  }
  .sn-level-2:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background-color: #1d242d;
  }
  .sn-level-2:before > * {
    z-index: 1;
  }
}

.sn-li-l2, .sn-li-l3 {
  background-color: #1d242d;
  position: relative;
}
.sn-li-l2 span, .sn-li-l3 span {
  white-space: normal;
}
.sn-li-l2.has-subnav > a, .has-subnav.sn-li-l3 > a, .sn-li-l2.menu-item-has-children > a, .menu-item-has-children.sn-li-l3 > a {
  position: relative;
}
.sn-li-l2.has-subnav > a span, .has-subnav.sn-li-l3 > a span, .sn-li-l2.menu-item-has-children > a span, .menu-item-has-children.sn-li-l3 > a span {
  display: block;
}
.sn-li-l2.has-subnav > a span > span, .has-subnav.sn-li-l3 > a span > span, .sn-li-l2.menu-item-has-children > a span > span, .menu-item-has-children.sn-li-l3 > a span > span {
  background-image: url(img/ico-arrowdown.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75em;
  content: "";
  height: 51px;
  position: absolute;
  right: 8px;
  top: 0;
  width: 1.4375em;
}
@media (min-width: 64em) {
  .sn-li-l2.has-subnav > a span > span, .has-subnav.sn-li-l3 > a span > span, .sn-li-l2.menu-item-has-children > a span > span, .menu-item-has-children.sn-li-l3 > a span > span {
    display: none;
  }
}
.sn-li-l2.has-subnav > a.active span > span, .has-subnav.sn-li-l3 > a.active span > span, .sn-li-l2.menu-item-has-children > a.active span > span, .menu-item-has-children.sn-li-l3 > a.active span > span {
  background-image: url(img/ico-arrowup-svg.svg);
  background-repeat: no-repeat;
}
.sn-li-l2 > a, .sn-li-l3 > a {
  padding: 0.625em 1em 0.875em;
  color: #ffffff;
  border-top: 1px solid #313d4c;
  display: block;
  text-decoration: none;
  line-height: normal;
}
.sn-li-l2 > a span, .sn-li-l3 > a span {
  font-size: 1em;
  line-height: 1.25em;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.sn-li-l2:last-child > a, .sn-li-l3:last-child > a {
  border-bottom: 0;
}
.sn-li-l2:hover, .sn-li-l3:hover {
  background-color: #090b0e;
}
@media (min-width: 66em) {
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0 0.5em;
  }
}
@media (min-width: 64em) {
  .sn-li-l2, .sn-li-l3 {
    width: 24%;
    text-align: left;
    margin: 0 0.3125em;
  }
  .sn-li-l2:hover .sn-level-3, .sn-li-l3:hover .sn-level-3 {
    display: block;
  }
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0 0.5em;
    display: flex;
    align-items: center;
    height: 100%;
  }
}
@media (min-width: 80em) {
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0 0.5em;
  }
}

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

.sn-li-l3 {
  width: 100%;
  background-color: #d91122;
  margin: 0;
}

/*
//Site Nav Home
.site-nav-home {
	//display:none !important;
	@include mq(medium) {
		background-color:$dark-blue !important;
		position:relative;
		margin-top:-$nav-height;
		@include transition(all .25s ease-in-out);
		&.active {
			display:block !important;
			margin-top:0;
		}
	}
}


*/
.site-nav-container {
  background-color: #1d242d;
  width: 17em;
  height: 100%;
  right: -17em;
  top: 0;
  bottom: 0;
  z-index: 1000;
  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: 64em) {
  .site-nav-container {
    width: auto;
    height: auto;
    right: auto;
    bottom: auto;
    top: auto;
    position: static;
    background-color: transparent;
  }
}
.site-nav-container .snc-header {
  text-align: center;
  padding: 1em;
}
@media (min-width: 64em) {
  .site-nav-container .snc-header {
    padding: 0;
  }
}
@media (min-width: 40em) {
  .site-nav-container .snc-header .close-menu {
    display: inline-block;
    padding: 0.25em 1em;
    padding-right: 1.5625em;
    border-radius: 0.1875em;
  }
}
@media (min-width: 64em) {
  .site-nav-container .snc-header .close-menu {
    display: none;
  }
}

.site-nav-container-screen {
  position: absolute;
  display: none;
  z-index: 0;
  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: 40em) {
  .site-nav-container-screen {
    display: none !important;
  }
}

.close-menu {
  display: inline-block;
  clear: both;
  position: relative;
  text-align: center;
  color: #263950 !important;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  padding: 0.25em 1em;
  padding-right: 1.5625em;
  margin: 0 auto;
  font-size: 0.875em;
  background-color: #ffffff;
  border-radius: 0.1875em;
}
.close-menu:visited {
  color: #ffffff;
}
.close-menu:hover {
  color: #ffffff;
}
.close-menu:after {
  content: "";
  background-color: transparent;
  background-image: url(img/ico-exit-dark.svg);
  background-size: 0.8125em 0.8125em;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 1.5625em;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 40em) {
  .close-menu {
    display: none;
  }
}

.site-nav-container-home {
  background-color: #1d242d;
  width: 17em;
  height: 100%;
  right: -17em;
  top: 0;
  bottom: 0;
  z-index: 1000;
  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-home.active {
  right: 0;
}
@media (min-width: 66em) {
  .site-nav-container-home {
    width: 90%;
    height: auto;
    right: auto;
    bottom: auto;
    top: auto;
    position: static;
    background-color: transparent;
  }
}
.site-nav-container-home .snc-header {
  padding: 1em;
}
@media (min-width: 66em) {
  .site-nav-container-home .snc-header {
    padding: 0;
  }
}
@media (min-width: 40em) {
  .site-nav-container-home .snc-header .close-menu {
    display: inline-block;
    padding: 0.25em 1em;
    padding-right: 1.5625em;
    border-radius: 0.1875em;
  }
}
@media (min-width: 66em) {
  .site-nav-container-home .snc-header .close-menu {
    display: none;
  }
}
@media (min-width: 40em) {
  .site-nav-container-home .site-nav-home {
    background-color: #1d242d;
  }
}
@media (min-width: 64em) {
  .site-nav-container-home .site-nav-home {
    background-color: #1d242d;
    background-color: rgba(35, 39, 46, 0.9);
    position: fixed;
    left: 0;
    right: 0;
    top: 73px;
  }
}

@media (min-width: 66em) {
  .sh-sticky-wrap.stuck .site-nav-container .site-nav-home {
    background-color: #1d242d;
    background-color: rgba(35, 39, 46, 0.9);
  }
}

@media (min-width: 66em) {
  .sn-li-l1:hover .sn-level-2 {
    margin-top: 6px;
  }
}
/*@media screen and (min-width:60em){
	#nav-menu-item-4031 .sn-level-2, #nav-menu-item-3879 .sn-level-2{
			min-height: em(500);
	height: 100%;
	overflow-y: scroll;
	}

}*/
.resource-module {
  background-image: url(img/control-background.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 0;
}
@media (min-width: 40em) {
  .resource-module {
    background-size: 100% 100%;
  }
}
.resource-module .inner-wrap {
  padding-top: 2.25em;
  padding-bottom: 1.25em;
}
.resource-module .rm-heading {
  color: #ffffff;
  font-size: 3em;
  font-weight: 800;
  margin-bottom: 0.9375em;
  text-align: center;
}
@media (min-width: 66em) {
  .resource-module .rm-item-wrap {
    margin-right: 4.8%;
    width: 25.2%;
  }
  .resource-module .rm-item-wrap:nth-of-type(2) {
    width: 40%;
  }
}
.resource-module .rm-item {
  text-align: center;
}
.resource-module .rm-item-title {
  font-size: 1.25em;
  color: #ffffff;
  display: block;
  margin: 1.1em auto 0.95em;
  font-weight: 400;
  line-height: 1.5em;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
}
@media (min-width: 40em) {
  .resource-module .rm-item-title {
    min-height: 4.75em;
  }
}
@media (min-width: 66em) {
  .resource-module .rm-item-title {
    min-height: 3.25em;
  }
}
@media (min-width: 80em) {
  .resource-module .rm-item-title {
    min-height: auto;
  }
}
.resource-module .rm-item-img {
  display: inline-block;
  margin-right: 1.75em;
  max-width: 15.625em;
  vertical-align: top;
  width: 100%;
}
.resource-module .rm-item-img > img {
  display: block;
  margin: 0 auto;
  max-width: 15.625em;
  width: 100%;
}
.resource-module .rm-item-cta {
  background-color: #df1017;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: 0.8125em 1.375em 0.8125em 1.375em;
}
.resource-module.gdd-005-varB {
  background-image: url(img/varB-bg.jpg);
  margin-bottom: 0.4375em;
}
@media (min-width: 40em) {
  .resource-module.gdd-005-varB {
    background-size: cover;
  }
}
.resource-module.gdd-005-varB .inner-wrap {
  max-width: 79.3125em;
  padding-bottom: 0;
  padding-top: 0;
}
.resource-module.gdd-005-varB .gdd-005-wrapper {
  color: #fff;
  display: inline-block;
  padding-top: 2.4375em;
  vertical-align: top;
  padding-bottom: 1.875em;
}
.resource-module.gdd-005-varB .gdd-005-wrapper > span {
  display: block;
  font-size: 1.125em;
  line-height: 1em;
  padding: 0.7777777778em 0.4444444444em;
}
@media (min-width: 66em) {
  .resource-module.gdd-005-varB .gdd-005-wrapper {
    float: left;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 80em) {
  .resource-module.gdd-005-varB .gdd-005-wrapper {
    margin-left: 7.375em;
    padding-top: 2.4375em;
  }
  .resource-module.gdd-005-varB .gdd-005-wrapper span {
    display: inline-block;
    vertical-align: top;
  }
}
.resource-module.gdd-005-varB .rm-item-cta {
  font-weight: 600;
  padding: 0.8125em 1.6875em;
}
.resource-module.gdd-005-varB .rm-heading {
  font-size: 2.25em;
  font-weight: 600;
  letter-spacing: -0.45px;
  margin-bottom: 0.7222222222em;
  text-align: left;
  text-transform: initial;
}
.resource-module.gdd-005-varB .rm-heading > span {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.5555555556em;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.9em;
  text-transform: initial;
}
@media (min-width: 40em) {
  .resource-module.gdd-005-varB .rm-heading {
    font-size: 1.5em;
  }
}
@media (min-width: 60em) {
  .resource-module.gdd-005-varB .rm-heading {
    font-size: 2.25em;
  }
}
.resource-module.gdd-005-varB ul.list-unstyled {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 0.125em;
}
.resource-module.gdd-005-varB ul.list-unstyled > li {
  background: #ffffff;
  color: #1d242d;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5em;
  padding: 0.75em 3.4375em 0.875em 0.9375em;
  position: relative;
  vertical-align: middle;
}
.resource-module.gdd-005-varB ul.list-unstyled > li:after {
  background: url(img/arrow-gdd.png) no-repeat right center/1em 1.1875em;
  content: "";
  height: 1.1875em;
  position: absolute;
  right: 0.875em;
  top: 1em;
  width: 1em;
}
.resource-module.gdd-005-varB ul.list-unstyled > li.init {
  cursor: pointer;
}
.resource-module.gdd-005-varB ul.list-unstyled > li.selected {
  background: #ffffff;
}
.resource-module.gdd-005-varB ul.list-unstyled > li > a {
  color: #1d242d;
}
.resource-module.gdd-005-varB ul.list-unstyled > div {
  background: #ffffff;
  display: none;
  left: 0;
  padding: 0.3888888889em 0;
  position: absolute;
  text-align: left;
  top: 100%;
  vertical-align: top;
  width: 100%;
  z-index: 99;
  border-top: 1px solid #0f2e2d;
}
.resource-module.gdd-005-varB ul.list-unstyled .drop a {
  color: #1d242d;
  display: block;
  font-weight: 400;
  line-height: 2.1111111111em;
  padding: 0 1em;
  text-decoration: none;
}
.resource-module.gdd-005-varB ul.list-unstyled .drop a:hover {
  background: #dfdfdf;
}
.resource-module.gdd-005-varB ul.list-unstyled.active > li:after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 66em) {
  .resource-module.gdd-005-varB ul.list-unstyled > li {
    width: 21.875em;
  }
}
.resource-module.gdd-005-varB .gdd-005-image-wrapper {
  padding: 1em 0;
}
@media (min-width: 40em) {
  .resource-module.gdd-005-varB .gdd-005-image-wrapper {
    float: right;
    overflow: hidden;
    padding: 4em 0;
    width: 56%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 60em) {
  .resource-module.gdd-005-varB .gdd-005-image-wrapper {
    padding: 5em 0 6.5em;
    width: 46%;
  }
}
@media (min-width: 66em) {
  .resource-module.gdd-005-varB .gdd-005-image-wrapper {
    padding: 0 2em 0.1875em 3.4375em;
    width: auto;
  }
}
.resource-module.gdd-005-varB .image-wrap {
  max-width: 29.5em;
  position: relative;
  width: 100%;
  z-index: 1;
}
.resource-module.gdd-005-varB .image-wrap:after {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 0 94px 80px white;
  content: "";
  height: 6.25em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 6.25em;
  z-index: -1;
}
.resource-module.gdd-005-varB .image-wrap > img {
  display: block;
  width: 100%;
}
@media (min-width: 40em) {
  .resource-module.gdd-005-varB .image-wrap:after {
    height: 0;
    width: 0;
  }
}
@media (min-width: 60em) {
  .resource-module.gdd-005-varB .image-wrap:after {
    height: 8em;
    width: 5.5em;
  }
}
@media (min-width: 66em) {
  .resource-module.gdd-005-varB .image-wrap:after {
    height: 15em;
    width: 15em;
  }
}

.gdd-005-pullup {
  display: block;
  margin-bottom: -140px;
}

.gdd-005-pushup {
  padding-top: 120px;
}

/*Site Header*/
.site-full-wrap {
  font-size: 1em;
  max-width: none !important;
}
@media (max-height: 46em) and (min-width: 64em) {
  .site-full-wrap {
    font-size: 0.875em;
  }
}
@media (max-height: 40em) and (min-width: 66em) {
  .site-full-wrap {
    font-size: 0.75em;
  }
}
.site-full-wrap .site-header-wrap, .site-full-wrap .home-site-header-wrap {
  position: absolute;
  background-color: transparent;
  top: 0;
}
.site-full-wrap .site-header, .site-full-wrap .home-site-header {
  position: relative !important;
  background-color: rgba(16, 31, 53, 0.83);
  background-image: none;
  width: 100%;
  z-index: 100;
}
.site-full-wrap .site-header .inner-wrap, .site-full-wrap .home-site-header .inner-wrap {
  padding-bottom: 1.25em;
  padding-top: 1.25em;
  max-width: 111.25em;
  position: relative;
}
@media (min-width: 66em) {
  .site-full-wrap .site-header, .site-full-wrap .home-site-header {
    width: 100%;
    background-color: rgba(16, 31, 53, 0.83);
    background-image: none;
    margin-top: 2.75em;
  }
}
@media (min-width: 66em) {
  .site-full-wrap .site-header .site-logo, .site-full-wrap .home-site-header .site-logo {
    width: 9%;
    max-width: 11.3125em;
  }
}
@media (min-width: 80em) {
  .site-full-wrap .site-header .site-logo, .site-full-wrap .home-site-header .site-logo {
    width: auto;
  }
}
.site-full-wrap .site-header .utility-nav-home .inner-wrap, .site-full-wrap .home-site-header .utility-nav-home .inner-wrap {
  max-width: 120em;
}
@media (min-width: 66em) {
  .site-full-wrap .site-header .utility-nav-home, .site-full-wrap .home-site-header .utility-nav-home {
    position: relative;
  }
}
@media (min-width: 66em) {
  .site-full-wrap .site-header, .site-full-wrap .home-site-header {
    width: 100%;
    background-image: none;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .site-full-wrap .site-header, .site-full-wrap .home-site-header {
    width: 100%;
    background-image: none;
  }
}
.site-full-wrap .site-header .sh-icons.mobile, .site-full-wrap .home-site-header .sh-icons.mobile {
  position: relative;
  z-index: 100;
  width: 67%;
}
@media (min-width: 40em) {
  .site-full-wrap .site-header .sh-icons.mobile, .site-full-wrap .home-site-header .sh-icons.mobile {
    width: auto;
    padding-top: 2.625em;
  }
}
.site-full-wrap .site-nav-container {
  bottom: auto;
  height: auto;
  padding: 0 0 3.125em;
}
.site-full-wrap .site-nav {
  margin-bottom: 1.25em;
}
@media (min-width: 66em) {
  .site-full-wrap .site-nav {
    width: auto;
    top: 0em;
    left: auto;
    right: 11%;
    float: right;
    font-weight: 700;
    margin-bottom: 0;
  }
}
@media (min-width: 80em) {
  .site-full-wrap .site-nav {
    right: 15%;
    top: auto;
    /*position:relative;*/
  }
}
@media (min-width: 100em) {
  .site-full-wrap .site-nav {
    right: 20%;
  }
}
@media (min-width: 66em) {
  .site-full-wrap .sn-li-l1 {
    width: auto !important;
  }
  .site-full-wrap .sn-li-l1:hover {
    background-color: transparent;
  }
}
@media (min-width: 100em) {
  .site-full-wrap .sn-li-l1 a {
    padding: 0 1.4375em;
  }
}
@media (min-width: 66em) {
  .site-full-wrap .sn-level-2 {
    /*width: em(300) !important;*/
  }
}
.site-full-wrap .si-btn-contact {
  background-color: #d60f16;
  color: #ffffff;
  font-size: 1.0625em;
  line-height: 1.8823529412em;
  font-weight: 700;
  padding: 0.5294117647em 4em;
  border-radius: 4px;
  font-family: "Helvetica";
}
@media (min-width: 66em) {
  .site-full-wrap .si-btn-contact {
    position: absolute;
    right: 0;
    padding: 0.5294117647em 1.1764705882em;
  }
}
@media (min-width: 80em) {
  .site-full-wrap .si-btn-contact {
    right: 1.1764705882em;
    padding: 0.5294117647em 2.3529411765em;
  }
}
@media (min-width: 100em) {
  .site-full-wrap .si-btn-contact {
    padding: 0.5294117647em 4.2941176471em 0.5294117647em;
    right: 2.7647058824em;
    margin-top: -0.25em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .site-full-wrap .search-module {
    margin-top: -8.5em;
  }
  .site-full-wrap .search-module.active {
    margin-top: 0;
  }
}

@media (min-width: 64em) {
  .page-id-1945 .utility-nav-home {
    opacity: 0;
  }
}

.page-id-1945 .site-header:after, .page-id-1945 .home-site-header:after {
  background-color: transparent;
}
@media (min-width: 64em) {
  .page-id-1945 .sh-sticky-wrap1 {
    opacity: 0;
    padding-top: 1.9375em;
  }
}

.site-full-wrap .site-header .sh-icons.mobile, .site-full-wrap .home-site-header .sh-icons.mobile {
  opacity: 0;
}

@media (min-width: 64em) {
  .site-full-wrap .site-header, .site-full-wrap .home-site-header {
    background-color: transparent;
  }
}

@media (min-width: 64em) {
  .fp-viewing-firstPage .utility-nav-home {
    opacity: 1;
  }
}
@media (min-width: 64em) {
  .fp-viewing-firstPage .sh-sticky-wrap1 {
    opacity: 1;
  }
}
@media (min-width: 64em) {
  .fp-viewing-firstPage .site-full-wrap .site-header, .fp-viewing-firstPage .site-full-wrap .home-site-header {
    background-color: rgba(16, 31, 53, 0.83);
  }
}
.fp-viewing-firstPage .site-full-wrap .site-header .sh-icons.mobile, .fp-viewing-firstPage .site-full-wrap .home-site-header .sh-icons.mobile {
  opacity: 1;
}

@media (min-width: 64em) {
  .fp-viewing-page15 .site-logo {
    opacity: 0;
  }
}

/*First Section*/
.si-scroll {
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue";
  font-size: 0.6875em;
  text-align: center;
  vertical-align: top;
  bottom: 24%;
  position: absolute;
  left: 4.1818181818em;
  right: 0;
  margin: auto;
}
.si-scroll img {
  display: block;
  margin: 0 auto 2.7272727273em;
}
.si-scroll span {
  display: block;
}

.si-first-wrap-infographics {
  background-image: url(https://www.newprocess.com/wp-content/themes/newprocessfibre-default/img/part-of-everything-first.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center top;
}

/*Side nav*/
.slidesNav-infographic {
  position: absolute;
  right: 3.125em;
  top: 7%;
  width: auto;
  height: 100%;
  z-index: 100;
  text-align: left;
  display: none;
}
@media (min-width: 64em) {
  .slidesNav-infographic {
    display: block;
    position: absolute;
    left: 3%;
    top: 0.7%;
    width: 15%;
    height: 100vh;
    z-index: 100;
    text-align: left;
  }
}
.slidesNav-infographic #menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  right: 0;
}
.slidesNav-infographic li {
  padding-bottom: 0.625em;
}
.slidesNav-infographic li a {
  font-size: 0.75em;
  line-height: 1.5em;
  color: #101f35;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  opacity: 0.6;
}
.slidesNav-infographic li a:hover {
  font-weight: 900;
  color: #df1017;
}
.slidesNav-infographic li.active a {
  font-weight: 900;
  color: #101f35;
  opacity: 0.6;
  padding-left: 1.9166666667em;
}
.slidesNav-infographic li.active a:before {
  background-color: #101f35;
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 46%;
  width: 1.25em;
}

@media (min-width: 64em) {
  .fp-viewing-page15 .slidesNav-infographic, .fp-viewing-firstPage .slidesNav-infographic {
    display: none;
  }
}

@media (max-height: 46em) and (min-width: 64em) {
  .slidesNav-infographic {
    top: 0.6%;
  }

  .slidesNav-infographic li {
    line-height: 1em;
  }
}
/*fOOTER*/
.si-third-wrap {
  background-image: url(img/img-bg-end.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
@media (min-width: 66em) {
  .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;
    	top: 0;
    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    	background-size:99.9% auto;
    }*/
  }
}
@media (min-width: 80em) {
  .si-third-wrap:after {
    left: 32%;
    background-position: 0.0625em -1.1875em;
  }
  .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;

    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    }*/
  }
}
@media (min-width: 100em) {
  .si-third-wrap:after {
    left: 43%;
  }
  .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;

    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    }*/
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .si-third-wrap:after {
    left: 34%;
    background-size: 99.5% auto;
  }
  .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	 left: 50%;
    	  background-size: 99.5% auto;
    }*/
  }
}

.sft-contet-wrap {
  position: relative;
  z-index: 10;
}

.sft-content {
  color: rgba(255, 255, 255, 0.46);
  font-size: 1.125em;
  line-height: 1.5em;
  font-weight: 400;
  margin: 3.3333333333em 0 1.88625em 0;
}
@media (min-width: 80em) {
  .sft-content {
    margin: 14.0555555556em 0 2.7777777778em 0;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .sft-content {
    margin: 8.3333333333em 0 2.7777777778em 0;
  }
}

.sft-heading {
  font-size: 1.875em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.9333333333em;
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 0.8333333333em;
}
.sft-heading:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #28628f;
  bottom: 0;
  position: absolute;
  left: 0;
}

.sft-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sft-link-list {
  width: 100%;
  max-width: 20.75em;
}
@media (min-width: 40em) {
  .sft-link-list {
    width: 33.33%;
  }
}
@media (min-width: 66em) {
  .sft-link-list {
    width: 28.33%;
  }
}
@media (min-width: 80em) {
  .sft-link-list {
    width: 28.33%;
  }
}
.sft-link-list ul li {
  margin-bottom: 0.9375em;
}
.sft-link-list ul li a {
  color: rgba(255, 255, 255, 0.46);
  font-size: 1.125em;
  line-height: 1.6875em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.sft-link-list ul li a:hover {
  color: white;
}
@media (min-width: 66em) {
  .sft-link-list:nth-child(2) {
    margin: 0 7%;
  }
}

.see-more a {
  color: #ffffff !important;
}

.si-btn-wrap {
  /*max-width: 15.75em;*/
  width: 100%;
  text-align: center;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 40em) {
  .si-btn-wrap {
    display: block;
    margin: 1.25em auto 0;
    max-width: none;
  }
}
@media (min-width: 66em) {
  .si-btn-wrap {
    margin: 1.25em 0em 0;
    text-align: center;
  }
}
.si-btn-wrap a {
  display: inline-block;
}
.si-btn-wrap .btn {
  border: 1px solid #005a96;
  border-radius: 3px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  padding: 0.5555555556em 1.7222222222em;
  cursor: pointer;
  max-width: 13.8888888889em;
  display: block;
  margin-bottom: 1.1111111111em;
}
@media (min-width: 40em) {
  .si-btn-wrap .btn {
    display: inline-block;
    vertical-align: top;
    max-width: none;
  }
}
@media (min-width: 40em) {
  .si-btn-wrap .btn:nth-child(2) {
    margin: 0 7%;
  }
}
.si-btn-wrap .btn-alt {
  background-color: #df1017;
  border: 1px solid transparent;
  font-size: 1.125em;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 400;
  padding: 0.5555555556em 1.7222222222em;
  /*max-width: em(250,18);*/
  /*display: block;*/
  width: 100%;
}
@media (min-width: 40em) {
  .si-btn-wrap .btn-alt {
    width: auto;
    display: inline-block;
    vertical-align: top;
    max-width: none;
  }
}
.si-btn-wrap .btn-no-border {
  font-size: 1.125em;
  color: #ffffff;
  font-weight: 400;
  padding: 0.5555555556em 0.5em;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .si-btn-wrap .btn-no-border {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}

.btn-no-border-infographic {
  font-size: 1.125em;
  color: #df1017;
  font-weight: 400;
  padding: 20px 0px;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .btn-no-border-infographic {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}

.btn-no-border-infographic {
  font-size: 1.125em;
  color: #df1017;
  font-weight: 400;
  padding: 20px 0px;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .btn-no-border-infographic {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}
.btn-no-border-infographic:hover {
  color: #000000;
  text-decoration: none;
}

a.btn-no-border-infographic {
  color: #df1017 !important;
  text-decoration: none !important;
}

.btn-no-border-infographic a:hover {
  color: #000000 !important;
  text-decoration: underline;
}

/*si-wrap*/
.si-wrap {
  padding: 1.25em;
  font-size: 0.75em;
}
@media (min-width: 40em) {
  .si-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .si-wrap {
    font-size: 0.75em;
  }
}
@media (min-width: 64em) {
  .si-wrap {
    width: 70%;
    margin-left: 22%;
  }
}
@media (min-width: 80em) {
  .si-wrap {
    font-size: 0.85em;
    width: 49%;
    margin-left: 18%;
  }
}

.sisr-heading-infographic {
  font-size: 3.125em;
  font-weight: 600;
  color: #101f35;
}

.sisr-text-infographic {
  font-size: 1.1875em;
  line-height: 1.4736842105em;
  color: #525559;
}

.sis-left-infographic h4 {
  font-size: 1.6875em;
  line-height: 1.1111111111em;
  color: #101f35;
  margin-bottom: 0.7407407407em;
  font-weight: 600;
}
.sis-left-infographic ul li {
  font-size: 1.3125em;
  line-height: 1.6666666667em;
  color: #525559;
}
.sis-left-infographic ul li::after {
  background-image: url(img/ico-bullet.png);
  background-size: 0.7619047619em 0.5238095238em;
}
@media (min-width: 40em) {
  .sis-left-infographic {
    width: 55%;
    margin-right: 5%;
  }
}

@media (min-width: 40em) {
  .sis-right-infographic {
    width: 40%;
  }
}

.si-second-content-infographic-image {
  display: none;
}
@media (min-width: 80em) {
  .si-second-content-infographic-image {
    width: 33%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
}

.page-id-1684 {
  /*========= Full Page css ======*/
}
.page-id-1684 .site-full-wrap {
  font-size: 1em;
  max-width: none !important;
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .site-full-wrap {
    font-size: 0.875em;
  }
}
@media (max-height: 40em) and (min-width: 66em) {
  .page-id-1684 .site-full-wrap {
    font-size: 0.75em;
  }
}
.page-id-1684 .site-full-wrap .site-header-wrap, .page-id-1684 .site-full-wrap .home-site-header-wrap {
  position: absolute;
  background-color: transparent;
  top: 0;
}
.page-id-1684 .site-full-wrap .site-header, .page-id-1684 .site-full-wrap .home-site-header {
  position: relative !important;
  background-color: rgba(16, 31, 53, 0.83);
  background-image: none;
  width: 100%;
  z-index: 1000;
}
.page-id-1684 .site-full-wrap .site-header .inner-wrap, .page-id-1684 .site-full-wrap .home-site-header .inner-wrap {
  padding-bottom: 1.25em;
  padding-top: 1.8125em;
  max-width: 111.25em;
  position: relative;
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .site-header, .page-id-1684 .site-full-wrap .home-site-header {
    width: 100%;
    background-color: rgba(16, 31, 53, 0.83);
    background-image: none;
    margin-top: 44px;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .site-header .site-logo, .page-id-1684 .site-full-wrap .home-site-header .site-logo {
    width: 9%;
    max-width: 11.3125em;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .site-full-wrap .site-header .site-logo, .page-id-1684 .site-full-wrap .home-site-header .site-logo {
    width: auto;
  }
}
.page-id-1684 .site-full-wrap .site-header .utility-nav-home .inner-wrap, .page-id-1684 .site-full-wrap .home-site-header .utility-nav-home .inner-wrap {
  max-width: 120em;
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .site-header .utility-nav-home, .page-id-1684 .site-full-wrap .home-site-header .utility-nav-home {
    position: relative;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .site-header, .page-id-1684 .site-full-wrap .home-site-header {
    width: 100%;
    background-image: none;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .site-full-wrap .site-header, .page-id-1684 .site-full-wrap .home-site-header {
    width: 100%;
    background-image: none;
  }
}
.page-id-1684 .site-full-wrap .site-header .sh-icons.mobile, .page-id-1684 .site-full-wrap .home-site-header .sh-icons.mobile {
  position: relative;
  z-index: 1000;
}
.page-id-1684 .site-full-wrap .site-nav-container {
  bottom: auto;
  height: auto;
  padding: 0 0 3.125em;
}
.page-id-1684 .site-full-wrap .site-nav {
  margin-bottom: 1.25em;
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .site-nav {
    width: auto;
    top: 0em;
    left: auto;
    right: 11%;
    float: right;
    font-weight: 700;
    margin-bottom: 0;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .site-full-wrap .site-nav {
    right: 15%;
    top: auto;
    /*position:relative;*/
  }
}
@media (min-width: 100em) {
  .page-id-1684 .site-full-wrap .site-nav {
    right: 20%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .sn-li-l1 {
    width: auto !important;
  }
  .page-id-1684 .site-full-wrap .sn-li-l1:hover {
    background-color: transparent;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .site-full-wrap .sn-li-l1 a {
    padding: 0 1.4375em;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .sn-level-2 {
    /*width: em(300) !important;*/
  }
}
.page-id-1684 .site-full-wrap .si-btn-contact {
  background-color: #d60f16;
  color: #ffffff;
  font-size: 1.0625em;
  line-height: 1.8823529412em;
  font-weight: 700;
  padding: 0.5294117647em 4em;
  border-radius: 4px;
  font-family: "Helvetica";
}
@media (min-width: 66em) {
  .page-id-1684 .site-full-wrap .si-btn-contact {
    position: absolute;
    right: 0;
    padding: 0.5294117647em 1.1764705882em;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .site-full-wrap .si-btn-contact {
    right: 1.1764705882em;
    padding: 0.5294117647em 2.3529411765em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .site-full-wrap .si-btn-contact {
    padding: 0.5294117647em 4.2941176471em 0.5294117647em;
    right: 2.7647058824em;
    margin-top: -0.25em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .site-full-wrap .search-module {
    margin-top: -8.5em;
  }
  .page-id-1684 .site-full-wrap .search-module.active {
    margin-top: 0;
  }
}
.page-id-1684 .si-first-wrap {
  background-image: url(img/under-one-roof-first-slide.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center top;
}
.page-id-1684 .si-first-wrap:after {
  content: "";
  background-color: rgba(1, 22, 32, 0.57);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-id-1684 .si-first-wrap-infographics {
  background-image: url(img/part-of-everything-first-slide-r1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center top;
}
.page-id-1684 .si-first-wrap-infographics:after {
  content: "";
  /*background-color: rgba(1, 22, 32, 0.57);*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-id-1684 .si-first-item {
  position: relative;
  z-index: 10;
  text-align: center;
}
@media (min-width: 66em) {
  .page-id-1684 .si-first-item {
    margin-top: 0 !important;
  }
}
.page-id-1684 .si-first-heading {
  color: #ffffff;
  font-weight: 600;
  margin-top: 8em;
  font-size: 1.5625em;
}
@media (min-width: 66em) {
  .page-id-1684 .si-first-heading {
    font-size: 3.75em;
    line-height: 1.3em;
    margin-top: 3.3333333333em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-first-heading {
    font-size: 5em;
    line-height: 1.225em;
    margin-top: 2.5em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-first-heading {
    font-size: 3.125em;
    margin-top: 5em;
  }
}
.page-id-1684 .si-first-content {
  font-family: "Helvetica Neue";
  color: #ffffff;
  font-size: 1.125em;
  line-height: 1.3888888889em;
}
.page-id-1684 .si-first-content span {
  display: block;
}
@media (min-width: 66em) {
  .page-id-1684 .si-first-content {
    font-size: 1.5625em;
    line-height: 1.6em;
    margin: 0 0 2em 0;
  }
}
.page-id-1684 .si-first-nav {
  margin-bottom: 2.1875em;
}
.page-id-1684 .si-nav-list li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 1.375em 1.25em;
}
@media (min-width: 66em) {
  .page-id-1684 .si-nav-list li {
    margin: 0 1.375em 0;
  }
}
.page-id-1684 .si-nav-list li a {
  font-size: 1em;
  color: #ffffff;
  text-decoration: none;
  font-family: Helvetica;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0.625em 0;
}
.page-id-1684 .si-nav-list li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #df1017;
}
.page-id-1684 .si-scroll {
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue";
  font-size: 0.6875em;
  text-align: center;
  vertical-align: top;
  padding-left: 10em;
  padding-left: 0;
  top: 5em;
  left: auto;
  position: relative;
}
.page-id-1684 .si-scroll img {
  display: block;
  margin: 0 auto 2.7272727273em;
}
.page-id-1684 .si-scroll span {
  display: block;
  color: #ffffff;
}
.page-id-1684 .si-second-content {
  position: relative;
  z-index: 10;
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-content:before {
    content: "";
    background-image: url(img/timeline-active.png);
    background-repeat: no-repeat;
    height: 4.4444444444em;
    position: absolute;
    left: 30%;
    top: 0;
    width: 4.4444444444em;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    border-radius: 50%;
    background-size: 100% auto;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .si-second-content {
    margin-top: 15em;
  }
  .page-id-1684 .si-second-content:before {
    left: 32.25%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-second-content:before {
    left: 43.3%;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-second-content:before {
    left: 45.3%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-content .si-btn-wrap {
    clear: both;
    text-align: left;
  }
}
.page-id-1684 .si-second-wrap {
  background-image: url(img/img-background-body.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-wrap:after {
    background-image: url("img/timeline-right.png");
    background-repeat: repeat-y;
    content: "";
    height: 100%;
    left: 29.5%;
    position: absolute;
    top: 0;
    width: 5em;
    z-index: 1;
    background-position: 0.0625em 0;
    background-size: 100% auto;
  }
}
@media (min-width: 66em) and (min-width: 80em) {
  .page-id-1684 .si-second-wrap:after {
    left: 32%;
  }
}
@media (min-width: 66em) and (min-width: 100em) {
  .page-id-1684 .si-second-wrap:after {
    left: 43%;
  }
}
@media (min-width: 66em) and (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-second-wrap:after {
    left: 45%;
  }
}
.page-id-1684 .si-second-content-infographic {
  position: relative;
  z-index: 10;
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-content-infographic:before {
    content: "";
    /*background-image:url(img/timeline-active.png);*/
    background-repeat: no-repeat;
    height: 4.4444444444em;
    position: absolute;
    left: 30%;
    top: 0;
    width: 4.4444444444em;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    z-index: 9999;
    border-radius: 50%;
    background-size: 100% auto;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .si-second-content-infographic {
    margin-top: 15em;
  }
  .page-id-1684 .si-second-content-infographic:before {
    left: 32.25%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-second-content-infographic:before {
    left: 43.3%;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-second-content-infographic:before {
    left: 45.3%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-content-infographic .si-btn-wrap {
    clear: both;
    text-align: left;
  }
}
.page-id-1684 .si-second-wrap-infographic {
  /*background-image: url(img/img-background-body.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 66em) {
  .page-id-1684 .si-second-wrap-infographic:after {
    /*background-image: url("img/timeline-right.png");*/
    background-repeat: repeat-y;
    content: "";
    height: 100%;
    left: 29.5%;
    position: absolute;
    top: 0;
    width: 5em;
    z-index: 1;
    background-position: 0.0625em 0;
    background-size: 100% auto;
  }
}
@media (min-width: 66em) and (min-width: 80em) {
  .page-id-1684 .si-second-wrap-infographic:after {
    left: 32%;
  }
}
@media (min-width: 66em) and (min-width: 100em) {
  .page-id-1684 .si-second-wrap-infographic:after {
    left: 43%;
  }
}
@media (min-width: 66em) and (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-second-wrap-infographic:after {
    left: 45%;
  }
}
.page-id-1684 .sis-left {
  max-width: 26.25em;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 40em) {
  .page-id-1684 .sis-left {
    width: 35%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .sis-left {
    float: left;
    width: 26%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sis-left {
    float: left;
    width: auto;
  }
}
.page-id-1684 .sis-right {
  position: relative;
  z-index: 100;
  padding: 0 4%;
}
@media (min-width: 66em) {
  .page-id-1684 .sis-right {
    float: right;
    width: calc(100% - 28.125em);
  }
}
@media (min-width: 80em) {
  .page-id-1684 .sis-right {
    width: calc(100% - 28.125em);
    padding: 0 11% 0 0;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sis-right {
    width: calc(100% - 570px);
    padding-right: 0;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .sis-right {
    width: calc(100% - 36.25em);
    padding: 0;
  }
}
.page-id-1684 .sisr-heading {
  font-size: 1.875em;
  color: #ffffff;
  line-height: 1em;
  font-weight: 600;
}
@media (min-width: 66em) {
  .page-id-1684 .sisr-heading {
    margin-top: -0.6285714286em;
    font-size: 2.1875em;
    color: #ffffff;
    line-height: 1.7142857143em;
    font-weight: 600;
    margin-bottom: 0.2857142857em;
  }
}
.page-id-1684 .sisr-sub-heading {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.125em;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0.8333333333em 0;
}
.page-id-1684 .si-section-readmore,
.page-id-1684 .sisr-text {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6875em;
  color: #ffffff;
  margin: 0.3125em 0;
}
@media (min-width: 66em) {
  .page-id-1684 .si-section-readmore,
.page-id-1684 .sisr-text {
    font-size: 0.8125em;
    line-height: 1.8461538462em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-section-readmore,
.page-id-1684 .sisr-text {
    font-size: 0.875em;
    line-height: 1.9285714286em;
  }
}
.page-id-1684 .si-section-readmore {
  color: #df1017;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}
.page-id-1684 .sisr-list li {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6875em;
  color: #ffffff;
  position: relative;
  padding: 0 0 0.375em 1.4375em;
}
.page-id-1684 .sisr-list li:after {
  content: "";
  background-image: url(img/list-bg.png);
  background-repeat: no-repeat;
  background-size: 0.3125em 0.3125em;
  height: 0.3125em;
  width: 0.3125em;
  position: absolute;
  left: 0;
  top: 0.6875em;
}
@media (min-width: 66em) {
  .page-id-1684 .sisr-list li {
    font-size: 0.8125em;
    line-height: 1.8461538462em;
    padding: 0 0 0.4615384615em 1.7692307692em;
  }
  .page-id-1684 .sisr-list li:after {
    background-size: 0.3846153846em 0.3846153846em;
    height: 0.3846153846em;
    width: 0.3846153846em;
    top: 0.8461538462em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sisr-list li {
    font-size: 0.875em;
    line-height: 1.9285714286em;
    padding: 0 0 0.4285714286em 1.6428571429em;
  }
  .page-id-1684 .sisr-list li:after {
    background-size: 0.3571428571em 0.3571428571em;
    height: 0.3571428571em;
    width: 0.3571428571em;
    top: 0.7857142857em;
  }
}
.page-id-1684 .sis-left-infographic {
  max-width: 32.5em;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 40em) {
  .page-id-1684 .sis-left-infographic {
    width: 35%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .sis-left-infographic {
    float: left;
    width: 26%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sis-left-infographic {
    float: left;
    width: auto;
  }
}
.page-id-1684 .sis-right-infographic {
  position: relative;
  z-index: 100;
  padding: 0 4%;
}
@media (min-width: 66em) {
  .page-id-1684 .sis-right-infographic {
    float: right;
    width: calc(100% - 22.125em);
  }
}
@media (min-width: 80em) {
  .page-id-1684 .sis-right-infographic {
    width: calc(100% - 22.125em);
    padding: 0 11% 0 0;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sis-right-infographic {
    width: calc(100% - 620px);
    padding-right: 0;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .sis-right-infographic {
    width: calc(100% - 30.25em);
    padding: 0;
  }
}
.page-id-1684 .sisr-heading-infographic {
  font-size: 1.875em;
  color: #df1017;
  line-height: 1em;
  font-weight: 600;
}
@media (min-width: 66em) {
  .page-id-1684 .sisr-heading-infographic {
    margin-top: -0.6285714286em;
    font-size: 2.1875em;
    color: #df1017;
    line-height: 1.7142857143em;
    font-weight: 600;
    margin-bottom: 0.2857142857em;
  }
}
.page-id-1684 .sisr-sub-heading-infographic {
  color: #000000;
  font-size: 1.5em;
  line-height: 1.125em;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0.8333333333em 0;
}
.page-id-1684 .si-section-readmore-infographic,
.page-id-1684 .sisr-text-infographic {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6875em;
  color: #000000;
  margin: 0.3125em 0;
}
@media (min-width: 66em) {
  .page-id-1684 .si-section-readmore-infographic,
.page-id-1684 .sisr-text-infographic {
    font-size: 0.8125em;
    line-height: 1.8461538462em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-section-readmore-infographic,
.page-id-1684 .sisr-text-infographic {
    font-size: 0.875em;
    line-height: 1.9285714286em;
  }
}
.page-id-1684 .si-section-readmore-infographic {
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}
.page-id-1684 .sisr-list-infographic li {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6875em;
  color: #000000;
  position: relative;
  padding: 0 0 0.375em 1.4375em;
}
.page-id-1684 .sisr-list-infographic li:after {
  content: "";
  background-image: url(img/list-bg.png);
  background-repeat: no-repeat;
  background-size: 0.3125em 0.3125em;
  height: 0.3125em;
  width: 0.3125em;
  position: absolute;
  left: 0;
  top: 0.6875em;
}
@media (min-width: 66em) {
  .page-id-1684 .sisr-list-infographic li {
    font-size: 0.8125em;
    line-height: 1.8461538462em;
    padding: 0 0 0.4615384615em 1.7692307692em;
  }
  .page-id-1684 .sisr-list-infographic li:after {
    background-size: 0.3846153846em 0.3846153846em;
    height: 0.3846153846em;
    width: 0.3846153846em;
    top: 0.8461538462em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sisr-list-infographic li {
    font-size: 0.875em;
    line-height: 1.9285714286em;
    padding: 0 0 0.4285714286em 1.6428571429em;
  }
  .page-id-1684 .sisr-list-infographic li:after {
    background-size: 0.3571428571em 0.3571428571em;
    height: 0.3571428571em;
    width: 0.3571428571em;
    top: 0.7857142857em;
  }
}
@media (min-width: 66em) {
  .page-id-1684 body.page-template-under-one-roof .tab_content p {
    font-size: 0.8125em;
    line-height: 1.8461538462em;
  }
}
@media (min-width: 100em) {
  .page-id-1684 body.page-template-under-one-roof .tab_content p {
    font-size: 0.875em;
    line-height: 1.9285714286em;
  }
}
.page-id-1684 body.page-template-under-one-roof ul.tabs li {
  font-size: 1em;
  height: 2.8125em;
  line-height: 2.8125em;
}
.page-id-1684 .sisl-heading {
  color: #df1017;
  font-weight: 600;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.6111111111em;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin-bottom: 1.1111111111em;
  /*@include mq(large) {
  	&:before {

  		content:"";
  		background-image:url(img/timeline-active.png);
  		background-repeat:no-repeat;
  		height: em(80,18);
  		position: absolute;
  		right: em(-110,18);
  		top: em(-25,18);
  		width: em(80,18);
  		background-color: rgba(0, 0, 0, 0.7);
  		 z-index: 9999;
  		 border-radius:50%;
  		 background-size:100% auto;

  	}
  }
  	@include mq(mediumv) {
  	&:before {


  		right: em(-98,14);

  	}
  }*/
}
@media (min-width: 66em) {
  .page-id-1684 .sisl-heading {
    font-size: 1.125em;
    line-height: 1.6111111111em;
    margin-bottom: 2.7777777778em;
  }
  .page-id-1684 .sisl-heading:after {
    background-color: #ffffff;
    content: "";
    height: 1px;
    left: 68%;
    position: absolute;
    top: 50%;
    width: 36%;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .sisl-heading:after {
    background-color: #ffffff;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 29%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sisl-heading:after {
    background-color: #ffffff;
    content: "";
    height: 1px;
    left: 44%;
    position: absolute;
    top: 50%;
    width: 55%;
  }
}
.page-id-1684 .sisl-heading-infographic {
  color: #df1017;
  font-weight: 600;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.6111111111em;
  text-transform: uppercase;
  position: relative;
  display: none;
  margin-bottom: 1.1111111111em;
}
@media (min-width: 66em) {
  .page-id-1684 .sisl-heading-infographic {
    font-size: 1.125em;
    line-height: 1.6111111111em;
    margin-bottom: 2.7777777778em;
  }
  .page-id-1684 .sisl-heading-infographic:after {
    background-color: #df1017;
    content: "";
    height: 1px;
    left: 68%;
    position: absolute;
    top: 50%;
    width: 36%;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .sisl-heading-infographic:after {
    background-color: #df1017;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 29%;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .sisl-heading-infographic:after {
    background-color: #df1017;
    content: "";
    height: 1px;
    left: 44%;
    position: absolute;
    top: 50%;
    width: 55%;
  }
}
.page-id-1684 .si-third-wrap {
  background-image: url(img/img-bg-end.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
@media (min-width: 66em) {
  .page-id-1684 .si-third-wrap:after {
    height: 100%;
    background-image: url("img/last-slide-timeline.png");
    background-repeat: no-repeat;
    content: "";
    left: 29.5%;
    position: absolute;
    top: 0;
    width: 5.0625em;
    z-index: 100;
    background-position: 0.0625em 0;
    background-size: 99% auto;
  }
  .page-id-1684 .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;
    	top: 0;
    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    	background-size:99.9% auto;
    }*/
  }
}
@media (min-width: 80em) {
  .page-id-1684 .si-third-wrap:after {
    left: 32%;
    background-position: 0.0625em -1.1875em;
  }
  .page-id-1684 .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;

    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    }*/
  }
}
@media (min-width: 100em) {
  .page-id-1684 .si-third-wrap:after {
    left: 43%;
  }
  .page-id-1684 .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	content: "";
    	background-image: url(img/last-slide-timeline.png);
    	background-repeat: no-repeat;
    	height: 100%;
    	left: 50%;
    	position: absolute;

    	width: em(81);
    	z-index: 100;
    	background-position: em(1) em(-19);
    }*/
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .si-third-wrap:after {
    left: 34%;
    background-size: 99.5% auto;
  }
  .page-id-1684 .si-third-wrap .inner-wrap {
    position: relative;
    /*&:after {
    	 left: 50%;
    	  background-size: 99.5% auto;
    }*/
  }
}
.page-id-1684 .sft-contet-wrap {
  position: relative;
  z-index: 10;
}
.page-id-1684 .sft-content {
  color: rgba(255, 255, 255, 0.46);
  font-size: 1.125em;
  line-height: 1.5em;
  font-weight: 400;
  margin: 3.3333333333em 0 1.88625em 0;
}
@media (min-width: 80em) {
  .page-id-1684 .sft-content {
    margin: 14.0555555556em 0 2.7777777778em 0;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .sft-content {
    margin: 8.3333333333em 0 2.7777777778em 0;
  }
}
.page-id-1684 .sft-heading {
  font-size: 1.875em;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.9333333333em;
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 0.8333333333em;
}
.page-id-1684 .sft-heading:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #28628f;
  bottom: 0;
  position: absolute;
  left: 0;
}
.page-id-1684 .sft-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-id-1684 .sft-link-list {
  width: 100%;
  max-width: 20.75em;
}
@media (min-width: 40em) {
  .page-id-1684 .sft-link-list {
    width: 33.33%;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .sft-link-list {
    width: 28.33%;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .sft-link-list {
    width: 30.33%;
  }
}
.page-id-1684 .sft-link-list ul li {
  margin-bottom: 0.9375em;
}
.page-id-1684 .sft-link-list ul li a {
  color: rgba(255, 255, 255, 0.46);
  font-size: 1.125em;
  line-height: 1.6875em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.page-id-1684 .sft-link-list ul li a:hover {
  color: white;
}
@media (min-width: 66em) {
  .page-id-1684 .sft-link-list:nth-child(2) {
    margin: 0 7%;
  }
}
.page-id-1684 .see-more a {
  color: #ffffff !important;
}
.page-id-1684 .si-btn-wrap {
  /*max-width: 15.75em;*/
  width: 100%;
  text-align: center;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 40em) {
  .page-id-1684 .si-btn-wrap {
    display: block;
    margin: 1.25em auto 0;
    max-width: none;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .si-btn-wrap {
    margin: 1.25em 0em 0;
    text-align: center;
  }
}
.page-id-1684 .si-btn-wrap a {
  display: inline-block;
}
.page-id-1684 .si-btn-wrap .btn {
  border: 1px solid #005a96;
  border-radius: 3px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  padding: 0.5555555556em 1.7222222222em;
  cursor: pointer;
  max-width: 13.8888888889em;
  display: block;
  margin-bottom: 1.1111111111em;
}
@media (min-width: 40em) {
  .page-id-1684 .si-btn-wrap .btn {
    display: inline-block;
    vertical-align: top;
    max-width: none;
  }
}
@media (min-width: 40em) {
  .page-id-1684 .si-btn-wrap .btn:nth-child(2) {
    margin: 0 7%;
  }
}
.page-id-1684 .si-btn-wrap .btn-alt {
  background-color: #df1017;
  border: 1px solid transparent;
  font-size: 1.125em;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 400;
  padding: 0.5555555556em 1.7222222222em;
  /*max-width: em(250,18);*/
  /*display: block;*/
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-1684 .si-btn-wrap .btn-alt {
    width: auto;
    display: inline-block;
    vertical-align: top;
    max-width: none;
  }
}
.page-id-1684 .si-btn-wrap .btn-no-border {
  font-size: 1.125em;
  color: #ffffff;
  font-weight: 400;
  padding: 0.5555555556em 0.5em;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .page-id-1684 .si-btn-wrap .btn-no-border {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}
.page-id-1684 .btn-no-border-infographic {
  font-size: 1.125em;
  color: #df1017;
  font-weight: 400;
  padding: 20px 0px;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .page-id-1684 .btn-no-border-infographic {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}
.page-id-1684 .btn-no-border-infographic {
  font-size: 1.125em;
  color: #df1017;
  font-weight: 400;
  padding: 20px 0px;
  text-decoration: underline;
  max-width: 13.8888888889em;
  /*display: block;*/
  cursor: pointer;
  border: 1px solid;
  margin: 15px 0 0;
}
@media (min-width: 40em) {
  .page-id-1684 .btn-no-border-infographic {
    display: inline-block;
    vertical-align: top;
    max-width: none;
    border: none;
    margin-top: 0;
  }
}
.page-id-1684 .btn-no-border-infographic:hover {
  color: #000000;
  text-decoration: none;
}
.page-id-1684 a.btn-no-border-infographic {
  color: #df1017 !important;
  text-decoration: none !important;
}
.page-id-1684 .btn-no-border-infographic a:hover {
  color: #000000 !important;
  text-decoration: underline;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav {
  right: 3.75em;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li a:hover .fp-sr-only:after, .page-id-1684 .fullpage-wrapper .fp-slidesNav li a.active .fp-sr-only:after {
  font-weight: 700;
  color: #ffffff;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li a:hover .fp-sr-only:before, .page-id-1684 .fullpage-wrapper .fp-slidesNav li a.active .fp-sr-only:before {
  background-color: white;
  content: "";
  height: 1px;
  position: absolute;
  right: -3.8125em;
  top: 46%;
  width: 3.3125em;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li .fp-sr-only:after {
  font-size: 0.75em;
  line-height: 2.6666666667em;
  color: rgba(255, 255, 255, 0.11);
  text-transform: uppercase;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(1) .fp-sr-only {
  font-size: 0;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(1) .fp-sr-only:after {
  content: "Slitting and shearing";
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(2) .fp-sr-only {
  font-size: 0;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(2) .fp-sr-only:after {
  content: "extrusion/slitting";
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(3) .fp-sr-only {
  font-size: 0;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(3) .fp-sr-only:after {
  content: "Tool and die making";
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(4) .fp-sr-only {
  font-size: 0;
}
.page-id-1684 .fullpage-wrapper .fp-slidesNav li:nth-child(4) .fp-sr-only:after {
  content: "Non-metallic stamping";
}
.page-id-1684 .slidesNav {
  position: absolute;
  right: 3.125em;
  top: 7%;
  width: auto;
  height: 100%;
  z-index: 100;
  text-align: right;
  display: none;
}
@media (min-width: 80em) {
  .page-id-1684 .slidesNav {
    display: block;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .slidesNav {
    display: block;
    position: absolute;
    right: 3.125em;
    top: 0;
    width: 9.375em;
    height: 100vh;
    z-index: 100;
    text-align: right;
  }
}
@media (min-width: 100em) {
  .page-id-1684 .slidesNav {
    width: 20em;
  }
}
.page-id-1684 .slidesNav #menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  right: 0;
}
.page-id-1684 .slidesNav li a {
  font-size: 0.75em;
  line-height: 2.6666666667em;
  color: rgba(255, 255, 255, 0.11);
  text-transform: uppercase;
  position: relative;
}
.page-id-1684 .slidesNav li a:hover {
  font-weight: 700;
  color: #ffffff;
  padding-right: 2.5em;
}
.page-id-1684 .slidesNav li a:hover:before {
  background-color: white;
  content: "";
  height: 1px;
  position: absolute;
  right: -5.0833333333em;
  top: 46%;
  width: 4.4166666667em;
  padding-right: 2.5em;
}
.page-id-1684 .slidesNav li.active a {
  font-weight: 700;
  color: #ffffff;
}
.page-id-1684 .slidesNav li.active a:before {
  background-color: white;
  content: "";
  height: 1px;
  position: absolute;
  right: -5.0833333333em;
  top: 46%;
  width: 4.4166666667em;
}
.page-id-1684 body.fp-viewing-firstPage #fp-nav,
.page-id-1684 body.fp-viewing-page5 #fp-nav,
.page-id-1684 body.fp-viewing-page5 .slidesNav,
.page-id-1684 body.fp-viewing-firstPage .slidesNav,
.page-id-1684 body.fp-viewing-lastpage .slidesNav {
  display: none !important;
}
@media (min-width: 80em) {
  .page-id-1684 body.fp-viewing-firstPage #fp-nav,
.page-id-1684 body.fp-viewing-page5 #fp-nav,
.page-id-1684 body.fp-viewing-page5 .slidesNav,
.page-id-1684 body.fp-viewing-firstPage .slidesNav,
.page-id-1684 body.fp-viewing-lastpage .slidesNav {
    display: none !important;
  }
}
.page-id-1684 .slidesNav-infographic {
  position: absolute;
  right: 3.125em;
  top: 7%;
  width: auto;
  height: 100%;
  z-index: 100;
  text-align: left;
  display: none;
}
@media (min-width: 80em) {
  .page-id-1684 .slidesNav-infographic {
    display: block;
  }
}
@media (min-width: 80em) {
  .page-id-1684 .slidesNav-infographic {
    display: block;
    position: absolute;
    left: 3.125em;
    top: 0;
    width: 20em;
    height: 100vh;
    z-index: 100;
    text-align: left;
  }
}
.page-id-1684 .slidesNav-infographic #menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  right: 0;
}
.page-id-1684 .slidesNav-infographic li a {
  font-size: 0.75em;
  line-height: 2.6666666667em;
  color: #000000;
  text-transform: uppercase;
  position: relative;
}
.page-id-1684 .slidesNav-infographic li a:hover {
  font-weight: 900;
  color: #df1017;
  padding-right: 2.5em;
}
.page-id-1684 .slidesNav-infographic li a:hover:before {
  background-color: white;
  content: "";
  height: 1px;
  position: absolute;
  right: -5.0833333333em;
  top: 46%;
  width: 4.4166666667em;
  padding-right: 2.5em;
}
.page-id-1684 .slidesNav-infographic li.active a {
  font-weight: 900;
  color: #df1017;
}
.page-id-1684 .slidesNav-infographic li.active a:before {
  background-color: white;
  content: "";
  height: 1px;
  position: absolute;
  right: -5.0833333333em;
  top: 46%;
  width: 4.4166666667em;
}
.page-id-1684 body.fp-viewing-firstPage #fp-nav,
.page-id-1684 body.fp-viewing-page5 #fp-nav,
.page-id-1684 body.fp-viewing-page5 .slidesNav-infographic,
.page-id-1684 body.fp-viewing-firstPage .slidesNav-infographic,
.page-id-1684 body.fp-viewing-lastpage .slidesNav-infographic {
  display: none !important;
}
@media (min-width: 80em) {
  .page-id-1684 body.fp-viewing-firstPage #fp-nav,
.page-id-1684 body.fp-viewing-page5 #fp-nav,
.page-id-1684 body.fp-viewing-page5 .slidesNav-infographic,
.page-id-1684 body.fp-viewing-firstPage .slidesNav-infographic,
.page-id-1684 body.fp-viewing-lastpage .slidesNav-infographic {
    display: none !important;
  }
}
.page-id-1684 .fp-tableCell {
  vertical-align: top !important;
}
@media (min-width: 66em) {
  .page-id-1684 {
    /* Slide 1 */
  }
  .page-id-1684 .section-two > .fp-tableCell h2,
.page-id-1684 .section-two > .fp-tableCell h1,
.page-id-1684 .section-two > .fp-tableCell p,
.page-id-1684 .section-two > .fp-tableCell .sis-right,
.page-id-1684 .section-two > .fp-tableCell .si-btn-wrap,
.page-id-1684 .section-two > .fp-tableCell .sisr-list,
.page-id-1684 .si-second-wrap:after {
    opacity: 0;
    transition: opacity 1s linear;
  }
  .page-id-1684 .section-two.active > .fp-tableCell h2,
.page-id-1684 .section-two.active > .fp-tableCell h1,
.page-id-1684 .section-two.active > .fp-tableCell .sis-right,
.page-id-1684 .section-two.active > .fp-tableCell .si-btn-wrap,
.page-id-1684 .section-two.active > .fp-tableCell p,
.page-id-1684 .section-two.active > .fp-tableCell .sisr-list,
.page-id-1684 .si-second-wrap.active:after {
    opacity: 1;
  }
  .page-id-1684 .section-two.active > .fp-tableCell h2 {
    transition-delay: 0.44s;
  }
  .page-id-1684 .section-two.active > .fp-tableCell h1 {
    transition-delay: 0.33s;
  }
  .page-id-1684 .section-two.active > .fp-tableCell p {
    transition-delay: 0.22s;
  }
  .page-id-1684 .si-second-wrap.active:after {
    transition-delay: 0.22s;
  }
  .page-id-1684 .section-two.active > .fp-tableCell p + p {
    transition-delay: 0s;
  }
  .page-id-1684 .section-two > .fp-tableCell .sis-left {
    transform: translateY(-1000px);
    opacity: 0;
    transition: transform 0.66s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.66s ease-in-out;
  }
  .page-id-1684 .section-two.active > .fp-tableCell .sis-left {
    transform: translateX(0);
    opacity: 1;
  }
  .page-id-1684 .section-two > .fp-tableCell .si-second-content::before {
    transform: translateY(-1000px);
    opacity: 0;
    transition: transform 0.66s cubic-bezier(0.16, 0.68, 0.43, 0.99), opacity 0.66s ease-in-out;
  }
  .page-id-1684 .section-two.active > .fp-tableCell .si-second-content::before {
    transform: translateX(0);
    opacity: 1;
  }
}
.page-id-1684 .tab_container {
  margin-bottom: 10px;
}
.page-id-1684 .fp-auto-height.fp-section,
.page-id-1684 .fp-auto-height .fp-slide,
.page-id-1684 .fp-auto-height .fp-tableCell {
  height: auto !important;
}
.page-id-1684 #section-1,
.page-id-1684 #section-1 .fp-slide,
.page-id-1684 #section-1 .fp-tableCell {
  height: auto !important;
  min-height: 100%;
}
@media (min-width: 80em) {
  .page-id-1684 #fp-nav {
    display: none;
  }
}
.page-id-1684 .site-full-wrap {
  /*.utility-nav-home{
  	@include mq(large) {
  		position: inherit;
  	}
  }*/
}
.page-id-1684 .site-full-wrap .sh-sticky-wrap.stuck .site-nav-container .site-nav-home {
  background-color: transparent;
}
.page-id-1684 .site-full-wrap .site-footer {
  display: none;
}
.page-id-1684 .sh-sticky-wrap1 {
  margin-top: 11px;
}
.page-id-1684 .page-template-under-one-roof .site-logo {
  width: 70px;
  float: none;
  margin: 0 auto;
  display: inline-block;
}
.page-id-1684 .page-template-under-one-roof .site-header .inner-wrap, .page-id-1684 .page-template-under-one-roof .home-site-header .inner-wrap {
  margin-top: -20px;
  padding-bottom: 10px;
}
@media (min-width: 40em) {
  .page-id-1684 .page-template-under-one-roof .site-logo {
    float: left;
    width: 95px;
  }
}
@media (min-width: 66em) {
  .page-id-1684 .page-template-under-one-roof .site-logo {
    width: 115px !important;
  }
  .page-id-1684 .page-template-under-one-roof .si-second-content {
    margin-top: 10em;
  }
}
@media (max-height: 46em) and (min-width: 64em) {
  .page-id-1684 .page-template-under-one-roof .si-second-content {
    margin-top: 13.5em;
  }
}
.page-id-1684 .page-template-under-one-roof .resource-module.gdd-005-varA {
  display: none !important;
}
.page-id-1684 .page-template-under-one-roof .resource-module.gdd-005-varB {
  display: none !important;
}
.page-id-1684 .page-template-under-one-roof .sh-icons {
  margin-top: 35px;
}
@media (min-width: 80em) {
  .page-id-1684 .page-template-under-one-roof .sh-icons {
    margin-top: 2px;
  }
}
@media only screen and (max-height: 736px) and (min-height: 641px) {
  .page-id-1684 .si-second-wrap:after {
    left: 40%;
  }
  .page-id-1684 .si-second-wrap-infographic:after {
    left: 40%;
  }
  .page-id-1684 .si-second-content:before {
    left: 40.3%;
  }
  .page-id-1684 .si-third-wrap:after {
    display: none;
    left: 40%;
  }
  .page-id-1684 .si-third-wrap .sft-content {
    margin-top: 8.75em;
  }
}

.span.sh-ph.un-phone.infographics {
  position: relative;
  left: -50px;
  margin-top: -34px;
}

/*
 * 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;
}

.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;
}

.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 {
  opacity: 1;
}

.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);
}

/*{ 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);
}

/*{ 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;
  width: auto !important;
}

.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: none !important;
  background: transparent !important;
}

.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;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.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;
  }
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
  z-index: 100;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
  background: white !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateY(-50%);
  margin-top: 0 !important;
}

#fp-nav.fp-right {
  right: 17px;
}

#fp-nav.fp-left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
  /*opacity: 1;
  position: absolute;
  z-index: 4;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;*/
}

.fp-slidesNav.fp-bottom {
  bottom: 17px;
}

.fp-slidesNav.fp-top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #ffffff;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0 0 0 -0.0555555556em;
  cursor: pointer;
  padding: 0px 1.1666666667em;
  height: 3.0555555556em;
  line-height: 3.0555555556em;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  background-color: transparent;
  color: #fff;
  overflow: hidden;
  position: relative;
  font-size: 1.125em;
  font-weight: 600;
}

ul.tabs li:hover {
  background-color: transparent;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #ffffff;
}
ul.tabs li:hover:first-child {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}

ul.tabs li.active {
  background-color: transparent;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #ffffff;
  display: block;
}
ul.tabs li.active:first-child {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}

.tab_container {
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  overflow: auto;
}

.tab_content {
  padding: 1.25em;
  display: none;
}
.tab_content p {
  color: rgba(255, 255, 255, 0.59);
  font-size: 1em;
  line-height: 1.6875em;
  margin: 0;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 640px) {
  .tabs {
    display: none;
  }

  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 0.3125em 1.25em;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .d_active {
    background-color: #666;
    color: #fff;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/*** 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;
}

/* 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;
  text-align: right;
  padding-right: 6px;
}

.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;
}

/*=============== Lightbox / Magnific Popup  ===============*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}

/*=============== Form Popup Iframe  ===============*/
.popup-form-iframe {
  position: relative;
  background: #ffffff;
  padding: 1.25em;
  width: auto;
  max-width: 100%;
}
.popup-form-iframe .hs_cos_wrapper_type_rich_text h1, .popup-form-iframe .hs_cos_wrapper_type_rich_text h2, .popup-form-iframe .hs_cos_wrapper_type_rich_text h3 {
  margin-top: 0;
  color: #263950;
  text-align: center;
}

/*
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 {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 1em 1.5em 1em;
}
.inner-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.inner-wrap > *:first-child {
  margin-top: 0;
}
.inner-wrap > *:last-child {
  margin-bottom: 0;
}
.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;
  }
}

/*
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.
*/
.row {
  display: block;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.rows-of-2 {
  display: block;
}
.rows-of-2:after {
  content: "";
  display: table;
  clear: both;
}
.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 {
  content: "";
  display: table;
  clear: both;
}
.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 {
  content: "";
  display: table;
  clear: both;
}
.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 {
  content: "";
  display: table;
  clear: both;
}
.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 {
  content: "";
  display: table;
  clear: both;
}
.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 {
  content: "";
  display: table;
  clear: both;
}
.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 {
    content: "";
    display: table;
    clear: both;
  }
  .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;
  }
}

@media (min-width: 40em) {
  .col-last {
    margin-right: 0;
    margin-right: 0 !important;
  }
}

@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;
  }
}
hr {
  display: block;
  clear: both;
}

figure {
  margin: 0;
  padding: 0;
}

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

/*=============== Click to Expand ===============*/
.click-expand {
  border: 1px solid #DDD;
  clear: both;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
}
.click-expand:hover {
  border: 1px solid #263950;
}
.click-expand.active {
  border: 1px solid #dddddd;
}
.click-expand.active:hover {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.click-expand.active .ce-header:after {
  content: "";
  background-image: url("img/ico-arrowsub-up.svg");
  background-repeat: no-repeat;
}
.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: #DDD;
}
.ce-header {
  position: relative;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 20px;
  margin-top: 18px;
  margin-bottom: 8px;
}
.ce-header:after {
  content: "";
  background-image: url("img/ico-arrowdown.svg");
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 27px;
  height: 27px;
  color: #df1017;
  padding-left: 8px;
  position: absolute;
  right: 5px;
}

.ce-body {
  display: none;
  opacity: 0;
}
.ce-body p {
  font-size: 15px;
  line-height: 18px;
}

@-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;
  }
}
@media (max-width: 1023px) {
  .page-template-under-one-roof .site-header > .sh-sticky-wrap, .page-template-under-one-roof .home-site-header > .sh-sticky-wrap {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-template-under-one-roof .sh-sticky-wrap {
    height: auto;
  }
  .page-template-under-one-roof .sh-sticky-wrap .ssw-container {
    display: flex;
    align-items: center;
  }
  .page-template-under-one-roof .sh-sticky-wrap .sswc-logo-wrap {
    padding-left: 10px;
    padding-right: 10px;
    width: 10%;
    opacity: 1;
    visibility: visible;
  }
  .page-template-under-one-roof .sh-sticky-wrap .sswc-logo-wrap .site-logo {
    width: 100%;
  }
  .page-template-under-one-roof .site-full-wrap .site-header .inner-wrap, .page-template-under-one-roof .site-full-wrap .home-site-header .inner-wrap {
    display: none;
  }
  .page-template-under-one-roof .site-full-wrap .site-header, .page-template-under-one-roof .site-full-wrap .home-site-header, .page-template-under-one-roof .page-id-1684 .site-full-wrap .home-site-header {
    padding: 0;
    background-color: transparent;
  }
  .page-template-under-one-roof .sh-sticky-wrap {
    background-color: rgba(16, 31, 53, 0.83);
    position: fixed;
    top: 4.5625em;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1024px) and (max-height: 46em) and (min-width: 64em) {
  .page-template-under-one-roof .sh-sticky-wrap {
    top: 72px;
  }
}
@media (min-width: 1024px) {
  .page-template-under-one-roof .site-nav-container-home {
    width: 90%;
    height: auto;
    right: auto;
    bottom: auto;
    top: auto;
    position: static;
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .page-template-under-one-roof .site-nav-container-home .snc-header {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-template-under-one-roof .site-full-wrap .site-nav {
    background-color: transparent;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0;
  }
  .page-template-under-one-roof .site-full-wrap .site-nav .sn-level-1 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    padding-right: 10px;
  }
}
@media (min-width: 1280px) {
  .page-template-under-one-roof .sh-sticky-wrap {
    height: auto;
  }
  .page-template-under-one-roof .sh-sticky-wrap .ssw-container {
    display: flex;
    align-items: center;
  }
  .page-template-under-one-roof .sh-sticky-wrap .sswc-logo-wrap {
    padding-left: 20px;
    padding-right: 20px;
    width: 12%;
    opacity: 1;
    visibility: visible;
  }
  .page-template-under-one-roof .sh-sticky-wrap {
    top: 5.1875em;
  }
}
@media (min-width: 1280px) and (max-height: 46em) and (min-width: 64em) {
  .page-template-under-one-roof .sh-sticky-wrap {
    top: 68px;
  }
}
@media (min-width: 1280px) {
  .page-template-under-one-roof .site-nav-container-home {
    width: 88%;
  }
}
@media (min-width: 1280px) {
  .page-template-under-one-roof .site-full-wrap .site-nav .sn-level-1 {
    /*width: 95% !important;*/
  }
}