@charset "UTF-8";
/*!
    Theme Name: Simudyne
    Theme URI:
    Description:
    Version: 1.0.0
    Author: Territory Projects
    Author URI: territoryprojects.com
    Tags:

    License:
    License URI:
*/
@import url("fonts/Optimo-PxGrotesk/PxGroteskRegular-Regular.css");
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Source Han Serif',Serif!important;
}
.light-blue-background {
  background-color: #002dff;
}
.cta-link,
.dotted-divider,
.post-list .horizontal-line,
.post-row .posts,
footer .content-row .address a,
footer .content-row .social-menu a,
html .careers-page .intro-row p a,
html .contact-form .checkbox-label a,
html .contact-form .hs-form-booleancheckbox-display a,
html .contact-form .wpforms-field-label-inline a,
html .contact-page a,
html .contact-page h5,
html .hbspt-form .checkbox-label a,
html .hbspt-form .hs-form-booleancheckbox-display a,
html .hbspt-form .wpforms-field-label-inline a,
html .single-post .side-bar h6,
html .wpforms-container .checkbox-label a,
html .wpforms-container .hs-form-booleancheckbox-display a,
html .wpforms-container .wpforms-field-label-inline a,
html p a {
  border-bottom: 1px dotted hsla(0, 0%, 100%, 0.4);
}
.grey.cta-link,
.grey.dotted-divider,
.post-list .grey.horizontal-line,
.post-row .grey.posts,
footer .content-row .address a.grey,
footer .content-row .social-menu a.grey,
html .careers-page .intro-row p a.grey,
html .contact-form .checkbox-label a.grey,
html .contact-form .hs-form-booleancheckbox-display a.grey,
html .contact-form .wpforms-field-label-inline a.grey,
html .contact-page a.grey,
html .contact-page h5.grey,
html .hbspt-form .checkbox-label a.grey,
html .hbspt-form .hs-form-booleancheckbox-display a.grey,
html .hbspt-form .wpforms-field-label-inline a.grey,
html .single-post .side-bar h6.grey,
html .wpforms-container .checkbox-label a.grey,
html .wpforms-container .hs-form-booleancheckbox-display a.grey,
html .wpforms-container .wpforms-field-label-inline a.grey,
html p a.grey {
  border-bottom: 1px dotted #9f9ab1;
}
.blue-paper-post .image img,
.images-row .drop-shadow .image,
.post-archive .page-header .image-col img {
  -webkit-box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
  box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
}
.col-1,
.col-1-and-half,
.col-2,
.col-2-and-half,
.col-3,
.col-3-and-half,
.col-4,
.col-4-and-half,
.col-5,
.col-5-and-half,
.col-6,
.col-6-and-half,
.col-7,
.col-7-and-half,
.col-8,
.col-8-and-half,
.col-9,
.col-9-and-half,
.col-10,
.col-10-and-half,
.col-11,
.col-11-and-half,
.col-12,
.col-12-and-half,
.col-13,
.col-13-and-half,
.col-14,
.col-14-and-half,
.col-15,
.col-15-and-half,
.col-16,
.col-16-and-half,
.col-17,
.col-17-and-half,
.col-18,
.col-18-and-half,
.col-19,
.col-19-and-half,
.col-20,
.col-20-and-half,
.col-21,
.col-21-and-half,
.col-22,
.col-22-and-half,
.col-23,
.col-23-and-half,
.col-24,
.col-24-and-half {
  position: relative;
}

#g-container {
  width: 100vw;
  box-sizing: border-box;
  overflow-y: auto;
}

#g-container::before {
  content: "";
  position: fixed;
  height: 3px;
  left: 0;
  top: 0;
  right: 0;
  background: #ffc107;
  animation: scale 3s linear;
  animation-timeline: scroll(root);
  transform-origin: 0 50%;
z-index: 10000;
}

@keyframes scale {
  0% {
      transform: scaleX(0);
  }
  90%,
  100% {
      transform: scaleX(1);
  }
}
/* 自定义整个滚动条 */
::-webkit-scrollbar {
  width: 0px!important; /* 设置滚动条的宽度 */
}
 
/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  background: #0f033c!important; /* 设置轨道的背景颜色 */
}
 
/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background: #0f033c!important; /* 设置滑块的背景颜色 */
}
 
/* 当滑块悬停或活动时，可以添加更多样式 */
::-webkit-scrollbar-thumb:hover {
  background: #0f033c!important; /* 设置滑块在悬停状态下的背景颜色 */
}
.content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 160px auto;
  padding-right: 18px;
}
.content-row.medium-margin {
  margin: 90px auto;
}
.content-row.short-margin {
  margin: 48px auto;
}
.content-row.short-bottom-margin {
  margin-bottom: 48px;
}
.content-row.no-vertical-margin {
  margin: 0 auto;
  margin: 32px auto;
}
.content-row.no-bottom-margin {
  margin-bottom: 0;
  margin-bottom: 32px;
}
.content-row.no-top-margin {
  margin-top: 32px;
}
.col-1 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(4.167% - 18px);
  flex-basis: calc(4.167% - 18px);
  width: calc(4.167% - 18px);
}
.col-1-and-half {
  -ms-flex-preferred-size: calc(6.25% - 18px);
  flex-basis: calc(6.25% - 18px);
  width: calc(6.25% - 18px);
  margin-left: 18px;
}
.col-1-offset {
  margin-left: calc(36px + (4.167% - 18px)) !important;
}
.col-1-and-half-offset {
  margin-left: calc(36px + (6.25% - 18px)) !important;
}
.col-2 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(8.333% - 18px);
  flex-basis: calc(8.333% - 18px);
  width: calc(8.333% - 18px);
}
.col-2-and-half {
  -ms-flex-preferred-size: calc(10.417% - 18px);
  flex-basis: calc(10.417% - 18px);
  width: calc(10.417% - 18px);
  margin-left: 18px;
}
.col-2-offset {
  margin-left: calc(36px + (8.333% - 18px)) !important;
}
.col-2-and-half-offset {
  margin-left: calc(36px + (10.417% - 18px)) !important;
}
.col-3 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(12.5% - 18px);
  flex-basis: calc(12.5% - 18px);
  width: calc(12.5% - 18px);
}
.col-3-and-half {
  -ms-flex-preferred-size: calc(14.583% - 18px);
  flex-basis: calc(14.583% - 18px);
  width: calc(14.583% - 18px);
  margin-left: 18px;
}
.col-3-offset {
  margin-left: calc(36px + (12.5% - 18px)) !important;
}
.col-3-and-half-offset {
  margin-left: calc(36px + (14.583% - 18px)) !important;
}
.col-4 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(16.667% - 18px);
  flex-basis: calc(16.667% - 18px);
  width: calc(16.667% - 18px);
}
.col-4-and-half {
  -ms-flex-preferred-size: calc(18.75% - 18px);
  flex-basis: calc(18.75% - 18px);
  width: calc(18.75% - 18px);
  margin-left: 18px;
}
.col-4-offset {
  margin-left: calc(36px + (16.667% - 18px)) !important;
}
.col-4-and-half-offset {
  margin-left: calc(36px + (18.75% - 18px)) !important;
}
.col-5 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(20.833% - 18px);
  flex-basis: calc(20.833% - 18px);
  width: calc(20.833% - 18px);
}
.col-5-and-half {
  -ms-flex-preferred-size: calc(22.917% - 18px);
  flex-basis: calc(22.917% - 18px);
  width: calc(22.917% - 18px);
  margin-left: 18px;
}
.col-5-offset {
  margin-left: calc(36px + (20.833% - 18px)) !important;
}
.col-5-and-half-offset {
  margin-left: calc(36px + (22.917% - 18px)) !important;
}
.col-6 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(25% - 18px);
  flex-basis: calc(25% - 18px);
  width: calc(25% - 18px);
}
.col-6-and-half {
  -ms-flex-preferred-size: calc(27.083% - 18px);
  flex-basis: calc(27.083% - 18px);
  width: calc(27.083% - 18px);
  margin-left: 18px;
}
.col-6-offset {
  margin-left: calc(36px + (25% - 18px)) !important;
}
.col-6-and-half-offset {
  margin-left: calc(36px + (27.083% - 18px)) !important;
}
.col-7 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(29.167% - 18px);
  flex-basis: calc(29.167% - 18px);
  width: calc(29.167% - 18px);
}
.col-7-and-half {
  -ms-flex-preferred-size: calc(31.25% - 18px);
  flex-basis: calc(31.25% - 18px);
  width: calc(31.25% - 18px);
  margin-left: 18px;
}
.col-7-offset {
  margin-left: calc(36px + (29.167% - 18px)) !important;
}
.col-7-and-half-offset {
  margin-left: calc(36px + (31.25% - 18px)) !important;
}
.col-8 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(33.333% - 18px);
  flex-basis: calc(33.333% - 18px);
  width: calc(33.333% - 18px);
}
.col-8-and-half {
  -ms-flex-preferred-size: calc(35.417% - 18px);
  flex-basis: calc(35.417% - 18px);
  width: calc(35.417% - 18px);
  margin-left: 18px;
}
.col-8-offset {
  margin-left: calc(36px + (33.333% - 18px)) !important;
}
.col-8-and-half-offset {
  margin-left: calc(36px + (35.417% - 18px)) !important;
}
.col-9 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(37.5% - 18px);
  flex-basis: calc(37.5% - 18px);
  width: calc(37.5% - 18px);
}
.col-9-and-half {
  -ms-flex-preferred-size: calc(39.583% - 18px);
  flex-basis: calc(39.583% - 18px);
  width: calc(39.583% - 18px);
  margin-left: 18px;
}
.col-9-offset {
  margin-left: calc(36px + (37.5% - 18px)) !important;
}
.col-9-and-half-offset {
  margin-left: calc(36px + (39.583% - 18px)) !important;
}
.col-10 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(41.667% - 18px);
  flex-basis: calc(41.667% - 18px);
  width: calc(41.667% - 18px);
}
.col-10-and-half {
  -ms-flex-preferred-size: calc(43.75% - 18px);
  flex-basis: calc(43.75% - 18px);
  width: calc(43.75% - 18px);
  margin-left: 18px;
}
.col-10-offset {
  margin-left: calc(36px + (41.667% - 18px)) !important;
}
.col-10-and-half-offset {
  margin-left: calc(36px + (43.75% - 18px)) !important;
}
.col-11 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(45.833% - 18px);
  flex-basis: calc(45.833% - 18px);
  width: calc(45.833% - 18px);
}
.col-11-and-half {
  -ms-flex-preferred-size: calc(47.917% - 18px);
  flex-basis: calc(47.917% - 18px);
  width: calc(47.917% - 18px);
  margin-left: 18px;
}
.col-11-offset {
  margin-left: calc(36px + (45.833% - 18px)) !important;
}
.col-11-and-half-offset {
  margin-left: calc(36px + (47.917% - 18px)) !important;
}
.col-12 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(50% - 18px);
  flex-basis: calc(50% - 18px);
  width: calc(50% - 18px);
}
.col-12-and-half {
  -ms-flex-preferred-size: calc(52.083% - 18px);
  flex-basis: calc(52.083% - 18px);
  width: calc(52.083% - 18px);
  margin-left: 18px;
}
.col-12-offset {
  margin-left: calc(36px + (50% - 18px)) !important;
}
.col-12-and-half-offset {
  margin-left: calc(36px + (52.083% - 18px)) !important;
}
.col-13 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(54.167% - 18px);
  flex-basis: calc(54.167% - 18px);
  width: calc(54.167% - 18px);
}
.col-13-and-half {
  -ms-flex-preferred-size: calc(56.25% - 18px);
  flex-basis: calc(56.25% - 18px);
  width: calc(56.25% - 18px);
  margin-left: 18px;
}
.col-13-offset {
  margin-left: calc(36px + (54.167% - 18px)) !important;
}
.col-13-and-half-offset {
  margin-left: calc(36px + (56.25% - 18px)) !important;
}
.col-14 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(58.333% - 18px);
  flex-basis: calc(58.333% - 18px);
  width: calc(58.333% - 18px);
}
.col-14-and-half {
  -ms-flex-preferred-size: calc(60.417% - 18px);
  flex-basis: calc(60.417% - 18px);
  width: calc(60.417% - 18px);
  margin-left: 18px;
}
.col-14-offset {
  margin-left: calc(36px + (58.333% - 18px)) !important;
}
.col-14-and-half-offset {
  margin-left: calc(36px + (60.417% - 18px)) !important;
}
.col-15 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(62.5% - 18px);
  flex-basis: calc(62.5% - 18px);
  width: calc(62.5% - 18px);
}
.col-15-and-half {
  -ms-flex-preferred-size: calc(64.583% - 18px);
  flex-basis: calc(64.583% - 18px);
  width: calc(64.583% - 18px);
  margin-left: 18px;
}
.col-15-offset {
  margin-left: calc(36px + (62.5% - 18px)) !important;
}
.col-15-and-half-offset {
  margin-left: calc(36px + (64.583% - 18px)) !important;
}
.col-16 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(66.667% - 18px);
  flex-basis: calc(66.667% - 18px);
  width: calc(66.667% - 18px);
}
.col-16-and-half {
  -ms-flex-preferred-size: calc(68.75% - 18px);
  flex-basis: calc(68.75% - 18px);
  width: calc(68.75% - 18px);
  margin-left: 18px;
}
.col-16-offset {
  margin-left: calc(36px + (66.667% - 18px)) !important;
}
.col-16-and-half-offset {
  margin-left: calc(36px + (68.75% - 18px)) !important;
}
.col-17 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(70.833% - 18px);
  flex-basis: calc(70.833% - 18px);
  width: calc(70.833% - 18px);
}
.col-17-and-half {
  -ms-flex-preferred-size: calc(72.917% - 18px);
  flex-basis: calc(72.917% - 18px);
  width: calc(72.917% - 18px);
  margin-left: 18px;
}
.col-17-offset {
  margin-left: calc(36px + (70.833% - 18px)) !important;
}
.col-17-and-half-offset {
  margin-left: calc(36px + (72.917% - 18px)) !important;
}
.col-18 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(75% - 18px);
  flex-basis: calc(75% - 18px);
  width: calc(75% - 18px);
}
.col-18-and-half {
  -ms-flex-preferred-size: calc(77.083% - 18px);
  flex-basis: calc(77.083% - 18px);
  width: calc(77.083% - 18px);
  margin-left: 18px;
}
.col-18-offset {
  margin-left: calc(36px + (75% - 18px)) !important;
}
.col-18-and-half-offset {
  margin-left: calc(36px + (77.083% - 18px)) !important;
}
.col-19 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(79.167% - 18px);
  flex-basis: calc(79.167% - 18px);
  width: calc(79.167% - 18px);
}
.col-19-and-half {
  -ms-flex-preferred-size: calc(81.25% - 18px);
  flex-basis: calc(81.25% - 18px);
  width: calc(81.25% - 18px);
  margin-left: 18px;
}
.col-19-offset {
  margin-left: calc(36px + (79.167% - 18px)) !important;
}
.col-19-and-half-offset {
  margin-left: calc(36px + (81.25% - 18px)) !important;
}
.col-20 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(83.333% - 18px);
  flex-basis: calc(83.333% - 18px);
  width: calc(83.333% - 18px);
}
.col-20-and-half {
  -ms-flex-preferred-size: calc(85.417% - 18px);
  flex-basis: calc(85.417% - 18px);
  width: calc(85.417% - 18px);
  margin-left: 18px;
}
.col-20-offset {
  margin-left: calc(36px + (83.333% - 18px)) !important;
}
.col-20-and-half-offset {
  margin-left: calc(36px + (85.417% - 18px)) !important;
}
.col-21 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(87.5% - 18px);
  flex-basis: calc(87.5% - 18px);
  width: calc(87.5% - 18px);
}
.col-21-and-half {
  -ms-flex-preferred-size: calc(89.583% - 18px);
  flex-basis: calc(89.583% - 18px);
  width: calc(89.583% - 18px);
  margin-left: 18px;
}
.col-21-offset {
  margin-left: calc(36px + (87.5% - 18px)) !important;
}
.col-21-and-half-offset {
  margin-left: calc(36px + (89.583% - 18px)) !important;
}
.col-22 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(91.667% - 18px);
  flex-basis: calc(91.667% - 18px);
  width: calc(91.667% - 18px);
}
.col-22-and-half {
  -ms-flex-preferred-size: calc(93.75% - 18px);
  flex-basis: calc(93.75% - 18px);
  width: calc(93.75% - 18px);
  margin-left: 18px;
}
.col-22-offset {
  margin-left: calc(36px + (91.667% - 18px)) !important;
}
.col-22-and-half-offset {
  margin-left: calc(36px + (93.75% - 18px)) !important;
}
.col-23 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(95.833% - 18px);
  flex-basis: calc(95.833% - 18px);
  width: calc(95.833% - 18px);
}
.col-23-and-half {
  -ms-flex-preferred-size: calc(97.917% - 18px);
  flex-basis: calc(97.917% - 18px);
  width: calc(97.917% - 18px);
  margin-left: 18px;
}
.col-23-offset {
  margin-left: calc(36px + (95.833% - 18px)) !important;
}
.col-23-and-half-offset {
  margin-left: calc(36px + (97.917% - 18px)) !important;
}
.col-24 {
  margin-left: 18px;
  -ms-flex-preferred-size: calc(100% - 18px);
  flex-basis: calc(100% - 18px);
  width: calc(100% - 18px);
}
.col-24-and-half {
  -ms-flex-preferred-size: calc(102.083% - 18px);
  flex-basis: calc(102.083% - 18px);
  width: calc(102.083% - 18px);
  margin-left: 18px;
}
.col-24-offset {
  margin-left: calc(36px + (100% - 18px)) !important;
}
.col-24-and-half-offset {
  margin-left: calc(36px + (102.083% - 18px)) !important;
}
.cols {
  margin: 0 -18px;
}
.gridder {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.gridder,
.gridder .content-row {
  height: 100%;
}
.gridder .col {
  background: red;
  height: 100%;
  font-size: 10px;
  font-family: Arial;
}
.page-wrapper {
  width: 100%;
  margin: auto;
}
.content-row {
  position: relative;
  width: 100%;
  max-width: 1440px;
}
.content-row:after {
  display: block;
  content: "";
  clear: both;
}
.ratio-16x9 {
  position: relative;
}
.ratio-16x9:before {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.ratio-16x9:after {
  content: "";
  z-index: -1;
}
.ratio-16x9 .poster,
.ratio-16x9 iframe,
.ratio-16x9 img,
.ratio-16x9 video,
.ratio-16x9:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.align-right {
  text-align: right;
}
img.size-full {
  width: 100%;
  height: auto;
}
.button,
.contact-form .hs-button,
.contact-form .wpforms-submit,
.hbspt-form .hs-button,
.hbspt-form .wpforms-submit,
.wpforms-container .hs-button,
.wpforms-container .wpforms-submit,
input[type="submit"] {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #002dff;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
}
.button:hover,
.contact-form .hs-button:hover,
.contact-form .wpforms-submit:hover,
.hbspt-form .hs-button:hover,
.hbspt-form .wpforms-submit:hover,
.wpforms-container .hs-button:hover,
.wpforms-container .wpforms-submit:hover,
input:hover[type="submit"] {
  background: #0420c4;
}
.contact-form .small.hs-button,
.contact-form .small.wpforms-submit,
.hbspt-form .small.hs-button,
.hbspt-form .small.wpforms-submit,
.small.button,
.wpforms-container .small.hs-button,
.wpforms-container .small.wpforms-submit,
input.small[type="submit"] {
  padding: 4px 12px;
}
.contact-form .inactive.hs-button,
.contact-form .inactive.wpforms-submit,
.hbspt-form .inactive.hs-button,
.hbspt-form .inactive.wpforms-submit,
.inactive.button,
.wpforms-container .inactive.hs-button,
.wpforms-container .inactive.wpforms-submit,
input.inactive[type="submit"] {
  background: #9f9ab1;
  background: #ecebee;
  color: #0f033c;
}
.contact-form .white.hs-button,
.contact-form .white.wpforms-submit,
.hbspt-form .white.hs-button,
.hbspt-form .white.wpforms-submit,
.white.button,
.wpforms-container .white.hs-button,
.wpforms-container .white.wpforms-submit,
input.white[type="submit"] {
  background-color: #fff;
  color: #0f033c;
}
.contact-form .white-outline.hs-button,
.contact-form .white-outline.wpforms-submit,
.hbspt-form .white-outline.hs-button,
.hbspt-form .white-outline.wpforms-submit,
.white-outline.button,
.wpforms-container .white-outline.hs-button,
.wpforms-container .white-outline.wpforms-submit,
input.white-outline[type="submit"] {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.contact-form .white-outline.hs-button:hover,
.contact-form .white-outline.wpforms-submit:hover,
.hbspt-form .white-outline.hs-button:hover,
.hbspt-form .white-outline.wpforms-submit:hover,
.white-outline.button:hover,
.wpforms-container .white-outline.hs-button:hover,
.wpforms-container .white-outline.wpforms-submit:hover,
input.white-outline:hover[type="submit"] {
  background: #fff;
  color: #0f033c;
}
.dark.video-button:before {
  background-image: url(images/icons/PlayButtonDark.svg);
}
.video-button {
  display: inline-block;
  position: relative;
  padding: 12px 24px 12px 0;
  cursor: pointer;
}
.video-button:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin: -5px 15px -5px 0;
  height: 22px;
  width: 32px;
  background-image: url(images/icons/PlayButtonBlue.svg);
  background-repeat: no-repeat;
}
.video-button:hover:before {
  background-image: url(images/icons/PlayButtonBlueHover.svg);
}
.video-outer-trigger {
  cursor: pointer;
}
.video-outer-trigger:hover .video-button:before {
  background-image: url(images/icons/PlayButtonBlueHover.svg);
}
.cta-link,
footer .content-row .address a,
footer .content-row .social-menu a,
html .contact-page a,
html .contact-page h5 {
  display: inline-block;
  position: relative;
  text-decoration: none;
  z-index: 2;
}
.cta-link:after,
footer .content-row .address a:after,
footer .content-row .social-menu a:after,
html .contact-page a:after,
html .contact-page h5:after {
  display: block;
  position: absolute;
  content: " ";
  right: -13px;
  top: 0;
  width: 20px;
  height: 100%;
  background-image: url(images/misc/cta-link-arrow.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  z-index: 1;
  -webkit-transition: right 0.2s 0.2s, left 0.2s 0.3s, color 0.2s 0.3s;
  transition: right 0.2s 0.2s, left 0.2s 0.3s, color 0.2s 0.3s;
}
.cta-link:before,
footer .content-row .address a:before,
footer .content-row .social-menu a:before,
html .contact-page a:before,
html .contact-page h5:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: #002dff;
  position: absolute;
  z-index: -1;
  -webkit-transition: width 0.3s, opacity 0.5s;
  transition: width 0.3s, opacity 0.5s;
}
.cta-link:hover,
footer .content-row .address a:hover,
footer .content-row .social-menu a:hover,
html .contact-page a:hover,
html .contact-page h5:hover {
  color: #fff !important;
}
.cta-link:hover:before,
footer .content-row .address a:hover:before,
footer .content-row .social-menu a:hover:before,
html .contact-page a:hover:before,
html .contact-page h5:hover:before {
  width: 100%;
  opacity: 1;
}
.cta-link:hover:after,
footer .content-row .address a:hover:after,
footer .content-row .social-menu a:hover:after,
html .contact-page a:hover:after,
html .contact-page h5:hover:after {
  right: -15px;
}
.grey.cta-link,
footer .content-row .address a.grey,
footer .content-row .social-menu a.grey,
html .contact-page a.grey,
html .contact-page h5.grey {
  border-color: #9f9ab1;
  color: #9f9ab1;
}
.grey.cta-link:after,
footer .content-row .address a.grey:after,
footer .content-row .social-menu a.grey:after,
html .contact-page a.grey:after,
html .contact-page h5.grey:after {
  background-image: url(images/misc/cta-link-arrow-grey.svg);
}
.blue.cta-link,
footer .content-row .address a.blue,
footer .content-row .social-menu a.blue,
html .contact-page a.blue,
html .contact-page h5.blue {
  border-color: #9f9ab1;
  color: #0f033c;
}
.blue.cta-link:after,
footer .content-row .address a.blue:after,
footer .content-row .social-menu a.blue:after,
html .contact-page a.blue:after,
html .contact-page h5.blue:after {
  background-image: url(images/misc/cta-link-arrow-blue.svg);
}
.left-arrow.cta-link,
footer .content-row .address a.left-arrow,
footer .content-row .social-menu a.left-arrow,
html .contact-page a.left-arrow,
html .contact-page h5.left-arrow {
  margin-left: 20px;
}
.left-arrow.cta-link:after,
footer .content-row .address a.left-arrow:after,
footer .content-row .social-menu a.left-arrow:after,
html .contact-page a.left-arrow:after,
html .contact-page h5.left-arrow:after {
  display: block;
  position: absolute;
  content: " ";
  left: -13px;
  right: auto;
  top: 0;
  width: 20px;
  height: 100%;
  background-image: url(images/misc/cta-link-arrow-blue.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.left-arrow.cta-link:before,
footer .content-row .address a.left-arrow:before,
footer .content-row .social-menu a.left-arrow:before,
html .contact-page a.left-arrow:before,
html .contact-page h5.left-arrow:before {
  left: auto;
  right: 0;
}
.left-arrow.cta-link:hover:before,
footer .content-row .address a.left-arrow:hover:before,
footer .content-row .social-menu a.left-arrow:hover:before,
html .contact-page a.left-arrow:hover:before,
html .contact-page h5.left-arrow:hover:before {
  width: 100%;
}
.left-arrow.cta-link:hover:after,
footer .content-row .address a.left-arrow:hover:after,
footer .content-row .social-menu a.left-arrow:hover:after,
html .contact-page a.left-arrow:hover:after,
html .contact-page h5.left-arrow:hover:after {
  right: auto;
  left: -15px;
}
footer .content-row .address a:after,
footer .content-row .social-menu a:after,
html .contact-page a:after,
html .contact-page h5:after {
  display: none;
}
.cta-link {
  padding-bottom: 2px;
}
.cta-link-outer {
  display: block;
}
.cta-link-outer:hover .cta-link {
  color: #fff !important;
}
.cta-link-outer:hover .cta-link:before {
  width: 100%;
  opacity: 1;
}
.cta-link-outer:hover .cta-link:after {
  right: -15px;
}
.dotted-divider {
  height: 1px;
  margin: 60px 0;
}
.spacer-line:after,
.testimonial .testimonial-inner .signature:before {
  display: block;
  content: "";
  height: 100%;
  background: #fff;
  width: 54px;
  margin-bottom: calc(4.167% - 18px);
  height: 1px;
}
.spacer-line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 3px;
  margin: 8px 0 10px;
  position: relative;
}
.spacer-line.grey:after {
  background: #9f9ab1;
}
.spacer-line.blue:after {
  background: #0f033c;
}
.spacer-line.no-horizontal-margin {
  margin-left: 0;
  margin-right: 0;
}
.pagination {
  margin: 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
}
.pagination a,
.pagination span {
  display: block;
  padding: 20px;
  position: relative;
  z-index: 10;
}
.pagination a:before,
.pagination span:before {
  display: block;
  height: 32px;
  width: 32px;
  content: "";
  background: #ecebee;
  border-radius: 50%;
  position: absolute;
  top: calc(50% + 2px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination a:hover:before,
.pagination span:hover:before {
  opacity: 1;
  height: 32px;
  width: 32px;
}
.pagination a.current:before,
.pagination span.current:before {
  opacity: 1;
}
.pagination a.next,
.pagination span.next {
  font-size: 0;
  text-indent: -100px;
  opacity: 1;
}
.pagination a.next:before,
.pagination span.next:before {
  opacity: 1;
  background-color: transparent;
  background-image: url(images/misc/cta-link-arrow-blue.svg);
  background-position: 50% 12px;
  background-repeat: no-repeat;
}
.pagination a.prev,
.pagination span.prev {
  font-size: 0;
  text-indent: -100px;
  opacity: 1;
}
.pagination a.prev:before,
.pagination span.prev:before {
  opacity: 1;
  background-color: transparent;
  background-image: url(images/misc/cta-link-arrow-blue.svg);
  background-position: 50% 13px;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.page-header {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: 50%;
  height: 100vh;
}
.page-header:after {
  position: absolute;
  display: block;
  content: " ";
  width: 100%;
  height: 80px;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(15, 3, 60, 0)),
    to(#0f033c)
  );
  background-image: linear-gradient(rgba(15, 3, 60, 0), #0f033c);
  z-index: 1;
}
.page-header.post-page-header:after,
.page-header.single-post-page-header:after {
  display: none;
}
.page-header.full-height {
  min-height: 100vh;
}
.page-header .parallax-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.page-header .background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: 50%;
}
.page-header .background.mobile {
  display: none;
}
.page-header .content {
  padding: 230px 0;
  padding: 230px 0 160px;
}
.page-header .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-header .buttons .button {
  margin-right: 24px;
}
.page-header .content-row {
  margin-top: 0;
  margin-bottom: 0;
}
.page-header .video-container {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #0f033c;
  overflow: hidden;
}
.page-header .video-container .video-container-inner {
  width: calc(100% - (29.167% - 18px));
  height: auto;
  position: absolute;
  top: 50%;
  left: calc(29.167% - 18px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-header .video-container .video-container-inner video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-header .video-container .video-container-inner:before {
  position: absolute;
  display: block;
  content: " ";
  width: 200px;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0f033c),
    to(rgba(15, 3, 60, 0))
  );
  background-image: linear-gradient(90deg, #0f033c, rgba(15, 3, 60, 0));
  z-index: 1;
}
.page-header .video-info {
  z-index: 99;
  position: absolute;
  right: 30px;
  top: 50%;
}
.page-header .video-info .info-icon {
  height: 20px;
  width: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 15px;
}
.page-header .video-info .info-text-container {
  position: absolute;
  pointer-events: none;
  width: 300px;
  top: 0;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.page-header .video-info .info-text-container .background {
  background-color: #002dff;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  border-radius: 4px;
}
.page-header .video-info .info-text-container .background:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  width: 20px;
  height: 20px;
  background-color: #002dff;
  border: 0 solid red;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.page-header .video-info.show .info-text-container {
  pointer-events: all;
  opacity: 1;
}
.two-columns .blue-cols .col-10 {
  background: #002dff;
  padding: 45px;
}
.two-columns .cta-link {
  margin-top: 32px;
}
.text-video .poster {
  background-size: cover;
  background-position: 50%;
  border-radius: 4px;
}
.text-video .cta-link {
  margin-top: 32px;
}
.text-video .video-button {
  height: auto !important;
  width: auto !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.text-video .poster,
.text-video .video-outer-trigger {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.testimonial {
  position: relative;
}
.testimonial .content-row {
  margin-bottom: -60px;
}
.testimonial .background {
  position: absolute;
  right: 0;
  height: 100%;
  width: 50%;
  background: #002dff;
}
.testimonial .testimonial-inner {
  padding: calc(8.333% - 18px);
  padding: 90px;
  background: #002dff;
}
.testimonial .testimonial-inner .start-qoute {
  display: inline-block;
  position: relative;
}
.testimonial .testimonial-inner .start-qoute:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
  background: #fff;
  width: 54px;
  margin: -4px 10px 0;
  height: 1px;
}
.testimonial .testimonial-inner .signature {
  margin-top: 34px;
  padding-top: 14px;
  position: relative;
}
.row-with-background-and-list .numbred-list .number,
.three-columns .number {
  background: #002dff;
  border-radius: 2px;
  padding: 0 20px 1px 2px;
  display: inline-block;
  margin: 20px 0 0;
}
.row-with-background-and-list .numbred-list .header,
.three-columns .header {
  margin: 20px 0;
}
.row-with-background-and-list .numbred-list .image,
.three-columns .image {
  display: block;
  width: 100%;
  height: auto;
}
.row-with-background-and-list .numbred-list .header,
.three-columns .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.row-with-background-and-list .numbred-list .header h4,
.three-columns .header h4 {
  display: block;
  margin: 0;
}
.row-with-background-and-list .numbred-list .header-icon,
.three-columns .header-icon {
  display: block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  height: 28px;
  height: 24px;
  width: auto;
}
.three-columns .cta-link {
  margin-top: 32px;
}
.video-row .video-outer-trigger {
  cursor: pointer;
  overflow: hidden;
}
.video-row .video-outer-trigger .poster {
  background-size: cover;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  border-radius: 4px;
}
.video-row .video-outer-trigger .video-button {
  padding-left: 24px;
  z-index: 4;
}
.video-row .video-outer-trigger .video-button:before {
  background-image: url(images/icons/PlayButtonDark.svg);
}
.video-row .video-outer-trigger:hover .poster {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.video-row .video-outer-trigger:hover .content .video-button:before {
  background-image: url(images/icons/PlayButtonWhite.svg);
}
.video-row .content {
  position: absolute;
  height: 60%;
  width: 75%;
  right: 0;
  bottom: 45px;
}
.video-row .content .title {
  z-index: 2;
  position: relative;
}
.video-row .content .blue-block {
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.video-row .content .blue-block:before {
  background: #002dff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.8;
  content: "";
  position: absolute;
  width: 100%;
  height: calc(80% - 44px);
  left: 0;
  bottom: 20%;
}
.video-row .content .blue-block:after {
  background: #002dff;
  opacity: 0.4;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
}
.video-row .content .blue-block .video-button {
  height: auto;
  position: absolute;
  bottom: 15px;
}
.row-with-background-and-list .content-row {
  padding: 90px 0;
}
.row-with-background-and-list .background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.row-with-background-and-list .background-wrapper .background {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 50%;
  -webkit-box-shadow: 0 2px 100px 0 rgba(8, 1, 33, 0.2);
  box-shadow: 0 2px 100px 0 rgba(8, 1, 33, 0.2);
  background-color: rgba(0, 45, 255, 0.15);
}
.row-with-background-and-list .background-wrapper .background.mobile {
  display: none;
}
.partner-row .section-header {
  text-align: center;
}
.partner-row .partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.partner-row .partners .partner {
  padding: 30px 20px;
}
.partner-row .partners .partner img {
  width: 100%;
}
.image-row img {
  width: 100%;
  height: auto;
}
.people-carousel {
  position: relative;
}
.people-carousel > .content-row {
  margin-bottom: 40px;
}
.people-carousel .people-carousel-scroll-container .content-row {
  margin-top: 0;
}
.people-carousel .carousel {
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 0;
  overflow: hidden;
}
.people-carousel .slides {
  margin: 0;
  min-height: 600px;
  position: relative;
  border: 0 solid red;
  width: 100%;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  height: 400px;
  -ms-overflow-style: none;
  left: 0;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
.people-carousel .slides::-webkit-scrollbar {
  display: none;
}
.people-carousel .slides .end-spacer,
.people-carousel .slides .start-spacer {
  display: block;
  content: " ";
  min-width: calc((8.333% - 18px) + 36px);
}
.people-carousel .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  min-width: 75%;
  min-width: calc(83.333% - 18px);
  padding-right: 100px;
  max-width: 1200px;
  min-height: 95%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 0 solid #0f0;
  scroll-snap-stop: always;
  scroll-snap-align: center;
}
.people-carousel .slide .photo {
  min-height: 100%;
  height: 100%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  background-size: cover;
  background-position: 50%;
  border-radius: 4px;
}
.people-carousel .slide .details {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 18px 36px;
}
.people-carousel .slide .details .bio {
  margin-top: 48px;
}
.people-carousel .controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #00d;
  pointer-events: none;
}
.people-carousel .controls .left-arrow {
  position: absolute;
  width: 60px;
  height: 30px;
  top: 40%;
  left: 36px;
  background: url(images/misc/scroll-arrow-left.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.people-carousel .controls .left-arrow:hover {
  opacity: 0.6;
}
.people-carousel .controls .right-arrow {
  position: absolute;
  top: 40%;
  width: 60px;
  height: 30px;
  right: 36px;
  background: url(images/misc/scroll-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.people-carousel .controls .right-arrow:hover {
  opacity: 0.6;
}
.people-carousel.at-end .right-arrow,
.people-carousel.at-start .left-arrow {
  display: none;
}
.images-row .images-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 18px -18px;
}
.images-row .images-container .image {
  margin: 0 18px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.images-row .images-container .image img {
  width: 100%;
  border-radius: 4px;
}
.images-row .drop-shadow .image {
  display: block;
}
.images-row .extra-rounded-courners {
  border-radius: 12px;
}
.post-row .dotted-divider.grey,
.post-row .post:after {
  border-color: hsla(0, 0%, 85%, 0.4);
}
.post-row .posts {
  padding-bottom: 60px;
}
.post-row .locked {
  background-image: url(images/icons/LockedWhite.svg);
}
.locked-passed .post-row .locked {
  background-image: url(images/icons/UnLockedWhite.svg) !important;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  font-family: PxGroteskRegular, Arial, courier;
  font-family: PxGroteskRegular;
}
html header .menu a,
html header .request-demo-button a {
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
html header .mobile-menu *,
html header .moblie-request-demo-button {
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
html header .moblie-request-demo-button {
  text-align: center;
}
html .button,
html .video-button {
  letter-spacing: 0.92px;
  text-align: center;
  line-height: 12px;
}
html .button,
html .cta-link,
html .video-button {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
}
html .cta-link {
  letter-spacing: 1px;
}
html h1 {
  font-weight: 400 !important;
  font-size: 48px;
  color: #fff;
  letter-spacing: -1.2px;
  line-height: 56px;
}
html .full-height h1,
html .home h1 {
  font-weight: 400;
  font-size: 72px;
  color: #fff;
  letter-spacing: -3px;
  line-height: 78px;
}
html .home h1 {
  letter-spacing: -2px;
  line-height: 1;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-weight: 400;
}
html h2,
html h3 {
  font-size: 28px;
  color: #fff;
}
html h3 {
  letter-spacing: -0.5px;
  line-height: 1.3;
}
html h4 {
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.41px;
  font-weight: 400;
}
html p {
  font-size: 15px;
  letter-spacing: -0.34px;
  font-family: PxGroteskRegular;
  font-size: 17px;
  color: #9f9ab1;
  letter-spacing: -0.39px;
}
html p a {
  color: inherit;
  text-decoration: none;
}
html p a:hover {
  color: #fff;
  border-color: #fff;
}
html p:first-of-type {
  margin-top: 0;
}
html p:last-of-type {
  margin-bottom: 0;
}
html .grey-text {
  color: #9f9ab1 !important;
}
html .four-columns p,
html .three-columns p {
  font-size: 15px;
  color: #9f9ab1;
  letter-spacing: -0.34px;
}
html .large-type p {
  font-size: 22px;
  color: #9f9ab1;
  letter-spacing: -0.5px;
}
html .blue-cols p {
  opacity: 0.7;
  color: #fff;
}
html .small-type,
html .small-type p {
  font-family: PxGroteskRegular;
  font-size: 12px;
  color: #b7b3c4;
  letter-spacing: -0.27px;
  line-height: 18px;
}
html .col-1-and-half div h2,
html .col-1-and-half div h3,
html .col-1-and-half div h4,
html .col-1 > div h2,
html .col-1 > div h3,
html .col-1 > div h4,
html .col-2-and-half div h2,
html .col-2-and-half div h3,
html .col-2-and-half div h4,
html .col-2 > div h2,
html .col-2 > div h3,
html .col-2 > div h4,
html .col-3-and-half div h2,
html .col-3-and-half div h3,
html .col-3-and-half div h4,
html .col-3 > div h2,
html .col-3 > div h3,
html .col-3 > div h4,
html .col-4-and-half div h2,
html .col-4-and-half div h3,
html .col-4-and-half div h4,
html .col-4 > div h2,
html .col-4 > div h3,
html .col-4 > div h4,
html .col-5-and-half div h2,
html .col-5-and-half div h3,
html .col-5-and-half div h4,
html .col-5 > div h2,
html .col-5 > div h3,
html .col-5 > div h4,
html .col-6-and-half div h2,
html .col-6-and-half div h3,
html .col-6-and-half div h4,
html .col-6 > div h2,
html .col-6 > div h3,
html .col-6 > div h4,
html .col-7-and-half div h2,
html .col-7-and-half div h3,
html .col-7-and-half div h4,
html .col-7 > div h2,
html .col-7 > div h3,
html .col-7 > div h4,
html .col-8-and-half div h2,
html .col-8-and-half div h3,
html .col-8-and-half div h4,
html .col-8 > div h2,
html .col-8 > div h3,
html .col-8 > div h4,
html .col-9-and-half div h2,
html .col-9-and-half div h3,
html .col-9-and-half div h4,
html .col-9 > div h2,
html .col-9 > div h3,
html .col-9 > div h4,
html .col-10-and-half div h2,
html .col-10-and-half div h3,
html .col-10-and-half div h4,
html .col-10 > div h2,
html .col-10 > div h3,
html .col-10 > div h4,
html .col-11-and-half div h2,
html .col-11-and-half div h3,
html .col-11-and-half div h4,
html .col-11 > div h2,
html .col-11 > div h3,
html .col-11 > div h4,
html .col-12-and-half div h2,
html .col-12-and-half div h3,
html .col-12-and-half div h4,
html .col-12 > div h2,
html .col-12 > div h3,
html .col-12 > div h4,
html .col-13-and-half div h2,
html .col-13-and-half div h3,
html .col-13-and-half div h4,
html .col-13 > div h2,
html .col-13 > div h3,
html .col-13 > div h4,
html .col-14-and-half div h2,
html .col-14-and-half div h3,
html .col-14-and-half div h4,
html .col-14 > div h2,
html .col-14 > div h3,
html .col-14 > div h4,
html .col-15-and-half div h2,
html .col-15-and-half div h3,
html .col-15-and-half div h4,
html .col-15 > div h2,
html .col-15 > div h3,
html .col-15 > div h4,
html .col-16-and-half div h2,
html .col-16-and-half div h3,
html .col-16-and-half div h4,
html .col-16 > div h2,
html .col-16 > div h3,
html .col-16 > div h4,
html .col-17-and-half div h2,
html .col-17-and-half div h3,
html .col-17-and-half div h4,
html .col-17 > div h2,
html .col-17 > div h3,
html .col-17 > div h4,
html .col-18-and-half div h2,
html .col-18-and-half div h3,
html .col-18-and-half div h4,
html .col-18 > div h2,
html .col-18 > div h3,
html .col-18 > div h4,
html .col-19-and-half div h2,
html .col-19-and-half div h3,
html .col-19-and-half div h4,
html .col-19 > div h2,
html .col-19 > div h3,
html .col-19 > div h4,
html .col-20-and-half div h2,
html .col-20-and-half div h3,
html .col-20-and-half div h4,
html .col-20 > div h2,
html .col-20 > div h3,
html .col-20 > div h4,
html .col-21-and-half div h2,
html .col-21-and-half div h3,
html .col-21-and-half div h4,
html .col-21 > div h2,
html .col-21 > div h3,
html .col-21 > div h4,
html .col-22-and-half div h2,
html .col-22-and-half div h3,
html .col-22-and-half div h4,
html .col-22 > div h2,
html .col-22 > div h3,
html .col-22 > div h4,
html .col-23-and-half div h2,
html .col-23-and-half div h3,
html .col-23-and-half div h4,
html .col-23 > div h2,
html .col-23 > div h3,
html .col-23 > div h4,
html .col-24-and-half div h2,
html .col-24-and-half div h3,
html .col-24-and-half div h4,
html .col-24 > div h2,
html .col-24 > div h3,
html .col-24 > div h4 {
  margin-top: 0;
}
html .section-header {
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 1em;
}
html .testimonial .text {
  font-size: 30px;
  color: #fff;
  letter-spacing: -0.68px;
  line-height: 37px;
}
html .testimonial .signature {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  letter-spacing: 0.91px;
  line-height: 16px;
}
html .video-row .title {
  font-size: 48px;
  color: #fff;
  letter-spacing: -1.09px;
  line-height: 1em;
}
html .number {
  font-size: 10.08px;
  color: #fff;
  letter-spacing: 0.14px;
  text-align: left;
  line-height: 12px;
}
html .people-carousel .details .name {
  font-size: 28px;
  color: #fff;
  letter-spacing: -0.64px;
}
html .people-carousel .details .title {
  font-size: 16px;
  color: #9f9ab1;
  letter-spacing: -0.36px;
}
html .people-carousel .details .bio p {
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.41px;
  line-height: 24px;
}
html .contact-page h5 {
  display: inline-block;
  width: 50%;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  pointer-events: none;
}
html .contact-page h5:before {
  display: none;
}
html .contact-page a {
  color: #fff;
  text-transform: uppercase;
}
html .wpcf7-list-item-label,
html label {
  font-family: PxGroteskRegular;
  font-size: 11px !important;
  letter-spacing: 0.5px;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #0f033c;
}
html .wpcf7-list-item-label {
  text-transform: none !important;
}
html input,
html select,
html textarea {
  font-family: PxGroteskRegular;
  font-size: 13px !important;
  color: #0f033c !important;
  letter-spacing: -0.3px;
}
html .contact-form,
html .hbspt-form,
html .wpforms-container {
  color: #0f033c !important;
}
html .contact-form label,
html .hbspt-form label,
html .wpforms-container label {
  font-family: PxGroteskRegular;
  font-size: 11px !important;
  letter-spacing: 0.5px;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #0f033c !important;
}
html .contact-form input,
html .contact-form select,
html .contact-form textarea,
html .hbspt-form input,
html .hbspt-form select,
html .hbspt-form textarea,
html .wpforms-container input,
html .wpforms-container select,
html .wpforms-container textarea {
  font-family: PxGroteskRegular;
  font-size: 13px !important;
  color: #0f033c;
  letter-spacing: -0.3px;
}
html .contact-form .button,
html .contact-form input[type="submit"],
html .hbspt-form .button,
html .hbspt-form input[type="submit"],
html .wpforms-container .button,
html .wpforms-container input[type="submit"] {
  color: #fff !important;
}
html .contact-form .checkbox-label,
html .contact-form .hs-form-booleancheckbox-display,
html .contact-form .wpforms-field-label-inline,
html .hbspt-form .checkbox-label,
html .hbspt-form .hs-form-booleancheckbox-display,
html .hbspt-form .wpforms-field-label-inline,
html .wpforms-container .checkbox-label,
html .wpforms-container .hs-form-booleancheckbox-display,
html .wpforms-container .wpforms-field-label-inline {
  font-size: 12px !important;
  color: #271c4f !important;
  letter-spacing: -0.27px;
  text-transform: none !important;
}
html .contact-form .checkbox-label a,
html .contact-form .hs-form-booleancheckbox-display a,
html .contact-form .wpforms-field-label-inline a,
html .hbspt-form .checkbox-label a,
html .hbspt-form .hs-form-booleancheckbox-display a,
html .hbspt-form .wpforms-field-label-inline a,
html .wpforms-container .checkbox-label a,
html .wpforms-container .hs-form-booleancheckbox-display a,
html .wpforms-container .wpforms-field-label-inline a {
  color: inherit;
  text-transform: none;
  border-color: #0f033c;
}
html .request-demo-overlay {
  color: #fff;
}
html .request-demo-overlay p {
  color: #fff;
  font-size: 20px;
  opacity: 0.8;
}
html .request-demo-overlay form p {
  font-size: 10px;
}
html .request-demo-overlay .contact-form,
html .request-demo-overlay .contact-form .checkbox-label,
html .request-demo-overlay .contact-form .hs-form-booleancheckbox-display,
html .request-demo-overlay .hbspt-form,
html .request-demo-overlay .hbspt-form .checkbox-label,
html .request-demo-overlay .hbspt-form .hs-form-booleancheckbox-display,
html .request-demo-overlay .wpcf7-list-item-label,
html .request-demo-overlay label {
  color: #fff;
}
html .post-page-header p {
  font-size: 20px;
  color: #fff;
}
html .posts {
  color: #0f033c;
}
html .posts .post .category,
html .posts .post .tags,
html .posts .post .tags a,
html .posts .post .top {
  font-size: 10px;
  color: #9f9ab1;
  letter-spacing: 0.5px;
  line-height: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
html .posts .post h5 {
  font-size: 22px;
  color: #0f033c;
  letter-spacing: -0.6px;
  line-height: 28px;
  margin: 16px 0;
}
html .posts .post a {
  text-decoration: inherit;
}
html .post-row .post .cta-link-outer h5,
html .post-row .post .cta-link.blue,
html .post-row .post .cta-link.blue h5,
html .post-row .post h5 {
  color: #fff !important;
}
html .blue-second-line .start-blue {
  color: #00bdff;
}
html .single-post {
  color: #0f033c;
}
html .single-post li,
html .single-post p {
  color: #9f9ab1;
  color: #6f688a;
}
html .single-post ul {
  padding: 0;
}
html .single-post li {
  list-style: none;
  display: block;
  position: relative;
  padding-left: 30px;
  padding-bottom: 15px;
  font-size: 17px;
  letter-spacing: -0.39px;
}
html .single-post li:before {
  content: "•";
  color: #002dff;
  position: absolute;
  left: 0;
  top: 0;
}
html .single-post .post-body h1,
html .single-post .post-body h2,
html .single-post .post-body h3,
html .single-post .post-body h4,
html .single-post .post-body h5 {
  color: #0f033c;
}
html .single-post .post-body p a {
  border-color: #9f9ab1;
}
html .single-post .post-body p a:hover {
  color: #0f033c;
}
html .single-post .category,
html .single-post .social-links,
html .single-post .social-links a,
html .single-post .tags,
html .single-post .tags a,
html .single-post .top {
  font-size: 10px;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
html .single-post .author {
  font-size: 10px;
  color: #271c4f;
  letter-spacing: 0.5px;
  text-align: left;
  line-height: 14px;
  text-transform: uppercase;
}
html .single-post .side-bar h6 {
  font-size: 10px;
  color: #9f9ab1;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-color: #9f9ab1;
  padding-bottom: 10px;
}
html .single-post .side-bar h5 {
  font-size: 22px;
  color: #0f033c;
  letter-spacing: -0.6px;
  line-height: 28px;
  text-decoration: none;
}
html .single-post .side-bar a {
  text-decoration: none;
}
html .related-posts h4 {
  font-size: 22px;
  color: #9f9ab1;
  letter-spacing: -0.6px;
  line-height: 28px;
}
html .pagination * {
  font-size: 12px;
  color: #271c4f;
  letter-spacing: 0.5px;
  text-align: center;
}
html .careers-page .intro-row p a,
html .pagination * {
  text-decoration: none;
}
html .careers-page .intro-row p a:hover:after {
  border-color: #fff;
}
html .job h4 {
  font-size: 20px;
  letter-spacing: -0.45px;
  margin-bottom: 12px;
  margin-top: 0;
}
html .job-post ul {
  padding: 0;
  list-style: none;
  color: #9f9ab1;
}
html .job-post li {
  list-style: none;
  display: block;
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
}
html .job-post li:before {
  content: "•";
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
html .legal-page h3,
html .legal-page h4 {
  font-size: 16px;
}
html footer a {
  color: inherit;
}
html footer .cta .text {
  font-size: 32px;
  color: #fff;
  letter-spacing: -0.73px;
  line-height: 38px;
}
html footer .legal {
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.25px;
  line-height: 18px;
}
html footer .address a,
html footer .address p {
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.3px;
  line-height: 22px;
}
html footer .social-menu a {
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.3px;
  text-align: right;
}
.contact-page {
  background-size: cover;
  margin-bottom: -60px;
}
.contact-page .content-row {
  margin-top: 0;
  margin-bottom: 0;
  padding: 178px 0;
}
.contact-page .contact-form {
  padding: 0;
}
.contact-page .address {
  margin-top: 110px;
}
.careers-page {
  background-size: cover;
  margin-bottom: -60px;
}
.careers-page .intro-row {
  margin-bottom: 70px;
  margin-top: 0;
  padding-top: 230px;
}
.careers-page .jobs-row {
  margin-top: 70px;
  margin-bottom: 160px;
}
.careers-page .jobs-title {
  margin-bottom: 40px;
}
.careers-page .jobs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -18px;
}
.careers-page .job {
  background: #002dff;
  padding: 27px 45px;
  width: calc(50% - 36px);
  margin: 18px;
  border-radius: 4px;
}
.careers-page .bottom-cta {
  margin: 48px 0;
}
.careers-page .bottom-cta .cta-link {
  margin-top: 24px;
}
.single-job {
  background-size: cover;
  margin-bottom: -60px;
}
.single-job .background {
  position: absolute;
  width: 100%;
  height: calc(100% + 95px);
  top: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 95px;
}
.single-job .content-row:first-of-type {
  margin-top: 0;
  padding-top: 230px;
  padding-bottom: 110px;
}
.single-job .content-row:last-of-type {
  margin-bottom: 0;
}
.contact-form {
  padding: 45px !important;
}
.contact-form,
.hbspt-form,
.wpforms-container {
  min-height: 100%;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.contact-form .hbspt-form .submitted-message,
.hbspt-form .hbspt-form .submitted-message,
.wpforms-container .hbspt-form .submitted-message {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.contact-form .wpforms-confirmation-container-full,
.hbspt-form .wpforms-confirmation-container-full,
.wpforms-container .wpforms-confirmation-container-full {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  color: #0f033c !important;
}
.contact-form .wpforms-confirmation-container-full p,
.hbspt-form .wpforms-confirmation-container-full p,
.wpforms-container .wpforms-confirmation-container-full p {
  color: #0f033c !important;
}
.contact-form .form-columns-2 .col,
.contact-form .form-columns-2 .hs-form-field,
.hbspt-form .form-columns-2 .col,
.hbspt-form .form-columns-2 .hs-form-field,
.wpforms-container .form-columns-2 .col,
.wpforms-container .form-columns-2 .hs-form-field {
  width: calc(50% - 16px) !important;
}
.contact-form .form-columns-2 .col:first-of-type,
.contact-form .form-columns-2 .hs-form-field:first-of-type,
.hbspt-form .form-columns-2 .col:first-of-type,
.hbspt-form .form-columns-2 .hs-form-field:first-of-type,
.wpforms-container .form-columns-2 .col:first-of-type,
.wpforms-container .form-columns-2 .hs-form-field:first-of-type {
  margin-right: 32px;
}
.contact-form .form-columns-2 .col .input,
.contact-form .form-columns-2 .hs-form-field .input,
.hbspt-form .form-columns-2 .col .input,
.hbspt-form .form-columns-2 .hs-form-field .input,
.wpforms-container .form-columns-2 .col .input,
.wpforms-container .form-columns-2 .hs-form-field .input {
  margin-right: 0;
}
.contact-form .form-columns-1 .col,
.contact-form .form-columns-1 .hs-form-field,
.hbspt-form .form-columns-1 .col,
.hbspt-form .form-columns-1 .hs-form-field,
.wpforms-container .form-columns-1 .col,
.wpforms-container .form-columns-1 .hs-form-field {
  min-width: 100%;
  width: 100% !important;
}
.contact-form .form-columns-1 .col .input,
.contact-form .form-columns-1 .hs-form-field .input,
.hbspt-form .form-columns-1 .col .input,
.hbspt-form .form-columns-1 .hs-form-field .input,
.wpforms-container .form-columns-1 .col .input,
.wpforms-container .form-columns-1 .hs-form-field .input {
  margin-right: 0;
}
.contact-form .form-columns-1,
.contact-form .form-columns-2,
.contact-form .row,
.contact-form .wpforms-field-container,
.hbspt-form .form-columns-1,
.hbspt-form .form-columns-2,
.hbspt-form .row,
.hbspt-form .wpforms-field-container,
.wpforms-container .form-columns-1,
.wpforms-container .form-columns-2,
.wpforms-container .row,
.wpforms-container .wpforms-field-container {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  margin: 20px 0;
  max-width: 100%;
  padding: 0;
}
.contact-form .form-columns-1:first-of-type,
.contact-form .form-columns-2:first-of-type,
.contact-form .row:first-of-type,
.contact-form .wpforms-field-container:first-of-type,
.hbspt-form .form-columns-1:first-of-type,
.hbspt-form .form-columns-2:first-of-type,
.hbspt-form .row:first-of-type,
.hbspt-form .wpforms-field-container:first-of-type,
.wpforms-container .form-columns-1:first-of-type,
.wpforms-container .form-columns-2:first-of-type,
.wpforms-container .row:first-of-type,
.wpforms-container .wpforms-field-container:first-of-type {
  margin-top: 0;
}
.contact-form .form-columns-1:last-of-type,
.contact-form .form-columns-2:last-of-type,
.contact-form .row:last-of-type,
.contact-form .wpforms-field-container:last-of-type,
.hbspt-form .form-columns-1:last-of-type,
.hbspt-form .form-columns-2:last-of-type,
.hbspt-form .row:last-of-type,
.hbspt-form .wpforms-field-container:last-of-type,
.wpforms-container .form-columns-1:last-of-type,
.wpforms-container .form-columns-2:last-of-type,
.wpforms-container .row:last-of-type,
.wpforms-container .wpforms-field-container:last-of-type {
  margin-bottom: 0;
}
.contact-form .form-columns-1.hs-fieldtype-booleancheckbox li,
.contact-form .form-columns-1.hs-fieldtype-booleancheckbox ul,
.contact-form .form-columns-2.hs-fieldtype-booleancheckbox li,
.contact-form .form-columns-2.hs-fieldtype-booleancheckbox ul,
.contact-form .row.hs-fieldtype-booleancheckbox li,
.contact-form .row.hs-fieldtype-booleancheckbox ul,
.contact-form .wpforms-field-container.hs-fieldtype-booleancheckbox li,
.contact-form .wpforms-field-container.hs-fieldtype-booleancheckbox ul,
.hbspt-form .form-columns-1.hs-fieldtype-booleancheckbox li,
.hbspt-form .form-columns-1.hs-fieldtype-booleancheckbox ul,
.hbspt-form .form-columns-2.hs-fieldtype-booleancheckbox li,
.hbspt-form .form-columns-2.hs-fieldtype-booleancheckbox ul,
.hbspt-form .row.hs-fieldtype-booleancheckbox li,
.hbspt-form .row.hs-fieldtype-booleancheckbox ul,
.hbspt-form .wpforms-field-container.hs-fieldtype-booleancheckbox li,
.hbspt-form .wpforms-field-container.hs-fieldtype-booleancheckbox ul,
.wpforms-container .form-columns-1.hs-fieldtype-booleancheckbox li,
.wpforms-container .form-columns-1.hs-fieldtype-booleancheckbox ul,
.wpforms-container .form-columns-2.hs-fieldtype-booleancheckbox li,
.wpforms-container .form-columns-2.hs-fieldtype-booleancheckbox ul,
.wpforms-container .row.hs-fieldtype-booleancheckbox li,
.wpforms-container .row.hs-fieldtype-booleancheckbox ul,
.wpforms-container .wpforms-field-container.hs-fieldtype-booleancheckbox li,
.wpforms-container .wpforms-field-container.hs-fieldtype-booleancheckbox ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.contact-form .form-columns-1 .checkbox-wrapper,
.contact-form .form-columns-1 .hs-form-booleancheckbox-display,
.contact-form .form-columns-2 .checkbox-wrapper,
.contact-form .form-columns-2 .hs-form-booleancheckbox-display,
.contact-form .row .checkbox-wrapper,
.contact-form .row .hs-form-booleancheckbox-display,
.contact-form .wpforms-field-container .checkbox-wrapper,
.contact-form .wpforms-field-container .hs-form-booleancheckbox-display,
.hbspt-form .form-columns-1 .checkbox-wrapper,
.hbspt-form .form-columns-1 .hs-form-booleancheckbox-display,
.hbspt-form .form-columns-2 .checkbox-wrapper,
.hbspt-form .form-columns-2 .hs-form-booleancheckbox-display,
.hbspt-form .row .checkbox-wrapper,
.hbspt-form .row .hs-form-booleancheckbox-display,
.hbspt-form .wpforms-field-container .checkbox-wrapper,
.hbspt-form .wpforms-field-container .hs-form-booleancheckbox-display,
.wpforms-container .form-columns-1 .checkbox-wrapper,
.wpforms-container .form-columns-1 .hs-form-booleancheckbox-display,
.wpforms-container .form-columns-2 .checkbox-wrapper,
.wpforms-container .form-columns-2 .hs-form-booleancheckbox-display,
.wpforms-container .row .checkbox-wrapper,
.wpforms-container .row .hs-form-booleancheckbox-display,
.wpforms-container .wpforms-field-container .checkbox-wrapper,
.wpforms-container .wpforms-field-container .hs-form-booleancheckbox-display {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-right: 10px;
  padding-left: 25px;
}
.contact-form .form-columns-1 .checkbox-wrapper input,
.contact-form .form-columns-1 .hs-form-booleancheckbox-display input,
.contact-form .form-columns-2 .checkbox-wrapper input,
.contact-form .form-columns-2 .hs-form-booleancheckbox-display input,
.contact-form .row .checkbox-wrapper input,
.contact-form .row .hs-form-booleancheckbox-display input,
.contact-form .wpforms-field-container .checkbox-wrapper input,
.contact-form .wpforms-field-container .hs-form-booleancheckbox-display input,
.hbspt-form .form-columns-1 .checkbox-wrapper input,
.hbspt-form .form-columns-1 .hs-form-booleancheckbox-display input,
.hbspt-form .form-columns-2 .checkbox-wrapper input,
.hbspt-form .form-columns-2 .hs-form-booleancheckbox-display input,
.hbspt-form .row .checkbox-wrapper input,
.hbspt-form .row .hs-form-booleancheckbox-display input,
.hbspt-form .wpforms-field-container .checkbox-wrapper input,
.hbspt-form .wpforms-field-container .hs-form-booleancheckbox-display input,
.wpforms-container .form-columns-1 .checkbox-wrapper input,
.wpforms-container .form-columns-1 .hs-form-booleancheckbox-display input,
.wpforms-container .form-columns-2 .checkbox-wrapper input,
.wpforms-container .form-columns-2 .hs-form-booleancheckbox-display input,
.wpforms-container .row .checkbox-wrapper input,
.wpforms-container .row .hs-form-booleancheckbox-display input,
.wpforms-container .wpforms-field-container .checkbox-wrapper input,
.wpforms-container
  .wpforms-field-container
  .hs-form-booleancheckbox-display
  input {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  left: 0;
  top: 2px;
}
.contact-form .form-columns-1 .checkbox-wrapper:before,
.contact-form .form-columns-1 .hs-form-booleancheckbox-display:before,
.contact-form .form-columns-2 .checkbox-wrapper:before,
.contact-form .form-columns-2 .hs-form-booleancheckbox-display:before,
.contact-form .row .checkbox-wrapper:before,
.contact-form .row .hs-form-booleancheckbox-display:before,
.contact-form .wpforms-field-container .checkbox-wrapper:before,
.contact-form .wpforms-field-container .hs-form-booleancheckbox-display:before,
.hbspt-form .form-columns-1 .checkbox-wrapper:before,
.hbspt-form .form-columns-1 .hs-form-booleancheckbox-display:before,
.hbspt-form .form-columns-2 .checkbox-wrapper:before,
.hbspt-form .form-columns-2 .hs-form-booleancheckbox-display:before,
.hbspt-form .row .checkbox-wrapper:before,
.hbspt-form .row .hs-form-booleancheckbox-display:before,
.hbspt-form .wpforms-field-container .checkbox-wrapper:before,
.hbspt-form .wpforms-field-container .hs-form-booleancheckbox-display:before,
.wpforms-container .form-columns-1 .checkbox-wrapper:before,
.wpforms-container .form-columns-1 .hs-form-booleancheckbox-display:before,
.wpforms-container .form-columns-2 .checkbox-wrapper:before,
.wpforms-container .form-columns-2 .hs-form-booleancheckbox-display:before,
.wpforms-container .row .checkbox-wrapper:before,
.wpforms-container .row .hs-form-booleancheckbox-display:before,
.wpforms-container .wpforms-field-container .checkbox-wrapper:before,
.wpforms-container
  .wpforms-field-container
  .hs-form-booleancheckbox-display:before {
  display: block;
  content: " ";
  position: absolute;
  left: 0;
  top: 2px;
  height: 16px;
  width: 16px;
  background-color: #ecebee;
  border-radius: 50%;
  pointer-events: none;
}
.contact-form .form-columns-1 .checkbox-wrapper.checked:after,
.contact-form .form-columns-1 .hs-form-booleancheckbox-display.checked:after,
.contact-form .form-columns-2 .checkbox-wrapper.checked:after,
.contact-form .form-columns-2 .hs-form-booleancheckbox-display.checked:after,
.contact-form .row .checkbox-wrapper.checked:after,
.contact-form .row .hs-form-booleancheckbox-display.checked:after,
.contact-form .wpforms-field-container .checkbox-wrapper.checked:after,
.contact-form
  .wpforms-field-container
  .hs-form-booleancheckbox-display.checked:after,
.hbspt-form .form-columns-1 .checkbox-wrapper.checked:after,
.hbspt-form .form-columns-1 .hs-form-booleancheckbox-display.checked:after,
.hbspt-form .form-columns-2 .checkbox-wrapper.checked:after,
.hbspt-form .form-columns-2 .hs-form-booleancheckbox-display.checked:after,
.hbspt-form .row .checkbox-wrapper.checked:after,
.hbspt-form .row .hs-form-booleancheckbox-display.checked:after,
.hbspt-form .wpforms-field-container .checkbox-wrapper.checked:after,
.hbspt-form
  .wpforms-field-container
  .hs-form-booleancheckbox-display.checked:after,
.wpforms-container .form-columns-1 .checkbox-wrapper.checked:after,
.wpforms-container
  .form-columns-1
  .hs-form-booleancheckbox-display.checked:after,
.wpforms-container .form-columns-2 .checkbox-wrapper.checked:after,
.wpforms-container
  .form-columns-2
  .hs-form-booleancheckbox-display.checked:after,
.wpforms-container .row .checkbox-wrapper.checked:after,
.wpforms-container .row .hs-form-booleancheckbox-display.checked:after,
.wpforms-container .wpforms-field-container .checkbox-wrapper.checked:after,
.wpforms-container
  .wpforms-field-container
  .hs-form-booleancheckbox-display.checked:after {
  display: block;
  content: " ";
  position: absolute;
  height: 8px;
  width: 8px;
  left: 4px;
  top: 6px;
  background-color: #002dff;
  border-radius: 50%;
  pointer-events: none;
}
.contact-form .form-columns-1 .checkbox-wrapper input,
.contact-form .form-columns-1 .hs-form-booleancheckbox-display input,
.contact-form .form-columns-2 .checkbox-wrapper input,
.contact-form .form-columns-2 .hs-form-booleancheckbox-display input,
.contact-form .row .checkbox-wrapper input,
.contact-form .row .hs-form-booleancheckbox-display input,
.contact-form .wpforms-field-container .checkbox-wrapper input,
.contact-form .wpforms-field-container .hs-form-booleancheckbox-display input,
.hbspt-form .form-columns-1 .checkbox-wrapper input,
.hbspt-form .form-columns-1 .hs-form-booleancheckbox-display input,
.hbspt-form .form-columns-2 .checkbox-wrapper input,
.hbspt-form .form-columns-2 .hs-form-booleancheckbox-display input,
.hbspt-form .row .checkbox-wrapper input,
.hbspt-form .row .hs-form-booleancheckbox-display input,
.hbspt-form .wpforms-field-container .checkbox-wrapper input,
.hbspt-form .wpforms-field-container .hs-form-booleancheckbox-display input,
.wpforms-container .form-columns-1 .checkbox-wrapper input,
.wpforms-container .form-columns-1 .hs-form-booleancheckbox-display input,
.wpforms-container .form-columns-2 .checkbox-wrapper input,
.wpforms-container .form-columns-2 .hs-form-booleancheckbox-display input,
.wpforms-container .row .checkbox-wrapper input,
.wpforms-container .row .hs-form-booleancheckbox-display input,
.wpforms-container .wpforms-field-container .checkbox-wrapper input,
.wpforms-container
  .wpforms-field-container
  .hs-form-booleancheckbox-display
  input {
  opacity: 0;
}
.contact-form .form-columns-1 .checkbox-label,
.contact-form .form-columns-2 .checkbox-label,
.contact-form .row .checkbox-label,
.contact-form .wpforms-field-container .checkbox-label,
.hbspt-form .form-columns-1 .checkbox-label,
.hbspt-form .form-columns-2 .checkbox-label,
.hbspt-form .row .checkbox-label,
.hbspt-form .wpforms-field-container .checkbox-label,
.wpforms-container .form-columns-1 .checkbox-label,
.wpforms-container .form-columns-2 .checkbox-label,
.wpforms-container .row .checkbox-label,
.wpforms-container .wpforms-field-container .checkbox-label {
  display: inline-block;
}
.contact-form .hs-button,
.contact-form .wpforms-submit,
.hbspt-form .hs-button,
.hbspt-form .wpforms-submit,
.wpforms-container .hs-button,
.wpforms-container .wpforms-submit {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #002dff !important;
  padding: 12px 24px !important;
  border-radius: 4px !important;
  cursor: pointer;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.92px !important;
  padding: 6px 24px !important;
  font-family: PxGroteskRegular;
  font-size: 11px !important;
  color: #fff;
  letter-spacing: 1px !important;
}
.contact-form .hs-error-msgs,
.hbspt-form .hs-error-msgs,
.wpforms-container .hs-error-msgs {
  margin: 0;
  padding: 0;
  display: none !important;
}
.contact-form .hs-error-msgs li,
.hbspt-form .hs-error-msgs li,
.wpforms-container .hs-error-msgs li {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  position: absolute;
}
.contact-form .wpforms-has-error label.wpforms-error,
.hbspt-form .wpforms-has-error label.wpforms-error,
.wpforms-container .wpforms-has-error label.wpforms-error {
  color: red !important;
  margin-top: 5px;
  text-transform: none !important;
}
.contact-form .hs-submit,
.hbspt-form .hs-submit,
.wpforms-container .hs-submit {
  margin-top: 20px;
}
header {
  padding: 40px 0 20px;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #020024;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(2, 0, 36, 0)),
    to(#0f033c)
  );
  background: linear-gradient(0deg, rgba(2, 0, 36, 0), #0f033c);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(15, 3, 60, 0)),
    to(rgba(15, 3, 60, 0.6))
  );
  background: linear-gradient(0deg, rgba(15, 3, 60, 0), rgba(15, 3, 60, 0.6));
}
header .blue-header-background {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #002dff;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
header .blue-header-background.show {
  opacity: 0.8;
}
header .content-row {
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header .content-row:after {
  display: none;
}
header .logo {
  background: url(../../../assets/images/yuanshi_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 21px;
  width: 97px;
  color: #fff;
  text-decoration: auto;
}
header .dots-symbol,
header .logo {
  display: block;
  /* font-size: 0; */
  z-index: 4;
}
header .dots-symbol {
  position: absolute;
  top: 240px;
  left: 40px;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
header .menu {
  position: relative;
  right: 0;
  right: 18px;
  top: calc(100% - 35px);
  top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .menu li,
header .menu ul {
  list-style: none;
  margin: 0;
  display: block;
  position: relative;
}
header .menu .request-demo-button {
  position: relative;
  cursor: pointer;
}
header .menu .request-demo-button:before {
  display: block;
  position: absolute;
  top: -80px;
  width: calc(100% + 30px);
  border-radius: 4px;
  height: 110px;
  content: "";
  background-color: #002dff;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}
header .menu .request-demo-button a {
  z-index: 2;
  position: relative;
}
header .menu .request-demo-button:hover:before {
  top: -75px;
}
header .menu .menu-item-has-children {
  padding-right: 14px;
}
header .menu .menu-item-has-children:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 6px;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(images/misc/menu-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: bottom;
}
header .menu li a {
  padding: 2px 0;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}
header .menu li.current-menu-item a,
header .menu li.current_page_parent a,
header .menu li:hover a {
  border-bottom: 1px dotted #fff;
}
header .menu li.current-menu-item .sub-menu a,
header .menu li.current_page_parent .sub-menu a,
header .menu li:hover .sub-menu a {
  border-bottom: none;
}
header .menu li.current-menu-item .sub-menu .current_page_item a,
header .menu li.current-menu-item .sub-menu li:hover a,
header .menu li.current_page_parent .sub-menu .current_page_item a,
header .menu li.current_page_parent .sub-menu li:hover a,
header .menu li:hover .sub-menu .current_page_item a,
header .menu li:hover .sub-menu li:hover a {
  border-bottom: 1px dotted #fff;
}
header .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
header .menu ul.sub-menu {
  display: block;
  top: 0;
  left: 0;
  border: 0 solid red;
  margin-left: 0;
  padding: 0;
  margin-top: 10px;
  padding-top: 10px;
}
header .menu ul.sub-menu li {
  white-space: nowrap;
  display: block;
  opacity: 1;
  margin-right: 0;
  margin: 2px 0;
}
header .menu ul.sub-menu li:first-of-type {
  margin-top: 8px;
}
header .menu li {
  margin-right: 40px;
}
header .menu .menu-item .sub-menu {
  opacity: 1;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  height: 0;
  border: 0 solid red;
  margin-top: 20px;
}
header .menu .menu-item .sub-menu li {
  display: block;
  border: 0 solid red;
}
header .menu .menu-item .sub-menu li a {
  display: inline;
  border: 0 solid red;
  position: relative;
  text-align: left;
  padding: 2px 0;
  -webkit-transition: opacity 0.3s 0s;
  transition: opacity 0.3s 0s;
  opacity: 0;
}
header .menu .menu-item:hover .sub-menu {
  opacity: 1;
  pointer-events: all;
  display: block;
}
header .menu .menu-item:hover .sub-menu li a {
  overflow-y: hidden;
  padding: 2px 0;
  opacity: 1;
}
header .menu .menu-item:hover .sub-menu li:first-child a {
  -webkit-transition: opacity 0.3s 0.2s;
  transition: opacity 0.3s 0.2s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(2) a {
  -webkit-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(3) a {
  -webkit-transition: opacity 0.3s 0.4s;
  transition: opacity 0.3s 0.4s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(4) a {
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(5) a {
  -webkit-transition: opacity 0.3s 0.6s;
  transition: opacity 0.3s 0.6s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(6) a {
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(7) a {
  -webkit-transition: opacity 0.3s 0.8s;
  transition: opacity 0.3s 0.8s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(8) a {
  -webkit-transition: opacity 0.3s 0.9s;
  transition: opacity 0.3s 0.9s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(9) a {
  -webkit-transition: opacity 0.3s 1s;
  transition: opacity 0.3s 1s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(10) a {
  -webkit-transition: opacity 0.3s 1.1s;
  transition: opacity 0.3s 1.1s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(11) a {
  -webkit-transition: opacity 0.3s 1.2s;
  transition: opacity 0.3s 1.2s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(12) a {
  -webkit-transition: opacity 0.3s 1.3s;
  transition: opacity 0.3s 1.3s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(13) a {
  -webkit-transition: opacity 0.3s 1.4s;
  transition: opacity 0.3s 1.4s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(14) a {
  -webkit-transition: opacity 0.3s 1.5s;
  transition: opacity 0.3s 1.5s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(15) a {
  -webkit-transition: opacity 0.3s 1.6s;
  transition: opacity 0.3s 1.6s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(16) a {
  -webkit-transition: opacity 0.3s 1.7s;
  transition: opacity 0.3s 1.7s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(17) a {
  -webkit-transition: opacity 0.3s 1.8s;
  transition: opacity 0.3s 1.8s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(18) a {
  -webkit-transition: opacity 0.3s 1.9s;
  transition: opacity 0.3s 1.9s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(19) a {
  -webkit-transition: opacity 0.3s 2s;
  transition: opacity 0.3s 2s;
}
header .menu .menu-item:hover .sub-menu li:nth-child(20) a {
  -webkit-transition: opacity 0.3s 2.1s;
  transition: opacity 0.3s 2.1s;
}
header .mobile-menu,
header .moblie-request-demo-button {
  display: none;
}
footer {
  background-color: #14025c;
  background-image: url(images/footer-bg.png);
  padding: 1px 0;
  margin-top: 60px;
}
footer .content-row.cta-row {
  margin-top: 80px !important;
  margin-bottom: 0;
  display: block;
}
footer .content-row.cta-row .text {
  margin: 17px 0 25px;
}
footer .content-row.cta-row .dotted-divider {
  margin: 48px auto;
}
footer .content-row nav ul {
  padding: 0;
}
footer .content-row nav li,
footer .content-row nav ul {
  list-style: none;
  margin: 0;
  display: block;
}
footer .content-row nav .footer-menu li,
footer .content-row nav .footer-menu ul {
  display: inline-block;
}
footer .content-row nav .footer-menu li:after {
  display: inline-block;
  content: "/";
  margin: 0 5px 0 10px;
}
footer .content-row nav .footer-menu li:last-of-type:after {
  display: none;
}
footer .content-row.legal nav {
  display: inline-block;
  margin-left: 40px;
}
.request-demo-overlay {
  position: fixed;
  overflow: auto;
  top: 0;
  max-width: 600px;
  -webkit-box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
  box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
  -webkit-transition: right 0.5s, opacity 0s 0.5s;
  transition: right 0.5s, opacity 0s 0.5s;
  width: 100%;
  height: 100%;
  z-index: 200;
  padding: 150px 45px;
  background-color: rgba(0, 45, 255, 0.75);
}
.request-demo-overlay.close {
  right: -600px;
  opacity: 0;
}
.request-demo-overlay.open {
  right: 0;
  -webkit-transition: right 0.5s, opacity 0s;
  transition: right 0.5s, opacity 0s;
}
.request-demo-overlay .wpcf7 {
  margin-top: 40px;
}
.request-demo-overlay form {
  background-color: transparent;
  padding: 0;
  color: #fff;
  min-height: auto;
  margin-top: 60px;
}
.request-demo-overlay form .form-columns-1 .hs-form-field input,
.request-demo-overlay form .form-columns-2 .hs-form-field input,
.request-demo-overlay form input {
  background-color: rgba(15, 3, 60, 0.4) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.request-demo-overlay form .wpforms-field-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0 solid red;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.request-demo-overlay form .wpforms-field-name .wpforms-field-label {
  width: 100%;
}
.request-demo-overlay form .wpforms-field-name .wpforms-field-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.request-demo-overlay
  form
  .wpforms-field-name
  .wpforms-field-row
  .wpforms-one-half {
  width: calc(50% - 10px);
}
.request-demo-overlay form .wpforms-one-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  position: relative;
}
.request-demo-overlay form label {
  color: #fff !important;
}
.request-demo-overlay form .wpforms-field-label {
  margin-top: 30px;
}
.request-demo-overlay form li,
.request-demo-overlay form ul {
  list-style: none;
  padding: 0;
}
.request-demo-overlay form li input[type="checkbox"],
.request-demo-overlay form li label,
.request-demo-overlay form ul input[type="checkbox"],
.request-demo-overlay form ul label {
  display: inline-block;
  height: 16px !important;
}
.request-demo-overlay form li label,
.request-demo-overlay form ul label {
  max-width: calc(100% - 30px);
  vertical-align: text-top;
}
.request-demo-overlay form button,
.request-demo-overlay form input[type="submit"] {
  margin-top: 20px;
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
.request-demo-overlay form button:hover,
.request-demo-overlay form input[type="submit"]:hover {
  background: #fff !important;
  color: #0f033c !important;
}
.request-demo-overlay .close-button {
  position: absolute;
  top: 45px;
  right: 45px;
}
.request-demo-overlay .hbspt-form {
  margin-top: 48px;
}
.request-demo-overlay .hbspt-form .hs-button {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 24px !important;
  text-transform: uppercase;
  letter-spacing: 0.92px;
}
.request-demo-overlay .hbspt-form .hs-button:hover {
  background: #fff;
  color: #0f033c;
}
.post-archive .page-header .content-col {
  margin-bottom: 24px;
}
.post-archive .page-header .image-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.post-archive .page-header .image-col img {
  display: block;
  width: 100%;
  margin-top: 100px;
}
.post-archive .page-header .content .buttons {
  margin: 48px 0 0;
}
.post-archive .category-list {
  padding: 40px 0;
}
.post-archive .posts {
  background: #fff;
  margin-bottom: -60px;
}
.post-archive .posts .content-row {
  margin-top: 0;
  margin-bottom: 0;
}
.post-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -40px;
}
.post-list .horizontal-line {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 30px 40px;
}
.post {
  -ms-flex-preferred-size: calc(33.3% - 80px);
  flex-basis: calc(33.3% - 80px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 40px;
  position: relative;
}
.post,
.post .title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.post .title-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.post .cta-link-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.post .cta-link-outer h5 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.post .preview-image {
  position: relative;
  padding-bottom: 62%;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 20px;
  border-radius: 4px;
  background-repeat: no-repeat;
}
.post:after {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  top: 0;
  right: -40px;
  border-right: 1px dotted #9f9ab1;
}
.post.in-line-number-2:after {
  display: none;
}
.post .seperator {
  display: inline-block;
  width: 20px;
}
.post .seperator:first-of-type {
  display: none;
}
.post .categories {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.post .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.locked {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-right: 0;
  margin-bottom: 4px;
  background: url(images/icons/Locked.svg) no-repeat 0;
  vertical-align: bottom;
}
.locked-passed .locked {
  background: url(images/icons/UnLocked.svg) no-repeat 0;
}
.single-post .embed-row,
.single-post .image-row {
  margin: 90px 0;
}
.single-post {
  position: relative;
}
.single-post .single-post-page-header {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.single-post .single-post-page-header .content-row:after {
  display: block;
  content: "";
  background: #002dff;
  top: 336px;
  height: 200%;
  width: 100%;
  left: calc(25% - 18px);
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  position: absolute;
  opacity: 0.8;
  z-index: -1;
}
.single-post .blue-top-bar {
  overflow-x: hidden;
  position: relative;
}
.single-post .blue-top-bar .background {
  position: absolute;
  right: 0;
  height: 100%;
  width: 50%;
  background: #002dff;
}
.single-post .blue-top-bar .content-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.single-post .blue-top-bar .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 40px;
}
.single-post .blue-top-bar .social-links {
  padding: 20px 0;
}
.single-post .blue-top-bar .social-links a {
  margin-left: 10px;
  display: inline-block;
}
.single-post .seperator {
  width: 20px;
}
.single-post .seperator:first-of-type {
  display: none;
}
.single-post .post-body {
  background: #fff;
  margin-bottom: -60px;
}
.single-post .post-body .content-row {
  margin: 75px auto 0;
}
.single-post .post-body .content-row .article {
  padding-top: 10px;
}
.single-post .post-body .content-row .article .text-row iframe {
  max-width: 100%;
}
.single-post .post-body .content-row .article .text-row img {
  max-width: 100%;
  height: auto;
}
.single-post .post-body .content-row.related-posts {
  margin-top: 0;
}
.single-post .post-body .content-row.related-posts .dotted-divider {
  margin: 30px 0;
}
.single-post .post-body .right-bar,
.single-post .post-body .side-bar {
  padding-top: 10px;
}
.single-post .post-body .side-bar h6 {
  margin-top: 0;
}
.single-post .embed-row iframe {
  width: 100% !important;
}
.single-post .embed-row.size-16x9 {
  border: 0 solid red;
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
  position: relative;
}
.single-post .embed-row.size-16x9:before {
  content: " ";
  width: 100%;
  display: block;
  border: 0 solid green;
  padding-bottom: 56.25%;
}
.single-post .embed-row.size-16x9 iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.single-post .image-row {
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
}
.single-post .author {
  margin: 90px 0 30px;
  padding: 30px 0;
  border-top: 1px dotted #9f9ab1;
}
.single-post .related-posts {
  padding-bottom: 60px;
  padding-bottom: 20px;
}
.single-post .side-bar-item {
  margin-bottom: 40px;
}
.single-post .side-bar-item .dotted-divider {
  margin: 10px 0 15px;
}
.single-post .registration-cta {
  padding: 30px 0;
}
.blue-paper-post {
  background-size: cover;
}
.blue-paper-post .hbspt-form {
  min-height: 0;
}
.blue-paper-post .content-row {
  margin-top: 0;
  padding-top: 234px;
  margin-bottom: -60px;
  padding-bottom: 110px;
}
.blue-paper-post .image {
  width: 100%;
  height: 100%;
}
.blue-paper-post .image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.blue-paper-post #lockForm {
  margin-top: 60px;
  display: none;
  background: #fff;
  padding: 45px;
  border-radius: 4px;
}
.blue-paper-post #lockForm.hide {
  display: none;
}
.blue-paper-post #downloadButton {
  display: none;
  margin-top: 60px;
}
.blue-paper-post #downloadButton.show,
.content-locked #lockForm,
.locked-passed #downloadButton {
  display: block;
}
.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  top: -100%;
  height: 100%;
  width: 100%;
  opacity: 0;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: top 0s 0.5s, visibility 0s 0.5s, opacity 0.5s;
  transition: top 0s 0.5s, visibility 0s 0.5s, opacity 0.5s;
  visibility: hidden;
  z-index: 9999;
}
.video-overlay:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #0f033c;
  opacity: 0.8;
  z-index: -1;
}
.video-overlay .close-video-button {
  position: absolute;
  top: -50px;
  right: 0;
}
.video-overlay .inner-video-overlay {
  position: relative;
}
.video-overlay.show {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: top 0s 0s, visibility 0s, opacity 1s;
  transition: top 0s 0s, visibility 0s, opacity 1s;
}
.video-overlay .inner-video-overlay iframe {
  width: calc(100vw - 250px);
  height: calc((100vw - 250px) * 0.5625);
  max-width: 992px;
  max-height: 558px;
}
.video-button .video-container {
  display: none;
}
.error404-page .background-image {
  background-image: url(images/HeaderBackground.jpg);
  background-size: cover;
}
.error404-page .content {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-bottom: -60px;
}
.error404-page .content h1 {
  font-size: 30vw;
  margin: 13vw 0;
}
.error404-page .content p {
  font-size: 18px;
  color: #fff;
}
.legal-page {
  background-repeat: no-repeat;
  background-size: 100%;
}
.legal-page .content-row {
  margin-top: 0;
  padding-top: 240px;
}
.legal-page table {
  cell-paddding: 0;
}
.legal-page td {
  border: 1px solid #9f9ab1;
  border-spacing: 0;
  border-collapse: collapse;
}
.scroll-animation.fade-in,
.scroll-animation .fade-in {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.scroll-animation.fade-in.scroll-show,
.scroll-animation .fade-in.scroll-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.scroll-animation.straight-fade-in {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.scroll-animation.straight-fade-in.scroll-show {
  opacity: 1;
}
.scroll-animation.child-fade-in .child-scroll-fade-in {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.scroll-animation.child-fade-in.scroll-show .child-scroll-fade-in {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
html body #hs-eu-cookie-confirmation {
  background: #002dff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 800px !important;
  left: 50% !important;
  bottom: 20px !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
  box-shadow: -5px 0 20px 0 rgba(15, 3, 60, 0.5);
  border-top: none !important;
  border-radius: 4px !important;
  border: none !important;
  height: auto;
  top: auto;
  position: fixed;
}
html body #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
  background: #002dff !important;
  border-radius: 4px !important;
}
html body #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner p {
  color: #fff !important;
  font-family: PxGroteskRegular !important;
  font-size: 14px !important;
  opacity: 0.7;
}
div#hs-eu-cookie-confirmation
  div#hs-eu-cookie-confirmation-inner
  a#hs-eu-decline-button,
html
  body
  div#hs-eu-cookie-confirmation
  div#hs-eu-cookie-confirmation-inner
  a#hs-eu-confirmation-button {
  display: inline-block;
  background: #fff !important;
  color: #002dff !important;
  border-color: #fff !important;
  padding: 6px 24px !important;
  border-radius: 4px !important;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.92px;
  font-family: PxGroteskRegular !important;
}
div#hs-eu-cookie-confirmation
  div#hs-eu-cookie-confirmation-inner
  a#hs-eu-decline-button#hs-eu-decline-button,
html
  body
  div#hs-eu-cookie-confirmation
  div#hs-eu-cookie-confirmation-inner
  a#hs-eu-confirmation-button#hs-eu-decline-button {
  color: #fff !important;
  background: #002dff !important;
  border: 1px solid #fff !important;
  padding: 6px 24px !important;
}
div#hs-eu-cookie-confirmation
  div#hs-eu-cookie-confirmation-inner
  div#hs-en-cookie-confirmation-buttons-area {
  margin: 10px 0 0 !important;
  text-align: center !important;
}
.ripplelink {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.ink {
  display: block;
  position: absolute;
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ink.animate {
  -webkit-animation: a 0.65s linear;
  animation: a 0.65s linear;
}
@-webkit-keyframes a {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes a {
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
.intro-page {
  position: fixed;
  z-index: 200;
}
.intro-page,
.intro-page iframe {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.intro-page iframe,
.logo-animation {
  position: absolute;
}
.logo-animation {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
}
.logo-animation.behavioural {
  width: 608%;
  height: 342%;
}
.logo-animation img {
  width: 100%;
  height: auto;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  opacity: 0;
}
.logo-animation img.show {
  opacity: 1;
}
.t-1000 {
  position: fixed;
  z-index: 2000;
  height: 90%;
  width: 90%;
  left: 5%;
  top: 5%;
  background: url(images/misc/sn.png);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: b 5s;
  animation: b 5s;
}
@-webkit-keyframes b {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes b {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
label {
  display: block;
  margin-bottom: 10px;
}
label input,
label textarea {
  margin-top: 10px;
}
input:not([type="submit"]),
option,
select,
textarea {
  display: block;
  background-color: #ecebee;
  border: none;
  width: 100%;
  padding: 10px;
  border-radius: 2px;
  outline: 0;
  border: 1px solid #ecebee;
}
input:not([type="submit"]):focus,
option:focus,
select:focus,
textarea:focus {
  background: #fff;
  border: 1px solid #0f033c !important;
  color: #0f033c;
  -webkit-box-shadow: 0 0 10px 0 rgba(42, 0, 222, 0.2);
  box-shadow: 0 0 10px 0 rgba(42, 0, 222, 0.2);
  border-radius: 2px;
}
.error,
.wpcf7-not-valid {
  border-color: red;
}
.wpcf7-validation-errors {
  color: red;
  border: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
}
span.wpcf7-not-valid-tip {
  margin-top: 4px;
  text-transform: none !important;
  font-size: 14px !important;
}
input[type="checkbox"] {
  width: auto !important;
  height: 12px !important;
  margin-right: 4px !important;
  display: inline-block;
}
input[type="submit"] {
  color: #fff !important;
  width: auto;
}
select {
  display: block;
  height: 34px;
  padding-top: 0;
  padding-bottom: 0;
}
select:focus {
  background-color: #ecebee !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
textarea {
  min-height: 100px;
}
span.wpcf7-list-item {
  margin-left: 0 !important;
}
.wpcf7-form.sent {
  position: relative;
}
.wpcf7-form.sent .wpcf7-form-control-wrap,
.wpcf7-form.sent input,
.wpcf7-form.sent label {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.wpcf7-form.sent.sent {
  opacity: 1;
}
.wpcf7-form.sent.sent .wpcf7-form-control-wrap,
.wpcf7-form.sent.sent input,
.wpcf7-form.sent.sent label {
  opacity: 0;
}
.wpcf7-mail-sent-ok {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
}
body,
html {
  height: 100%;
  min-height: 100%;
}
body {
  background: #0f033c;
  color: #fff;
  margin: 0;
  padding: 0;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  -webkit-overflow-behaviour: none;
}
body.no-scroll {
  overflow: hidden;
}
.screen-reader-text {
  display: none;
}
@media (max-width: 481px) {
  .content-row {
    margin: 80px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-right: 24px;
    padding-left: 24px;
  }
  .col-1 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-1:last-of-type {
    margin-bottom: 0;
  }
  .col-1-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-1-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-1-and-half-offset,
  .col-1-offset {
    margin-left: 0 !important;
  }
  .col-2 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-2:last-of-type {
    margin-bottom: 0;
  }
  .col-2-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-2-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-2-and-half-offset,
  .col-2-offset {
    margin-left: 0 !important;
  }
  .col-3 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-3:last-of-type {
    margin-bottom: 0;
  }
  .col-3-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-3-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-3-and-half-offset,
  .col-3-offset {
    margin-left: 0 !important;
  }
  .col-4 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-4:last-of-type {
    margin-bottom: 0;
  }
  .col-4-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-4-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-4-and-half-offset,
  .col-4-offset {
    margin-left: 0 !important;
  }
  .col-5 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-5:last-of-type {
    margin-bottom: 0;
  }
  .col-5-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-5-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-5-and-half-offset,
  .col-5-offset {
    margin-left: 0 !important;
  }
  .col-6 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-6:last-of-type {
    margin-bottom: 0;
  }
  .col-6-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-6-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-6-and-half-offset,
  .col-6-offset {
    margin-left: 0 !important;
  }
  .col-7 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-7:last-of-type {
    margin-bottom: 0;
  }
  .col-7-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-7-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-7-and-half-offset,
  .col-7-offset {
    margin-left: 0 !important;
  }
  .col-8 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-8:last-of-type {
    margin-bottom: 0;
  }
  .col-8-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-8-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-8-and-half-offset,
  .col-8-offset {
    margin-left: 0 !important;
  }
  .col-9 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-9:last-of-type {
    margin-bottom: 0;
  }
  .col-9-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-9-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-9-and-half-offset,
  .col-9-offset {
    margin-left: 0 !important;
  }
  .col-10 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-10:last-of-type {
    margin-bottom: 0;
  }
  .col-10-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-10-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-10-and-half-offset,
  .col-10-offset {
    margin-left: 0 !important;
  }
  .col-11 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-11:last-of-type {
    margin-bottom: 0;
  }
  .col-11-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-11-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-11-and-half-offset,
  .col-11-offset {
    margin-left: 0 !important;
  }
  .col-12 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-12:last-of-type {
    margin-bottom: 0;
  }
  .col-12-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-12-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-12-and-half-offset,
  .col-12-offset {
    margin-left: 0 !important;
  }
  .col-13 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-13:last-of-type {
    margin-bottom: 0;
  }
  .col-13-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-13-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-13-and-half-offset,
  .col-13-offset {
    margin-left: 0 !important;
  }
  .col-14 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-14:last-of-type {
    margin-bottom: 0;
  }
  .col-14-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-14-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-14-and-half-offset,
  .col-14-offset {
    margin-left: 0 !important;
  }
  .col-15 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-15:last-of-type {
    margin-bottom: 0;
  }
  .col-15-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-15-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-15-and-half-offset,
  .col-15-offset {
    margin-left: 0 !important;
  }
  .col-16 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-16:last-of-type {
    margin-bottom: 0;
  }
  .col-16-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-16-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-16-and-half-offset,
  .col-16-offset {
    margin-left: 0 !important;
  }
  .col-17 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-17:last-of-type {
    margin-bottom: 0;
  }
  .col-17-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-17-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-17-and-half-offset,
  .col-17-offset {
    margin-left: 0 !important;
  }
  .col-18 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-18:last-of-type {
    margin-bottom: 0;
  }
  .col-18-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-18-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-18-and-half-offset,
  .col-18-offset {
    margin-left: 0 !important;
  }
  .col-19 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-19:last-of-type {
    margin-bottom: 0;
  }
  .col-19-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-19-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-19-and-half-offset,
  .col-19-offset {
    margin-left: 0 !important;
  }
  .col-20 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-20:last-of-type {
    margin-bottom: 0;
  }
  .col-20-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-20-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-20-and-half-offset,
  .col-20-offset {
    margin-left: 0 !important;
  }
  .col-21 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-21:last-of-type {
    margin-bottom: 0;
  }
  .col-21-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-21-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-21-and-half-offset,
  .col-21-offset {
    margin-left: 0 !important;
  }
  .col-22 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-22:last-of-type {
    margin-bottom: 0;
  }
  .col-22-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-22-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-22-and-half-offset,
  .col-22-offset {
    margin-left: 0 !important;
  }
  .col-23 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-23:last-of-type {
    margin-bottom: 0;
  }
  .col-23-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-23-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-23-and-half-offset,
  .col-23-offset {
    margin-left: 0 !important;
  }
  .col-24 {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-24:last-of-type {
    margin-bottom: 0;
  }
  .col-24-and-half {
    margin-left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .col-24-and-half:last-of-type {
    margin-bottom: 0;
  }
  .col-24-and-half-offset,
  .col-24-offset {
    margin-left: 0 !important;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .button,
  .contact-form .hs-button,
  .contact-form .wpforms-submit,
  .hbspt-form .hs-button,
  .hbspt-form .wpforms-submit,
  .wpforms-container .hs-button,
  .wpforms-container .wpforms-submit,
  input[type="submit"] {
    display: block;
  }
  .page-header .background {
    display: none;
  }
  .page-header .background.mobile {
    display: block;
  }
  .page-header .content {
    padding: 170px 0 60px;
  }
  .page-header .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .page-header .buttons .button {
    margin-right: 0;
  }
  .two-columns .blue-cols .col-10 {
    padding: 30px;
    margin-bottom: 24px;
  }
  .two-columns .blue-cols .col-10:last-of-type {
    margin-bottom: 0;
  }
  .testimonial .testimonial-inner {
    padding: 30px;
  }
  .testimonial .testimonial-inner .signature:before {
    margin-bottom: 10px;
  }
  .video-row .video:before {
    padding-top: 100vw;
  }
  .video-row .content {
    height: 52%;
  }
  .video-row .content .blue-block:before {
    height: calc(80% - 58px);
    bottom: 70px;
  }
  .video-row .content .blue-block:after {
    height: 70px;
  }
  .video-row .content .blue-block .video-button {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    z-index: 10;
  }
  .video-row .content .blue-block .video-button:before {
    background-image: url(images/icons/PlayButtonDark.svg);
  }
  .row-with-background-and-list .content-row {
    padding: 30px;
    margin: 0 24px;
    width: calc(100% - 48px);
  }
  .row-with-background-and-list .content-row.mobile-background {
    background-color: rgba(0, 45, 255, 0.15);
  }
  .row-with-background-and-list .background-wrapper {
    position: relative;
    height: 80vw;
    margin: -30px;
    width: calc(100vw - 48px);
  }
  .row-with-background-and-list .background-wrapper .background {
    display: none;
  }
  .row-with-background-and-list .background-wrapper .background.mobile {
    background-position: 0 0;
    background-size: cover;
    display: block;
    background-color: transparent;
  }
  .partner-row .partners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .people-carousel .slides .end-spacer,
  .people-carousel .slides .start-spacer {
    display: none;
    min-width: 0;
    width: 0;
  }
  .people-carousel .slides .end-spacer {
    display: block;
    min-width: 0;
  }
  .people-carousel .slide {
    min-width: 100%;
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .people-carousel .slide .photo {
    min-height: 80vw;
    max-height: 80vw;
    height: 80vw;
    min-width: 100%;
  }
  .people-carousel .slide .details {
    padding: 30px 0;
  }
  .people-carousel .controls .left-arrow {
    top: 55vw;
    left: 4px;
  }
  .people-carousel .controls .right-arrow {
    right: 4px;
    top: 55vw;
  }
  .post-row .posts {
    border: none !important;
    padding-bottom: 20px;
  }
  .post-row .dotted-divider {
    margin: 30px 0 10px;
  }
  html h1 {
    font-size: 24px;
    letter-spacing: -0.6px;
    line-height: 28px;
  }
  html .home h1 {
    font-size: 40px;
    color: #fff;
    letter-spacing: -1px;
    line-height: 40px;
  }
  html h2 {
    font-size: 24px;
  }
  html h2,
  html h3 {
    letter-spacing: -0.55px;
  }
  html h3 {
    font-size: 20px;
    line-height: 24px;
  }
  html .large-type p,
  html p {
    font-size: 14px;
    letter-spacing: -0.32px;
    line-height: 20px;
  }
  html .testimonial .text {
    font-size: 18px;
    letter-spacing: -0.41px;
    line-height: 24px;
  }
  html .testimonial .signature {
    font-size: 9px;
    line-height: 15px;
  }
  html .video-row .title {
    font-size: 28px;
    letter-spacing: -0.64px;
    line-height: 28px;
  }
  html .people-carousel .details .bio p {
    color: #9f9ab1;
    font-size: 14px;
    letter-spacing: -0.32px;
    line-height: 20px;
  }
  html .posts .post h5 {
    font-size: 16px;
    letter-spacing: -0.36px;
    line-height: 20px;
  }
  html .single-post li {
    font-size: 14px;
    letter-spacing: -0.32px;
    line-height: 20px;
  }
  html footer .cta .text {
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.55px;
    line-height: 28px;
  }
  .contact-page .content-row {
    padding-left: 24px;
    padding-right: 24px;
  }
  .contact-page .address {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .careers-page .job {
    padding: 30px;
    margin-bottom: 24px;
    width: 100%;
  }
  .careers-page .job:last-of-type {
    margin-bottom: 0;
  }
  .single-job .content-row:first-of-type {
    padding-top: 170px;
    padding-bottom: 80px;
  }
  .contact-form,
  .hbspt-form,
  .wpforms-container {
    padding: 12px 24px 24px;
  }
  .contact-form .form-columns-1,
  .contact-form .form-columns-2,
  .contact-form .row,
  .contact-form .wpforms-field-container,
  .hbspt-form .form-columns-1,
  .hbspt-form .form-columns-2,
  .hbspt-form .row,
  .hbspt-form .wpforms-field-container,
  .wpforms-container .form-columns-1,
  .wpforms-container .form-columns-2,
  .wpforms-container .row,
  .wpforms-container .wpforms-field-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0;
    margin: 10px 0;
  }
  header .logo {
    position: fixed;
    top: 20px;
    left: 65px;
    height: 19px;
    width: 87px;
    background-size: contain;
  }
  header .dots-symbol {
    top: 64px;
    top: 29px;
    left: 23px;
    height: 28px;
    width: 28px;
    background-size: contain;
  }
  footer {
    padding-bottom: 70px;
  }
  footer .content-row.cta-row {
    margin-top: 40px !important;
  }
  footer .content-row.cta-row .text {
    max-width: 100%;
  }
  footer .content-row .align-right {
    text-align: left;
  }
  footer .content-row.legal {
    margin-top: 35px;
  }
  footer .content-row.legal nav {
    display: block;
    margin-left: 0;
  }
  .request-demo-overlay .close-button {
    right: 24px;
  }
  .post-archive .page-header .image-col img {
    margin-top: 0;
  }
  .post-archive .page-header .content {
    padding-bottom: 0;
  }
  .post-archive .page-header .content .buttons {
    margin-top: 24px;
  }
  .post-archive .category-list {
    white-space: nowrap;
    padding-bottom: 10px;
    margin: 0 -24px !important;
    width: calc(100% + 48px);
    padding-left: 24px;
    padding-right: 24px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .post-archive .category-list::-webkit-scrollbar {
    display: none;
  }
  .post-archive .category-list a.button {
    white-space: nowrap;
    display: inline-block;
    margin-right: 10px;
  }
  .post-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow-x: hidden;
    margin: 0;
  }
  .post-list .horizontal-line {
    display: none;
  }
  .post {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted hsla(0, 0%, 100%, 0.4);
    border-color: #9f9ab1;
  }
  .post.grey {
    border-bottom: 1px dotted #9f9ab1;
  }
  .single-post .single-post-page-header .content-row:after {
    left: 0;
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
    top: 230px;
  }
  .single-post .blue-top-bar .content-row .light-blue-background {
    margin-bottom: 0;
  }
  .single-post .blue-top-bar .tags {
    padding: 20px;
  }
  .single-post .blue-top-bar .social-links {
    display: none;
  }
  .single-post .post-body .content-row {
    margin-top: 30px;
  }
  .single-post .embed-row {
    margin: 30px 0;
    padding: 24px 0;
  }
  .single-post .embed-row.size-16x9 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 24px 0;
  }
  .single-post .image-row {
    margin: 30px 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 24px 0;
  }
  .blue-paper-post .content-row {
    padding-top: 170px;
    padding-bottom: 80px;
  }
  .video-overlay .close-video-button {
    right: 0;
  }
  .video-overlay .inner-video-overlay iframe {
    width: calc(100vw - 40px);
    height: calc((100vw - 40px) * 0.5625);
  }
  html body #hs-eu-cookie-confirmation {
    bottom: 0;
  }
}
@media (min-width: 1440px) {
  .page-header .video-container .video-container-inner {
    left: calc(((100vw - 1440px) / 2) + 400px);
  }
  .people-carousel .slides .end-spacer,
  .people-carousel .slides .start-spacer {
    min-width: calc(((100vw - 1440px) / 2) + 134px);
  }
  .people-carousel .slide {
    min-width: 1164px;
    max-width: 1164px;
  }
}
@media (max-width: 1960px) {
  .page-header .video-container .video-container-inner {
    height: 100%;
  }
}
@media (max-width: 769px) {
  .page-header .video-info {
    display: none;
  }
  .contact-form .form-columns-2 .col,
  .contact-form .form-columns-2 .hs-form-field,
  .hbspt-form .form-columns-2 .col,
  .hbspt-form .form-columns-2 .hs-form-field,
  .wpforms-container .form-columns-2 .col,
  .wpforms-container .form-columns-2 .hs-form-field {
    width: 100% !important;
  }
  header .blue-header-background,
  header .menu {
    display: none;
  }
  header .mobile-menu {
    display: block;
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    overflow: scroll;
    -webkit-transition: height 0.2s, background-color 0.5s;
    transition: height 0.2s, background-color 0.5s;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    height: 50px;
    background-color: rgba(0, 45, 255, 0);
  }
  header .mobile-menu .menu-button {
    position: absolute;
    top: -15px;
    right: 10px;
    text-align: center;
    padding: 12px;
    border: 0 solid;
    -webkit-transition: top 0.5s, opacity 0.2s 0.2s;
    transition: top 0.5s, opacity 0.2s 0.2s;
    background: #002dff;
    padding: 30px 20px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    pointer-events: all;
  }
  header .mobile-menu .close-menu-button {
    position: absolute;
    right: 24px;
    top: 18px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s 0s;
    transition: opacity 0.2s 0s;
  }
  header .mobile-menu.open {
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 45, 255, 0.95);
  }
  header .mobile-menu.open .menu-button {
    opacity: 0;
    -webkit-transition: opacity 0.1s 0s;
    transition: opacity 0.1s 0s;
  }
  header .mobile-menu.open .close-menu-button {
    display: block;
  }
  header .mobile-menu.open .close-menu-button,
  header .mobile-menu.open .menu-main-menu-container {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s;
  }
  header .mobile-menu .menu-main-menu-container {
    border: 0 solid red;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  header .mobile-menu .menu-main-menu-container ul.main-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  header .mobile-menu .menu-main-menu-container li {
    display: block;
    margin: auto;
    padding: 0;
    position: relative;
    max-width: 500px;
  }
  header
    .mobile-menu
    .menu-main-menu-container
    li.menu-item-has-children
    .arrow {
    z-index: 2;
    display: block;
    content: " ";
    position: absolute;
    right: 24px;
    top: 0;
    width: 41px;
    height: 64px;
    background: url(images/misc/menu-down-arrow.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  header
    .mobile-menu
    .menu-main-menu-container
    li.menu-item-has-children
    .arrow:before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header .mobile-menu .menu-main-menu-container li .sub-menu {
    padding: 0;
    -webkit-transition: padding 0.3s 0.3s;
    transition: padding 0.3s 0.3s;
  }
  header .mobile-menu .menu-main-menu-container li .sub-menu li {
    max-height: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: max-height 0.3s 0.3s, opacity 0.2s 0s;
    transition: max-height 0.3s 0.3s, opacity 0.2s 0s;
  }
  header .mobile-menu .menu-main-menu-container li.show-sub-menu .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  header .mobile-menu .menu-main-menu-container li.show-sub-menu .sub-menu {
    padding: 10px 0;
    -webkit-transition: padding 0.3s 0s;
    transition: padding 0.3s 0s;
  }
  header .mobile-menu .menu-main-menu-container li.show-sub-menu .sub-menu li {
    max-height: 50px;
    pointer-events: all;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: max-height 0.3s 0s, opacity 0.2s 0.3s;
    transition: max-height 0.3s 0s, opacity 0.2s 0.3s;
  }
  header .mobile-menu .menu-main-menu-container a {
    display: block;
    margin: 0 24px;
    padding: 24px 0;
    border-bottom: 1px dotted #d8d8d8;
  }
  header .moblie-request-demo-button {
    display: block;
    background: #002dff;
    padding: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
  }
  .request-demo-overlay {
    padding: 70px 24px;
    background-color: #002dff;
  }
  body.mobile-no-scroll {
    overflow: hidden;
  }
}
@media (max-width: 1025px) {
  .partner-row .partners .partner {
    padding: 30px;
  }
  header .menu .request-demo-button:before {
    width: calc(100% + 20px);
  }
  header .menu li {
    margin-right: 15px;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .post .title-container {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }
  .post .cta-link-outer,
  .post .title-container {
    display: block !important;
  }
}


#g-container>canvas{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.gongzhonghao{
  position: relative;
}
.gongzhonghao::after{
  content: '';
  position: absolute;
  top: -60px;
  right: 0;
  background: url('../../../assets/images/gongzhonghao.png');
  width: 158px;
  height: 158px;
  background-repeat: no-repeat;
  display: none;
}
.gongzhonghao:hover::after{
  display: block;
}

.google-maps p{
  margin-top: 0;
  margin-bottom: 0;
}