@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Oswald:wght@300;400;700&display=swap");
a:active,
a:hover {
  outline: 0; }

svg:not(:root) {
  overflow: hidden; }


html .search-module input[type="button"],
.search-module input[type="reset"],
.search-module input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */

html .search-module input[disabled] {
  cursor: default; }

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
.search-module input {
  line-height: normal; }
.search-module 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).
 */
.search-module input[type="search"]::-webkit-search-cancel-button,
.search-module input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

.search-module button, .search-module 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:hover[type="submit"] {
    background-color: #e69b10;
    color: white; }
  button:disabled,
  input:disabled[type="submit"] {
    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; 
margin: 0;
}

.site-footer p {
  color: #263950;
  line-height: 1.65em; }
.cta-bottom p {
  margin: 16px 0;
  color: #263950;
  line-height: 1.65em; }
.site-header img {
  margin: 0;
  max-width: 100%; }
.site-footer img {
  margin: 0;
  max-width: 100%; }
@font-face {
  font-family: 'Helvetica Neue';
  src: url("HelveticaNeue.woff2") format("woff2"), url("HelveticaNeue.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("Helvetica-Bold.woff2") format("woff2"), url("Helvetica-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }



.search-module input {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 1em; }
.search-module input[type="search"], .search-module input[type="text"] {
  -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%; }
  .search-module input[type="search"]:hover, .search-module input[type="text"]:hover{
    border-color: #c4c3c3; }
 .search-module input[type="search"]:focus, .search-module input[type="text"]: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; }

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


.site-header-wrap-gdd ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.site-footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.site-content-primary ul {
  clear: left;
  list-style-type: none;
  margin-bottom: 0.75em;
  box-sizing: border-box; padding-left: 1.5em; 

}
  .site-content-primary ul li {
    position: relative;
    margin-bottom: 0.5em;
    font-size: 1.125em;
    line-height: 1.5em; }
    .site-content-primary ul li p {
      font-size: 18px; }
    .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(ico-bullet.svg);
      background-position: center center;
      background-size: .45em;
      background-repeat: no-repeat; }

.bullet-style {
  clear: left;
  list-style-type: none;
  margin-bottom: 0.75em;
  box-sizing: border-box; padding-left: 1.5em; }
  .bullet-style li {
    position: relative;
    margin-bottom: 0.5em;
    font-size: 1.125em;
    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(ico-bullet.svg);
      background-position: center center;
      background-size: .45em;
      background-repeat: no-repeat; }

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-cmn, .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-cmn:visited, .btn-important:visited {
    color: #ffffff; }
  .btn-cmn:hover, .btn-important:hover {
    color: #ffffff; }

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

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

/*=============== Buttons ===============*/
.btn-cmn, .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-cmn:visited, .btn-important:visited {
    color: #ffffff; }
  .btn-cmn:hover, .btn-important:hover {
    color: #ffffff; }

.btn-cmn {
  background-color: #000000; }
  .btn-cmn: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: .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; }

/*=============== 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: 3.125em; }
    .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; } }

.page-id-5 .sh-sticky-wrap .sswc-logo-wrap {
  opacity: 0;
  visibility: hidden; }

@media (min-width: 66em) {
  .page-id-5 .sh-sticky-wrap {
    height: 3.125em; }
    .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%;
        box-sizing: border-box; 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("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: .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: .2em 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: .8em;
  width: 100% !important;
  height: 2.030769230769231em !important;
  border: 1px solid red;
  float: left;
  box-sizing: border-box; padding-left: .5em;
  margin-bottom: 0 !important; }

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

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

@media (min-width: 40em) {
  .site-search {
    width: 100%; }
  .search-text {
    height: 1.846153846153846em; }
  .search-submit {
    height: 2.3em; } }

.search-module {
  background-color: #263950;
  background: url("diagonal-blue.png"), #263950;
  background-repeat: no-repeat, repeat;
  background-position: 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: .75em;
  margin-bottom: .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.850em; } }
    @media (min-width: 66em) {
      .si-h1 .small-h1 {
        font-size: 0.900em; } }

.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(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(ico-ph.svg); }
  .utility-nav .sh-contact, .utility-nav-home .sh-contact {
    background-image: url(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;
    box-sizing: border-box; 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;
        box-sizing: border-box; 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;
        box-sizing: border-box; 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; } }

.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);*/
      box-sizing: border-box; padding-left: 1.5em;
      background-position: left center;
      background-repeat: no-repeat; }
    .utility-nav-home .inner-wrap .un-phone {
      background-image: url(ico-ph.svg); }
    .utility-nav-home .inner-wrap .sh-contact {
      background-image: url(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 .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;
    box-sizing: border-box; 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;
        box-sizing: border-box; padding-left: 2em; } }
  .sh-icons.mobile .un-phone {
    background-image: url(ico-ph.svg); }
    @media (min-width: 40em) {
      .sh-icons.mobile .un-phone {
        box-sizing: border-box; padding-left: 1.5em; } }
    @media (min-width: 66em) {
      .sh-icons.mobile .un-phone {
        box-sizing: border-box; padding-left: 1.6em; } }
  .sh-icons.mobile .sh-contact {
    background-image: url(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-search, .sh-ico-menu, .home-sh-ico-menu {
  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-search span, .sh-ico-menu span, .home-sh-ico-menu span {
    font-size: .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(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(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-1, .product-module-2, .product-module-3 {
  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-1 h2, .product-module-2 h2, .product-module-3 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-1:hover, .product-module-2:hover, .product-module-3:hover {
    transform: scale(0.97);
    padding-top: .7em;
    color: #ffffff; }
  .prod-mod:after, .product-module-1:after, .product-module-2:after, .product-module-3: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-1:after, .product-module-2:after, .product-module-3:after {
        background-image: url("download-arrow-red.png"); } }
  @media (min-width: 40em) {
    .prod-mod, .product-module-1, .product-module-2, .product-module-3 {
      width: 33.3%;
      margin-bottom: 0;
      height: 220px; }
      .prod-mod h2, .product-module-1 h2, .product-module-2 h2, .product-module-3 h2 {
        font-size: 1.6875em;
        margin-top: -40px; } }
  @media (min-width: 66em) {
    .prod-mod h2, .product-module-1 h2, .product-module-2 h2, .product-module-3 h2 {
      margin-top: -20px; } }

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

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

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

/*=============== CTA Module ===============*/
.cta-module {
  background-image: url("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("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: -.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: .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: -.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: .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: .5em .5em .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-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: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.5em;
    min-height: 200px;
    margin: .2em 0 0;
    position: relative; }
    .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 {
      color: #ffffff;
      font-size: 1.6875em; }
    .services-module .inner-wrap .services-box p, .services-module .inner-wrap .services-module-1 p, .services-module .inner-wrap .services-module-2 p, .services-module .inner-wrap .services-module-3 p, .services-module .inner-wrap .services-module-4 p {
      color: #DDD;
      margin-top: 1em;
      margin-bottom: 1em; }
    .services-module .inner-wrap .services-box:after, .services-module .inner-wrap .services-module-1:after, .services-module .inner-wrap .services-module-2:after, .services-module .inner-wrap .services-module-3:after, .services-module .inner-wrap .services-module-4: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-1:after, .services-module .inner-wrap .services-module-2:after, .services-module .inner-wrap .services-module-3:after, .services-module .inner-wrap .services-module-4:after {
          background-image: url("download-arrow-red.png"); } }
  .services-module .inner-wrap .services-module-1:hover {
    background-image: url("img-extrusion-slitting-hover.jpg") !important; }
  .services-module .inner-wrap .services-module-2:hover {
    background-image: url("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-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-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: .4em .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; }
      .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 .4em .4em .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: .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(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(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 {
      box-sizing: border-box; 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%;
    box-sizing: border-box; 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(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%;
    box-sizing: border-box; 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: .8em 0; }
  .site-footer .social-wrap {
    float: none; }
  .site-footer .sf-teflontxt {
    background-image: url(teflon-footer.png);
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box; 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 .20em; }
    .sf-nav li:last-child:after {
      display: none; }

.footer-links {
  font-size: 1.1em;
  letter-spacing: -.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: .5em .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 -.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: .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: .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: .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; }
.catalog-banner {
background-image: url(catalog-background.jpg);
position: relative;
background-position: center;
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

span.hi-text {
    color: #df1017;
    font-weight: bold;
}

.banner-text a {
    font-weight: bold;
    color: #df1017;
}

.banner-text p {
    margin: 0;
}

@media (min-width: 40em) {
  .banner-tagline {
    font-size: 30px;
    font-weight: bold;
    color: #263950;
    font-family: Oswald;
    line-height: 48px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    float: none;
}
.banner-text {
   box-sizing:border-box;
    font-size: 16px;
    line-height: 28.7px;
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    color: #686868;
    padding-bottom: 27px;
    padding-right: 20px;
    box-sizing: border-box; padding-left: 20px;
    float: none;
}
}

@media (min-width: 60em) {
  .banner-tagline {
    width: 40%;
    float: left;
    font-size: 33px;
    box-sizing: border-box; padding-left: 43px;
    margin-top: 40px;
    margin-bottom: 35px;
    border-right: solid 1px #263950;
    padding-right: 22px;
    padding-bottom: 5px;
    text-align: unset;
}
.banner-text {
    width: 45%;
    float: right;
    font-size: 15.5px;
    padding-top: 32px;
    padding-bottom: 23px;
    padding-right: 36px;
}
}

@media (min-width: 80em) {
.banner-tagline {
    width: 43%;
    float: left;
    font-size: 45px;
    box-sizing: border-box; padding-left: 65px;
    margin-top: 60px;
    margin-bottom: 55px;
    padding-right: 21px;
    padding-bottom: 5px;
}
.banner-text {
    width: 43%;
    float: right;
    font-size: 16.5px;
    padding-top: 59px;
    padding-bottom: 23px;
    padding-right: 36px;
}
}


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

.cta-text {
  color: white !important;
  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(https://www.newprocess.com/wp-content/themes/newprocessfibre-default/img/cta-img.png);
      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; } }
aside.site-content-secondary.col-3 {
    display: none;
}.site-header-wrap-gdd a {
  text-decoration: none;
}
/*===============   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: .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("diamond-bullet.png");
  margin-left: 1.2em;
  line-height: 1.9em; }

@media (min-width: 66em) {
  .alignright {
    float: right;
    box-sizing: border-box; padding-left: 1.5em;
    margin-bottom: 0.625em;
    margin-top: 0.625em;
    clear: both; } }

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

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

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

.2-column-mockup {
  max-width: 390px; }

.has-sub-menu span {
  background-image: url(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(ico-arrowsub-up.svg);
  background-repeat: no-repeat; }

.sub-menu {
  display: none; }

.has-sub-sub-menu > span {
  background-image: url(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(ico-arrowsub-up.svg);
  background-repeat: no-repeat; }

.has-sub-sub-menu ul {
  box-sizing: border-box; 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 {
  padding: 3.125em;
  /*background-color: #ffffff;*/
  width: 62.5em !important;
  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(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(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(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;
  box-sizing: border-box; padding-left: 15px; }
  span.made-in img {
    vertical-align: middle;
    box-sizing: border-box; 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 {
    box-sizing: border-box; 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(https://cdn2.hubspot.net/hubfs/442348/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 {
  background: #34465c !important;
  max-width: 370px;
  margin: 0 auto; }

#gdd-007-formsection .hs-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 {
  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; } }

@media (min-width: 80em) {
  #gdd-007-content {
    width: 65.81196581200001% !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 .inner-wrap {
    box-sizing: border-box; padding-left: 0; }
  .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) {
    box-sizing: border-box; padding-left: 25px; }
  .gdd-007-b-resource-module .gdd-007-links #abt-link {
    box-sizing: border-box; padding-left: 7px; } }

@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 {
    max-width: 100%; } }

/*** GDD-007 LP/TY Page end ****/
.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;
  box-sizing: border-box; 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;
  box-sizing: border-box; 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;
  box-sizing: border-box; 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;
    box-sizing: border-box; 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;
    box-sizing: border-box; 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;
        box-sizing: border-box; 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(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;
    box-sizing: border-box; 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(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;
    box-sizing: border-box; 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;
    box-sizing: border-box; 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;
    box-sizing: border-box; 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;
      box-sizing: border-box; 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(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.50s forwards;
  -webkit-animation: dash 500ms ease-in-out 1.50s forwards;
  animation: dash 500ms ease-in-out 1.50s forwards; }

.owl-item.active .text-2 {
  -moz-animation: dash 500ms ease-in-out 1.60s forwards;
  -webkit-animation: dash 500ms ease-in-out 1.60s forwards;
  animation: dash 500ms ease-in-out 1.60s forwards; }

.owl-item.active .text-3 {
  -webkit-animation: scle 500ms ease-in-out 1.70s forwards;
  -moz-animation: scle 500ms ease-in-out 1.70s forwards;
  animation: scle 500ms ease-in-out 1.70s 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;
    box-sizing: border-box; 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.60%;
      float: left;
      box-sizing: border-box; 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.60%;
        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.60%; } }

.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-nav {
  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-nav .inner-wrap {
    padding-top: 1.1875em;
    padding-bottom: 1.1875em; }
  .anchor-links-nav ul {
    padding: 0; }
  .anchor-links-nav 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; }
    .anchor-links-nav li a {
      display: 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-nav li:hover a {
      border-bottom: 6px solid #ffffff;
      font-weight: 700; }
    .anchor-links-nav li.active a {
      border-bottom: 6px solid #ffffff;
      font-weight: 700; }
  @media (min-width: 66em) {
    .anchor-links-nav.stuck {
      position: fixed;
      left: 0;
      top: 10em;
      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-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; }
    .anchor-links-nav li {
      padding: 0 0.625em;
      margin-top: 0.625em;
      margin-bottom: 0;
      width: auto; } }
  @media (max-height: 46em) and (min-width: 64em) {
    .anchor-links-nav.stuck {
      top: 8.875em; } }

.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;
    box-sizing: border-box; padding-left: 5.625em;
    margin-bottom: 2.5em; }
    .bulleted-list-module .blm-content ul li:after {
      background: url(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(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(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(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-nav.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;
      box-sizing: border-box; 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(featured-list-arrow.svg) left top/50px no-repeat; }
  @media (min-width: 66em) {
    .flm-featured-listing ul li {
      margin-bottom: 2.8125em;
      box-sizing: border-box; padding-left: 5.625em;
      color: #df1017; } }

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

.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(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(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%;
    box-sizing: border-box; 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;
  box-sizing: border-box; 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%;
  box-sizing: border-box; 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;
      box-sizing: border-box; padding-left: 1.6875rem; }
      .icm-image.right_image {
        order: 2; } }

.icm-content-wrap {
  float: left;
  width: 100%;
  box-sizing: border-box; padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  @media (min-width: 66em) {
    .icm-content-wrap {
      width: 65.5%;
      padding-top: 0.4375rem;
      box-sizing: border-box; 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;
  box-sizing: border-box; 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("ico-bullet-white.svg"); }

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

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

.page-id-9 .sitemap-menu .sub-menu {
  display: block; }
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
}
/* 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(hero.jpg); }
  .site-header-wrap-gdd:before {
    content: "";
    position: absolute;
    background-image: url(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; } }

.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;
  box-sizing: border-box; padding-left: 2.1428571429em; }
  .un-ph-title:before {
    content: "";
    position: absolute;
    background-image: url(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: 0;
        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; }
        .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; }
      .sh-sticky-wrap-gdd .sn-li-l1 > a {
        padding: 0 1.5em; } }
  @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;
    width: 142px; }
    @media screen and (max-width:450px){
.sh-logo img { 
    width: 120px!important;
}
}
  @media (min-width: 60em) {
    .sh-logo {
      margin-top: 0 !important; } }

.sh-right {
  float: right; }
  .sh-right .sh-ico-search {
    background-image: url(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(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(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(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 {
    box-sizing: border-box; padding-left: 1.25em; } }

@media (min-width: 60em) {
  .aom-right {
    box-sizing: border-box; padding-left: 1.875em; } }

@media (min-width: 80em) {
  .aom-right {
    box-sizing: border-box; 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; }
  @media (min-width: 60em) {
    .table-title {
      font-size: 1.75em; } }

@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(right-arrow.png);
        background-size: 0.5em 0.75em; }
      .tm-wrap .flex-direction-nav a:before {
        background-image: url(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(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(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(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; }
  @media (min-width: 40em) {
    .frm-item {
      min-height: 43.5625em; } }
  @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-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: .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(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(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(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%;
    box-sizing: border-box; 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) {
        box-sizing: border-box; padding-left: 5em; } }

.sud-heading {
  line-height: 1.25;
margin: 0;
  margin-top: 24px;
  text-transform: uppercase;
  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; }
  .sud-ph :hover {
    color: white;
    text-decoration: underline; }
  .sud-ph:focus, .sud-ph:active {
    color: white; }
  .sud-ph span {
    display: inline-block;
    box-sizing: border-box; padding-left: 1.875em;
    position: relative; }
    .sud-ph span:before {
      content: "";
      position: absolute;
      background-image: url(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 {
  box-sizing: border-box;
  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 {
  box-sizing: border-box;
  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 {
    box-sizing: border-box;
    column-count: 2;
    column-gap: 1.75em; } }

@media (min-width: 60em) {
  .sf-lower-div {
    box-sizing: border-box;
    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) {
        box-sizing: border-box; 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 {
  text-transform: uppercase;
  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 !important; }

@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; 
font-size: 2.25em;
font-weight: normal;}

/* 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 {
    box-sizing: border-box; padding-left: 0;
    margin-left: 1em; } }

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

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

.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;
    position: relative; }
    .sn-li-l1.has-subnav > a span > span, .sn-li-l1.menu-item-has-children > a span > span {
      background-image: url(ico-arrowdown.svg);
      background-repeat: no-repeat;
      background-position: right 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(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; }
      .sn-li-l1:hover .sn-level-2 {
        display: block;
        min-width: 15em;
        position: absolute; }
      .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; }
      .sn-li-l1.has-subnav > a.active span, .sn-li-l1.menu-item-has-children > a.active span {
        background-image: url(ico-arrowdown.svg); }
      .sn-li-l1 > a {
        padding: 0 0.5625em; }
      .sn-li-l1.btn, .sn-li-l1.btn-important {
        padding: 0.3em 0; } }
  @media (min-width: 66em) {
    .sn-li-l1 > a {
      padding: 0 0.5em; } }
  @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; } }

.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 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;
    position: relative;
    padding: 1em 0; }
    .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(ico-arrowdown.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 0.75em;
      content: "";
      height: 0.875em;
      position: absolute;
      right: 0;
      top: 0.6875em;
      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; } }
      @media (max-height: 46em) and (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(ico-arrowup.svg);
    background-repeat: no-repeat; }
  .sn-li-l2 > a, .sn-li-l3 > a {
    padding: 0 1em;
    color: #ffffff;
    border-top: 1px solid #313d4c;
    display: block;
    text-decoration: none;
    line-height: 3.125em; }
    .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: 64em) {
    .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; } }
  @media (min-width: 66em) {
    .sn-li-l2 > a, .sn-li-l3 > a {
      padding: 0 0.5em; } }
  @media (min-width: 80em) {
    .sn-li-l2 > a, .sn-li-l3 > a {
      padding: 0 0.5em; } }

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

/*
//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: 999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .site-nav-container-screen.active {
    display: block; }
  @media (min-width: 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(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); } }

.resource-module {
  box-sizing: border-box;
  background-image: url(control-background.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 0.6875em; }
  @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%;
      box-sizing: border-box;
      width: 25.2%; }
      .resource-module .rm-item-wrap:nth-of-type(2) {
        box-sizing: border-box;
        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 {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 1.75em;
    max-width: 15.625em;
    vertical-align: top;
    width: 100%; }
    .resource-module .rm-item-img > img {
      box-sizing: border-box;
      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(varB-bg.jpg);
    margin-bottom: -5px; }
    @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;
        box-sizing: border-box;
        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;
      box-sizing: border-box;
      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;
        box-sizing: border-box;
        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(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 a{
            text-decoration: none;}
        .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;
        box-sizing: border-box;
        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 {
          box-sizing: border-box;
          width: 21.875em; } }
    .resource-module.gdd-005-varB .gdd-005-image-wrapper {
      box-sizing: border-box;
      padding: 1em 0; }
      @media (min-width: 40em) {
        .resource-module.gdd-005-varB .gdd-005-image-wrapper {
          float: right;
          overflow: hidden;
          box-sizing: border-box;
          padding: 4em 0;
          width: 56%;
          display: inline-block;
          vertical-align: top; } }
      @media (min-width: 60em) {
        .resource-module.gdd-005-varB .gdd-005-image-wrapper {
          box-sizing: border-box;
          padding: 5em 0 6.5em;
          width: 46%; } }
      @media (min-width: 66em) {
        .resource-module.gdd-005-varB .gdd-005-image-wrapper {
          box-sizing: border-box;
          padding: 0 2em 0.1875em 3.4375em;
          width: auto; } }
    .resource-module.gdd-005-varB .image-wrap {
      box-sizing: border-box;
      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;
          box-sizing: border-box;
          width: 5.5em; } }
      @media (min-width: 66em) {
        .resource-module.gdd-005-varB .image-wrap:after {
          box-sizing: border-box;
          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: .875em; } }
  @media (max-height: 40em) and (min-width: 66em) {
    .site-full-wrap {
      font-size: .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: 18.75em !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/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;
      box-sizing: border-box; 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-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(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(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(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(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: .875em; } }
    @media (max-height: 40em) and (min-width: 66em) {
      .page-id-1684 .site-full-wrap {
        font-size: .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: 18.75em !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(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(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;
    box-sizing: border-box; padding-left: 10em;
    box-sizing: border-box; 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(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-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("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(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-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("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(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(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(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-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("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(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(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(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: .44s; }
      .page-id-1684 .section-two.active > .fp-tableCell h1 {
        transition-delay: .33s; }
      .page-id-1684 .section-two.active > .fp-tableCell p {
        transition-delay: .22s; }
      .page-id-1684 .si-second-wrap.active:after {
        transition-delay: .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 .3s ease;
  -moz-transition: all .3s ease;
  transition: all .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(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(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: '\f004'; }

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

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

/* 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: .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: .3;
  left: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: 70px !important;
  top: 35px !important;
  text-align: right;
  padding-right: 6px;
  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 {
    box-sizing: border-box; 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 {
    box-sizing: border-box; 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: .5em .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .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 .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: .4em 0;
    margin: .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; }
.resource-module 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
 * Remove all paddings around the image on small screen
 */
  .mfp-img-mobile .mfp-image-holder {
    box-sizing: border-box; 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 {
    box-sizing: border-box; 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; }
.inner-wrap {
  box-sizing: border-box;
  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: .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; } }
.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;
        box-sizing: border-box; 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;
        box-sizing: border-box; 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;
        box-sizing: border-box; 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; } }



/*=============== 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("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;
  box-sizing: border-box; padding-left: 12px;
  padding-right: 12px;
  font-size: 20px;
  margin-top: 18px;
  margin-bottom: 8px; }
  .ce-header:after {
    content: '';
    background-image: url("ico-arrowdown.svg");
    background-position: center 5px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 27px;
    height: 27px;
    color: #df1017;
    box-sizing: border-box; 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 {
      box-sizing: border-box; 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; }
  .page-template-under-one-roof .site-nav-container-home .snc-header {
    display: none; }
  .page-template-under-one-roof .site-full-wrap .site-nav {
    background-color: transparent;
    position: relative !important;
    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 {
      box-sizing: border-box; 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%; }
  .page-template-under-one-roof .site-full-wrap .site-nav .sn-level-1 {
    width: 95% !important; } }
    a[href="/plp/htm/ibot.htm"]{
      display: none;}
    .site-footer a {
      text-decoration: none;}

.gdd-019-a, .sf-lower-div {
    border-top: 1px solid #ffffff80!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: right center;
    background-size: 0.75em;
    content: "";
    height: 0.875em;
    position: absolute;
    right: 0;
    top: 1.1875em;
    width: 1.4375em;
        left: 100%;
    }
}
@media(max-width: 1023px){
    .sn-li-l2>a, .sn-li-l3 > a{
            padding: 0.3em 1em;
    }
}