eduportal.infor.com Open in urlscan Pro
207.54.51.10  Public Scan

Submitted URL: https://go.infor.com/e/950892/education-Tutorials/2cwgbx/424825737?h=bI2g6NYKS9_qETggod7UXzeHJ4_Y89WruDc37U-HTb0
Effective URL: https://eduportal.infor.com/education/Tutorials
Submission: On July 06 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST /education/Tutorials

<form method="post" action="/education/Tutorials" id="Form" enctype="multipart/form-data">
  <div class="aspNetHidden">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="iIsjXpLUlZNVV2VvD1OVPp5eT3qYRTNjDh5awFudZfOPXM7oqD4oX6myBUY6AB8GBq4YjyVCiUxCtWyuPqddfdcJMZQdZRH97FBMXg==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['Form'];
    if (!theForm) {
      theForm = document.Form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV2mej7A3sIKEqgO4o7LQCk5i1d_0ogIn9KUpdDCHZkdAhrCulw1&amp;t=637814473746327080" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=NJmAwtEo3IpuM_dynXBHLAfGkMNl0oZ-cttEZANPmq06KWHHaaE7p9GPuoxIpg5sy2erjnqAoAAqxAo1OZccaaiN3nPvxLs5kKMFGLXQBsmyfuKsgpfIwB6RUHjLXKIP9V--GA2&amp;t=49337fe8" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=dwY9oWetJoLDbSd-ze1DH29p-5IcMhsddKBSHeNVvdB1yW6Q7PoYoQdv4UGMKkqxi-7razvfRUAJlF2XbZb6KS3BZSBHWkCF0k8X37S0huGo6Va3-9uN3OEnliczQID58A9pP-6Xotp6tH9M0&amp;t=49337fe8" type="text/javascript"></script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="BYMDYjsgtVCYH+jC/IKXcJbNQi80KeBLyBBHutBc3F17uIWQaFxlqJ86zh7mN5HnZXHuemP2EIVWTgsNyd4vDOq8CipJ6iX7bMJYUXmhTL4bG5vs">
  </div>
  <script src="/js/dnn.modalpopup.js?cdv=171" type="text/javascript"></script>
  <script src="/js/dnncore.js?cdv=171" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
    //]]>
  </script>
  <div id="dnn_ContentPane">
    <div class="DnnModule DnnModule-DNN_HTML DnnModule-1063"><a name="1063"></a>
      <div class="DNNContainer_Title_h2 SpacingBottom">
        <div class="heading_wrapper">
          <h2><span id="dnn_ctr1063_dnnTITLE_titleLabel" class="TitleH2">Enter Title</span>
          </h2>
        </div>
        <div id="dnn_ctr1063_ContentPane"><!-- Start_Module_1063 -->
          <div id="dnn_ctr1063_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
            <div id="dnn_ctr1063_HtmlModule_lblContent" class="Normal">
              <title>Tutorials - Infor EDU</title>
              <meta charset="utf-8">
              <meta name="viewport" content="width=device-width, initial-scale=1">
              <meta name="author" content="">
              <meta name="robots" content="noindex,nofollow">
              <meta name="description" content="Infor">
              <meta property="og:title" content="Infor">
              <!-- <link rel="shortcut icon" href="./static/img/icon/favicon.png"> -->
              <style>
                @font-face {
                  font-family: 'Montserrat';
                  font-style: normal;
                  font-weight: 400;
                  font-display: swap;
                  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Montserrat';
                  font-style: normal;
                  font-weight: 500;
                  font-display: swap;
                  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Montserrat';
                  font-style: normal;
                  font-weight: 600;
                  font-display: swap;
                  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Montserrat';
                  font-style: normal;
                  font-weight: 700;
                  font-display: swap;
                  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Source Sans Pro';
                  font-style: normal;
                  font-weight: 400;
                  font-display: swap;
                  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Source Sans Pro';
                  font-style: normal;
                  font-weight: 600;
                  font-display: swap;
                  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                @font-face {
                  font-family: 'Source Sans Pro';
                  font-style: normal;
                  font-weight: 700;
                  font-display: swap;
                  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu3cOWxw.woff2) format('woff2');
                  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
                }

                html,
                body,
                div,
                span,
                object,
                iframe,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                p,
                blockquote,
                pre,
                a,
                abbr,
                address,
                cite,
                code,
                em,
                img,
                small,
                strong,
                sub,
                sup,
                dl,
                dt,
                dd,
                ol,
                ul,
                li,
                fieldset,
                form,
                legend,
                label,
                input,
                textarea,
                select,
                button,
                table,
                caption,
                thead,
                tbody,
                tfoot,
                tr,
                th,
                td {
                  border: 0;
                  font: inherit;
                  font-size: 100%;
                  margin: 0;
                  padding: 0
                }

                article,
                aside,
                details,
                figcaption,
                figure,
                footer,
                header,
                hgroup,
                main,
                nav,
                section,
                audio,
                canvas,
                video {
                  display: block
                }

                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                  font-weight: inherit;
                  line-height: inherit
                }

                address,
                cite,
                code,
                em,
                strong {
                  font-style: inherit;
                  font-weight: inherit
                }

                ol,
                ul {
                  list-style: none
                }

                table {
                  border-collapse: collapse;
                  border-spacing: 0
                }

                input,
                textarea,
                select,
                button {
                  display: block;
                  outline: none;
                  resize: none
                }

                img {
                  display: block;
                  max-width: 100%
                }

                html {
                  box-sizing: border-box;
                  -ms-text-size-adjust: 100%;
                  -webkit-text-size-adjust: 100%
                }

                html,
                body {
                  min-height: 100%
                }

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

                html,
                body {
                  height: 100%;
                  min-height: 100%
                }

                html {
                  scroll-behavior: smooth
                }

                body {
                  background: #fff;
                  color: #00111f;
                  font-family: "Source Sans Pro", "Helvetica", sans-serif, arial, sans-serif;
                  font-size: 16px;
                  line-height: 1.5;
                  overflow-x: hidden
                }

                .main {
                  padding-top: 9rem
                }

                @media (min-width: 1201px) {
                  .main {
                    padding-top: 7rem
                  }
                }

                html {
                  font-size: 62.5%
                }

                body {
                  -webkit-font-smoothing: antialiased
                }

                p {
                  margin-bottom: 2rem
                }

                p:last-child {
                  margin-bottom: 0
                }

                a {
                  color: inherit;
                  text-decoration: none
                }

                .underline {
                  text-decoration: underline
                }

                .uppercase {
                  text-transform: uppercase
                }

                .sr-only {
                  border: none;
                  clip: rect(0px, 0px, 0px, 0px);
                  height: 1px;
                  margin: -1px;
                  overflow: hidden;
                  padding: 0;
                  position: absolute;
                  width: 1px
                }

                .eyebrow {
                  text-transform: uppercase
                }

                .eyebrow:last-child {
                  margin-bottom: 0
                }

                .heading--1 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 3.6rem;
                  line-height: 4.4rem;
                  margin-bottom: 3rem
                }

                .heading--1:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--1 {
                    font-size: 4.6rem;
                    line-height: 5.6rem
                  }
                }

                .heading--2 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 3rem;
                  line-height: 4rem;
                  margin-bottom: 2.5rem
                }

                .heading--2:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--2 {
                    font-size: 3.6rem;
                    line-height: 4.4rem
                  }
                }

                .heading--3 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 2.4rem;
                  line-height: 3.2rem;
                  margin-bottom: 2rem
                }

                .heading--3:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--3 {
                    font-size: 3rem;
                    line-height: 4rem
                  }
                }

                .heading--4 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.8rem;
                  line-height: 2.4rem;
                  margin-bottom: 1.5rem
                }

                .heading--4:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--4 {
                    font-size: 2.4rem;
                    line-height: 3.2rem
                  }
                }

                .heading--5 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.6rem;
                  line-height: 2rem;
                  margin-bottom: 1rem
                }

                .heading--5:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--5 {
                    font-size: 1.8rem;
                    line-height: 2.4rem
                  }
                }

                .heading--6 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.4rem;
                  line-height: 1.8rem;
                  margin-bottom: 1rem
                }

                .heading--6:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .heading--6 {
                    font-size: 1.6rem;
                    line-height: 2rem
                  }
                }

                .font-weight-light {
                  font-weight: 300
                }

                .font-weight-normal {
                  font-weight: 400
                }

                .font-weight-medium {
                  font-weight: 500
                }

                .font-weight-semi-bold {
                  font-weight: 600
                }

                .font-weight-bold {
                  font-weight: 700
                }

                .text-block {
                  font-size: 1.6rem;
                  line-height: 2.4rem
                }

                @media (min-width: 901px) {
                  .text-block {
                    font-size: 1.8rem;
                    line-height: 2.8rem
                  }
                }

                .text-block--xsm {
                  font-size: 1.2rem;
                  line-height: 1.8rem
                }

                @media (min-width: 901px) {
                  .text-block--xsm {
                    font-size: 1.4rem;
                    line-height: 2.4rem
                  }
                }

                .text-block--sm {
                  font-size: 1.4rem;
                  line-height: 2rem
                }

                @media (min-width: 901px) {
                  .text-block--sm {
                    font-size: 1.6rem;
                    line-height: 2.4rem
                  }
                }

                .text-block--md {
                  font-size: 1.8rem;
                  line-height: 2.8rem
                }

                @media (min-width: 901px) {
                  .text-block--md {
                    font-size: 2rem;
                    line-height: 3.2rem
                  }
                }

                .text-block--lg {
                  font-size: 2rem;
                  line-height: 2.8rem
                }

                @media (min-width: 901px) {
                  .text-block--lg {
                    font-size: 2.4rem;
                    line-height: 3.6rem
                  }
                }

                .text-block+.btn {
                  margin-top: 2rem
                }

                .text-block strong {
                  font-weight: 600
                }

                .text-block em {
                  font-style: italic
                }

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

                .text-block sup {
                  top: -0.5em
                }

                .text-block sub {
                  bottom: -0.25em
                }

                .text-block h1 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 3.6rem;
                  line-height: 4.4rem;
                  margin-bottom: 3rem
                }

                .text-block h1:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h1 {
                    font-size: 4.6rem;
                    line-height: 5.6rem
                  }
                }

                .text-block h2 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 3rem;
                  line-height: 4rem;
                  margin-bottom: 2.5rem;
                  margin-top: 5rem
                }

                .text-block h2:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h2 {
                    font-size: 3.6rem;
                    line-height: 4.4rem
                  }
                }

                .text-block h2:first-child {
                  margin-top: 0
                }

                .text-block h3 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 2.4rem;
                  line-height: 3.2rem;
                  margin-bottom: 2rem;
                  margin-top: 4rem
                }

                .text-block h3:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h3 {
                    font-size: 3rem;
                    line-height: 4rem
                  }
                }

                .text-block h3:first-child {
                  margin-top: 0
                }

                .text-block h4 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.8rem;
                  line-height: 2.4rem;
                  margin-bottom: 1.5rem;
                  margin-top: 3rem
                }

                .text-block h4:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h4 {
                    font-size: 2.4rem;
                    line-height: 3.2rem
                  }
                }

                .text-block h4:first-child {
                  margin-top: 0
                }

                .text-block h5 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.6rem;
                  line-height: 2rem;
                  margin-bottom: 1rem;
                  margin-top: 3rem
                }

                .text-block h5:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h5 {
                    font-size: 1.8rem;
                    line-height: 2.4rem
                  }
                }

                .text-block h5:first-child {
                  margin-top: 0
                }

                .text-block h6 {
                  font-weight: 600;
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.4rem;
                  line-height: 1.8rem;
                  margin-bottom: 1rem;
                  margin-top: 3rem
                }

                .text-block h6:last-child {
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .text-block h6 {
                    font-size: 1.6rem;
                    line-height: 2rem
                  }
                }

                .text-block h6:first-child {
                  margin-top: 0
                }

                .text-block ul {
                  list-style: disc outside;
                  margin: 0 0 3rem 2rem
                }

                .text-block ul:last-child {
                  margin-bottom: 0
                }

                .text-block ul>li {
                  margin-bottom: .5rem
                }

                .text-block ul>li:last-child {
                  margin-bottom: 0
                }

                .text-block ul>li ul,
                .text-block ul>li ol {
                  margin-top: 1rem;
                  margin-bottom: 1rem
                }

                .text-block ol {
                  list-style: decimal outside;
                  margin: 0 0 3rem 2rem
                }

                .text-block ol:last-child {
                  margin-bottom: 0
                }

                .text-block ol>li {
                  margin-bottom: .5rem
                }

                .text-block ol>li:last-child {
                  margin-bottom: 0
                }

                .text-block ol>li ul,
                .text-block ol>li ol {
                  margin-top: 1rem;
                  margin-bottom: 1rem
                }

                .text-block a {
                  font-family: "Source Sans Pro", "Helvetica", sans-serif;
                  color: #005ce6
                }

                .text-block a:hover {
                  color: #13a3f7
                }

                .text-block a:focus {
                  color: #004AB9
                }

                .text-block a:visited {
                  color: #5F92DE
                }

                .text-block .table-container {
                  margin: 2rem 0 4rem;
                  overflow-x: scroll;
                  position: relative
                }

                .text-block .table-container:first-child {
                  margin-top: 0
                }

                .text-block .table-container:last-child {
                  margin-bottom: 0
                }

                .text-block table {
                  border-collapse: collapse;
                  border: 1px solid #00111f;
                  margin: 2rem 0 4rem;
                  width: 100%
                }

                @media (min-width: 1201px) {
                  .text-block table {
                    table-layout: fixed
                  }
                }

                .text-block table:first-child {
                  margin-top: 0
                }

                .text-block table:last-child {
                  margin-bottom: 0
                }

                .text-block table thead th {
                  background: #00111f;
                  color: #fff;
                  font-weight: 400;
                  min-width: 20rem;
                  padding: .5rem 2rem;
                  white-space: nowrap
                }

                .text-block table tbody th {
                  vertical-align: top
                }

                .text-block table th {
                  border: 1px solid #00111f;
                  text-align: left;
                  padding: 2rem
                }

                .text-block table td {
                  border: 1px solid #00111f;
                  padding: 2rem;
                  vertical-align: top
                }

                .text-block .iframe-video-container,
                .text-block .video-container {
                  margin-bottom: 2rem;
                  padding-bottom: 56.5%;
                  position: relative
                }

                .text-block .iframe-video-container>iframe,
                .text-block .iframe-video-container>video,
                .text-block .video-container>iframe,
                .text-block .video-container>video {
                  display: block;
                  height: 100%;
                  left: 0;
                  outline: none;
                  position: absolute;
                  top: 0;
                  width: 100%
                }

                .text-block figure {
                  display: inline-block;
                  margin: 0 0 2rem 0
                }

                .text-block figure:has(>figcaption) {
                  background: #f4f4f4;
                  padding: 1rem
                }

                .text-block figure figcaption {
                  font-size: 1.6rem;
                  font-style: italic;
                  padding: .5rem 0 0 0
                }

                .link-list>li {
                  margin-bottom: 2rem
                }

                .link-list>li:last-child {
                  margin-bottom: 0
                }

                .scroll-to-top {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.38 23.07'%3E%3Cpath d='M.31,6.14L6.95,.27c.41-.36,1.07-.36,1.48,0l6.64,5.87c.41,.36,.41,.94,0,1.3-.41,.36-1.07,.36-1.48,0L8.73,3.15V23.07h-2.09V3.15L1.78,7.45c-.41,.36-1.07,.36-1.48,0-.41-.36-.41-.94,0-1.3Z' style='fill:%230a1226;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 28px 19px;
                  border: 1px solid #0a1226;
                  border-radius: 6px;
                  display: block;
                  height: 4rem;
                  margin: 0 auto;
                  text-indent: -9999px;
                  width: 4rem
                }

                .scroll-to-top:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.38 23.07'%3E%3Cpath d='M.31,6.14L6.95,.27c.41-.36,1.07-.36,1.48,0l6.64,5.87c.41,.36,.41,.94,0,1.3-.41,.36-1.07,.36-1.48,0L8.73,3.15V23.07h-2.09V3.15L1.78,7.45c-.41,.36-1.07,.36-1.48,0-.41-.36-.41-.94,0-1.3Z' style='fill:%2313a3f7;'/%3E%3C/svg%3E");
                  border-color: #13a3f7
                }

                .scroll-anchor {
                  display: block;
                  height: 0;
                  left: 0;
                  overflow: hidden;
                  position: absolute;
                  -webkit-transform: translateY(-150px);
                  transform: translateY(-150px);
                  top: 0;
                  width: 0
                }

                @media (min-width: 1201px) {
                  .scroll-anchor {
                    -webkit-transform: translateY(-160px);
                    transform: translateY(-160px)
                  }
                }

                .video-thumbnail {
                  display: block;
                  padding-bottom: 56.5%;
                  position: relative
                }

                .video-thumbnail:before,
                .video-thumbnail:after {
                  content: "";
                  display: block;
                  position: absolute
                }

                .video-thumbnail:before {
                  background: #00111f;
                  height: 100%;
                  left: 0;
                  opacity: .4;
                  top: 0;
                  width: 100%;
                  z-index: 2
                }

                .video-thumbnail:after {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.75 71.97'%3E%3Cpath d='M0,71.99V-.01L51.75,35.99,0,71.99Z' style='fill:%23fff;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  height: 7.2rem;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
                  width: 5rem;
                  z-index: 3
                }

                .video-thumbnail>img {
                  height: 100%;
                  left: 0;
                  -o-object-fit: cover;
                  object-fit: cover;
                  position: absolute;
                  top: 0;
                  width: 100%
                }

                .video-thumbnail-card {
                  display: block;
                  padding-bottom: 56.5%;
                  position: relative
                }

                .video-thumbnail-card:before,
                .video-thumbnail-card:after {
                  content: "";
                  display: block;
                  position: absolute
                }

                .video-thumbnail-card:before {
                  opacity: .4;
                  height: 100%;
                  left: 0;
                  top: 0;
                  width: 100%;
                  z-index: 2
                }

                .video-thumbnail-card:after {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.75 71.97'%3E%3Cpath d='M0,71.99V-.01L51.75,35.99,0,71.99Z' style='fill:%23fff;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  height: 7.2rem;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
                  width: 5rem;
                  z-index: 3
                }

                .video-thumbnail-card>img {
                  height: 100%;
                  left: 0;
                  -o-object-fit: cover;
                  object-fit: cover;
                  position: absolute;
                  top: 0;
                  width: 100%
                }

                .video-container {
                  display: block;
                  padding-bottom: 56.5%;
                  position: relative
                }

                .video-container>video,
                .video-container>iframe {
                  display: block;
                  height: 100%;
                  left: 0;
                  position: absolute;
                  top: 0;
                  width: 100%
                }

                button {
                  background: transparent;
                  cursor: pointer;
                  outline: none
                }

                .btn {
                  -ms-flex-align: center;
                  align-items: center;
                  background: transparent;
                  border-radius: .6rem;
                  cursor: pointer;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  font-family: "Montserrat", sans-serif;
                  font-weight: 600;
                  height: 5rem;
                  -ms-flex-pack: center;
                  justify-content: center;
                  padding: .5rem 2rem
                }

                .btn--primary {
                  background: #005ce6;
                  color: #fff
                }

                .btn--primary:hover {
                  background: #13a3f7
                }

                .btn--secondary {
                  background: #fff;
                  color: #005ce6
                }

                .btn--secondary:hover {
                  color: #13a3f7
                }

                .btn--tertiary {
                  background: transparent;
                  color: #005ce6;
                  padding-left: 0;
                  padding-right: 0
                }

                .btn--tertiary:hover {
                  color: #13a3f7
                }

                .btn--tertiary.btn--caret {
                  -ms-flex-align: center;
                  align-items: center
                }

                .btn--tertiary.btn--caret:after {
                  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 14.4'%3E%3Cpath fill='%23005CE6' d='M15.85,.29l5.5,6.22c.34,.38,.34,1,0,1.38l-5.5,6.22c-.34,.38-.88,.38-1.22,0-.34-.38-.34-1,0-1.38l4.02-4.55H0v-1.96H18.65L14.63,1.67c-.34-.38-.34-1,0-1.38,.34-.38,.88-.38,1.22,0Z'/%3E%3C/svg%3E") no-repeat 0 0;
                  background-size: cover;
                  content: '';
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  height: 1rem;
                  margin-left: 1.2rem;
                  width: 1.5rem;
                  transition: -webkit-transform .3s ease-in-out;
                  transition: transform .3s ease-in-out;
                  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
                }

                .btn--tertiary.btn--caret:hover:after {
                  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 14.4'%3E%3Cpath fill='%2313A3F7' d='M15.85,.29l5.5,6.22c.34,.38,.34,1,0,1.38l-5.5,6.22c-.34,.38-.88,.38-1.22,0-.34-.38-.34-1,0-1.38l4.02-4.55H0v-1.96H18.65L14.63,1.67c-.34-.38-.34-1,0-1.38,.34-.38,.88-.38,1.22,0Z'/%3E%3C/svg%3E") no-repeat 0 0;
                  background-size: cover;
                  content: '';
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  height: 1rem;
                  margin-left: 1.2rem;
                  width: 1.5rem;
                  transition: -webkit-transform .3s ease-in-out;
                  transition: transform .3s ease-in-out;
                  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
                }

                .btn--outline {
                  border: 1px solid #005ce6;
                  background: transparent;
                  color: #005ce6
                }

                .btn--outline:hover {
                  background: #005ce6;
                  color: #fff
                }

                .btn--outline.btn--contrast {
                  border-color: #fff;
                  color: #fff
                }

                .btn--caret {
                  -ms-flex-align: center;
                  align-items: center
                }

                .btn--caret:after {
                  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 14.4'%3E%3Cpath fill='%23FFFFFF' d='M15.85,.29l5.5,6.22c.34,.38,.34,1,0,1.38l-5.5,6.22c-.34,.38-.88,.38-1.22,0-.34-.38-.34-1,0-1.38l4.02-4.55H0v-1.96H18.65L14.63,1.67c-.34-.38-.34-1,0-1.38,.34-.38,.88-.38,1.22,0Z'/%3E%3C/svg%3E") no-repeat 0 0;
                  background-size: cover;
                  content: '';
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  height: 1rem;
                  margin-left: 1.2rem;
                  width: 1.5rem;
                  transition: -webkit-transform .3s ease-in-out;
                  transition: transform .3s ease-in-out;
                  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
                }

                .button-group {
                  margin: -.5rem -.5rem 0 -.5rem
                }

                .button-group .btn {
                  margin: .5rem
                }

                .button-group--fluid {
                  margin: 0
                }

                .button-group--fluid .btn {
                  -ms-flex-pack: center;
                  justify-content: center;
                  margin: 0 0 1rem 0;
                  width: 100%
                }

                .button-group--fluid .btn:last-child {
                  margin-bottom: 0
                }

                .icon--small {
                  height: 5rem;
                  width: 5rem
                }

                .icon>svg {
                  height: 100%;
                  width: 100%
                }

                .icon+.text-block {
                  margin-top: 2rem
                }

                @media (min-width: 901px) {
                  .icon+.text-block {
                    margin-top: 3rem
                  }
                }

                .field {
                  margin-bottom: 2rem
                }

                .field-description {
                  color: #97979B;
                  font-weight: 600;
                  font-size: 1.2rem;
                  margin: 0
                }

                @media (min-width: 1201px) {
                  .field-description {
                    font-size: 1.4rem
                  }
                }

                .field-description+.field--filter {
                  margin-left: 2rem
                }

                @media (min-width: 901px) {
                  .field-description+.field--filter {
                    margin-left: 3rem
                  }
                }

                .field:last-child {
                  margin-bottom: 0
                }

                .field__label {
                  display: inline-block
                }

                .field--text .field__label,
                .field--textarea .field__label {
                  margin-bottom: .5rem
                }

                .field--text .field__control,
                .field--textarea .field__control {
                  background: #fff;
                  border: 1px solid #00111f;
                  border-radius: 6px;
                  display: block;
                  min-height: 4rem;
                  padding: .5rem 1rem;
                  width: 100%
                }

                .field--text .field__control:focus,
                .field--textarea .field__control:focus {
                  border-color: #005ce6
                }

                .field--select .field__control {
                  -webkit-appearance: none;
                  background-color: #fff;
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.99 14'%3E%3Cpath d='M0,8.75l4.5,5.25,4.5-5.25H0Z' style='fill:%23606066; fill-rule:evenodd;'/%3E%3Cpath d='M0,5.25L4.49,0l4.5,5.25H0Z' style='fill:%23606066;'/%3E%3C/svg%3E");
                  background-position: center right 12px;
                  background-repeat: no-repeat;
                  background-size: 10px 15px;
                  border: 1px solid #00111f;
                  border-radius: 6px;
                  cursor: pointer;
                  display: block;
                  min-height: 4rem;
                  padding: .5rem 2rem .5rem 1.5rem;
                  width: 100%
                }

                .field--select .field__control:focus {
                  border-color: #005ce6
                }

                .field--filter .field__control {
                  background-color: #2F2F32;
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.02 5.96'%3E%3Cpath d='M.01,5.98L5.01-.02l5,6H.01Z' style='fill:%23efeff0; fill-rule:evenodd;'/%3E%3C/svg%3E");
                  background-size: 10px 6px;
                  border-radius: 2px;
                  color: #fff;
                  font-weight: 500
                }

                .field--filter {
                  max-width: 30rem;
                  width: 100%
                }

                .layer {
                  padding: 3rem 0;
                  position: relative
                }

                @media (min-width: 601px) {
                  .layer {
                    padding: 4.5rem 0
                  }
                }

                @media (min-width: 901px) {
                  .layer {
                    padding: 6rem 0
                  }
                }

                @media (min-width: 1201px) {
                  .layer {
                    padding: 7.5rem 0
                  }
                }

                @media (min-width: 1501px) {
                  .layer {
                    padding: 9rem 0
                  }
                }

                .layer--ultra-reduced {
                  padding: 1rem 0
                }

                @media (min-width: 601px) {
                  .layer--ultra-reduced {
                    padding: 1.5rem 0
                  }
                }

                @media (min-width: 901px) {
                  .layer--ultra-reduced {
                    padding: 2rem 0
                  }
                }

                @media (min-width: 1201px) {
                  .layer--ultra-reduced {
                    padding: 2.5rem 0
                  }
                }

                @media (min-width: 1501px) {
                  .layer--ultra-reduced {
                    padding: 3rem 0
                  }
                }

                .layer--reduced {
                  padding: 2rem 0
                }

                @media (min-width: 601px) {
                  .layer--reduced {
                    padding: 3rem 0
                  }
                }

                @media (min-width: 901px) {
                  .layer--reduced {
                    padding: 4rem 0
                  }
                }

                @media (min-width: 1201px) {
                  .layer--reduced {
                    padding: 5rem 0
                  }
                }

                @media (min-width: 1501px) {
                  .layer--reduced {
                    padding: 6rem 0
                  }
                }

                .layer--spaced {
                  padding: 4rem 0
                }

                @media (min-width: 601px) {
                  .layer--spaced {
                    padding: 6rem 0
                  }
                }

                @media (min-width: 901px) {
                  .layer--spaced {
                    padding: 8rem 0
                  }
                }

                @media (min-width: 1201px) {
                  .layer--spaced {
                    padding: 10rem 0
                  }
                }

                @media (min-width: 1501px) {
                  .layer--spaced {
                    padding: 12rem 0
                  }
                }

                .layer--ultra-spaced {
                  padding: 5rem 0
                }

                @media (min-width: 601px) {
                  .layer--ultra-spaced {
                    padding: 7.5rem 0
                  }
                }

                @media (min-width: 901px) {
                  .layer--ultra-spaced {
                    padding: 10rem 0
                  }
                }

                @media (min-width: 1201px) {
                  .layer--ultra-spaced {
                    padding: 12.5rem 0
                  }
                }

                @media (min-width: 1501px) {
                  .layer--ultra-spaced {
                    padding: 15rem 0
                  }
                }

                .layer--contrast {
                  color: #fff
                }

                .header {
                  background: #0A1226;
                  height: 9rem;
                  left: 0;
                  padding: 2rem 0;
                  position: fixed;
                  top: 0;
                  z-index: 100;
                  width: 100%
                }

                @media (min-width: 1201px) {
                  .header {
                    background: #0A1226;
                    height: 10rem
                  }
                }

                .menu-is-active .header {
                  background: #000
                }

                .header>.wrapper {
                  height: 100%;
                  max-width: 100%
                }

                .header__container {
                  position: relative
                }

                @media (min-width: 1201px) {
                  .header__container {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                  }
                }

                .header__brand {
                  display: block;
                  height: 5rem;
                  width: 5rem
                }

                @media (min-width: 1201px) {
                  .header__brand {
                    height: 6rem;
                    width: 6rem
                  }
                }

                .header__brand>svg {
                  display: block;
                  height: 100%;
                  width: 100%
                }

                .header__menu {
                  background: #000;
                  height: calc(100vh - 90px);
                  left: 0;
                  opacity: 0;
                  overflow-y: auto;
                  padding: 2rem;
                  position: fixed;
                  top: 9rem;
                  visibility: hidden;
                  width: 100%;
                  z-index: 101
                }

                @media (min-width: 601px) {
                  .header__menu {
                    padding: 3rem
                  }
                }

                @media (min-width: 901px) {
                  .header__menu {
                    padding: 4rem
                  }
                }

                @media (min-width: 1201px) {
                  .header__menu {
                    -ms-flex-align: center;
                    align-items: center;
                    background: transparent;
                    display: -ms-flexbox;
                    display: flex;
                    height: auto;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    overflow-y: initial;
                    padding: 0;
                    position: static;
                    opacity: 1;
                    visibility: visible;
                    width: calc(100% - 80px)
                  }
                }

                .menu-is-active .header__menu {
                  opacity: 1;
                  visibility: visible
                }

                .header__menu-toggle {
                  height: 4rem;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  width: 4rem;
                  z-index: 101
                }

                @media (min-width: 1201px) {
                  .header__menu-toggle {
                    display: none
                  }
                }

                .header__menu-toggle>span {
                  background: #fff;
                  display: block;
                  height: .1rem;
                  left: 50%;
                  position: absolute;
                  top: 50%;
                  text-indent: -9999px;
                  -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
                  width: 2rem
                }

                .menu-is-active .header__menu-toggle>span {
                  background: transparent
                }

                .header__menu-toggle>span:before,
                .header__menu-toggle>span:after {
                  background: #fff;
                  content: "";
                  display: block;
                  height: 100%;
                  left: 0;
                  position: absolute;
                  top: 0;
                  width: 100%
                }

                .header__menu-toggle>span:before {
                  -webkit-transform: translateY(-6px);
                  transform: translateY(-6px)
                }

                .menu-is-active .header__menu-toggle>span:before {
                  -webkit-transform: translateY(0) rotate(45deg);
                  transform: translateY(0) rotate(45deg)
                }

                .header__menu-toggle>span:after {
                  -webkit-transform: translateY(6px);
                  transform: translateY(6px)
                }

                .menu-is-active .header__menu-toggle>span:after {
                  -webkit-transform: translateY(0) rotate(-45deg);
                  transform: translateY(0) rotate(-45deg)
                }

                .header__search {
                  margin-bottom: 2rem;
                  position: relative
                }

                @media (min-width: 1201px) {
                  .header__search {
                    margin: 0 2rem 0 0;
                    max-width: 40rem;
                    width: 100%
                  }
                }

                .header__search-btn {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.36 12.36'%3E%3Cpath d='M11.65,12.35l-2.63-2.63c-.95,.8-2.18,1.28-3.52,1.28C2.47,11,0,8.53,0,5.5S2.47,0,5.5,0s5.5,2.47,5.5,5.5c0,1.34-.48,2.56-1.28,3.52l2.63,2.63-.71,.71ZM5.5,1C3.02,1,1,3.02,1,5.5s2.02,4.5,4.5,4.5,4.5-2.02,4.5-4.5S7.98,1,5.5,1Z' style='fill:%23d7d7d8;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 12px 12px;
                  display: block;
                  left: .5rem;
                  height: 4rem;
                  position: absolute;
                  text-indent: -9999px;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  width: 4rem
                }

                .header__search .field {
                  margin: 0
                }

                .header__search .field__control {
                  background: #212633;
                  border-radius: .2rem;
                  color: #97979B;
                  display: block;
                  height: 4rem;
                  padding: .5rem 1.5rem .5rem 4.5rem;
                  width: 100%
                }

                .header__button-group {
                  margin-top: 2rem
                }

                @media (min-width: 601px) {
                  .header__button-group {
                    max-width: 30rem
                  }
                }

                @media (min-width: 1201px) {
                  .header__button-group {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 0
                  }
                }

                .header__button-group>.btn {
                  font-weight: 400;
                  text-align: center;
                  width: 100%
                }

                @media (min-width: 1201px) {
                  .header__button-group>.btn {
                    padding: .5rem 2rem;
                    min-width: 14rem
                  }
                }

                .header__button-group>.btn+.btn {
                  margin-top: 2rem
                }

                @media (min-width: 1201px) {
                  .header__button-group>.btn+.btn {
                    margin-top: 0
                  }

                  .header__button-group>.btn+.btn:last-child {
                    margin-left: 2rem
                  }
                }

                @media (min-width: 1201px) {
                  .nav__list {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex
                  }
                }

                .nav__item {
                  border-bottom: 1px solid #77777C;
                  font-size: 1.6rem
                }

                @media (min-width: 1201px) {
                  .nav__item {
                    border: none;
                    margin-right: 2rem;
                    position: relative
                  }
                }

                .nav__link {
                  color: #77777C;
                  display: block;
                  padding: 1.5rem 0
                }

                @media (min-width: 1201px) {
                  .nav__link {
                    -ms-flex-align: center;
                    align-items: center;
                    color: #fff;
                    display: -ms-flexbox;
                    display: flex;
                    font-size: 1.6rem;
                    font-family: "Montserrat", sans-serif;
                    min-height: 6rem;
                    padding: 0 2rem;
                    position: relative;
                    white-space: nowrap
                  }

                  .nav__link:before {
                    background: #fff;
                    bottom: -2rem;
                    content: "";
                    display: block;
                    height: 0;
                    left: 0;
                    position: absolute;
                    transition: all .3s;
                    width: 100%
                  }

                  .nav__link:hover:before,
                  .nav__item.--active .nav__link: before {
                    height: .3rem
                  }
                }

                .nav__item.--has-children .nav__link {
                  position: relative
                }

                .nav__item.--has-children .nav__link: after {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.02 5.96'%3E%3Cpath d='M.01-.02L5.01,5.98,10.01-.02H.01Z' style='fill:%2377777c; fill-rule:evenodd;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  content: "";
                  height: .6rem;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  width: 1rem
                }

                .nav__item.--sub-nav-open .nav__link: after {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.02 5.96'%3E%3Cpath d='M.01-.02L5.01,5.98,10.01-.02H.01Z' style='fill:%23ffffff; fill-rule:evenodd;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  content: "";
                  height: .6rem;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  -webkit-transform: translateY(-50%) rotate(-180deg);
                  transform: translateY(-50%) rotate(-180deg);
                  width: 1rem
                }

                .nav__item.--active .nav__link {
                  color: #fff;
                  font-weight: 600
                }

                @media (min-width: 1201px) {
                  .nav__item.--active .nav__link {
                    font-weight: 400
                  }
                }

                .sub-nav {
                  display: none
                }

                @media (min-width: 1201px) {
                  .sub-nav {
                    background: #fff;
                    display: block;
                    left: 0;
                    max-height: 60rem;
                    opacity: 0;
                    overflow-y: auto;
                    position: absolute;
                    top: 8rem;
                    -webkit-transform: translateY(20px);
                    transform: translateY(20px);
                    transition: all .3s;
                    width: 100%;
                    z-index: 102;
                    visibility: hidden
                  }
                }

                .nav__item.--sub-nav-open .sub-nav {
                  display: block;
                  padding-bottom: 1.2rem
                }

                @media (min-width: 1201px) {
                  .nav__item.--sub-nav-open .sub-nav {
                    opacity: 1;
                    padding-bottom: 0;
                    -webkit-transform: translateY(-3px);
                    transform: translateY(-3px);
                    visibility: visible
                  }
                }

                .sub-nav__link {
                  color: #77777C;
                  display: block;
                  padding: .8rem 0
                }

                @media (min-width: 1201px) {
                  .sub-nav__link {
                    background: #fff;
                    font-size: 1.6rem;
                    padding: 1rem 1.5rem
                  }

                  .sub-nav__link:hover {
                    background: #EFEFF0
                  }
                }

                .menu-is-active {
                  overflow-y: hidden
                }

                @media (min-width: 1201px) {
                  .menu-is-active {
                    overflow-y: inherit
                  }
                }

                .hero {
                  background: #fff;
                  position: relative
                }

                @media (min-width: 901px) {
                  .hero {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    height: 35rem;
                    -ms-flex-pack: center;
                    justify-content: center
                  }
                }

                @media (min-width: 1201px) {
                  .hero {
                    height: 50rem
                  }
                }

                .hero__content {
                  padding: 2rem 0
                }

                @media (min-width: 601px) {
                  .hero__content {
                    padding: 3rem 0
                  }
                }

                @media (min-width: 901px) {
                  .hero__content {
                    padding: 0;
                    position: relative;
                    z-index: 3;
                    width: 100%
                  }
                }

                .hero__headline {
                  font-family: "Montserrat", sans-serif;
                  font-size: 3.2rem;
                  font-weight: 600;
                  line-height: 4.2rem
                }

                @media (min-width: 901px) {
                  .hero__headline {
                    color: #fff;
                    max-width: 50rem
                  }
                }

                @media (min-width: 1201px) {
                  .hero__headline {
                    font-size: 4rem;
                    line-height: 5.2rem
                  }
                }

                .hero__headline-link {
                  font-family: "Montserrat", sans-serif;
                  font-size: 1.2rem;
                  font-weight: 350;
                  line-height: 2.2rem;
                }

                .hero__headline-link:hover,
                .hero__headline-link:active {
                  text-decoration: none;
                  border-bottom: 1px solid #fff
                }

                @media (min-width: 901px) {
                  .hero__headline-link {
                    color: #fff;
                    max-width: 30rem
                  }
                }

                @media (min-width: 1201px) {
                  .hero__headline-link {
                    font-size: 2rem;
                    line-height: 3.2rem
                  }
                }

                .hero__image-asset {
                  display: block;
                  width: 100%
                }

                @media (min-width: 901px) {
                  .hero__image-asset {
                    height: 100%;
                    left: 0;
                    -o-object-fit: cover;
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: 2
                  }
                }

                .page-nav {
                  background: #fff;
                  height: 6rem;
                  left: 0;
                  position: sticky;
                  top: 9rem;
                  z-index: 99;
                  width: 100%
                }

                @media (min-width: 1201px) {
                  .page-nav {
                    top: 10rem
                  }
                }

                .page-nav__container {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  overflow-x: auto
                }

                .page-nav__list {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex
                }

                .page-nav__item {
                  font-family: "Montserrat", sans-serif;
                  font-weight: 500;
                  font-size: 1.6rem;
                  line-height: 2.4rem;
                  white-space: nowrap
                }

                .page-nav__link {
                  -ms-flex-align: center;
                  align-items: center;
                  color: #3E3E42;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  height: 6rem;
                  padding: .5rem 2rem;
                  position: relative
                }

                .page-nav__link:hover:after {
                  background: #0A1226;
                  bottom: 0;
                  content: "";
                  display: block;
                  height: .2rem;
                  left: 0;
                  position: absolute;
                  width: 100%
                }

                .accordion {
                  border-bottom: 1px solid #00111f;
                  margin-bottom: 4rem;
                  position: relative
                }

                .accordion:last-child {
                  margin-bottom: 0
                }

                .accordion--hidden {
                  display: none
                }

                .accordion__header {
                  cursor: pointer;
                  padding: 0 3rem 2rem 0;
                  position: relative
                }

                .accordion__header:after {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.75 10.54'%3E%3Cpath d='M9.37,9.1L.74-.02,.01,.67,9.01,10.17l.36,.38,.36-.38L18.74,.67,18.01-.02,9.37,9.1Z' style='fill:%230a1226;'/%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 18px 10px;
                  content: "";
                  display: block;
                  height: 1rem;
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 1.8rem
                }

                .accordion.--active .accordion__header: after {
                  -webkit-transform: scaleY(-1);
                  transform: scaleY(-1)
                }

                .accordion__header-eyebrow {
                  color: #1e1e1e;
                  font-size: 1.2rem;
                  font-weight: 600;
                  line-height: 1.6rem;
                  margin-bottom: 1rem
                }

                .accordion__header>.heading {
                  font-weight: 500
                }

                .accordion__content {
                  display: none;
                  padding-bottom: 3rem
                }

                .accordion.--active .accordion__content {
                  display: block
                }

                .accordion__content>.text-block {
                  max-width: 90rem
                }

                .card {
                  background: #fff;
                  border-radius: 6px;
                  display: -ms-flexbox;
                  display: flex;
                  height: 100%;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  position: relative
                }

                .card:hover {
                  -webkit-filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14));
                  filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14))
                }

                .slider--grid .card {
                  background-color: #fafafa
                }

                .card__content {
                  padding: 2rem
                }

                .slider .card__content {
                  -ms-flex-align: baseline;
                  align-items: baseline;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  height: 100%;
                  -ms-flex-pack: justify;
                  justify-content: space-between
                }

                .card__title {
                  font-family: "Montserrat", sans-serif;
                  font-size: 3rem;
                  font-weight: 400;
                  line-height: 4rem;
                  margin-bottom: 1rem
                }

                .slider .card .video-thumbnail {
                  border-top-left-radius: 6px;
                  border-top-right-radius: 6px;
                  overflow: hidden
                }

                .slider .card .video-thumbnail-card {
                  overflow: hidden
                }

                .slider .card .text-block+.btn {
                  margin-top: 2rem
                }

                .footer {
                  background: #0a1226;
                  color: #fff;
                  padding: 4rem 0
                }

                @media (min-width: 901px) {
                  .footer {
                    min-height: 10rem
                  }
                }

                .footer>.wrapper {
                  max-width: 100%
                }

                .footer__container {
                  position: relative
                }

                @media (min-width: 601px) {
                  .footer__container {
                    padding-right: 20rem
                  }
                }

                @media (min-width: 901px) {
                  .footer__container {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 0 20rem
                  }
                }

                .footer__copyright {
                  font-size: 1.4rem;
                  line-height: 2rem;
                  margin-bottom: 0
                }

                @media (min-width: 901px) {
                  .footer__copyright {
                    left: 0;
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                  }
                }

                .footer__nav {
                  margin-bottom: 2rem
                }

                @media (min-width: 901px) {
                  .footer__nav {
                    margin-bottom: 0
                  }
                }

                .footer__nav-list {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-wrap: wrap;
                  flex-wrap: wrap
                }

                .footer__nav-item {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  font-size: 1.6rem;
                  line-height: 2.8rem;
                  font-weight: 400;
                  margin-right: 2rem
                }

                .footer__nav-item:after {
                  background: #fff;
                  content: "";
                  display: block;
                  height: 2rem;
                  margin-left: 2rem;
                  width: .1rem
                }

                .footer__nav-item:last-child {
                  margin-right: 0
                }

                .footer__nav-item:last-child:after {
                  display: none
                }

                .footer__nav-link {
                  display: inline-block
                }

                .footer__nav-link:hover {
                  text-decoration: underline
                }

                .footer__social {
                  margin-bottom: 3rem
                }

                @media (min-width: 601px) {
                  .footer__social {
                    margin: 0;
                    position: absolute;
                    right: 0;
                    top: 0
                  }
                }

                @media (min-width: 901px) {
                  .footer__social {
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                  }
                }

                .footer__social-list {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex
                }

                .footer__social-item {
                  margin-right: 4rem
                }

                .footer__social-item:last-child {
                  margin-right: 0
                }

                .footer__social-link {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  height: 4rem;
                  -ms-flex-pack: center;
                  justify-content: center;
                  width: 4rem
                }

                .footer__social-link>svg {
                  fill: #fff;
                  height: 100%;
                  max-height: 2rem;
                  max-width: 3rem;
                  width: 100%
                }

                .footer__social-link:hover>svg {
                  fill: #13a3f7
                }

                .glider-track {
                  -webkit-transform: translateZ(0);
                  transform: translateZ(0);
                  width: 100%;
                  margin: 0;
                  padding: 0;
                  display: -ms-flexbox;
                  display: flex;
                  z-index: 1
                }

                .glider.draggable {
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  cursor: -webkit-grab;
                  cursor: grab
                }

                .glider.draggable .glider-slide img {
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  pointer-events: none
                }

                .glider.drag {
                  cursor: -webkit-grabbing;
                  cursor: grabbing
                }

                .glider-slide {
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  -ms-flex-pack: center;
                  justify-content: center;
                  -ms-flex-line-pack: center;
                  align-content: center;
                  width: 100%
                }

                .glider-slide img {
                  max-width: 100%
                }

                .glider::-webkit-scrollbar {
                  opacity: 0;
                  height: 0
                }

                .glider-prev,
                .glider-next {
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  position: absolute;
                  outline: none;
                  background: none;
                  padding: 0;
                  z-index: 2;
                  font-size: 40px;
                  text-decoration: none;
                  left: -23px;
                  border: 0;
                  top: 30%;
                  cursor: pointer;
                  color: #666;
                  opacity: 1;
                  line-height: 1;
                  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67)
                }

                .glider-prev:hover,
                .glider-next:hover,
                .glider-prev:focus,
                .glider-next:focus {
                  color: #a89cc8
                }

                .glider-next {
                  right: -23px;
                  left: auto
                }

                .glider-next.disabled,
                .glider-prev.disabled {
                  opacity: .25;
                  color: #666;
                  cursor: default
                }

                .glider-slide {
                  min-width: 150px
                }

                .glider-hide {
                  opacity: 0
                }

                @media (max-width: 36em) {
                  .glider::-webkit-scrollbar {
                    opacity: 1;
                    -webkit-appearance: none;
                    width: 7px;
                    height: 3px
                  }

                  .glider::-webkit-scrollbar-thumb {
                    opacity: 1;
                    border-radius: 99px;
                    background-color: rgba(156, 156, 156, 0.25);
                    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25)
                  }
                }

                .slider {
                  margin-top: -2rem;
                  position: relative;
                  width: 100%
                }

                .slider__container {
                  margin: 0 -.5rem;
                  padding: 2rem 0;
                  position: relative;
                  overflow-y: hidden;
                  -webkit-overflow-scrolling: touch;
                  -ms-overflow-style: none;
                  -webkit-transform: translateZ(0);
                  transform: translateZ(0)
                }

                @media (min-width: 901px) {
                  .slider__container {
                    margin: 0 -1rem
                  }
                }

                @media (min-width: 1201px) {
                  .slider__container {
                    margin: 0 -1.5rem
                  }
                }

                .slider__slide {
                  padding: 1rem 0;
                  margin: 0 .5rem
                }

                @media (min-width: 901px) {
                  .slider__slide {
                    margin: 0 1rem
                  }
                }

                @media (min-width: 1201px) {
                  .slider__slide {
                    margin: 0 1.5rem
                  }
                }

                .slider__control {
                  background-color: #F4F4F4;
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 18px 12px;
                  cursor: pointer;
                  display: none;
                  height: 3.2rem;
                  position: absolute;
                  text-indent: -9999px;
                  top: -3.2rem;
                  -webkit-transform: translateY(-40px);
                  transform: translateY(-40px);
                  width: 4.5rem
                }

                @media (min-width: 1201px) {
                  .slider__control {
                    display: block
                  }
                }

                .slider__control:hover {
                  background-color: #005ce6
                }

                .slider__control.disabled {
                  display: none
                }

                .slider__control--prev {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M4.79,.24L.21,5.42c-.28,.32-.28,.83,0,1.15l4.58,5.19c.28,.32,.74,.32,1.02,0,.28-.32,.28-.83,0-1.15l-3.35-3.79h15.54v-1.63H2.46L5.81,1.39c.28-.32,.28-.83,0-1.15-.28-.32-.74-.32-1.02,0Z' style='fill:%233E3E42;'/%3E%3C/svg%3E");
                  right: 5.5rem
                }

                .slider__control--prev:hover:not(.disabled) {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M4.79,.24L.21,5.42c-.28,.32-.28,.83,0,1.15l4.58,5.19c.28,.32,.74,.32,1.02,0,.28-.32,.28-.83,0-1.15l-3.35-3.79h15.54v-1.63H2.46L5.81,1.39c.28-.32,.28-.83,0-1.15-.28-.32-.74-.32-1.02,0Z' style='fill:%23fff;'/%3E%3C/svg%3E")
                }

                .slider__control--next {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M13.21,.24l4.58,5.19c.28,.32,.28,.83,0,1.15l-4.58,5.19c-.28,.32-.74,.32-1.02,0-.28-.32-.28-.83,0-1.15l3.35-3.79H0v-1.63H15.54l-3.35-3.79c-.28-.32-.28-.83,0-1.15,.28-.32,.74-.32,1.02,0Z' style='fill:%233E3E42;'/%3E%3C/svg%3E");
                  right: 0
                }

                .slider__control--next:hover:not(.disabled) {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M13.21,.24l4.58,5.19c.28,.32,.28,.83,0,1.15l-4.58,5.19c-.28,.32-.74,.32-1.02,0-.28-.32-.28-.83,0-1.15l3.35-3.79H0v-1.63H15.54l-3.35-3.79c-.28-.32-.28-.83,0-1.15,.28-.32,.74-.32,1.02,0Z' style='fill:%23fff;'/%3E%3C/svg%3E")
                }

                .slider__dots {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-pack: center;
                  justify-content: center;
                  margin-top: 1rem
                }

                @media (min-width: 1201px) {
                  .slider__dots {
                    display: none
                  }
                }

                .slider__dots>button {
                  background: #E1E1E1;
                  border-radius: 50%;
                  cursor: pointer;
                  display: block;
                  height: .8rem;
                  margin-right: 1rem;
                  width: .8rem
                }

                .slider__dots>button:last-child {
                  margin-right: 0
                }

                .slider__dots>button.active {
                  background: #0A1226
                }

                .card-slide {
                  -ms-flex-align: center;
                  align-items: center;
                  border: 1px solid red;
                  display: -ms-flexbox;
                  display: flex;
                  min-height: 400px;
                  -ms-flex-pack: center;
                  justify-content: center
                }

                .modal:before {
                  background: #000;
                  content: "";
                  height: 100%;
                  display: block;
                  left: 0;
                  opacity: .5;
                  position: fixed;
                  top: 0;
                  width: 100%
                }

                .modal__window {
                  -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
                  background: #fff;
                  height: auto;
                  left: 50%;
                  max-height: 100%;
                  max-width: 90rem;
                  opacity: 0;
                  overflow-y: auto;
                  position: fixed;
                  top: 50%;
                  -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
                  transition: all .3s ease;
                  width: 100%;
                  z-index: 1001
                }

                .modal--video .modal__window {
                  max-width: 120rem
                }

                .modal--active .modal__window {
                  opacity: 1;
                  visibility: visible
                }

                .modal__close-btn {
                  -ms-flex-align: center;
                  align-items: center;
                  background-color: #000;
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.91 16.95'%3E%3Cpath fill='%23ffffff' d='M16.46,14.51l-6-6,6-6A1.5,1.5,0,0,0,16.79,2a1.47,1.47,0,0,0,.12-.55,1.45,1.45,0,0,0-.1-.55A1.48,1.48,0,0,0,16.5.41,1.6,1.6,0,0,0,16,.1a1.49,1.49,0,0,0-.55-.1,1.3,1.3,0,0,0-.55.12,1.5,1.5,0,0,0-.46.33l-6,6-6-6a1.37,1.37,0,0,0-1-.41,1.37,1.37,0,0,0-1,.41,1.41,1.41,0,0,0-.41,1,1.45,1.45,0,0,0,.41,1l6,6-6,6a1.44,1.44,0,0,0-.38,1,1.4,1.4,0,0,0,.42,1,1.35,1.35,0,0,0,1,.41,1.38,1.38,0,0,0,1-.37l6-6,6,6a1.32,1.32,0,0,0,.46.32,1.43,1.43,0,0,0,1.1,0,1.43,1.43,0,0,0,.78-.77,1.54,1.54,0,0,0,.1-.56,1.46,1.46,0,0,0-.12-.54A1.39,1.39,0,0,0,16.46,14.51Z' %3E%3C/path%3E%3C/svg%3E");
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 2rem 2rem;
                  display: -ms-flexbox;
                  display: flex;
                  height: 4rem;
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 4rem;
                  z-index: 1002
                }

                .modal-is-active {
                  overflow: hidden
                }

                .wrapper {
                  margin: 0 auto;
                  padding-left: 2rem;
                  padding-right: 2rem;
                  position: relative;
                  width: 100%
                }

                @media (min-width: 601px) {
                  .wrapper {
                    padding-left: 3rem;
                    padding-right: 3rem
                  }
                }

                @media (min-width: 901px) {
                  .wrapper {
                    padding-left: 4rem;
                    padding-right: 4rem
                  }
                }

                @media (min-width: 1201px) {
                  .wrapper {
                    padding-left: 5rem;
                    padding-right: 5rem
                  }
                }

                @media (min-width: 1501px) {
                  .wrapper {
                    max-width: 1320px;
                    padding-left: 6rem;
                    padding-right: 6rem
                  }
                }

                .container {
                  width: 100%
                }

                .container+.container {
                  margin-top: 3rem
                }

                @media (min-width: 601px) {
                  .container+.container {
                    margin-top: 4.5rem
                  }
                }

                @media (min-width: 901px) {
                  .container+.container {
                    margin-top: 6rem
                  }
                }

                @media (min-width: 1201px) {
                  .container+.container {
                    margin-top: 7.5rem
                  }
                }

                @media (min-width: 1501px) {
                  .container+.container {
                    margin-top: 9rem
                  }
                }

                .container+.container--ultra-reduced {
                  margin-top: 1rem
                }

                @media (min-width: 601px) {
                  .container+.container--ultra-reduced {
                    margin-top: 1.5rem
                  }
                }

                @media (min-width: 901px) {
                  .container+.container--ultra-reduced {
                    margin-top: 2rem
                  }
                }

                @media (min-width: 1201px) {
                  .container+.container--ultra-reduced {
                    margin-top: 2.5rem
                  }
                }

                @media (min-width: 1501px) {
                  .container+.container--ultra-reduced {
                    margin-top: 3rem
                  }
                }

                .container+.container--reduced {
                  margin-top: 2rem
                }

                @media (min-width: 601px) {
                  .container+.container--reduced {
                    margin-top: 3rem
                  }
                }

                @media (min-width: 901px) {
                  .container+.container--reduced {
                    margin-top: 4rem
                  }
                }

                @media (min-width: 1201px) {
                  .container+.container--reduced {
                    margin-top: 5rem
                  }
                }

                @media (min-width: 1501px) {
                  .container+.container--reduced {
                    margin-top: 6rem
                  }
                }

                .container+.container--spaced {
                  margin-top: 4rem
                }

                @media (min-width: 601px) {
                  .container+.container--spaced {
                    margin-top: 6rem
                  }
                }

                @media (min-width: 901px) {
                  .container+.container--spaced {
                    margin-top: 8rem
                  }
                }

                @media (min-width: 1201px) {
                  .container+.container--spaced {
                    margin-top: 10rem
                  }
                }

                @media (min-width: 1501px) {
                  .container+.container--spaced {
                    margin-top: 12rem
                  }
                }

                .container+.container--ultra-spaced {
                  margin-top: 5rem
                }

                @media (min-width: 601px) {
                  .container+.container--ultra-spaced {
                    margin-top: 7.5rem
                  }
                }

                @media (min-width: 901px) {
                  .container+.container--ultra-spaced {
                    margin-top: 10rem
                  }
                }

                @media (min-width: 1201px) {
                  .container+.container--ultra-spaced {
                    margin-top: 12.5rem
                  }
                }

                @media (min-width: 1501px) {
                  .container+.container--ultra-spaced {
                    margin-top: 15rem
                  }
                }

                .container--flex {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex
                }

                .container--h-end {
                  -ms-flex-pack: end;
                  justify-content: flex-end
                }

                .grid {
                  position: relative
                }

                .grid--ultra-reduced>.row {
                  margin-bottom: -.5rem;
                  margin-left: -.25rem;
                  margin-right: -.25rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-reduced>.row {
                    margin-bottom: -.75rem;
                    margin-left: -.375rem;
                    margin-right: -.375rem
                  }
                }

                .grid--ultra-reduced>.row+.row {
                  margin-top: .5rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-reduced>.row+.row {
                    margin-top: .75rem
                  }
                }

                .grid--ultra-reduced>.row>.col {
                  padding-left: .25rem;
                  padding-right: .25rem;
                  margin-bottom: .5rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-reduced>.row>.col {
                    padding-left: .375rem;
                    padding-right: .375rem;
                    margin-bottom: .75rem
                  }
                }

                .grid--reduced>.row {
                  margin-bottom: -1rem;
                  margin-left: -.5rem;
                  margin-right: -.5rem
                }

                @media (min-width: 901px) {
                  .grid--reduced>.row {
                    margin-bottom: -1.5rem;
                    margin-left: -.75rem;
                    margin-right: -.75rem
                  }
                }

                .grid--reduced>.row+.row {
                  margin-top: 1rem
                }

                @media (min-width: 901px) {
                  .grid--reduced>.row+.row {
                    margin-top: 1.5rem
                  }
                }

                .grid--reduced>.row>.col {
                  padding-left: .5rem;
                  padding-right: .5rem;
                  margin-bottom: 1rem
                }

                @media (min-width: 901px) {
                  .grid--reduced>.row>.col {
                    padding-left: .75rem;
                    padding-right: .75rem;
                    margin-bottom: 1.5rem
                  }
                }

                .grid--spaced>.row {
                  margin-bottom: -3rem;
                  margin-left: -1.5rem;
                  margin-right: -1.5rem
                }

                @media (min-width: 901px) {
                  .grid--spaced>.row {
                    margin-bottom: -4.5rem;
                    margin-left: -2.25rem;
                    margin-right: -2.25rem
                  }
                }

                .grid--spaced>.row+.row {
                  margin-top: 3rem
                }

                @media (min-width: 901px) {
                  .grid--spaced>.row+.row {
                    margin-top: 4.5rem
                  }
                }

                .grid--spaced>.row>.col {
                  padding-left: 1.5rem;
                  padding-right: 1.5rem;
                  margin-bottom: 3rem
                }

                @media (min-width: 901px) {
                  .grid--spaced>.row>.col {
                    padding-left: 2.25rem;
                    padding-right: 2.25rem;
                    margin-bottom: 4.5rem
                  }
                }

                .grid--ultra-spaced>.row {
                  margin-bottom: -4rem;
                  margin-left: -2rem;
                  margin-right: -2rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-spaced>.row {
                    margin-bottom: -6rem;
                    margin-left: -3rem;
                    margin-right: -3rem
                  }
                }

                .grid--ultra-spaced>.row+.row {
                  margin-top: 4rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-spaced>.row+.row {
                    margin-top: 6rem
                  }
                }

                .grid--ultra-spaced>.row>.col {
                  padding-left: 2rem;
                  padding-right: 2rem;
                  margin-bottom: 4rem
                }

                @media (min-width: 901px) {
                  .grid--ultra-spaced>.row>.col {
                    padding-left: 3rem;
                    padding-right: 3rem;
                    margin-bottom: 6rem
                  }
                }

                .row {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
                  -ms-flex-direction: row;
                  flex-direction: row;
                  margin-bottom: -2rem;
                  margin-left: -1rem;
                  margin-right: -1rem;
                  position: relative
                }

                @media (min-width: 901px) {
                  .row {
                    margin-bottom: -3rem;
                    margin-left: -1.5rem;
                    margin-right: -1.5rem
                  }
                }

                .row+.row {
                  margin-top: 2rem
                }

                @media (min-width: 901px) {
                  .row+.row {
                    margin-top: 3rem
                  }
                }

                .row--rm-gutter {
                  margin-left: 0;
                  margin-right: 0
                }

                .row--reverse {
                  -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse
                }

                .row--h-start {
                  -ms-flex-pack: start;
                  justify-content: flex-start
                }

                .row--h-center {
                  -ms-flex-pack: center;
                  justify-content: center
                }

                .row--h-end {
                  -ms-flex-pack: end;
                  justify-content: flex-end
                }

                .row--v-start {
                  -ms-flex-align: start;
                  align-items: flex-start
                }

                .row--v-center {
                  -ms-flex-align: center;
                  align-items: center
                }

                .row--v-end {
                  -ms-flex-align: end;
                  align-items: flex-end
                }

                @media (min-width: 601px) {
                  .row--sm-reverse {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                  }

                  .row--sm-h-start {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .row--sm-h-center {
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .row--sm-h-end {
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }

                  .row--sm-v-start {
                    -ms-flex-align: start;
                    align-items: flex-start
                  }

                  .row--sm-v-center {
                    -ms-flex-align: center;
                    align-items: center
                  }

                  .row--sm-v-end {
                    -ms-flex-align: end;
                    align-items: flex-end
                  }
                }

                @media (min-width: 901px) {
                  .row--md-reverse {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                  }

                  .row--md-h-start {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .row--md-h-center {
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .row--md-h-end {
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }

                  .row--md-v-start {
                    -ms-flex-align: start;
                    align-items: flex-start
                  }

                  .row--md-v-center {
                    -ms-flex-align: center;
                    align-items: center
                  }

                  .row--md-v-end {
                    -ms-flex-align: end;
                    align-items: flex-end
                  }
                }

                @media (min-width: 1201px) {
                  .row--lg-reverse {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                  }

                  .row--lg-h-start {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .row--lg-h-center {
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .row--lg-h-end {
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }

                  .row--lg-v-start {
                    -ms-flex-align: start;
                    align-items: flex-start
                  }

                  .row--lg-v-center {
                    -ms-flex-align: center;
                    align-items: center
                  }

                  .row--lg-v-end {
                    -ms-flex-align: end;
                    align-items: flex-end
                  }
                }

                @media (min-width: 1501px) {
                  .row--xlg-reverse {
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                  }

                  .row--xlg-h-start {
                    -ms-flex-align: start;
                    align-items: flex-start
                  }

                  .row--xlg-h-center {
                    -ms-flex-align: center;
                    align-items: center
                  }

                  .row--xlg-h-end {
                    -ms-flex-align: end;
                    align-items: flex-end
                  }

                  .row--xlg-v-start {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .row--xlg-v-center {
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .row--xlg-v-end {
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }
                }

                .col {
                  margin-bottom: 2rem;
                  padding-left: 1rem;
                  padding-right: 1rem;
                  -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
                  max-width: 100%
                }

                @media (min-width: 901px) {
                  .col {
                    margin-bottom: 3rem;
                    padding-left: 1.5rem;
                    padding-right: 1.5rem
                  }
                }

                .row--rm-gutter .col {
                  padding-left: 0;
                  padding-right: 0
                }

                .col-1 {
                  -ms-flex: 1 0 8.33333%;
                  flex: 1 0 8.33333%;
                  max-width: 8.33333%
                }

                .col-2 {
                  -ms-flex: 1 0 16.66667%;
                  flex: 1 0 16.66667%;
                  max-width: 16.66667%
                }

                .col-3 {
                  -ms-flex: 1 0 25%;
                  flex: 1 0 25%;
                  max-width: 25%
                }

                .col-4 {
                  -ms-flex: 1 0 33.33333%;
                  flex: 1 0 33.33333%;
                  max-width: 33.33333%
                }

                .col-5 {
                  -ms-flex: 1 0 41.66667%;
                  flex: 1 0 41.66667%;
                  max-width: 41.66667%
                }

                .col-6 {
                  -ms-flex: 1 0 50%;
                  flex: 1 0 50%;
                  max-width: 50%
                }

                .col-7 {
                  -ms-flex: 1 0 58.33333%;
                  flex: 1 0 58.33333%;
                  max-width: 58.33333%
                }

                .col-8 {
                  -ms-flex: 1 0 66.66667%;
                  flex: 1 0 66.66667%;
                  max-width: 66.66667%
                }

                .col-9 {
                  -ms-flex: 1 0 75%;
                  flex: 1 0 75%;
                  max-width: 75%
                }

                .col-10 {
                  -ms-flex: 1 0 83.33333%;
                  flex: 1 0 83.33333%;
                  max-width: 83.33333%
                }

                .col-11 {
                  -ms-flex: 1 0 91.66667%;
                  flex: 1 0 91.66667%;
                  max-width: 91.66667%
                }

                .col-1-5 {
                  -ms-flex: 1 0 20%;
                  flex: 1 0 20%;
                  max-width: 20%
                }

                .col--h-start {
                  -ms-flex-align: start;
                  align-items: flex-start;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column
                }

                .col--h-center {
                  -ms-flex-align: center;
                  align-items: center;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column
                }

                .col--h-end {
                  -ms-flex-align: end;
                  align-items: flex-end;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column
                }

                .col--v-start {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: start;
                  justify-content: flex-start
                }

                .col--v-center {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: center;
                  justify-content: center
                }

                .col--v-end {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -ms-flex-pack: end;
                  justify-content: flex-end
                }

                @media (min-width: 601px) {
                  .col--sm-1 {
                    -ms-flex: 1 0 8.33333%;
                    flex: 1 0 8.33333%;
                    max-width: 8.33333%
                  }

                  .col--sm-2 {
                    -ms-flex: 1 0 16.66667%;
                    flex: 1 0 16.66667%;
                    max-width: 16.66667%
                  }

                  .col--sm-3 {
                    -ms-flex: 1 0 25%;
                    flex: 1 0 25%;
                    max-width: 25%
                  }

                  .col--sm-4 {
                    -ms-flex: 1 0 33.33333%;
                    flex: 1 0 33.33333%;
                    max-width: 33.33333%
                  }

                  .col--sm-5 {
                    -ms-flex: 1 0 41.66667%;
                    flex: 1 0 41.66667%;
                    max-width: 41.66667%
                  }

                  .col--sm-6 {
                    -ms-flex: 1 0 50%;
                    flex: 1 0 50%;
                    max-width: 50%
                  }

                  .col--sm-7 {
                    -ms-flex: 1 0 58.33333%;
                    flex: 1 0 58.33333%;
                    max-width: 58.33333%
                  }

                  .col--sm-8 {
                    -ms-flex: 1 0 66.66667%;
                    flex: 1 0 66.66667%;
                    max-width: 66.66667%
                  }

                  .col--sm-9 {
                    -ms-flex: 1 0 75%;
                    flex: 1 0 75%;
                    max-width: 75%
                  }

                  .col--sm-10 {
                    -ms-flex: 1 0 83.33333%;
                    flex: 1 0 83.33333%;
                    max-width: 83.33333%
                  }

                  .col--sm-11 {
                    -ms-flex: 1 0 91.66667%;
                    flex: 1 0 91.66667%;
                    max-width: 91.66667%
                  }

                  .col--sm-12 {
                    -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
                    max-width: 100%
                  }

                  .col--sm-1-5 {
                    -ms-flex: 1 0 20%;
                    flex: 1 0 20%;
                    max-width: 20%
                  }

                  .col--sm-h-start {
                    -ms-flex-align: start;
                    align-items: flex-start;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--sm-h-center {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--sm-h-end {
                    -ms-flex-align: end;
                    align-items: flex-end;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--sm-v-start {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .col--sm-v-center {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .col--sm-v-end {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }
                }

                @media (min-width: 901px) {
                  .col--md-1 {
                    -ms-flex: 1 0 8.33333%;
                    flex: 1 0 8.33333%;
                    max-width: 8.33333%
                  }

                  .col--md-2 {
                    -ms-flex: 1 0 16.66667%;
                    flex: 1 0 16.66667%;
                    max-width: 16.66667%
                  }

                  .col--md-3 {
                    -ms-flex: 1 0 25%;
                    flex: 1 0 25%;
                    max-width: 25%
                  }

                  .col--md-4 {
                    -ms-flex: 1 0 33.33333%;
                    flex: 1 0 33.33333%;
                    max-width: 33.33333%
                  }

                  .col--md-5 {
                    -ms-flex: 1 0 41.66667%;
                    flex: 1 0 41.66667%;
                    max-width: 41.66667%
                  }

                  .col--md-6 {
                    -ms-flex: 1 0 50%;
                    flex: 1 0 50%;
                    max-width: 50%
                  }

                  .col--md-7 {
                    -ms-flex: 1 0 58.33333%;
                    flex: 1 0 58.33333%;
                    max-width: 58.33333%
                  }

                  .col--md-8 {
                    -ms-flex: 1 0 66.66667%;
                    flex: 1 0 66.66667%;
                    max-width: 66.66667%
                  }

                  .col--md-9 {
                    -ms-flex: 1 0 75%;
                    flex: 1 0 75%;
                    max-width: 75%
                  }

                  .col--md-10 {
                    -ms-flex: 1 0 83.33333%;
                    flex: 1 0 83.33333%;
                    max-width: 83.33333%
                  }

                  .col--md-11 {
                    -ms-flex: 1 0 91.66667%;
                    flex: 1 0 91.66667%;
                    max-width: 91.66667%
                  }

                  .col--md-12 {
                    -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
                    max-width: 100%
                  }

                  .col--md-1-5 {
                    -ms-flex: 1 0 20%;
                    flex: 1 0 20%;
                    max-width: 20%
                  }

                  .col--md-h-start {
                    -ms-flex-align: start;
                    align-items: flex-start;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--md-h-center {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--md-h-end {
                    -ms-flex-align: end;
                    align-items: flex-end;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--md-v-start {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .col--md-v-center {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .col--md-v-end {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }
                }

                @media (min-width: 1201px) {
                  .col--lg-1 {
                    -ms-flex: 1 0 8.33333%;
                    flex: 1 0 8.33333%;
                    max-width: 8.33333%
                  }

                  .col--lg-2 {
                    -ms-flex: 1 0 16.66667%;
                    flex: 1 0 16.66667%;
                    max-width: 16.66667%
                  }

                  .col--lg-3 {
                    -ms-flex: 1 0 25%;
                    flex: 1 0 25%;
                    max-width: 25%
                  }

                  .col--lg-4 {
                    -ms-flex: 1 0 33.33333%;
                    flex: 1 0 33.33333%;
                    max-width: 33.33333%
                  }

                  .col--lg-5 {
                    -ms-flex: 1 0 41.66667%;
                    flex: 1 0 41.66667%;
                    max-width: 41.66667%
                  }

                  .col--lg-6 {
                    -ms-flex: 1 0 50%;
                    flex: 1 0 50%;
                    max-width: 50%
                  }

                  .col--lg-7 {
                    -ms-flex: 1 0 58.33333%;
                    flex: 1 0 58.33333%;
                    max-width: 58.33333%
                  }

                  .col--lg-8 {
                    -ms-flex: 1 0 66.66667%;
                    flex: 1 0 66.66667%;
                    max-width: 66.66667%
                  }

                  .col--lg-9 {
                    -ms-flex: 1 0 75%;
                    flex: 1 0 75%;
                    max-width: 75%
                  }

                  .col--lg-10 {
                    -ms-flex: 1 0 83.33333%;
                    flex: 1 0 83.33333%;
                    max-width: 83.33333%
                  }

                  .col--lg-11 {
                    -ms-flex: 1 0 91.66667%;
                    flex: 1 0 91.66667%;
                    max-width: 91.66667%
                  }

                  .col--lg-12 {
                    -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
                    max-width: 100%
                  }

                  .col--lg-1-5 {
                    -ms-flex: 1 0 20%;
                    flex: 1 0 20%;
                    max-width: 20%
                  }

                  .col--lg-h-start {
                    -ms-flex-align: start;
                    align-items: flex-start;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--lg-h-center {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--lg-h-end {
                    -ms-flex-align: end;
                    align-items: flex-end;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--lg-v-start {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .col--lg-v-center {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .col--lg-v-end {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }
                }

                @media (min-width: 1501px) {
                  .col--xlg-1 {
                    -ms-flex: 1 0 8.33333%;
                    flex: 1 0 8.33333%;
                    max-width: 8.33333%
                  }

                  .col--xlg-2 {
                    -ms-flex: 1 0 16.66667%;
                    flex: 1 0 16.66667%;
                    max-width: 16.66667%
                  }

                  .col--xlg-3 {
                    -ms-flex: 1 0 25%;
                    flex: 1 0 25%;
                    max-width: 25%
                  }

                  .col--xlg-4 {
                    -ms-flex: 1 0 33.33333%;
                    flex: 1 0 33.33333%;
                    max-width: 33.33333%
                  }

                  .col--xlg-5 {
                    -ms-flex: 1 0 41.66667%;
                    flex: 1 0 41.66667%;
                    max-width: 41.66667%
                  }

                  .col--xlg-6 {
                    -ms-flex: 1 0 50%;
                    flex: 1 0 50%;
                    max-width: 50%
                  }

                  .col--xlg-7 {
                    -ms-flex: 1 0 58.33333%;
                    flex: 1 0 58.33333%;
                    max-width: 58.33333%
                  }

                  .col--xlg-8 {
                    -ms-flex: 1 0 66.66667%;
                    flex: 1 0 66.66667%;
                    max-width: 66.66667%
                  }

                  .col--xlg-9 {
                    -ms-flex: 1 0 75%;
                    flex: 1 0 75%;
                    max-width: 75%
                  }

                  .col--xlg-10 {
                    -ms-flex: 1 0 83.33333%;
                    flex: 1 0 83.33333%;
                    max-width: 83.33333%
                  }

                  .col--xlg-11 {
                    -ms-flex: 1 0 91.66667%;
                    flex: 1 0 91.66667%;
                    max-width: 91.66667%
                  }

                  .col--xlg-12 {
                    -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
                    max-width: 100%
                  }

                  .col--xlg-1-5 {
                    -ms-flex: 1 0 20%;
                    flex: 1 0 20%;
                    max-width: 20%
                  }

                  .col--xlg-h-start {
                    -ms-flex-align: start;
                    align-items: flex-start;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--xlg-h-center {
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--xlg-h-end {
                    -ms-flex-align: end;
                    align-items: flex-end;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column
                  }

                  .col--xlg-v-start {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                  }

                  .col--xlg-v-center {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: center;
                    justify-content: center
                  }

                  .col--xlg-v-end {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                  }
                }

                .bg--deep-ruby {
                  background-color: #b3000c
                }

                .bg--red {
                  background-color: #d5000e
                }

                .bg--light-ruby {
                  background-color: #ff574d
                }

                .bg--deep-azure {
                  background-color: #005ce6
                }

                .bg--azure {
                  background-color: #13a3f7
                }

                .bg--light-azure {
                  background-color: #61c5ff
                }

                .bg--turquoise {
                  background-color: #00c2b4
                }

                .bg--emerald {
                  background-color: #2db329
                }

                .bg--amber {
                  background-color: #fa0
                }

                .bg--amethyst {
                  background-color: #a352cc
                }

                .bg--dark-graphite {
                  background-color: #26292c
                }

                .bg--graphite {
                  background-color: #666
                }

                .bg--light-graphite {
                  background-color: #f6f5f5
                }

                .bg--black {
                  background-color: #00111f
                }

                .bg--night {
                  background-color: #161D2D
                }

                .bg--empathy {
                  background-color: #A44141
                }

                .bg--friendship {
                  background-color: #257F7F
                }

                .bg--positivity {
                  background-color: #D07A3E
                }

                .bg--growth {
                  background-color: #38A568
                }

                .bg--optimism {
                  background-color: #D7A82B
                }

                .bg--knowledge {
                  background-color: #2F59BC
                }

                .bg--inclusion {
                  background-color: #814DC4
                }

                .bg--trust {
                  background-color: #138AA4
                }

                .bg--white {
                  background-color: #fff
                }

                .bg--clarity-canvas {
                  background-color: #f3f2ef
                }

                .bg--clarity-stormcloud {
                  background-color: #d0d0d0
                }

                .bg--clarity-overcast {
                  background-color: #dfdfdf
                }

                .bg--clarity-cloud {
                  background-color: #f4f4f4
                }

                .bg--clarity-mist {
                  background-color: #fafafa
                }

                .bg--cobalt {
                  background-color: #004AB9
                }

                .bg--light-cyan-blue {
                  background-color: #5F92DE
                }
              </style>
              <header class="header">
                <div class="wrapper">
                  <div class="header__container">
                    <a class="header__brand" href="https://www.infor.com/services/education">
                        <svg viewBox="0 0 278.8 278.8">
                            <rect width="278.8" height="278.8" fill="#d20021"></rect>
                            <rect fill="#ffffff" x="24.9" y="115.1" width="17.6" height="57.1"></rect>
                            <path fill="#ffffff" d="M51.9,115.1h16.9v5.2c0,0,2.9-6.7,16.9-6.7c17.9,0,21.2,11.8,21.2,27v31.5H89.3v-28c0-6.6-0.1-15.1-9.2-15.1 c-9.2,0-10.6,7.2-10.6,14.6v28.5H51.9V115.1z"></path>
                            <path fill="#ffffff" d="M116.4,105c0-12.5,3.2-23,22.3-23c3.5,0,7.1,0.2,10.3,1.1l-0.8,14.9c-2-0.7-3.6-1.2-5.8-1.2 c-5.6,0-8.5,1.8-8.5,9.3v9.1h13.1v14.1H134v43h-17.6V105z"></path>
                            <path fill="#ffffff" d="M181.1,113.7c17.6,0,31.7,11.8,31.7,30c0,18.2-14.1,30-31.7,30c-17.6,0-31.8-11.8-31.8-30 C149.4,125.5,163.5,113.7,181.1,113.7 M181.1,158.1c8.8,0,14.1-5.9,14.1-14.5c0-8.6-5.3-14.5-14.1-14.5c-8.8,0-14.1,5.9-14.1,14.5 C167,152.3,172.3,158.1,181.1,158.1"></path>
                            <path fill="#ffffff" d="M219.8,115.1h17.6v5c0,0,4.6-7.2,22.6-6.4v15.5c-2.5-0.7-4.9-1.2-7.5-1.2c-13.4,0-15.1,9.6-15.1,21v23.2 h-17.6V115.1z"></path>
                            <polygon fill="#ffffff" points="24.9,96.3 42.5,84.2 42.5,105.7 24.9,105.7"></polygon>
                        </svg>
                    </a>
                    <button class="header__menu-toggle" type="button" data-el="menu-toggle">
                      <span>Toggle navigation</span>
                    </button>
                    <div class="header__menu" data-el="menu">
                      <nav class="nav" data-el="nav">
                        <ul class="nav__list">
                          <li class="nav__item" data-nav-item="">
                            <a class="nav__link" href="/education/FAQ">FAQ</a>
                          </li>
                          <li class="nav__item --active" data-nav-item="">
                            <a class="nav__link" href="/education/Tutorials">Tutorials</a>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                </div>
              </header>
              <main class="main" id="main">
                <div class="hero">
                  <div class="hero__content">
                    <div class="wrapper">
                      <a class="hero__headline-link" href="https://www.infor.com/services/education">Education</a>
                      <h1 class="hero__headline">Video tutorials designed to help you navigate Infor U</h1>
                    </div>
                  </div>
                  <div class="hero__image">
                    <img class="hero__image-asset" src="https://eduportal.infor.com/Portals/5/Images/desktop hero_Tutorials.png?ver=VFUm8uwYeOLJimMAqhldnA%3d%3d" alt="Hero banner">
                  </div>
                </div>
                <div class="layer">
                  <div class="wrapper">
                    <div class="container">
                      <h2 class="heading heading--2 font-weight-normal">Your central location for all training needs</h2>
                    </div>
                    <div class="container container--reduced">
                      <div class="grid grid--ultra-spaced">
                        <div class="row">
                          <div class="col col--md-6">
                            <h3 class="heading heading--3">Understanding the available training formats to master your Infor solutions</h3>
                            <div class="text-block">
                              <p>Infor strives to provide you with the training modalities that best suit your users’ needs. This video will walk you through the various training options to ensure you choose the best environment for you and your
                                team. Furthermore, you’ll learn how the different formats align with both employee roles and skill levels. Our goal is to provide you with the training you need, when you need it to build the necessary solution
                                proficiency to be successful.</p>
                            </div>
                          </div>
                          <div class="col col--md-6">
                            <a class="video-thumbnail" href="https://eduportal.infor.com/Portals/5/Training Modalities.mp4?ver=gaECyZ9pZ1G3F7Yd47qhjQ%3d%3d" data-trigger-video-modal="">
                                        <img src="https://eduportal.infor.com/Portals/5/Training%20Modalities.png?ver=SjSGEOxKQrU9tr6chHl0kg%3d%3d&amp;timestamp=1684767055726" alt="Placeholder">
                                    </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="layer bg--clarity-mist">
                  <div class="wrapper">
                    <div class="container">
                      <h2 class="heading heading--2">Setting you up for success with Infor U</h2>
                      <div class="text-block">
                        <p>These short insightful videos will walk you through how to:</p>
                      </div>
                    </div>
                    <!-- <div class="container container--reduced">
                        <div class="slider">
                            <div class="slider__container" data-card-slider="1">
                                <div class="slider__slide">
                                    <div class="card">
                                        <div>
                                            <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Customers.mp4?ver=DX6BT2MCNs2qE8uMTHrddQ%3d%3d" data-trigger-video-modal>
                                                <img src="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Customers.png?ver=8vXqrnu2Wtn17g30q7E68g%3d%3d" alt="Placeholder">
                                            </a>
                                        </div>
                                        <div class="card__content">
                                            <div class="text-block">
                                                <p>Log into Infor's learning platform &mdash;Infor U</p>
                                            </div>
                                            <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Customers.mp4?ver=DX6BT2MCNs2qE8uMTHrddQ%3d%3d" data-trigger-video-modal>Watch the video
                    </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="slider__slide">
                                    <div class="card">
                                        <div>
                                            <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Finding a Course.mp4?ver=lhVZDQz9Zoy2RZfJ6j1LMQ%3d%3d" data-trigger-video-modal>
                                                <img src="https://eduportal.infor.com/Portals/5/Finding a Course.png?ver=izZwHtdZsvPOKMOVG27-Gg%3d%3d" alt="Placeholder">
                                            </a>
                                        </div>
                                        <div class="card__content">
                                            <div class="text-block">
                                                <p>Access your Infor U dashboard</p>
                                            </div>
                                            <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Finding a Course.mp4?ver=lhVZDQz9Zoy2RZfJ6j1LMQ%3d%3d" data-trigger-video-modal>Watch the video</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="slider__slide">
                                    <div class="card">
                                        <div>
                                            <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Enrolling in a Course.mp4?ver=cZGDWR0pGLvD_4C_tsi4Dg%3d%3d" data-trigger-video-modal>
                                                <img src="https://eduportal.infor.com/Portals/5/Enrolling in a Course.png?ver=m77WUNqnyGJTEfTXuZd_jA%3d%3d" alt="Placeholder">
                                            </a>
                                        </div>
                                        <div class="card__content">
                                            <div class="text-block">
                                                <p>Register for an Infor Training Class</p>
                                            </div>
                                            <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Enrolling in a Course.mp4?ver=cZGDWR0pGLvD_4C_tsi4Dg%3d%3d" data-trigger-video-modal>Watch the video</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- <button aria-label="Previous" class="slider__control slider__control--prev">«</button>
            <button aria-label="Next" class="slider__control slider__control--next">»</button> -->
                    <!--  <div role="tablist" class="slider__dots"></div>
                        </div>
                    </div> -->
                    <div class="container container--reduced">
                      <div class="grid">
                        <div class="row">
                          <div class="col col--md-6">
                            <div class="card">
                              <div>
                                <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Customers.mp4?ver=DX6BT2MCNs2qE8uMTHrddQ%3d%3d" data-trigger-video-modal="">
                                                <img src="https://eduportal.infor.com/Portals/5/Creating%20an%20Infor%20U%20Account%20-%20Customers.png?ver=oBuP1jm4eStoTOuxL3C-jA%3d%3d&amp;timestamp=1684999618141" alt="Placeholder">
                                            </a>
                              </div>
                              <div class="card__content">
                                <div class="text-block">
                                  <p>Log into Infor's learning platform (Customers) —Infor U</p>
                                </div>
                                <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Customers.mp4?ver=DX6BT2MCNs2qE8uMTHrddQ%3d%3d" data-trigger-video-modal="">Watch the video
                    </a>
                              </div>
                            </div>
                          </div>
                          <div class="col col--md-6">
                            <div class="card">
                              <div>
                                <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Partners.mp4?ver=nVUVp1FGgm_k03Vnnb5cuA%3d%3d" data-trigger-video-modal="">
                                                <img src="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Partners.png?ver=WazXpuZv2hMp5Z_d8kRuOA%3d%3d" alt="Placeholder">
                                            </a>
                              </div>
                              <div class="card__content">
                                <div class="text-block">
                                  <p>Log into Infor's learning platform (Partners) —Infor U</p>
                                </div>
                                <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Creating an Infor U Account - Partners.mp4?ver=nVUVp1FGgm_k03Vnnb5cuA%3d%3d" data-trigger-video-modal="">Watch the video
                    </a>
                              </div>
                            </div>
                          </div>
                          <div class="col col--md-6">
                            <div class="card">
                              <div>
                                <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Finding a Course.mp4?ver=lhVZDQz9Zoy2RZfJ6j1LMQ%3d%3d" data-trigger-video-modal="">
                                                <img src="https://eduportal.infor.com/Portals/5/Finding a Course.png?ver=izZwHtdZsvPOKMOVG27-Gg%3d%3d" alt="Placeholder">
                                            </a>
                              </div>
                              <div class="card__content">
                                <div class="text-block">
                                  <p>Access your Infor U dashboard</p>
                                </div>
                                <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Finding a Course.mp4?ver=lhVZDQz9Zoy2RZfJ6j1LMQ%3d%3d" data-trigger-video-modal="">Watch the video</a>
                              </div>
                            </div>
                          </div>
                          <div class="col col--md-6">
                            <div class="card">
                              <div>
                                <a class="video-thumbnail-card" href="https://eduportal.infor.com/Portals/5/Enrolling in a Course.mp4?ver=cZGDWR0pGLvD_4C_tsi4Dg%3d%3d" data-trigger-video-modal="">
                                                <img src="https://eduportal.infor.com/Portals/5/Enrolling in a Course.png?ver=m77WUNqnyGJTEfTXuZd_jA%3d%3d" alt="Placeholder">
                                            </a>
                              </div>
                              <div class="card__content">
                                <div class="text-block">
                                  <p>Register for an Infor Training Class</p>
                                </div>
                                <a class="btn btn--primary btn--caret" href="https://eduportal.infor.com/Portals/5/Enrolling in a Course.mp4?ver=cZGDWR0pGLvD_4C_tsi4Dg%3d%3d" data-trigger-video-modal="">Watch the video</a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </main>
            </div>
            <footer class="footer">
              <div class="wrapper">
                <div class="footer__container">
                  <nav class="footer__social">
                    <ul class="footer__social-list">
                      <li class="footer__social-item">
                        <a class="footer__social-link" href="https://twitter.com/infor" aria-label="Twitter">
                                    <svg viewBox="0 0 24.02 19.96">
                                        <path d="M7.56,19.98c-2.78,0-5.37-.84-7.55-2.27,.39,.05,.78,.07,1.17,.07,2.31,0,4.43-.81,6.12-2.16-2.15-.04-3.97-1.5-4.6-3.51,.3,.06,.61,.09,.93,.09,.45,0,.88-.06,1.3-.18-2.25-.46-3.95-2.5-3.95-4.95,0-.02,0-.04,0-.06,.66,.38,1.42,.61,2.23,.63-1.32-.91-2.19-2.45-2.19-4.2,0-.93,.24-1.79,.67-2.54,2.43,3.05,6.06,5.06,10.15,5.28-.08-.37-.13-.75-.13-1.15C11.7,2.24,13.91-.02,16.63-.02c1.42,0,2.7,.61,3.59,1.59,1.12-.23,2.18-.65,3.13-1.23-.37,1.18-1.15,2.17-2.16,2.79,1-.12,1.94-.39,2.83-.8-.66,1.01-1.5,1.9-2.46,2.61,0,.22,.01,.43,.01,.65,0,6.67-4.95,14.37-14.01,14.37Z"></path>
                                    </svg>
                                </a>
                      </li>
                      <li class="footer__social-item">
                        <a class="footer__social-link" href="https://www.facebook.com/infor" aria-label="Facebook">
                                    <svg viewBox="0 0 448 512">
                                        <path d="M400,32H48C21.49,32,0,53.49,0,80V432c0,26.51,21.49,48,48,48H185.25v-152.31h-63v-71.69h63v-54.64c0-62.15,37-96.48,93.67-96.48,27.14,0,55.52,4.84,55.52,4.84v61h-31.27c-30.81,0-40.42,19.12-40.42,38.73v46.55h68.78l-11,71.69h-57.78v152.31h137.25c26.51,0,48-21.49,48-48V80c0-26.51-21.49-48-48-48Z"></path>
                                    </svg>
                                </a>
                      </li>
                      <li class="footer__social-item">
                        <a class="footer__social-link" href="https://www.linkedin.com/company/infor" aria-label="LinkedIn">
                                    <svg viewBox="0 0 24.02 24.02">
                                        <path d="M5.78,2.9C5.78,1.3,4.48,0,2.89,0S0,1.3,0,2.9s1.29,2.89,2.88,2.89,2.88-1.29,2.88-2.89Zm2.72,5.08h4.77v2.19h.07c.66-1.26,2.29-2.59,4.71-2.59,5.03,0,5.96,3.32,5.96,7.64v8.79h-4.97v-7.8c0-1.86-.04-4.25-2.58-4.25s-2.98,2.02-2.98,4.12v7.93h-4.97V7.98ZM.4,24.01H5.38V7.98H.4V24.01Z"></path>
                                    </svg>
                                </a>
                      </li>
                      <li class="footer__social-item">
                        <a class="footer__social-link" href="https://www.youtube.com/user/inforvideo" aria-label="YouTube">
                                    <svg viewBox="0 0 31 20.67">
                                        <path d="M12.56,14.86c2.63-1.55,5.16-3.05,7.76-4.59-2.62-1.55-5.15-3.04-7.76-4.58V14.86Zm3.8,5.81c-4.04-.13-7.16-.21-10.28-.34-.84-.04-1.7-.13-2.51-.34-1.77-.48-2.88-1.6-3.16-3.38C-.11,13.24-.06,9.87,.14,6.5c.06-.94,.24-1.87,.34-2.81C.67,1.97,2.44,.54,4.22,.44,7.57,.24,10.92,.04,14.27,0c3.45-.04,6.91,.11,10.36,.21,.88,.03,1.77,.15,2.63,.31,1.79,.33,2.92,1.45,3.22,3.2,.58,3.29,.61,6.6,.38,9.92-.07,1.03-.24,2.06-.37,3.09-.25,2.08-2.12,3.28-3.73,3.38-3.77,.24-7.54,.41-10.41,.56Z"></path>
                                    </svg>
                                </a>
                      </li>
                    </ul>
                  </nav>
                  <nav class="footer__nav">
                    <ul class="footer__nav-list">
                      <!-- <li class="footer__nav-item">
              <a class="footer__nav-link" href="#">Terms of Use</a>
            </li> -->
                      <li class="footer__nav-item">
                        <a class="footer__nav-link" href="https://www.infor.com/about/privacy">Privacy</a>
                      </li>
                    </ul>
                  </nav>
                  <p class="footer__copyright">©Copyright 2022. Infor. All rights reserved.</p>
                </div>
              </div>
            </footer>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
            <script type="text/javascript">
              $(document).ready(function() {
                if ($('body.dnnEditState').length == 0) {
                  $('head link[href*="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css"]').remove();
                  $('head link[href*="/portals/0/portal.css"]').remove();
                  $('head link[href*="/Portals/0/portal.css"]').remove();
                  $('head link[href*="/Portals/_default/Skins/Xcillion/skin.css"]').remove();
                }
              });
            </script>
            <script>
              (function() {
                function r(e, n, t) {
                  function o(i, f) {
                    if (!n[i]) {
                      if (!e[i]) {
                        var c = "function" == typeof require && require;
                        if (!f && c) return c(i, !0);
                        if (u) return u(i, !0);
                        var a = new Error("Cannot find module '" + i + "'");
                        throw a.code = "MODULE_NOT_FOUND",
                          a
                      }
                      var p = n[i] = {
                        exports: {}
                      };
                      e[i][0].call(p.exports, function(r) {
                        var n = e[i][1][r];
                        return o(n || r)
                      }, p, p.exports, r, e, n, t)
                    }
                    return n[i].exports
                  }
                  for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
                  return o
                }
                return r
              })()({
                1: [function(require, module, exports) {
                  "use strict";

                  function init() {
                    // toggling of menu
                    var bodyEl = document.body,
                      menuEl = document.querySelector('[data-el="menu"]'),
                      menuToggleEl = document.querySelector('[data-el="menu-toggle"]');
                    if (menuEl) {
                      menuToggleEl.addEventListener('click', function() {
                        if (bodyEl.classList.contains('menu-is-active')) {
                          bodyEl.classList.remove('menu-is-active');
                        } else {
                          bodyEl.classList.add('menu-is-active');
                        }
                      });
                    }
                    // toggle of subnav
                    var navEl = document.querySelector('[data-el="nav"]'),
                      navItemEls = navEl.querySelectorAll('[data-nav-item]');
                    if (navEl) {
                      var _loop = function _loop(i) {
                        var navItemEl = navItemEls[i];
                        if (navItemEl.classList.contains('--has-children')) {
                          var subnavToggleEl = navItemEl.querySelector('[data-sub-nav-toggle]');
                          subnavToggleEl.addEventListener('mouseover', function(e) {
                            e.preventDefault();
                            var subnavOffClick = function subnavOffClick(ev) {
                              if (e !== ev) {
                                navItemEl.classList.remove('--sub-nav-open');
                                document.removeEventListener('click', subnavOffClick);
                              }
                            };
                            if (navItemEl.classList.contains('--sub-nav-open')) {
                              navItemEl.classList.remove('--sub-nav-open');
                            } else {
                              navItemEl.classList.add('--sub-nav-open');
                              document.addEventListener('click', subnavOffClick);
                            }
                          });
                        }
                      };
                      for (var i = 0; i < navItemEls.length; i++) {
                        _loop(i);
                      }
                    }
                    // toggling of accordion
                    var accordionEls = document.querySelectorAll('[data-accordion]');
                    if (accordionEls) {
                      var _loop2 = function _loop2(_i) {
                        var accordionEl = accordionEls[_i];
                        accordionEl.querySelector('[data-accordion-toggle]').addEventListener('click', function() {
                          if (!accordionEl.classList.contains('--active')) {
                            accordionEl.classList.add('--active');
                          } else {
                            accordionEl.classList.remove('--active');
                          }
                        });
                      };
                      for (var _i = 0; _i < accordionEls.length; _i++) {
                        _loop2(_i);
                      }
                    }
                    // filtering of accordion groups
                    var accordionFilterEls = document.querySelectorAll('[data-filter-accordion-group]');
                    if (accordionFilterEls) {
                      var _loop3 = function _loop3(_i2) {
                        var filterEl = accordionFilterEls[_i2],
                          filterTarget = filterEl.getAttribute('data-filter-accordion-group'),
                          accordionGroupEl = document.querySelector('[data-accordion-group="' + filterTarget + '"]');
                        filterEl.addEventListener('change', function(ev) {
                          var value = ev.target.value;
                          filterAccordionGroup(accordionGroupEl, value);
                        });
                      };
                      for (var _i2 = 0; _i2 < accordionFilterEls.length; _i2++) {
                        _loop3(_i2);
                      }
                    }

                    function filterAccordionGroup(group, val) {
                      var accordionEls = group.querySelectorAll('[data-accordion]');
                      for (var _i3 = 0; _i3 < accordionEls.length; _i3++) {
                        var accordionEl = accordionEls[_i3];
                        if (accordionEl.getAttribute('data-category') != val) {
                          accordionEl.classList.add('accordion--hidden');
                        } else {
                          accordionEl.classList.remove('accordion--hidden');
                        }
                        if (val == 'All') {
                          accordionEl.classList.remove('accordion--hidden');
                        }
                      }
                    }

                    function buildVideoModal(url) {
                      var videoModalEl = document.createElement('div');
                      videoModalEl.setAttribute('data-video-modal', '');
                      videoModalEl.classList.add('modal', 'modal--video');
                      videoModalEl.innerHTML =
                        "\n      <div class=\"modal__window\">\n        <button class=\"modal__close-btn\" type=\"button\" data-close-modal>\n          <span class=\"sr-only\">Close modal</span>\n        </button>\n        <div class=\"modal__content\">\n          <video autoplay controls style=\"width: 100%;\">\n            <source src=\""
                        .concat(url, "\">\n          </video>\n        </div>\n      </div>\n    ");
                      videoModalEl.querySelector('[data-close-modal]').addEventListener('click', function() {
                        return handleVideoModalClose(videoModalEl);
                      });
                      handleVideoModalOpen(videoModalEl);
                    }

                    function handleVideoModalOpen(el) {
                      document.body.appendChild(el);
                      setTimeout(function() {
                        el.classList.add('modal--active');
                        document.body.classList.add('modal-is-active');
                      }, 250);
                    }

                    function handleVideoModalClose(el) {
                      var modalEl = document.querySelector('[data-video-modal]');
                      el.classList.remove('modal--active');
                      document.body.classList.remove('modal-is-active');
                      el.removeEventListener('click', function() {
                        return handleVideoModalClose(el);
                      });
                      setTimeout(function() {
                        document.body.removeChild(el);
                      }, 250);
                    }
                    // initialize triggering of video modals
                    var videoModalTriggerEls = document.querySelectorAll('[data-trigger-video-modal]');
                    if (videoModalTriggerEls) {
                      var _loop4 = function _loop4(_i4) {
                        var el = videoModalTriggerEls[_i4];
                        el.addEventListener('click', function(ev) {
                          buildVideoModal(el.href);
                          ev.preventDefault();
                        });
                      };
                      for (var _i4 = 0; _i4 < videoModalTriggerEls.length; _i4++) {
                        _loop4(_i4);
                      }
                    }
                    // initialize card sliders
                    var cardSliderEls = document.querySelectorAll('[data-card-slider]');
                    if (cardSliderEls) {
                      for (var _i5 = 0; _i5 < cardSliderEls.length; _i5++) {
                        var cardSliderEl = cardSliderEls[_i5];
                        new Glider(cardSliderEl, {
                          slidesToShow: 1.25,
                          slidesToScroll: 1,
                          itemWidth: 250,
                          scrollLock: true,
                          draggable: true,
                          dots: '.slider__dots',
                          arrows: {
                            prev: '.slider__control--prev',
                            next: '.slider__control--next'
                          },
                          responsive: [{
                            breakpoint: 600,
                            settings: {
                              slidesToShow: 2.25,
                              slidesToScroll: 1
                            }
                          }, {
                            breakpoint: 900,
                            settings: {
                              slidesToShow: 2.25,
                              slidesToScroll: 1,
                              itemWidth: 320,
                              exactWidth: true
                            }
                          }, {
                            breakpoint: 1200,
                            settings: {
                              slidesToShow: 3,
                              slidesToScroll: 3,
                              exactWidth: false
                            }
                          }]
                        });
                      }
                    }
                  }
                  /**
                   * Check if the document is ready
                   */
                  if (document.readyState != 'loading') {
                    init();
                  } else if (document.addEventListener) {
                    document.addEventListener('DOMContentLoaded', init);
                  } else {
                    document.attachEvent('onreadystatechange', function() {
                      if (document.readyState == 'complete') {
                        init();
                      }
                    });
                  }
                }, {}]
              }, {}, [1]);
              //# sourceMappingURL=maps/main.js.map
              //# sourceMappingURL=maps/main.js.map
            </script>
            <script>
              /* @preserve
    _____ __ _     __                _
   / ___// /(_)___/ /___  ____      (_)___
  / (_ // // // _  // -_)/ __/_    / /(_-<
  \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                              |___/

  Version: 1.7.4
  Author: Nick Piscitelli (pickykneee)
  Website: https://nickpiscitelli.com
  Documentation: http://nickpiscitelli.github.io/Glider.js
  License: MIT License
  Release Date: October 25th, 2018

*/
              /* global define */
              (function(factory) {
                typeof define === 'function' && define.amd ? define(factory) : typeof exports === 'object' ? (module.exports = factory()) : factory()
              })(function() {
                ('use strict')
                // eslint-disable-line no-unused-expressions
                /* globals window:true */
                var _window = typeof window !== 'undefined' ? window : this
                var Glider = (_window.Glider = function(element, settings) {
                  var _ = this
                  if (element._glider) return element._glider
                  _.ele = element
                  _.eleParent = element.parentNode
                  _.ele.classList.add('glider')
                  // expose glider object to its DOM element
                  _.ele._glider = _
                  // merge user setting with defaults
                  _.opt = Object.assign({}, {
                    slidesToScroll: 1,
                    slidesToShow: 1,
                    resizeLock: true,
                    duration: 0.5,
                    // easeInQuad
                    easing: function(x, t, b, c, d) {
                      return c * (t /= d) * t + b
                    }
                  }, settings)
                  // set defaults
                  _.animate_id = _.page = _.slide = 0
                  _.arrows = {}
                  // preserve original options to
                  // extend breakpoint settings
                  _._opt = _.opt
                  if (_.opt.skipTrack) {
                    // first and only child is the track
                    _.track = _.ele.children[0]
                  } else {
                    // create track and wrap slides
                    _.track = document.createElement('div')
                    _.ele.appendChild(_.track)
                    while (_.ele.children.length !== 1) {
                      _.track.appendChild(_.ele.children[0])
                    }
                  }
                  _.track.classList.add('glider-track')
                  // start glider
                  _.init()
                  // set events
                  _.resize = _.init.bind(_, true)
                  _.event(_.ele, 'add', {
                    scroll: _.updateControls.bind(_)
                  })
                  _.event(_window, 'add', {
                    resize: _.resize
                  })
                })
                var gliderPrototype = Glider.prototype
                gliderPrototype.init = function(refresh, paging) {
                  var _ = this
                  var width = 0
                  var height = 0
                  _.slides = _.track.children;
                  [].forEach.call(_.slides, function(_, i) {
                    _.classList.add('glider-slide')
                    _.setAttribute('data-gslide', i)
                  })
                  _.containerWidth = _.ele.clientWidth
                  var breakpointChanged = _.settingsBreakpoint()
                  if (!paging) paging = breakpointChanged
                  if (_.opt.slidesToShow === 'auto' || typeof _.opt._autoSlide !== 'undefined') {
                    var slideCount = _.containerWidth / _.opt.itemWidth
                    _.opt._autoSlide = _.opt.slidesToShow = _.opt.exactWidth ? slideCount : Math.max(1, Math.floor(slideCount))
                  }
                  if (_.opt.slidesToScroll === 'auto') {
                    _.opt.slidesToScroll = Math.floor(_.opt.slidesToShow)
                  }
                  _.itemWidth = _.opt.exactWidth ? _.opt.itemWidth : _.containerWidth / _.opt.slidesToShow;
                  // set slide dimensions
                  [].forEach.call(_.slides, function(__) {
                    __.style.height = 'auto'
                    __.style.width = _.itemWidth + 'px'
                    width += _.itemWidth
                    height = Math.max(__.offsetHeight, height)
                  })
                  _.track.style.width = width + 'px'
                  _.trackWidth = width
                  _.isDrag = false
                  _.preventClick = false
                  _.move = false
                  _.opt.resizeLock && _.scrollTo(_.slide * _.itemWidth, 0)
                  if (breakpointChanged || paging) {
                    _.bindArrows()
                    _.buildDots()
                    _.bindDrag()
                  }
                  _.updateControls()
                  _.emit(refresh ? 'refresh' : 'loaded')
                }
                gliderPrototype.bindDrag = function() {
                  var _ = this
                  _.mouse = _.mouse || _.handleMouse.bind(_)
                  var mouseup = function() {
                    _.mouseDown = undefined
                    _.ele.classList.remove('drag')
                    if (_.isDrag) {
                      _.preventClick = true
                    }
                    _.isDrag = false
                  }
                  const move = function() {
                    _.move = true
                  }
                  var events = {
                    mouseup: mouseup,
                    mouseleave: mouseup,
                    mousedown: function(e) {
                      e.preventDefault()
                      e.stopPropagation()
                      _.mouseDown = e.clientX
                      _.ele.classList.add('drag')
                      _.move = false
                      setTimeout(move, 300)
                    },
                    touchstart: function(e) {
                      _.ele.classList.add('drag')
                      _.move = false
                      setTimeout(move, 300)
                    },
                    mousemove: _.mouse,
                    click: function(e) {
                      if (_.preventClick && _.move) {
                        e.preventDefault()
                        e.stopPropagation()
                      }
                      _.preventClick = false
                      _.move = false
                    }
                  }
                  _.ele.classList.toggle('draggable', _.opt.draggable === true)
                  _.event(_.ele, 'remove', events)
                  if (_.opt.draggable) _.event(_.ele, 'add', events)
                }
                gliderPrototype.buildDots = function() {
                  var _ = this
                  if (!_.opt.dots) {
                    if (_.dots) _.dots.innerHTML = ''
                    return
                  }
                  if (typeof _.opt.dots === 'string') {
                    _.dots = _.eleParent.querySelector(_.opt.dots)
                  } else _.dots = _.opt.dots
                  if (!_.dots) return
                  _.dots.innerHTML = ''
                  _.dots.setAttribute('role', 'tablist')
                  _.dots.classList.add('glider-dots')
                  for (var i = 0; i < Math.ceil(_.slides.length / _.opt.slidesToShow); ++i) {
                    var dot = document.createElement('button')
                    dot.dataset.index = i
                    dot.setAttribute('aria-label', 'Page ' + (i + 1))
                    dot.setAttribute('role', 'tab')
                    dot.className = 'glider-dot ' + (i ? '' : 'active')
                    _.event(dot, 'add', {
                      click: _.scrollItem.bind(_, i, true)
                    })
                    _.dots.appendChild(dot)
                  }
                }
                gliderPrototype.bindArrows = function() {
                  var _ = this
                  if (!_.opt.arrows) {
                    Object.keys(_.arrows).forEach(function(direction) {
                      var element = _.arrows[direction]
                      _.event(element, 'remove', {
                        click: element._func
                      })
                    })
                    return
                  }
                  ['prev', 'next'].forEach(function(direction) {
                    var arrow = _.opt.arrows[direction]
                    if (arrow) {
                      // changed querySelector to target parent
                      if (typeof arrow === 'string') arrow = _.eleParent.querySelector(arrow)
                      if (arrow) {
                        arrow._func = arrow._func || _.scrollItem.bind(_, direction)
                        _.event(arrow, 'remove', {
                          click: arrow._func
                        })
                        _.event(arrow, 'add', {
                          click: arrow._func
                        })
                        _.arrows[direction] = arrow
                      }
                    }
                  })
                }
                gliderPrototype.updateControls = function(event) {
                  var _ = this
                  if (event && !_.opt.scrollPropagate) {
                    event.stopPropagation()
                  }
                  var disableArrows = _.containerWidth >= _.trackWidth
                  if (!_.opt.rewind) {
                    if (_.arrows.prev) {
                      _.arrows.prev.classList.toggle('disabled', _.ele.scrollLeft <= 0 || disableArrows)
                      _.arrows.prev.setAttribute('aria-disabled', _.arrows.prev.classList.contains('disabled'))
                    }
                    if (_.arrows.next) {
                      _.arrows.next.classList.toggle('disabled', Math.ceil(_.ele.scrollLeft + _.containerWidth) >= Math.floor(_.trackWidth) || disableArrows)
                      _.arrows.next.setAttribute('aria-disabled', _.arrows.next.classList.contains('disabled'))
                    }
                  }
                  _.slide = Math.round(_.ele.scrollLeft / _.itemWidth)
                  _.page = Math.round(_.ele.scrollLeft / _.containerWidth)
                  var middle = _.slide + Math.floor(Math.floor(_.opt.slidesToShow) / 2)
                  var extraMiddle = Math.floor(_.opt.slidesToShow) % 2 ? 0 : middle + 1
                  if (Math.floor(_.opt.slidesToShow) === 1) {
                    extraMiddle = 0
                  }
                  // the last page may be less than one half of a normal page width so
                  // the page is rounded down. when at the end, force the page to turn
                  if (_.ele.scrollLeft + _.containerWidth >= Math.floor(_.trackWidth)) {
                    _.page = _.dots ? _.dots.children.length - 1 : 0
                  }
                  [].forEach.call(_.slides, function(slide, index) {
                    var slideClasses = slide.classList
                    var wasVisible = slideClasses.contains('visible')
                    var start = _.ele.scrollLeft
                    var end = _.ele.scrollLeft + _.containerWidth
                    var itemStart = _.itemWidth * index
                    var itemEnd = itemStart + _.itemWidth;
                    [].forEach.call(slideClasses, function(className) {
                      /^left|right/.test(className) && slideClasses.remove(className)
                    })
                    slideClasses.toggle('active', _.slide === index)
                    if (middle === index || (extraMiddle && extraMiddle === index)) {
                      slideClasses.add('center')
                    } else {
                      slideClasses.remove('center')
                      slideClasses.add([index < middle ? 'left' : 'right', Math.abs(index - (index < middle ? middle : extraMiddle || middle))].join('-'))
                    }
                    var isVisible = Math.ceil(itemStart) >= Math.floor(start) && Math.floor(itemEnd) <= Math.ceil(end)
                    slideClasses.toggle('visible', isVisible)
                    if (isVisible !== wasVisible) {
                      _.emit('slide-' + (isVisible ? 'visible' : 'hidden'), {
                        slide: index
                      })
                    }
                  })
                  if (_.dots) {
                    [].forEach.call(_.dots.children, function(dot, index) {
                      dot.classList.toggle('active', _.page === index)
                    })
                  }
                  if (event && _.opt.scrollLock) {
                    clearTimeout(_.scrollLock)
                    _.scrollLock = setTimeout(function() {
                      clearTimeout(_.scrollLock)
                      // dont attempt to scroll less than a pixel fraction - causes looping
                      if (Math.abs(_.ele.scrollLeft / _.itemWidth - _.slide) > 0.02) {
                        if (!_.mouseDown) {
                          // Only scroll if not at the end (#94)
                          if (_.trackWidth > _.containerWidth + _.ele.scrollLeft) {
                            _.scrollItem(_.getCurrentSlide())
                          }
                        }
                      }
                    }, _.opt.scrollLockDelay || 250)
                  }
                }
                gliderPrototype.getCurrentSlide = function() {
                  var _ = this
                  return _.round(_.ele.scrollLeft / _.itemWidth)
                }
                gliderPrototype.scrollItem = function(slide, dot, e) {
                  if (e) e.preventDefault()
                  var _ = this
                  var originalSlide = slide
                    ++_.animate_id
                  var prevSlide = _.slide
                  var position
                  if (dot === true) {
                    slide = Math.round((slide * _.containerWidth) / _.itemWidth)
                    position = slide * _.itemWidth
                  } else {
                    if (typeof slide === 'string') {
                      var backwards = slide === 'prev'
                      // use precise location if fractional slides are on
                      if (_.opt.slidesToScroll % 1 || _.opt.slidesToShow % 1) {
                        slide = _.getCurrentSlide()
                      } else {
                        slide = _.slide
                      }
                      if (backwards) slide -= _.opt.slidesToScroll
                      else slide += _.opt.slidesToScroll
                      if (_.opt.rewind) {
                        var scrollLeft = _.ele.scrollLeft
                        slide = backwards && !scrollLeft ? _.slides.length : !backwards && scrollLeft + _.containerWidth >= Math.floor(_.trackWidth) ? 0 : slide
                      }
                    }
                    slide = Math.max(Math.min(slide, _.slides.length), 0)
                    _.slide = slide
                    position = _.itemWidth * slide
                  }
                  _.emit('scroll-item', {
                    prevSlide,
                    slide
                  })
                  _.scrollTo(position, _.opt.duration * Math.abs(_.ele.scrollLeft - position), function() {
                    _.updateControls()
                    _.emit('animated', {
                      value: originalSlide,
                      type: typeof originalSlide === 'string' ? 'arrow' : dot ? 'dot' : 'slide'
                    })
                  })
                  return false
                }
                gliderPrototype.settingsBreakpoint = function() {
                  var _ = this
                  var resp = _._opt.responsive
                  if (resp) {
                    // Sort the breakpoints in mobile first order
                    resp.sort(function(a, b) {
                      return b.breakpoint - a.breakpoint
                    })
                    for (var i = 0; i < resp.length; ++i) {
                      var size = resp[i]
                      if (_window.innerWidth >= size.breakpoint) {
                        if (_.breakpoint !== size.breakpoint) {
                          _.opt = Object.assign({}, _._opt, size.settings)
                          _.breakpoint = size.breakpoint
                          return true
                        }
                        return false
                      }
                    }
                  }
                  // set back to defaults in case they were overriden
                  var breakpointChanged = _.breakpoint !== 0
                  _.opt = Object.assign({}, _._opt)
                  _.breakpoint = 0
                  return breakpointChanged
                }
                gliderPrototype.scrollTo = function(scrollTarget, scrollDuration, callback) {
                  var _ = this
                  var start = new Date().getTime()
                  var animateIndex = _.animate_id
                  var animate = function() {
                    var now = new Date().getTime() - start
                    _.ele.scrollLeft = _.ele.scrollLeft + (scrollTarget - _.ele.scrollLeft) * _.opt.easing(0, now, 0, 1, scrollDuration)
                    if (now < scrollDuration && animateIndex === _.animate_id) {
                      _window.requestAnimationFrame(animate)
                    } else {
                      _.ele.scrollLeft = scrollTarget
                      callback && callback.call(_)
                    }
                  }
                  _window.requestAnimationFrame(animate)
                }
                gliderPrototype.removeItem = function(index) {
                  var _ = this
                  if (_.slides.length) {
                    _.track.removeChild(_.slides[index])
                    _.refresh(true)
                    _.emit('remove')
                  }
                }
                gliderPrototype.addItem = function(ele) {
                  var _ = this
                  _.track.appendChild(ele)
                  _.refresh(true)
                  _.emit('add')
                }
                gliderPrototype.handleMouse = function(e) {
                  var _ = this
                  if (_.mouseDown) {
                    _.isDrag = true
                    _.ele.scrollLeft += (_.mouseDown - e.clientX) * (_.opt.dragVelocity || 3.3)
                    _.mouseDown = e.clientX
                  }
                }
                // used to round to the nearest 0.XX fraction
                gliderPrototype.round = function(double) {
                  var _ = this
                  var step = _.opt.slidesToScroll % 1 || 1
                  var inv = 1.0 / step
                  return Math.round(double * inv) / inv
                }
                gliderPrototype.refresh = function(paging) {
                  var _ = this
                  _.init(true, paging)
                }
                gliderPrototype.setOption = function(opt, global) {
                  var _ = this
                  if (_.breakpoint && !global) {
                    _._opt.responsive.forEach(function(v) {
                      if (v.breakpoint === _.breakpoint) {
                        v.settings = Object.assign({}, v.settings, opt)
                      }
                    })
                  } else {
                    _._opt = Object.assign({}, _._opt, opt)
                  }
                  _.breakpoint = 0
                  _.settingsBreakpoint()
                }
                gliderPrototype.destroy = function() {
                  var _ = this
                  var replace = _.ele.cloneNode(true)
                  var clear = function(ele) {
                    ele.removeAttribute('style');
                    [].forEach.call(ele.classList, function(className) {
                      /^glider/.test(className) && ele.classList.remove(className)
                    })
                  }
                  // remove track
                  replace.children[0].outerHTML = replace.children[0].innerHTML
                  clear(replace);
                  [].forEach.call(replace.getElementsByTagName('*'), clear)
                  _.ele.parentNode.replaceChild(replace, _.ele)
                  _.event(_window, 'remove', {
                    resize: _.resize
                  })
                  _.emit('destroy')
                }
                gliderPrototype.emit = function(name, arg) {
                  var _ = this
                  var e = new _window.CustomEvent('glider-' + name, {
                    bubbles: !_.opt.eventPropagate,
                    detail: arg
                  })
                  _.ele.dispatchEvent(e)
                }
                gliderPrototype.event = function(ele, type, args) {
                  var eventHandler = ele[type + 'EventListener'].bind(ele)
                  Object.keys(args).forEach(function(k) {
                    eventHandler(k, args[k])
                  })
                }
                return Glider
              })
              //# sourceMappingURL=maps/vendors.js.map
            </script>
          </div>
        </div><!-- End_Module_1063 -->
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <input name="ScrollTop" type="hidden" id="ScrollTop">
  <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off">
</form>

Text Content

ENTER TITLE

Tutorials - Infor EDU
Toggle navigation
 * FAQ
 * Tutorials

Education


VIDEO TUTORIALS DESIGNED TO HELP YOU NAVIGATE INFOR U




YOUR CENTRAL LOCATION FOR ALL TRAINING NEEDS


UNDERSTANDING THE AVAILABLE TRAINING FORMATS TO MASTER YOUR INFOR SOLUTIONS

Infor strives to provide you with the training modalities that best suit your
users’ needs. This video will walk you through the various training options to
ensure you choose the best environment for you and your team. Furthermore,
you’ll learn how the different formats align with both employee roles and skill
levels. Our goal is to provide you with the training you need, when you need it
to build the necessary solution proficiency to be successful.




SETTING YOU UP FOR SUCCESS WITH INFOR U

These short insightful videos will walk you through how to:

Log into Infor's learning platform (Customers) —Infor U

Watch the video

Log into Infor's learning platform (Partners) —Infor U

Watch the video

Access your Infor U dashboard

Watch the video

Register for an Infor Training Class

Watch the video
 * 
 * 
 * 
 * 

   
 * Privacy

©Copyright 2022. Infor. All rights reserved.