/* fonts */
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-bold.woff2') format('woff2'), url('/hubfs/fonts/proxima-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-thin.woff2') format('woff2'), url('/hubfs/fonts/proxima-thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-light.woff2') format('woff2'), url('/hubfs/fonts/proxima-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-reg.woff2') format('woff2'), url('/hubfs/fonts/proxima-reg.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-sbold.woff2') format('woff2'), url('/hubfs/fonts/proxima-sbold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-bold.woff2') format('woff2'), url('/hubfs/fonts/proxima-bold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima';
  src: url('/hubfs/fonts/proxima-extrabold.woff2') format('woff2'), url('/hubfs/fonts/proxima-extrabold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* colors */
/* body */
html,
body {
  margin: 0;
  background: #fff;
  font-size: 62.5% !important;
  color: #031D3C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-family: Proxima, 'Proxima', 'sans-serif' !important;
}
body p {
  color: #292929;
}
table,
tr,
td {
  font-size: 20px;
}
a {
  outline: none;
  text-decoration: none;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.row {
  max-width: 136rem;
  height: inherit;
  margin: 0 auto !important;
  padding: 0 3rem;
  position: relative;
  float: none !important;
  z-index: 5;
}
.row-header {
  max-width: 136rem;
  height: inherit;
  margin: 0 auto !important;
  padding: 0 3rem;
  position: relative;
  float: none !important;
  z-index: 5;
}
.row-footer {
  max-width: 136rem;
  height: inherit;
  margin: 0 auto !important;
  padding: 0 3rem;
  position: relative;
  float: none !important;
  z-index: 5;
}
* {
  box-sizing: border-box;
}
.p {
  float: none !important;
}
.oembed_container,
.oembed_container_iframe { 
  max-width: 100%;
}

.oembed_container_iframe {
  aspect-ratio: 16/9;
}
.hs-button {
  display: inline-block;
}
/* header */
.header-container-wrapper {
  position: fixed !important;
  transition: all .3s;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5005;
}
.header-container-wrapper #head {
  padding: 3.5rem 0;
}
.landing-page-no-hero .header-container-wrapper {
  position: relative !important;
}
.header-container-wrapper .row {
  max-width: 100%;
  padding: 0 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 18rem;
  max-width: 18rem;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
  position: absolute;
}
.header-container-wrapper #logo {
  width: 18rem;
  height: 2.7rem;
}
.header-container-wrapper #logo a {
  display: block;
  width: 18rem;
  height: 2.7rem;
  text-indent: -999rem;
  background-image: url(/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header-container-wrapper #mainMenu ul.menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-container-wrapper #mainMenu ul.menu > li {
  padding: 1rem 0;
  position: relative;
}
.header-container-wrapper #mainMenu ul.menu > li + li {
  margin: 0 0 0 3.8rem;
}
@supports (margin: clamp(1rem, 1.2vw, 3.8rem)) {
  .header-container-wrapper #mainMenu ul.menu > li + li {
    margin: 0 0 0 clamp(1rem, 1.2vw, 3.8rem);
  }
}

.header-container-wrapper #mainMenu ul.menu > li > a {
  font-size: 1.5rem;
  line-height: 1.8rem;
  letter-spacing: 0.4px;
  color: #fff;
  font-weight: 700;
}
.header-container-wrapper #mainMenu ul.menu > li:last-child a {
  display: inline-block;
  padding: 1rem 2rem;
  background: #fff;
  color: #191919;
  border-radius: 2.2rem;
  border: 1px solid #fff;
  transition: all .3s;
}
.header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: transparent;
  color: #fff;
}

#footer .menu-footer-menu-container ul.menu li {
  padding-left: 8rem;
  margin: 0 0 5rem 0;
  flex: 0 1 33%;
}

.header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  position: absolute;
  left: -1.5rem;
  top: 3.4rem;
  padding: 0.5rem 1.5rem;
  background: #fff;
  display: none;
  list-style: none;
  margin: 0;
  min-width: 14rem;
  border-radius: .5rem;
  flex-direction: column;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li {
  padding: 0;
  margin: 0.5rem 0;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li a {
  color: #191919;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li a:hover {
  text-decoration: underline;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li a[href*='#']:hover {
  text-decoration: none;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li .sub-menu {
  padding: 0 0 0 1rem;
  list-style: none;
  margin: 0 0 3rem 0;
}
.header-container-wrapper #mainMenu ul.menu > li > .sub-menu li:last-child .sub-menu {
  margin-bottom: 0;
}
.header-container-wrapper #mainMenu ul.menu > li:hover .sub-menu {
  display: flex;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu {
  flex-direction: row;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  white-space: nowrap;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li > a {
  font-weight: 700;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li > .sub-menu {
  flex-direction: column;
  padding: 0;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li > .sub-menu > li {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #A9A9A9;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li:nth-of-type(1) {
  margin-right: 2rem;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li:nth-of-type(2) {
  margin-right: 2rem;
  margin-left: 2rem;
}
.header-container-wrapper #mainMenu ul.menu > li#menu-item-54 > .sub-menu > li:nth-of-type(3) {
  margin-left: 2rem;
}
.header-container-wrapper.sticky,
.landing-page-no-hero .header-container-wrapper {
  background: #fff !important;
}
.header-container-wrapper.sticky #head,
.landing-page-no-hero .header-container-wrapper #head {
  padding: 1.5rem 0;
}
.header-container-wrapper.sticky #logo a,
.landing-page-no-hero .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.header-container-wrapper.sticky #mainMenu ul.menu > li > a,
.landing-page-no-hero .header-container-wrapper #mainMenu ul.menu > li > a{
  color: #191919;
}
.header-container-wrapper.sticky #mainMenu ul.menu > li:last-child a,
.landing-page-no-hero .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.header-container-wrapper.sticky #mainMenu ul.menu > li:last-child a:hover,
.landing-page-no-hero .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.header-container-wrapper.sticky #mainMenu ul.menu > li > .sub-menu,
.landing-page-no-hero .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.header-container-wrapper.sticky .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div,
.landing-page-no-hero .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.header-container-wrapper.sticky .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div,
.landing-page-no-hero .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
  display: none;
  height: 3.7rem;
  width: 4.5rem;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 2rem;
  top: -0.5rem;
  z-index: 60;
  transition: all .3s;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger {
  height: 3.7rem;
  width: 4.5rem;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text {
  display: block;
  height: 3.7rem;
  width: 4.5rem;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  width: 2.5rem;
  height: 2px;
  background: #fff;
  margin: .8rem 1rem;
  transition: all .3s;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger:hover .hs_cos_wrapper_type_rich_text div {
  background-color: #fff;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened {
  position: fixed; 
  top: 1.2rem;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  position: absolute;
  top: 2.1rem;
  left: 0;
  background: #fff;
  border: none;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div + div {
  display: none;
}
.header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div + div + div {
  display: block;
  position: absolute;
  top: 2.1rem;
  left: 0;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* home */
.page-template-page-home #hero {
  padding: 23rem 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  position: relative;
}
.page-template-page-home #hero .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url(/hubfs/raw_assets/public/Performio%20v2/IMG/bg_home_hero.png) no-repeat center bottom;
  background-size: 175rem auto;
  height: 60%;
}
.page-template-page-home #hero #mast {
  padding: 0 0 12rem 0;
}
.page-template-page-home #hero #mast .row {
  max-width: 118rem;
}
.page-template-page-home #hero #mast h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  max-width: 52rem;
  margin: 0 0 3rem 0;
}
.page-template-page-home #hero #mast .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  max-width: 51rem;
  margin: 0 0 2rem 0;
}
.page-template-page-home #hero #mast a {
  height: 5.2rem;
  padding: 1.4rem 7.2rem 1.4rem 3.2rem;
  border: 1px solid #ffb700;
  border-radius: 2.6rem;
  background: #ffb700;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-home #hero #mast a:before {
  content: '';
  width: 2.8rem;
  height: 2.8rem;
  background: url(/hubfs/raw_assets/public/Performio%20v2/IMG/ico-play-black.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin: -1.4rem 0 0 0;
  right: 2.8rem;
}
.page-template-page-home #hero #mast a:hover {
  background: #fff;
  border: 1px solid #ffb700;
}
.page-template-page-home #hero #mast .logos {
  margin: 6rem 0 0 0;
  width: 100%;
  max-width: 40rem;
  height: auto;
  display: block;
}
.page-template-page-home #hero #mast .logos img {
  max-width: 40rem !important;
  height: auto !important;
}
.page-template-page-home #hero #mast .stars {
  margin: 3rem 0 0 0;
  width: auto;
  height: 10rem;
  display: block;
}
.page-template-page-home #hero #mast .stars img {
  height: 10rem !important;
}
.page-template-page-home #hero #mast .p.st {
  font-size: 1.5rem;
  margin: 0.7rem 0 0 0;
}
.page-template-page-home #hero #mast .image {
  width: 103rem;
  height: 91rem;
  position: absolute;
  left: 48rem;
  top: -9rem;
  z-index: -1;
}
.page-template-page-home #hero #mast .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-home #hero #mast .imagemobile {
  display: none;
}
.page-template-page-home #hero #mast .imagemobile img {
  width: 100%;
  height: auto;
}
.page-template-page-home #trusted {
  padding: 12rem 0 4.5rem 0;
  position: relative;
  z-index: 2;
}
.page-template-page-home #trusted h2 {
  font-size: 6rem;
  line-height: 5.5rem;
  text-align: center;
  color: #ffb700;
  font-weight: 700;
  margin: 0 auto 5rem auto;
  max-width: 70rem;
}
.page-template-page-home #trusted .p {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-align: center;
  color: #fff;
  font-weight: 300;
  margin: 0 auto 0 auto;
  max-width: 70rem;
}
.page-template-page-home #trusted .logotypes {
  margin: 11rem 0 0 0;
}
.page-template-page-home #trusted .logotypes span.hs_cos_wrapper {
  display: flex;
  justify-content: flex-end;
}
.page-template-page-home #trusted .logotypes ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 216rem;
  flex: 1 0 216rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-home #trusted .logotypes ul li {
  width: 27rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-home #trusted .logotypes ul li:nth-child(1) {
  margin-left: -8.75rem;
}
.page-template-page-home #trusted .logotypes ul li:nth-child(7) {
  margin-left: 6.75rem;
}
.page-template-page-home #featured {
  padding: 10.5rem 0 12rem 0;
}
.page-template-page-home #featured .row {
  display: flex;
  justify-content: flex-end;
  max-width: 125rem;
}
.page-template-page-home #featured .row div.txt {
  max-width: 52rem;
}
.page-template-page-home #featured .featured {
  padding: 0 0 4.5rem 0;
  margin: 0 0 4.5rem 0;
  border-bottom: 1px solid #5D6AB5;
  display: flex;
}
.page-template-page-home #featured .featured .img {
  flex: 1 0 6.7rem;
  max-width: 6.7rem;
  padding: 0 2rem 0 0;
}
.page-template-page-home #featured .featured .img img {
  width: 4.7rem !important;
  height: auto;
}
.page-template-page-home #featured .featured p {
  margin: 0;
}
.page-template-page-home #featured .featured p:nth-of-type(1) {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #000000;
  font-weight: 400;
  margin: 0 0 .7rem 0;
}
.page-template-page-home #featured .featured p:nth-of-type(1) strong {
  font-weight: 700;
}
.page-template-page-home #featured .featured p:nth-of-type(2) {
  text-transform: uppercase;
  font-size: 2.8rem;
  line-height: 2.8rem;
  color: #FECA57;
  font-weight: 700;
  margin: 0;
}
.page-template-page-home #featured .featured p:nth-of-type(3) {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #2D3A83;
  font-weight: 400;
  margin: 1.5rem 0 0 0;
}
.page-template-page-home #featured h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  max-width: 52rem;
  margin: 0 0 3rem 0;
}
.page-template-page-home #featured p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  max-width: 51rem;
  margin: 0 0 2rem 0;
}
.page-template-page-home #featured a {
  height: 5.2rem;
  padding: 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3D4EFB;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-home #featured a:hover {
  background: transparent;
  border: 1px solid #fff;
}
.page-template-page-home #featured .image {
  width: 64rem;
  height: 72rem;
  position: absolute;
  left: 0;
  top: -4.5rem;
  z-index: -1;
}
.page-template-page-home #featured .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-home #pros {
  padding: 16rem 0 18rem 0;
}
.page-template-page-home #pros .row.a {
  display: flex;
  justify-content: space-between;
  max-width: 132rem;
}
.page-template-page-home #pros .row.b {
  display: flex;
  justify-content: center;
  max-width: 125rem;
}
.page-template-page-home #pros .post {
  flex: 1 0 33.33%;
  max-width: 37rem;
  padding: 0 4rem;
  margin: 0 0 7rem 0;
}
.page-template-page-home #pros .post .icon {
  width: 15.4rem;
  height: 15.4rem;
  border-radius: 50%;
  box-shadow: 0 30px 44px rgba(0, 0, 0, 0.1);
  margin: 0 auto 5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
}
.page-template-page-home #pros .post h2 {
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
  margin: 0 0 2rem 0;
  font-weight: 700;
  color: #000;
}
.page-template-page-home #pros .post .p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.2px;
  color: #000;
  font-weight: 400;
  text-align: center;
  margin: 2rem auto 0 auto;
}
.page-template-page-home #pros a {
  height: 5.2rem;
  padding: 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3D4EFB;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-home #pros a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-home #ebook {
  margin-bottom: -10rem;
}
.page-template-page-home #ebook .row {
  max-width: 83rem;
}
.page-template-page-home #ebook .row .flex {
  border-radius: 0.8rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-ebook.jpg') no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  max-width: 30rem;
  flex: 1 0 30rem;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
  margin-top: -6rem;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  position: relative;
  padding: 3rem 2rem 3rem 0;
  text-align: center;
  left: -2rem;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) h2 {
  text-align: center;
  font-size: 3rem;
  line-height: 3.5rem;
  color: #ffffff;
  font-weight: 700;
  margin: 0;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) .p {
  text-align: center;
  font-size: 2.3rem;
  line-height: 2.9rem;
  color: #ffffff;
  font-weight: 400;
  margin: 1rem auto;
  max-width: 35rem;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) a {
  height: 3.8rem;
  padding: 0.7rem 2.5rem;
  border-radius: 1.9rem;
  background: #ffb700;
  border: 1px solid #ffb700;
  color: #000000;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) a:hover {
  background: #fff;
}
.page-template-page-home #about {
  padding: 15rem 0 8rem 0;
  background: #F5F8FF;
}
.page-template-page-home #about .row.lead h2 {
  text-align: center;
  font-size: 6rem;
  line-height: 5.5rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 auto 4rem auto;
  max-width: 77rem;
}
.page-template-page-home #about .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #000;
  font-weight: 400;
  margin: 0 auto 8rem auto;
  max-width: 64rem;
  text-align: center;
}
.page-template-page-home #about .row.features {
  display: flex;
  justify-content: flex-end;
}
.page-template-page-home #about .row.features > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  position: relative;
}
.page-template-page-home #about .row.features > .row-fluid-wrapper:nth-of-type(2) {
  max-width: 46rem;
  flex: 1 0 46rem;
  padding: 0 0 0 6rem;
}
.page-template-page-home #about .row.features .pic .pictures {
  top: 0;
  height: 100vh;
  width: 100%;
}
.page-template-page-home #about .row.features .pic .pictures.fixed {
  width: calc(100% - 52rem);
  max-width: calc(136rem - 52rem);
  position: fixed;
}
.page-template-page-home #about .row.features .pic .pictures.fixed .picture {
  height: 100vh;
  opacity: 0;
  position: absolute;
}
.page-template-page-home #about .row.features .pic .pictures .picture {
  height: 77rem;
  display: flex;
  align-items: center;
  transition: opacity .3s;
}
.page-template-page-home #about .row.features .pic .pictures .picture .content {
  height: 77rem;
  display: flex;
  align-items: center;
}
.page-template-page-home #about .row.features .pic .pictures .picture img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 100px rgba(0, 0, 0, 0.1));
}
.page-template-page-home #about .row.features .text .img {
  display: none;
}
.page-template-page-home #about .row.features .text .txt {
  height: 77rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-template-page-home #about .row.features .text h2 {
  font-size: 3.5rem;
  line-height: 3.7rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-home #about .row.features .text p {
  font-size: 1.7rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
.page-template-page-home #about .row.features .text a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-home #about .row.features .text a:hover {
  text-decoration: underline;
}
#action {
  background: #F5F8FF;
  padding: 8rem 0 0 0;
}
#action .row {
  max-width: 116rem;
}
#action h2 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
#action .video .hs_cos_wrapper {
  position: relative;
  padding-bottom: 53.5%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
  border-radius: 1.2rem;
  margin: 0 0 -17rem 0;
}
#action .video .hs_cos_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#testimonials {
  background: #ffb700;
  padding: 28rem 0 13rem 0;
}
#testimonials .row {
  max-width: 116rem;
  display: flex;
  justify-content: space-between;
}
#testimonials .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 29%;
  max-width: 29%;
  padding-right: 6rem;
  margin: 9rem 0 0 0;
}
#testimonials .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 71%;
  max-width: 71%;
}
#testimonials .row .aside {
  float: none;
}
#testimonials .row .aside .p {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.5px;
  color: #fff;
  font-weight: 600;
  margin: 0;
}
#testimonials .row .article {
  float: none;
}
#testimonials .row .article .slide {
  padding: 1px;
}
#testimonials .row .article .slide img {
  width: auto;
  height: auto;
  max-height: 5rem;
  max-width: 30rem;
  margin: 0 0 4.5rem 16rem;
}
#testimonials .row .article .slide blockquote {
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 11rem;
  font-size: 3rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0 0 0 16rem;
}
#testimonials .row .article .slide p {
  color: #fff;
  margin: 2rem 0 6rem 16rem;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
}
#testimonials .row .article .slide p strong {
  font-weight: 800;
}
#testimonials .row .article .slide a {
  font-size: 2.3rem;
  line-height: 2.6rem;
  color: #fff;
  font-weight: 700;
  padding: 0 4rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right center;
  background-size: 2.4rem auto;
  margin: 0 0 0 16rem;
}
#testimonials .row .article .slide a:hover {
  text-decoration: underline;
}
#testimonials .row .article .owl-carousel {
  position: static;
}
#testimonials .row .article .owl-dots {
  display: flex;
  position: absolute;
  left: 3rem;
  bottom: 0;
}
#testimonials .row .article .owl-dots .owl-dot {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: #fff;
  margin: 0 1.6rem 0 0;
  opacity: .4;
}
#testimonials .row .article .owl-dots .owl-dot.active {
  opacity: 1;
}
#talk {
  padding: 10rem 0 14rem 0;
  background: #191919;
  text-align: center;
  border-bottom: 1px solid rgba(68, 77, 91, 0.5);
}
#talk .row {
  max-width: 42rem;
}
#talk h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
#talk .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #fff;
  letter-spacing: 0.6px;
  font-weight: 400;
  margin: 4rem 0;
}
#talk a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
#talk a:hover {
  background-color: transparent;
  border-color: #fff;
}
/* customer expericne */
.page-template-page-customerexperience #hero {
  padding: 26rem 0 10rem 0;
  position: relative;
}
.page-template-page-customerexperience #hero .row {
  max-width: 125rem;
}
.page-template-page-customerexperience #hero h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  font-weight: 700;
  max-width: 52rem;
  margin: 0 0 3rem 0;
}
.page-template-page-customerexperience #hero .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  max-width: 51rem;
  margin: 0 0 2rem 0;
}
.page-template-page-customerexperience #hero .image {
  width: 67rem;
  height: 59rem;
  position: absolute;
  left: 60rem;
  bottom: -9rem;
  z-index: -1;
}
.page-template-page-customerexperience #hero .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-customerexperience #gradient {
  background: linear-gradient(180deg, #3d4efb 0%, #47cdfa 100%);
}
.page-template-page-customerexperience #factors {
  padding: 10rem 0 6rem 0;
}
.page-template-page-customerexperience #factors .row {
  max-width: 125rem;
}
.page-template-page-customerexperience #factors .row .content {
  background: #F5F8FF;
  border-radius: 2.7rem;
  padding: 6rem 3rem;
}
.page-template-page-customerexperience #factors h2 {
  font-size: 2.2rem;
  line-height: 3.5rem;
  margin: 0 auto;
  font-weight: 400;
  max-width: 46rem;
  text-align: center;
}
.page-template-page-customerexperience #factors h3 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin: 0 auto;
  font-weight: 700;
  max-width: 55rem;
  text-align: center;
}
.page-template-page-customerexperience #factors .p {
  font-size: 2rem;
  line-height: 2.8rem;
  text-align: center;
  margin: 0 auto;
  max-width: 62rem;
}
.page-template-page-customerexperience #factors .flex {
  margin: 7rem auto 6rem auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper {
  flex: 1 0 27rem;
  max-width: 27rem;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 13rem;
  max-width: 13rem;
  height: 13rem;
  margin: 0 auto;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post .ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 13rem;
  margin: 0 auto 2rem auto;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post .ico:before {
  content: '';
  display: block;
  width: 13rem;
  height: 13rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2.4rem 3.5rem 0 rgba(20, 31, 78, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post .ico img {
  position: relative;
  z-index: 1;
}
.page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .p {
  font-size: 2.3rem;
  line-height: 2.4rem;
  max-width: 17rem;
  margin: 0 auto;
  font-weight: 800;
  text-align: center;
}
.page-template-page-customerexperience #services {
  padding: 6rem 0 7rem 0;
}
.page-template-page-customerexperience #services .row {
  max-width: 125rem;
  display: flex;
  align-items: flex-start;
}
.page-template-page-customerexperience #services .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 45%;
  max-width: 45%;
  padding-right: 8rem;
}
.page-template-page-customerexperience #services .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 55%;
  max-width: 55%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2rem;
}
.page-template-page-customerexperience #services .row .data {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-customerexperience #services .row .data > .row-fluid-wrapper {
  margin: 2rem 0;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-customerexperience #services .row .data .post {
  padding: 0 2rem;
  display: flex;
  align-items: center;
}
.page-template-page-customerexperience #services .row .data .post > .row-fluid-wrapper:nth-of-type(1) {
  display: none;
}
.page-template-page-customerexperience #services .row .data .post .ico {
  flex: 1 0 10rem;
  max-width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-customerexperience #services .row .data .post h3 {
  font-size: 2.3rem;
  line-height: 3rem;
  font-weight: 800;
  color: #3D4EFB;
  margin: 0 0 1.5rem 0;
}
.page-template-page-customerexperience #services .row .data .post p {
  margin: 0 0 0 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.page-template-page-customerexperience #services h2 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin: 2rem 0 2rem 0;
  font-weight: 700;
  max-width: 46rem;
}
.page-template-page-customerexperience #services p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0;
  font-weight: 400;
}
.page-template-page-customerexperience #case {
  padding: 0 0 13rem 0;
}
.page-template-page-customerexperience #case .row {
  max-width: 118rem;
}
.page-template-page-customerexperience #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-customerexperience #case .row.lead h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  max-width: 64rem;
}
.page-template-page-customerexperience #case .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 64rem;
}
.page-template-page-customerexperience #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-customerexperience #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-customerexperience #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-customerexperience #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-customerexperience #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-customerexperience #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-customerexperience #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-customerexperience #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-customerexperience #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-customerexperience #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-customerexperience #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-customerexperience #with {
  padding: 0 0 12rem 0;
}
.page-template-page-customerexperience #with .row {
  max-width: 127rem;
}
.page-template-page-customerexperience #with h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #fff;
  margin: 0 0 3rem 0;
  font-weight: 700;
  max-width: 52rem;
}
.page-template-page-customerexperience #with h3 {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #fff;
  margin: 0 0 2rem 0;
  font-weight: 700;
}
.page-template-page-customerexperience #with h4 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #ffb700;
  margin: 9rem 0 1rem 0;
  font-weight: 700;
  text-transform: uppercase;
}
.page-template-page-customerexperience #with .margin h3 {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 5rem 0 0 0;
}
.page-template-page-customerexperience #with img.schema {
  width: 100%;
  height: auto;
}
.page-template-page-customerexperience #with .flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -3rem;
}
.page-template-page-customerexperience #with .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  margin: 1.2rem 0;
}
.page-template-page-customerexperience #with .flex .post {
  padding: 0 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-customerexperience #with .flex .post > .row-fluid-wrapper:nth-of-type(1) {
  width: 7rem;
  height: 7rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 2.4rem 3.5rem 0 rgba(20, 31, 78, 0.1);
}
.page-template-page-customerexperience #with .flex .post > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
}
.page-template-page-customerexperience #with .flex .post .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 7rem;
  max-width: 7rem;
  width: 7rem;
  height: 7rem;
}
.page-template-page-customerexperience #with .flex .post .p {
  margin: 0;
  padding-left: 1.5rem;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  width: 100%;
}
.page-template-page-customerexperience #with .flex.implementation > .row-fluid-wrapper {
  flex: 1 0 25%;
  max-width: 25%;
  margin: 1.2rem 0;
}
.page-template-page-customerexperience #with .flex.implementation .post {
  padding: 0 3rem;
  display: block;
}
.page-template-page-customerexperience #with .flex.implementation .post > .row-fluid-wrapper:nth-of-type(1) {
  width: 15.6rem;
  height: 15.6rem;
  margin: 0 0 4.5rem 0;
}
.page-template-page-customerexperience #with .flex.implementation .post .ico {
  width: 15.6rem;
  height: 15.6rem;
  border-radius: 1.7rem;
  background: #fff;
  box-shadow: 0 2.4rem 3.5rem 0 rgba(20, 31, 78, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 15.6rem;
}
.page-template-page-customerexperience #with .flex.implementation .post p {
  margin: 0.2rem 0;
  color: #fff;
  font-size: 2.2rem;
  line-height: 2.8rem;
}
.page-template-page-customerexperience #with .flex.implementation .post p strong {
  font-weight: 700;
}
.page-template-page-customerexperience #with .flex.implementation .post ul {
  margin: 2rem 0 0 0;
  padding: 0 0 0 2rem;
}
.page-template-page-customerexperience #with .flex.implementation .post ul li {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #fff;
  padding: 0 0 0 1rem;
}
.page-template-page-customerexperience #customers {
  padding: 15rem 0 12rem 0;
  background: #f5f8ff;
}
.page-template-page-customerexperience #customers .row {
  max-width: 120rem;
}
.page-template-page-customerexperience #customers .row-fluid-wrapper {
  margin-bottom: 4rem;
}
.page-template-page-customerexperience #customers .row-fluid-wrapper + .row-fluid-wrapper .row {
  background: #fff;
  padding: 3rem 5rem;
  box-shadow: 0 2.6rem 5.9rem 0 rgba(85, 93, 131, 0.06);
  border: 1px solid #DAE5F1;
}
.page-template-page-customerexperience #customers h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2rem 0;
}
.page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text h3 {
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0;
  padding: 0 2rem 0 0;
}
.page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text hr {
  border: none;
  border-top: 1px solid #2D3A83;
  flex: 1;
}
.page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 2rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text a:hover {
  text-decoration: underline;
}
.page-template-page-customerexperience #customers .flex ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -4rem;
  list-style: none;
  padding: 0;
}
.page-template-page-customerexperience #customers .flex ul li {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.page-template-page-customerexperience #customers .flex ul li img {
  margin: 4rem 4rem;
}
.page-template-page-customerexperience #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-customerexperience #ready .row {
  max-width: 88rem;
}
.page-template-page-customerexperience #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-customerexperience #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-customerexperience #ready .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-customerexperience #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-customerexperience #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
/* why - different */
.page-template-page-why-different {
  /*#case{ padding:10rem 0 10rem 0;
		.row{ max-width:118rem; }
		.row.lead{
			h1{ font-size:5rem; line-height:5.5rem; font-weight:700; color:#3D4EFB; text-align:center; margin:0 auto 2.5rem auto; max-width:64rem; }
			.p{ font-size:2.2rem; line-height:3rem; font-weight:400; color:#000000; text-align:center; margin:0 auto 0 auto; max-width:64rem; }
		}
		.owl-carousel{ margin:13rem 0 0 0; }
		.slide{ display:flex; padding:1px;
			&>.row-fluid-wrapper:nth-of-type(1){ flex:1 0 39rem; max-width:39rem; }
			&>.row-fluid-wrapper:nth-of-type(2){ width:100%; padding-left:6rem; }
			.img span.hs_cos_wrapper{ display:block; width:39rem; height:54rem;
				img{ width:100% !important; height:100% !important; object-fit:cover; border-radius:1rem; margin:1.5rem 0 0 .2rem; }
			}
			.txt{
				blockquote{ font-size:2.6rem; line-height:3.6rem; font-weight:700; color:#000; padding:15rem 0 0 0; margin:0; background:url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top; background-size:10rem auto; }
				p{ font-size:2rem; line-height:3rem; margin:2.5rem 0; color:#6F6F6F; font-weight:400;
					strong{ font-weight:700; }
				}
				a{ display:inline-block; font-size:2rem; line-height:2.4rem; padding:0 4.2rem 0 0; background:url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat right center; background-size:2.4rem auto; color:#27E192; font-weight:700; margin:2rem 0 0 0;
					&:hover{ text-decoration:underline; }
				}
			}
		}
		.owl-nav{ justify-content:center; width:39rem; position:absolute; left:0; top:60rem;
			button{ flex:1 0 2rem; max-width:2rem; width:2rem; height:2rem; margin:0 3rem; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; transition:all .3s;
				&.owl-prev{ background-image:url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important; }
				&.owl-next{ background-image:url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important; }
			}
		}
	}*/
}
.page-template-page-why-different #hero {
  padding: 27rem 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  position: relative;
}
.page-template-page-why-different #hero #mast {
  padding: 0 0 5rem 0;
}
.page-template-page-why-different #hero #mast h1 {
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-why-different #hero #mast h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 68rem;
}
.page-template-page-why-different #hero #mast .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 77rem;
  letter-spacing: .5px;
}
.page-template-page-why-different #hero #pros {
  padding: 5rem 0 5rem 0;
}
.page-template-page-why-different #hero #pros .row {
  display: flex;
  justify-content: space-between;
  max-width: 124rem;
}
.page-template-page-why-different #hero #pros .row > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 36rem;
  padding: 0 2rem;
  margin: 0 0 5rem 0;
}
.page-template-page-why-different #hero #pros .post .pic span.hs_cos_wrapper {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 5rem 0;
}
.page-template-page-why-different #hero #pros .post h2 {
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-why-different #hero #pros .post .p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2px;
  margin: 0;
}
.page-template-page-why-different #hero #difference {
  padding: 10rem 0 5rem 0;
}
.page-template-page-why-different #hero #difference h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 68rem;
}
.page-template-page-why-different #hero #difference .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 62rem;
  letter-spacing: .5px;
}
.page-template-page-why-different #hero #features {
  padding: 5rem 0 4rem 0;
}
.page-template-page-why-different #hero #features .row {
  max-width: 122rem;
}
.page-template-page-why-different #hero #features .row > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
  padding-left: 10rem;
}
.page-template-page-why-different #hero #features .row > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(1) {
  order: 1;
}
.page-template-page-why-different #hero #features .row > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(1) {
  padding-right: 10rem;
}
.page-template-page-why-different #hero #features .post {
  display: flex;
  justify-content: space-between;
  margin: 0 0 8rem 0;
  align-items: center;
}
.page-template-page-why-different #hero #features .post > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 63%;
  max-width: 63%;
}
.page-template-page-why-different #hero #features .post > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 37%;
  max-width: 37%;
}
.page-template-page-why-different #hero #features .post .pic img {
  width: 100%;
  height: auto;
}
.page-template-page-why-different #hero #features .post .txt h2 {
  font-size: 3.5rem;
  line-height: 3.7rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 4rem 0;
}
.page-template-page-why-different #hero #features .post .txt p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #fff;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.4px;
}
.page-template-page-why-different #case {
  padding: 0 0 13rem 0;
}
.page-template-page-why-different #case .row {
  max-width: 118rem;
}
.page-template-page-why-different #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-why-different #case .row.lead h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  max-width: 64rem;
}
.page-template-page-why-different #case .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 64rem;
}
.page-template-page-why-different #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-why-different #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-why-different #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-why-different #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-why-different #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-why-different #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-why-different #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-why-different #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-why-different #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-why-different #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-why-different #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-why-different #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-why-different #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-why-different #why {
  background: #F5F8FF;
  padding: 15rem 0 4rem 0;
}
.page-template-page-why-different #why .row {
  position: relative;
}
.page-template-page-why-different #why .row .bg {
  width: 85rem;
  height: 77rem;
  position: absolute;
  top: 3rem;
  left: 65rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/sigil.png') no-repeat;
  background-size: contain;
}
.page-template-page-why-different #why .text {
  max-width: 59rem;
}
.page-template-page-why-different #why .text h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #3D4EFB;
  margin: 0 0 4rem 0;
  font-weight: 700;
}
.page-template-page-why-different #why .text h3 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  color: #000000;
  margin: 6rem 0 3rem 0;
  font-weight: 700;
}
.page-template-page-why-different #why .text p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
}
.page-template-page-why-different #why .text h3 + p {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.page-template-page-why-different #why .values .flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5rem;
}
.page-template-page-why-different #why .values .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5rem;
}
.page-template-page-why-different #why .values .value {
  display: flex;
  flex-wrap: wrap;
  margin: 3.5rem 0;
}
.page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 18rem;
  max-width: 18rem;
}
.page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(1) img {
  margin: 0 auto;
  display: block;
}
.page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  padding-left: 5rem;
}
.page-template-page-why-different #why .values h3 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  color: #000000;
  margin: 10rem 0 3rem 0;
  font-weight: 700;
}
.page-template-page-why-different #why .values h4 {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #000000;
  margin: 0 0 1.5rem 0;
  font-weight: 700;
}
.page-template-page-why-different #why .values p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
}
.page-template-page-why-different #valued {
  padding: 11rem 0 10rem 0;
  background: #F5F8FF;
}
.page-template-page-why-different #valued .row {
  max-width: 120rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-why-different #valued .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 58%;
  max-width: 58%;
  padding-right: 3rem;
}
.page-template-page-why-different #valued .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 42%;
  max-width: 42%;
  padding-left: 3rem;
}
.page-template-page-why-different #valued .row .head h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.page-template-page-why-different #valued .row .head .numbers {
  display: flex;
}
.page-template-page-why-different #valued .row .head .numbers .number {
  padding: 0 5rem 0 2rem;
  position: relative;
}
.page-template-page-why-different #valued .row .head .numbers .number h2 {
  font-size: 4rem;
  line-height: 4rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
.page-template-page-why-different #valued .row .head .numbers .number .p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #191919;
}
.page-template-page-why-different #valued .row .head .numbers .number:before {
  content: '';
  width: .4rem;
  height: 5.5rem;
  background: #D8D8D8;
  position: absolute;
  left: 0;
  top: .5rem;
}
.page-template-page-why-different #valued .row .txt p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  margin: 0 0 2rem 0;
  color: #191919;
}
.page-template-page-why-different #valued .logotypes {
  margin: 5rem 0 0 0;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-why-different #valued .logotypes span.hs_cos_wrapper {
  display: flex;
  justify-content: flex-end;
}
.page-template-page-why-different #valued .logotypes ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 216rem;
  flex: 1 0 216rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-why-different #valued .logotypes ul li {
  width: 27rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-why-different #valued .logotypes ul li img {
  filter: invert(1);
  opacity: .4;
}
.page-template-page-why-different #valued .logotypes ul li:nth-child(1) {
  margin-left: -8.75rem;
}
.page-template-page-why-different #valued .logotypes ul li:nth-child(7) {
  margin-left: 6.75rem;
}
.page-template-page-why-different #learn {
  padding: 10rem 0 10rem 0;
  background: #F5F8FF;
}
.page-template-page-why-different #learn .row {
  max-width: 124rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-why-different #learn h2 {
  flex: 1 0 44rem;
  max-width: 44rem;
  font-size: 4rem;
  line-height: 4.5rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0;
}
.page-template-page-why-different #learn .features {
  display: flex;
}
.page-template-page-why-different #learn .features .feature {
  margin: 0 0 0 6rem;
  max-width: 26rem;
}
.page-template-page-why-different #learn .features .feature .icon {
  height: 8rem;
}
.page-template-page-why-different #learn .features .feature .icon img {
  width: auto;
  height: 8rem !important;
  margin: 0 0 2.5rem 0;
}
.page-template-page-why-different #learn .features .feature h2 {
  font-size: 2.8rem;
  line-height: 3rem;
  color: #000;
  font-weight: 700;
  margin: 2rem 0;
}
.page-template-page-why-different #learn .features .feature p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 400;
  margin: 2rem 0;
}
.page-template-page-why-different #learn .features .feature a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-why-different #learn .features .feature a:hover {
  text-decoration: underline;
}
.page-template-page-why-different #ready {
  padding: 12rem 0 11rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #469efb 100%);
  text-align: center;
  position: relative;
}
.page-template-page-why-different #ready .row {
  max-width: 88rem;
}
.page-template-page-why-different #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-why-different #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-why-different #ready .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #fff;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-why-different #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-why-different #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
/* why - technology */
.page-template-page-why-technology #hero {
  padding: 23rem 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #49b9fb 100%);
  position: relative;
}
.page-template-page-why-technology #hero #mast {
  padding: 0 0 7rem 0;
}
.page-template-page-why-technology #hero #mast h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 68rem;
}
.page-template-page-why-technology #hero #mast .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 77rem;
  letter-spacing: .5px;
}
.page-template-page-why-technology #hero #features {
  padding: 7rem 0 8rem 0;
}
.page-template-page-why-technology #hero #features .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 130rem;
  padding: 0;
}
.page-template-page-why-technology #hero #features .row > .row-fluid-wrapper {
  flex: 1 0 25%;
  max-width: 25%;
  margin: 0 0 8rem 0;
  padding: 0 3rem;
}
.page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(9) {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 3rem;
}
.page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(22) {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 3rem;
}
.page-template-page-why-technology #hero #features .post .ico {
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 1.2rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2.5rem 4.7rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 2rem 0;
}
.page-template-page-why-technology #hero #features .post h2 {
  font-size: 2.7rem;
  line-height: 3.1rem;
  color: #fff;
  font-weight: 700;
  margin: 2rem 0;
}
.page-template-page-why-technology #hero #features .post p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  margin: 2rem 0 0 0;
}
.page-template-page-why-technology #hero #features .text p {
  font-size: 4.3rem;
  line-height: 5.4rem;
  font-weight: 700;
  color: #ffb700;
  max-width: 52rem;
  margin: 1rem 0;
}
.page-template-page-why-technology #hero #features .text p strong {
  color: #fff;
}
.page-template-page-why-technology #learn {
  padding: 10rem 0 10rem 0;
  background: #F5F8FF;
}
.page-template-page-why-technology #learn .row {
  max-width: 124rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-why-technology #learn h2 {
  flex: 1 0 44rem;
  max-width: 44rem;
  font-size: 5rem;
  line-height: 5.5rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0;
}
.page-template-page-why-technology #learn .features {
  display: flex;
}
.page-template-page-why-technology #learn .features .feature {
  margin: 0 0 0 6rem;
  max-width: 26rem;
}
.page-template-page-why-technology #learn .features .feature .icon {
  height: 8rem;
}
.page-template-page-why-technology #learn .features .feature .icon img {
  width: auto;
  height: 8rem;
  margin: 0 0 2.5rem 0;
}
.page-template-page-why-technology #learn .features .feature h2 {
  font-size: 2.8rem;
  line-height: 3rem;
  color: #000;
  font-weight: 700;
  margin: 2rem 0;
}
.page-template-page-why-technology #learn .features .feature p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 400;
  margin: 2rem 0;
}
.page-template-page-why-technology #learn .features .feature a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-why-technology #learn .features .feature a:hover {
  text-decoration: underline;
}
.page-template-page-why-technology #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-why-technology #ready .row {
  max-width: 88rem;
}
.page-template-page-why-technology #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-why-technology #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-why-technology #ready .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-why-technology #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-why-technology #ready a:hover {
  background-color: #fff;
  color: #3D4EFB;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
/* why - security */
.page-template-page-why-security #hero {
  padding: 23rem 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #48b2fb 100%);
  position: relative;
}
.page-template-page-why-security #hero #mast {
  padding: 0 0 14rem 0;
}
.page-template-page-why-security #hero #mast .row {
  max-width: 100rem;
}
.page-template-page-why-security #hero #mast .row.content {
  display: flex;
  align-items: center;
}
.page-template-page-why-security #hero #mast .row.content > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  position: relative;
  padding-right: 7rem;
}
.page-template-page-why-security #hero #mast .row.content > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 40rem;
  max-width: 40rem;
}
.page-template-page-why-security #hero #mast .row.content .img img {
  width: 100%;
  height: auto !important;
}
.page-template-page-why-security #hero #mast .row.icons {
  max-width: 118rem;
}
.page-template-page-why-security #hero #mast .row.soc {
  max-width: 76rem;
}
.page-template-page-why-security #hero #mast .row.soc .flex {
  display: flex;
  justify-content: space-between;
  margin: 0;
  align-items: center;
}
.page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 55%;
  max-width: 55%;
  padding: 0 3rem 0 0;
}
.page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(1) .p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
}
.page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 45%;
  max-width: 45%;
  padding: 0 0 0 3rem;
}
.page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(2) img {
  width: 100%;
  height: auto;
}
.page-template-page-why-security #hero #mast h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 3rem auto;
}
.page-template-page-why-security #hero #mast h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 auto 6rem auto;
  max-width: 63rem;
  text-align: center;
}
.page-template-page-why-security #hero #mast .icons h2 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  color: #ffb700;
  font-weight: 700;
  margin: 10rem auto 6rem auto;
  max-width: 62rem;
  text-align: center;
}
.page-template-page-why-security #hero #mast .soc h2 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  color: #ffb700;
  font-weight: 700;
  margin: 10rem auto 6rem auto;
  max-width: 42rem;
  text-align: center;
}
.page-template-page-why-security #hero #mast .flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4rem;
  justify-content: flex-start;
  width: auto;
}
.page-template-page-why-security #hero #mast .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 4rem;
}
.page-template-page-why-security #hero #mast .flex .post {
  margin: 0 0 8rem 0;
}
.page-template-page-why-security #hero #mast .flex .post > .row-fluid-wrapper:nth-of-type(1) {
  width: 7rem;
  height: 7rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 2.4rem 3.5rem 0 rgba(20, 31, 78, 0.1);
  margin: 0 0 2rem 0;
}
.page-template-page-why-security #hero #mast .flex .post > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
}
.page-template-page-why-security #hero #mast .flex .post .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 7rem;
  max-width: 7rem;
  width: 7rem;
  height: 7rem;
}
.page-template-page-why-security #hero #mast .flex .post h3 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.page-template-page-why-security #hero #mast .flex .post p {
  margin: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  width: 100%;
  font-weight: 400;
  letter-spacing: 0;
}
.page-template-page-why-security #hero #mast p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  margin: 2rem 0;
}
.page-template-page-why-security #learn {
  padding: 10rem 0 10rem 0;
  background: #F5F8FF;
}
.page-template-page-why-security #learn .row {
  max-width: 124rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-why-security #learn h2 {
  flex: 1 0 44rem;
  max-width: 44rem;
  font-size: 5rem;
  line-height: 5.5rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0;
}
.page-template-page-why-security #learn .features {
  display: flex;
}
.page-template-page-why-security #learn .features .feature {
  margin: 0 0 0 6rem;
  max-width: 26rem;
}
.page-template-page-why-security #learn .features .feature .icon {
  height: 8rem;
}
.page-template-page-why-security #learn .features .feature .icon img {
  width: auto;
  height: 8rem;
  margin: 0 0 2.5rem 0;
}
.page-template-page-why-security #learn .features .feature h2 {
  font-size: 2.8rem;
  line-height: 3rem;
  color: #000;
  font-weight: 700;
  margin: 2rem 0;
}
.page-template-page-why-security #learn .features .feature p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 400;
  margin: 2rem 0;
}
.page-template-page-why-security #learn .features .feature a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-why-security #learn .features .feature a:hover {
  text-decoration: underline;
}
.page-template-page-why-security #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-why-security #ready .row {
  max-width: 88rem;
}
.page-template-page-why-security #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-why-security #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-why-security #ready .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-why-security #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-why-security #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
/* product - incentive */
.module-hero,
.page-template-page-product-incentive #hero,
.page-template-page-product-sales #hero,
.page-template-page-product-management #hero,
.page-template-page-product-integrations #hero,
.page-template-page-product-reporting #hero {
  padding: 0 0 0 0;
  background-image: linear-gradient(180deg, #3d4efb 0%, #48b2fb 100%);
  position: relative;
  height: 87rem;
  overflow: hidden;
}
.module-hero-tte,
.page-template-page-product-incentive #hero,
.page-template-page-product-sales #hero,
.page-template-page-product-management #hero,
.page-template-page-product-integrations #hero,
.page-template-page-product-reporting #hero {
  padding: 0 0 0 0;
  background: linear-gradient(180deg, f97f00 0%, ffb600 100%);
  position: relative;
  height: 87rem;
  overflow: hidden;
}
.module-hero {
  height: auto;
  padding: 100px 0 0;
}
.module-hero-tte {
  height: auto;
  padding: 100px 0 0;
}
.module-hero .row,
.page-template-page-product-incentive #hero .row,
.page-template-page-product-sales #hero .row,
.page-template-page-product-management #hero .row,
.page-template-page-product-integrations #hero .row,
.page-template-page-product-reporting #hero .row {
  max-width: 130rem;
  padding-top: 18rem;
}
.module-hero-tte .row,
.page-template-page-product-incentive #hero .row,
.page-template-page-product-sales #hero .row,
.page-template-page-product-management #hero .row,
.page-template-page-product-integrations #hero .row,
.page-template-page-product-reporting #hero .row {
  max-width: 130rem;
  padding-top: 18rem;
}
.module-hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-incentive #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  position: relative;
  z-index: 3;
}
.module-hero-tte .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-incentive #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  position: relative;
  z-index: 3;
}
.page-template-page-product-incentive #hero h1,
.page-template-page-product-sales #hero h1,
.page-template-page-product-management #hero h1,
.page-template-page-product-integrations #hero h1,
.page-template-page-product-reporting #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
}
.page-template-page-product-incentive #hero .p,
.page-template-page-product-sales #hero .p,
.page-template-page-product-management #hero .p,
.page-template-page-product-integrations #hero .p,
.page-template-page-product-reporting #hero .p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  margin: 2.5rem 0;
  max-width: 48rem;
  letter-spacing: 0.5px;
}
.module-hero .hs-button,
.page-template-page-product-incentive #hero a,
.page-template-page-product-sales #hero a,
.page-template-page-product-management #hero a,
.page-template-page-product-integrations #hero a,
.page-template-page-product-reporting #hero a {
  height: 5.2rem;
  padding: 1.4rem 4rem 1.4rem 4rem;
  border-radius: 2.6rem;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.module-hero .hs-button {
  padding: 0.9rem 3.2rem;
  height: auto;
}
.page-template-page-product-incentive #hero a:before,
.page-template-page-product-sales #hero a:before,
.page-template-page-product-management #hero a:before,
.page-template-page-product-integrations #hero a:before,
.page-template-page-product-reporting #hero a:before {
  content: '';
  width: 2.8rem;
  height: 2.8rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-play-black.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin: -1.4rem 0 0 0;
  right: 2.8rem;
}
.module-hero .hs-button:hover,
.page-template-page-product-incentive #hero a:hover,
.page-template-page-product-sales #hero a:hover,
.page-template-page-product-management #hero a:hover,
.page-template-page-product-integrations #hero a:hover,
.page-template-page-product-reporting #hero a:hover {
  background: #fff;
  color: #ffb700;
}
.page-template-page-product-incentive #hero .img,
.page-template-page-product-sales #hero .img,
.page-template-page-product-management #hero .img,
.page-template-page-product-integrations #hero .img,
.page-template-page-product-reporting #hero .img {
  width: 95rem;
  height: 87rem;
  position: absolute;
  bottom: -28rem;
  left: 59rem;
}
.module-hero .img img,
.page-template-page-product-incentive #hero .img img,
.page-template-page-product-sales #hero .img img,
.page-template-page-product-management #hero .img img,
.page-template-page-product-integrations #hero .img img,
.page-template-page-product-reporting #hero .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.module-hero .imgmobile,
.page-template-page-product-incentive #hero .imgmobile,
.page-template-page-product-sales #hero .imgmobile,
.page-template-page-product-management #hero .imgmobile,
.page-template-page-product-integrations #hero .imgmobile,
.page-template-page-product-reporting #hero .imgmobile {
  display: none;
}
.page-template-page-product-incentive #gartner,
.page-template-page-product-sales #gartner,
.page-template-page-product-management #gartner,
.page-template-page-product-integrations #gartner,
.page-template-page-product-reporting #gartner {
  max-width: 103rem;
  margin: 0 auto 0 auto;
  position: relative;
  float: none;
  top: -6rem;
}
.page-template-page-product-incentive #gartner .row,
.page-template-page-product-sales #gartner .row,
.page-template-page-product-management #gartner .row,
.page-template-page-product-integrations #gartner .row,
.page-template-page-product-reporting #gartner .row {
  max-width: 103rem;
  padding: 3rem 5rem;
  border-radius: .8rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  z-index: 5;
}
.page-template-page-product-incentive #gartner .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #gartner .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #gartner .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #gartner .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #gartner .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 60%;
  max-width: 60%;
  padding-right: 3rem;
  display: flex;
  align-items: center;
}
.page-template-page-product-incentive #gartner .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-sales #gartner .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-management #gartner .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-integrations #gartner .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-reporting #gartner .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 40%;
  max-width: 40%;
  padding-left: 3rem;
  border-left: 1px solid #000;
}
.page-template-page-product-incentive #gartner .row .txt p:nth-of-type(1),
.page-template-page-product-sales #gartner .row .txt p:nth-of-type(1),
.page-template-page-product-management #gartner .row .txt p:nth-of-type(1),
.page-template-page-product-integrations #gartner .row .txt p:nth-of-type(1),
.page-template-page-product-reporting #gartner .row .txt p:nth-of-type(1) {
  font-size: 2.1rem;
  line-height: 2.4rem;
  color: #000;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.page-template-page-product-incentive #gartner .row .txt p:nth-of-type(1) strong,
.page-template-page-product-sales #gartner .row .txt p:nth-of-type(1) strong,
.page-template-page-product-management #gartner .row .txt p:nth-of-type(1) strong,
.page-template-page-product-integrations #gartner .row .txt p:nth-of-type(1) strong,
.page-template-page-product-reporting #gartner .row .txt p:nth-of-type(1) strong {
  font-weight: 700;
}
.page-template-page-product-incentive #gartner .row .txt p:nth-of-type(2),
.page-template-page-product-sales #gartner .row .txt p:nth-of-type(2),
.page-template-page-product-management #gartner .row .txt p:nth-of-type(2),
.page-template-page-product-integrations #gartner .row .txt p:nth-of-type(2),
.page-template-page-product-reporting #gartner .row .txt p:nth-of-type(2) {
  font-size: 2.6rem;
  line-height: 3.2rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 1.2rem 0;
  text-transform: uppercase;
  text-align: center;
}
.page-template-page-product-incentive #gartner .row .txt p:nth-of-type(3),
.page-template-page-product-sales #gartner .row .txt p:nth-of-type(3),
.page-template-page-product-management #gartner .row .txt p:nth-of-type(3),
.page-template-page-product-integrations #gartner .row .txt p:nth-of-type(3),
.page-template-page-product-reporting #gartner .row .txt p:nth-of-type(3) {
  font-size: 1.9rem;
  line-height: 2.5rem;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.page-template-page-product-incentive #gartner .row .img,
.page-template-page-product-sales #gartner .row .img,
.page-template-page-product-management #gartner .row .img,
.page-template-page-product-integrations #gartner .row .img,
.page-template-page-product-reporting #gartner .row .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-template-page-product-incentive #gartner .row .img .logos img,
.page-template-page-product-sales #gartner .row .img .logos img,
.page-template-page-product-management #gartner .row .img .logos img,
.page-template-page-product-integrations #gartner .row .img .logos img,
.page-template-page-product-reporting #gartner .row .img .logos img {
  width: auto;
  height: 2.6rem !important;
}
.page-template-page-product-incentive #gartner .row .img .stars img,
.page-template-page-product-sales #gartner .row .img .stars img,
.page-template-page-product-management #gartner .row .img .stars img,
.page-template-page-product-integrations #gartner .row .img .stars img,
.page-template-page-product-reporting #gartner .row .img .stars img {
  width: auto;
  height: 7rem !important;
  margin: 2rem 0 1rem 0;
}
.page-template-page-product-incentive #gartner .row .img .p,
.page-template-page-product-sales #gartner .row .img .p,
.page-template-page-product-management #gartner .row .img .p,
.page-template-page-product-integrations #gartner .row .img .p,
.page-template-page-product-reporting #gartner .row .img .p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
}
.page-template-page-product-incentive #gartner .circle,
.page-template-page-product-sales #gartner .circle,
.page-template-page-product-management #gartner .circle,
.page-template-page-product-integrations #gartner .circle,
.page-template-page-product-reporting #gartner .circle {
  width: 100rem;
  height: 9rem;
  box-shadow: 0 20px 30px 0 rgba(0, 17, 86, 0.28);
  position: absolute;
  left: 50%;
  margin-left: -50rem;
  bottom: 0;
  border-radius: 50%;
  background: transparent;
}
.page-template-page-product-incentive #proslead,
.page-template-page-product-sales #proslead,
.page-template-page-product-management #proslead,
.page-template-page-product-integrations #proslead,
.page-template-page-product-reporting #proslead {
  padding: 15rem 0 0 0;
}
.page-template-page-product-incentive #proslead .row,
.page-template-page-product-sales #proslead .row,
.page-template-page-product-management #proslead .row,
.page-template-page-product-integrations #proslead .row,
.page-template-page-product-reporting #proslead .row {
  max-width: 70rem;
}
.page-template-page-product-incentive #proslead h2,
.page-template-page-product-sales #proslead h2,
.page-template-page-product-management #proslead h2,
.page-template-page-product-integrations #proslead h2,
.page-template-page-product-reporting #proslead h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  text-align: center;
  color: #3D4EFB;
  margin: 0 0 3rem 0;
}
.page-template-page-product-incentive #proslead p,
.page-template-page-product-sales #proslead p,
.page-template-page-product-management #proslead p,
.page-template-page-product-integrations #proslead p,
.page-template-page-product-reporting #proslead p {
  font-size: 2.2rem;
  line-height: 3rem;
  text-align: center;
  color: #000;
  margin: 3rem 0 0 0;
}
.page-template-page-product-incentive #pros,
.page-template-page-product-sales #pros,
.page-template-page-product-management #pros,
.page-template-page-product-integrations #pros,
.page-template-page-product-reporting #pros {
  padding: 10rem 0 12rem 0;
}
.page-template-page-product-incentive #pros .row,
.page-template-page-product-sales #pros .row,
.page-template-page-product-management #pros .row,
.page-template-page-product-integrations #pros .row,
.page-template-page-product-reporting #pros .row {
  display: flex;
  justify-content: center;
  max-width: 125rem;
}
.page-template-page-product-incentive #pros .row > .row-fluid-wrapper,
.page-template-page-product-sales #pros .row > .row-fluid-wrapper,
.page-template-page-product-management #pros .row > .row-fluid-wrapper,
.page-template-page-product-integrations #pros .row > .row-fluid-wrapper,
.page-template-page-product-reporting #pros .row > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 37rem;
  padding: 0 3rem;
  margin: 0 0 7rem 0;
}
.page-template-page-product-incentive #pros .post .icon,
.page-template-page-product-sales #pros .post .icon,
.page-template-page-product-management #pros .post .icon,
.page-template-page-product-integrations #pros .post .icon,
.page-template-page-product-reporting #pros .post .icon {
  width: 15.4rem;
  height: 15.4rem;
  border-radius: 50%;
  box-shadow: 0 30px 44px rgba(0, 0, 0, 0.1);
  margin: 0 auto 5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
}
.page-template-page-product-incentive #pros .post h2,
.page-template-page-product-sales #pros .post h2,
.page-template-page-product-management #pros .post h2,
.page-template-page-product-integrations #pros .post h2,
.page-template-page-product-reporting #pros .post h2 {
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
  font-weight: 700;
  margin: 2rem auto 0 auto;
}
.page-template-page-product-incentive #pros .post .p,
.page-template-page-product-sales #pros .post .p,
.page-template-page-product-management #pros .post .p,
.page-template-page-product-integrations #pros .post .p,
.page-template-page-product-reporting #pros .post .p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.2px;
  color: #000;
  font-weight: 400;
  text-align: center;
  margin: 2rem auto 0 auto;
}
.page-template-page-product-incentive #about,
.page-template-page-product-sales #about,
.page-template-page-product-management #about,
.page-template-page-product-integrations #about,
.page-template-page-product-reporting #about {
  padding: 4rem 0;
  background: #F5F8FF;
}
.page-template-page-product-incentive #about .row,
.page-template-page-product-sales #about .row,
.page-template-page-product-management #about .row,
.page-template-page-product-integrations #about .row,
.page-template-page-product-reporting #about .row {
  max-width: 126rem;
}
.page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
.page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
.page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
.page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
.page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7rem 0;
}
.page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  position: relative;
}
.page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  max-width: 46rem;
  flex: 1 0 46rem;
  padding: 0 0 0 6rem;
}
.page-template-page-product-incentive #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
}
.page-template-page-product-incentive #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-sales #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-management #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-integrations #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-reporting #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
  padding-left: 0;
  padding-right: 6rem;
}
.page-template-page-product-incentive #about .row .pic img,
.page-template-page-product-sales #about .row .pic img,
.page-template-page-product-management #about .row .pic img,
.page-template-page-product-integrations #about .row .pic img,
.page-template-page-product-reporting #about .row .pic img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 100px rgba(0, 0, 0, 0.1));
}
.page-template-page-product-incentive #about .row .text h2,
.page-template-page-product-sales #about .row .text h2,
.page-template-page-product-management #about .row .text h2,
.page-template-page-product-integrations #about .row .text h2,
.page-template-page-product-reporting #about .row .text h2 {
  font-size: 3.5rem;
  line-height: 3.7rem;
  color: #000;
  font-weight: 700;
  margin: 6rem 0 3.5rem 0;
}
.page-template-page-product-incentive #about .row .text h2:nth-of-type(1),
.page-template-page-product-sales #about .row .text h2:nth-of-type(1),
.page-template-page-product-management #about .row .text h2:nth-of-type(1),
.page-template-page-product-integrations #about .row .text h2:nth-of-type(1),
.page-template-page-product-reporting #about .row .text h2:nth-of-type(1) {
  margin-top: 0;
}
.page-template-page-product-incentive #about .row .text p,
.page-template-page-product-sales #about .row .text p,
.page-template-page-product-management #about .row .text p,
.page-template-page-product-integrations #about .row .text p,
.page-template-page-product-reporting #about .row .text p {
  font-size: 1.7rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
.page-template-page-product-incentive #about .row .text ul,
.page-template-page-product-sales #about .row .text ul,
.page-template-page-product-management #about .row .text ul,
.page-template-page-product-integrations #about .row .text ul,
.page-template-page-product-reporting #about .row .text ul {
  margin: 2rem 0;
  list-style: none;
  padding: 0;
}
.page-template-page-product-incentive #about .row .text ul li,
.page-template-page-product-sales #about .row .text ul li,
.page-template-page-product-management #about .row .text ul li,
.page-template-page-product-integrations #about .row .text ul li,
.page-template-page-product-reporting #about .row .text ul li {
  margin: 1rem 0;
  padding: 0 0 0 3.5rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li.svg') no-repeat left top;
  background-size: 2.4rem auto;
}
.page-template-page-product-incentive #about .row .text ul.flex,
.page-template-page-product-sales #about .row .text ul.flex,
.page-template-page-product-management #about .row .text ul.flex,
.page-template-page-product-integrations #about .row .text ul.flex,
.page-template-page-product-reporting #about .row .text ul.flex {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem -1.5rem;
}
.page-template-page-product-incentive #about .row .text ul.flex li,
.page-template-page-product-sales #about .row .text ul.flex li,
.page-template-page-product-management #about .row .text ul.flex li,
.page-template-page-product-integrations #about .row .text ul.flex li,
.page-template-page-product-reporting #about .row .text ul.flex li {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1.5rem 0 5rem;
  background-position: 1.5rem top;
}
.page-template-page-product-incentive #about .row .text a,
.page-template-page-product-sales #about .row .text a,
.page-template-page-product-management #about .row .text a,
.page-template-page-product-integrations #about .row .text a,
.page-template-page-product-reporting #about .row .text a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-product-incentive #about .row .text a:hover,
.page-template-page-product-sales #about .row .text a:hover,
.page-template-page-product-management #about .row .text a:hover,
.page-template-page-product-integrations #about .row .text a:hover,
.page-template-page-product-reporting #about .row .text a:hover {
  text-decoration: underline;
}
.page-template-page-product-incentive #more,
.page-template-page-product-sales #more,
.page-template-page-product-management #more,
.page-template-page-product-integrations #more,
.page-template-page-product-reporting #more {
  padding: 17rem 0 0 0;
  background: #F5F8FF;
}
.page-template-page-product-incentive #more .row,
.page-template-page-product-sales #more .row,
.page-template-page-product-management #more .row,
.page-template-page-product-integrations #more .row,
.page-template-page-product-reporting #more .row {
  max-width: 130rem;
}
.page-template-page-product-incentive #more h2,
.page-template-page-product-sales #more h2,
.page-template-page-product-management #more h2,
.page-template-page-product-integrations #more h2,
.page-template-page-product-reporting #more h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 auto 13rem auto;
  max-width: 60rem;
  text-align: center;
}
.page-template-page-product-incentive #more .row.products,
.page-template-page-product-sales #more .row.products,
.page-template-page-product-management #more .row.products,
.page-template-page-product-integrations #more .row.products,
.page-template-page-product-reporting #more .row.products {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-product-incentive #more .row.products > .row-fluid-wrapper,
.page-template-page-product-sales #more .row.products > .row-fluid-wrapper,
.page-template-page-product-management #more .row.products > .row-fluid-wrapper,
.page-template-page-product-integrations #more .row.products > .row-fluid-wrapper,
.page-template-page-product-reporting #more .row.products > .row-fluid-wrapper {
  flex: 1 0 25%;
  max-width: 25%;
  padding: 0 5rem;
  margin: 0 0 10rem 0;
}
.page-template-page-product-incentive #more .row.products > .row-fluid-wrapper > .row-fluid,
.page-template-page-product-sales #more .row.products > .row-fluid-wrapper > .row-fluid,
.page-template-page-product-management #more .row.products > .row-fluid-wrapper > .row-fluid,
.page-template-page-product-integrations #more .row.products > .row-fluid-wrapper > .row-fluid,
.page-template-page-product-reporting #more .row.products > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-product-incentive #more .row.products .post,
.page-template-page-product-sales #more .row.products .post,
.page-template-page-product-management #more .row.products .post,
.page-template-page-product-integrations #more .row.products .post,
.page-template-page-product-reporting #more .row.products .post {
  padding: 0 0 4rem 0;
  position: relative;
  height: 100%;
}
.page-template-page-product-incentive #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
.page-template-page-product-sales #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
.page-template-page-product-management #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
.page-template-page-product-integrations #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
.page-template-page-product-reporting #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper {
  height: 8rem;
  width: 10rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 1rem 0;
}
.page-template-page-product-incentive #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper img,
.page-template-page-product-sales #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper img,
.page-template-page-product-management #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper img,
.page-template-page-product-integrations #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper img,
.page-template-page-product-reporting #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper img {
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-product-incentive #more .row.products .post p,
.page-template-page-product-sales #more .row.products .post p,
.page-template-page-product-management #more .row.products .post p,
.page-template-page-product-integrations #more .row.products .post p,
.page-template-page-product-reporting #more .row.products .post p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  margin: 2rem 0;
}
.page-template-page-product-incentive #more .row.products .post p strong,
.page-template-page-product-sales #more .row.products .post p strong,
.page-template-page-product-management #more .row.products .post p strong,
.page-template-page-product-integrations #more .row.products .post p strong,
.page-template-page-product-reporting #more .row.products .post p strong {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
.page-template-page-product-incentive #more .row.products .post a,
.page-template-page-product-sales #more .row.products .post a,
.page-template-page-product-management #more .row.products .post a,
.page-template-page-product-integrations #more .row.products .post a,
.page-template-page-product-reporting #more .row.products .post a {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0;
}
.page-template-page-product-incentive #more .row.products .post a:hover,
.page-template-page-product-sales #more .row.products .post a:hover,
.page-template-page-product-management #more .row.products .post a:hover,
.page-template-page-product-integrations #more .row.products .post a:hover,
.page-template-page-product-reporting #more .row.products .post a:hover {
  text-decoration: underline;
}
.page-template-page-product-incentive #nav,
.page-template-page-product-sales #nav,
.page-template-page-product-management #nav,
.page-template-page-product-integrations #nav,
.page-template-page-product-reporting #nav {
  padding: 15rem 0 0 0;
  position: relative;
  z-index: 6;
}
.page-template-page-product-incentive #nav .row,
.page-template-page-product-sales #nav .row,
.page-template-page-product-management #nav .row,
.page-template-page-product-integrations #nav .row,
.page-template-page-product-reporting #nav .row {
  max-width: 108rem;
}
.page-template-page-product-incentive #nav h2,
.page-template-page-product-sales #nav h2,
.page-template-page-product-management #nav h2,
.page-template-page-product-integrations #nav h2,
.page-template-page-product-reporting #nav h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  text-align: center;
  color: #3D4EFB;
  margin: 0 0 8rem 0;
}
.page-template-page-product-incentive #nav .nav,
.page-template-page-product-sales #nav .nav,
.page-template-page-product-management #nav .nav,
.page-template-page-product-integrations #nav .nav,
.page-template-page-product-reporting #nav .nav {
  border-bottom: 1px solid #aaa;
  display: flex;
  justify-content: center;
  background: #fff;
}
.page-template-page-product-incentive #nav .nav ul,
.page-template-page-product-sales #nav .nav ul,
.page-template-page-product-management #nav .nav ul,
.page-template-page-product-integrations #nav .nav ul,
.page-template-page-product-reporting #nav .nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.page-template-page-product-incentive #nav .nav ul li,
.page-template-page-product-sales #nav .nav ul li,
.page-template-page-product-management #nav .nav ul li,
.page-template-page-product-integrations #nav .nav ul li,
.page-template-page-product-reporting #nav .nav ul li {
  margin: 0;
  padding: 0 3.6rem;
}
.page-template-page-product-incentive #nav .nav ul li a,
.page-template-page-product-sales #nav .nav ul li a,
.page-template-page-product-management #nav .nav ul li a,
.page-template-page-product-integrations #nav .nav ul li a,
.page-template-page-product-reporting #nav .nav ul li a {
  font-size: 2.4rem;
  line-height: 3.8rem;
  font-weight: 400;
  color: #A9A9A9;
  border-bottom: 3px solid transparent;
  display: block;
  height: 3.8rem;
  margin: 0 0 -2px 0;
  white-space: nowrap;
  transition: all .3s;
}
.page-template-page-product-incentive #nav .nav ul li a:hover,
.page-template-page-product-sales #nav .nav ul li a:hover,
.page-template-page-product-management #nav .nav ul li a:hover,
.page-template-page-product-integrations #nav .nav ul li a:hover,
.page-template-page-product-reporting #nav .nav ul li a:hover,
.page-template-page-product-incentive #nav .nav ul li a.active,
.page-template-page-product-sales #nav .nav ul li a.active,
.page-template-page-product-management #nav .nav ul li a.active,
.page-template-page-product-integrations #nav .nav ul li a.active,
.page-template-page-product-reporting #nav .nav ul li a.active {
  color: #000;
  font-weight: 700;
  border-bottom: 3px solid #000;
}
.page-template-page-product-incentive #nav .nav.fixed,
.page-template-page-product-sales #nav .nav.fixed,
.page-template-page-product-management #nav .nav.fixed,
.page-template-page-product-integrations #nav .nav.fixed,
.page-template-page-product-reporting #nav .nav.fixed {
  position: fixed;
  top: 6.5rem;
  left: 2.5rem;
  right: 2.5rem;
  width: auto;
}
.page-template-page-product-incentive #case,
.page-template-page-product-sales #case,
.page-template-page-product-management #case,
.page-template-page-product-integrations #case,
.page-template-page-product-reporting #case {
  padding: 0 0 0 0;
}
.page-template-page-product-incentive #case .row,
.page-template-page-product-sales #case .row,
.page-template-page-product-management #case .row,
.page-template-page-product-integrations #case .row,
.page-template-page-product-reporting #case .row {
  max-width: 108rem;
}
.page-template-page-product-incentive #case .row > .row-fluid-wrapper:last-of-type .company,
.page-template-page-product-sales #case .row > .row-fluid-wrapper:last-of-type .company,
.page-template-page-product-management #case .row > .row-fluid-wrapper:last-of-type .company,
.page-template-page-product-integrations #case .row > .row-fluid-wrapper:last-of-type .company,
.page-template-page-product-reporting #case .row > .row-fluid-wrapper:last-of-type .company {
  border-bottom: none;
}
.page-template-page-product-incentive #case .company,
.page-template-page-product-sales #case .company,
.page-template-page-product-management #case .company,
.page-template-page-product-integrations #case .company,
.page-template-page-product-reporting #case .company {
  display: flex;
  justify-content: space-between;
  padding: 10rem 0 10rem 0;
  border-bottom: 1px solid #555555;
}
.page-template-page-product-incentive #case .company > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-sales #case .company > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-management #case .company > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-integrations #case .company > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-product-reporting #case .company > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 75%;
  max-width: 75%;
  padding: 0 5rem 0 0;
}
.page-template-page-product-incentive #case .company > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-sales #case .company > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-management #case .company > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-integrations #case .company > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-product-reporting #case .company > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 25%;
  max-width: 25%;
}
.page-template-page-product-incentive #case .company .text h2,
.page-template-page-product-sales #case .company .text h2,
.page-template-page-product-management #case .company .text h2,
.page-template-page-product-integrations #case .company .text h2,
.page-template-page-product-reporting #case .company .text h2 {
  font-size: 4.5rem;
  line-height: 5.4rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-product-incentive #case .company .text h3,
.page-template-page-product-sales #case .company .text h3,
.page-template-page-product-management #case .company .text h3,
.page-template-page-product-integrations #case .company .text h3,
.page-template-page-product-reporting #case .company .text h3 {
  font-size: 3.5rem;
  line-height: 4.2rem;
  color: #000;
  font-weight: 700;
  margin: 5rem 0 3rem 0;
}
.page-template-page-product-incentive #case .company .text p,
.page-template-page-product-sales #case .company .text p,
.page-template-page-product-management #case .company .text p,
.page-template-page-product-integrations #case .company .text p,
.page-template-page-product-reporting #case .company .text p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  color: #000;
  margin: 1rem 0;
}
.page-template-page-product-incentive #case .company .text h2 + p,
.page-template-page-product-sales #case .company .text h2 + p,
.page-template-page-product-management #case .company .text h2 + p,
.page-template-page-product-integrations #case .company .text h2 + p,
.page-template-page-product-reporting #case .company .text h2 + p {
  font-size: 2.2rem;
  line-height: 3.2rem;
  letter-spacing: 0.5px;
  margin: 1rem 0 9rem 0;
}
.page-template-page-product-incentive #case .company .text ul,
.page-template-page-product-sales #case .company .text ul,
.page-template-page-product-management #case .company .text ul,
.page-template-page-product-integrations #case .company .text ul,
.page-template-page-product-reporting #case .company .text ul {
  margin: 3.5rem 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.page-template-page-product-incentive #case .company .text ul li,
.page-template-page-product-sales #case .company .text ul li,
.page-template-page-product-management #case .company .text ul li,
.page-template-page-product-integrations #case .company .text ul li,
.page-template-page-product-reporting #case .company .text ul li {
  flex: 1 0 50%;
  max-width: 50%;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  color: #000;
  margin: 0;
  padding: 0 1rem 0 3.5rem;
  position: relative;
}
.page-template-page-product-incentive #case .company .text ul li:before,
.page-template-page-product-sales #case .company .text ul li:before,
.page-template-page-product-management #case .company .text ul li:before,
.page-template-page-product-integrations #case .company .text ul li:before,
.page-template-page-product-reporting #case .company .text ul li:before {
  content: '';
  width: .4rem;
  height: .4rem;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 1.2rem;
  top: 1.1rem;
}
.page-template-page-product-incentive #case .company .text .benefits,
.page-template-page-product-sales #case .company .text .benefits,
.page-template-page-product-management #case .company .text .benefits,
.page-template-page-product-integrations #case .company .text .benefits,
.page-template-page-product-reporting #case .company .text .benefits {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -3.5rem;
  float: none;
  width: auto;
}
.page-template-page-product-incentive #case .company .text .benefits > .row-fluid-wrapper,
.page-template-page-product-sales #case .company .text .benefits > .row-fluid-wrapper,
.page-template-page-product-management #case .company .text .benefits > .row-fluid-wrapper,
.page-template-page-product-integrations #case .company .text .benefits > .row-fluid-wrapper,
.page-template-page-product-reporting #case .company .text .benefits > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 3.5rem;
}
.page-template-page-product-incentive #case .company .text .benefits .benefit,
.page-template-page-product-sales #case .company .text .benefits .benefit,
.page-template-page-product-management #case .company .text .benefits .benefit,
.page-template-page-product-integrations #case .company .text .benefits .benefit,
.page-template-page-product-reporting #case .company .text .benefits .benefit {
  margin: 6rem 0 0 0;
}
.page-template-page-product-incentive #case .company .text .benefits .benefit .ico,
.page-template-page-product-sales #case .company .text .benefits .benefit .ico,
.page-template-page-product-management #case .company .text .benefits .benefit .ico,
.page-template-page-product-integrations #case .company .text .benefits .benefit .ico,
.page-template-page-product-reporting #case .company .text .benefits .benefit .ico {
  height: 6.2rem;
  display: flex;
  align-items: center;
  margin: 0 0 2.5rem 0;
}
.page-template-page-product-incentive #case .company .text .benefits .benefit h4,
.page-template-page-product-sales #case .company .text .benefits .benefit h4,
.page-template-page-product-management #case .company .text .benefits .benefit h4,
.page-template-page-product-integrations #case .company .text .benefits .benefit h4,
.page-template-page-product-reporting #case .company .text .benefits .benefit h4 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-product-incentive #case .company .text .benefits .benefit p,
.page-template-page-product-sales #case .company .text .benefits .benefit p,
.page-template-page-product-management #case .company .text .benefits .benefit p,
.page-template-page-product-integrations #case .company .text .benefits .benefit p,
.page-template-page-product-reporting #case .company .text .benefits .benefit p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.2px;
  color: #000;
  margin: 0;
}
.page-template-page-product-incentive #case .company .logo img,
.page-template-page-product-sales #case .company .logo img,
.page-template-page-product-management #case .company .logo img,
.page-template-page-product-integrations #case .company .logo img,
.page-template-page-product-reporting #case .company .logo img {
  max-width: 100%;
  height: auto;
  width: auto;
  max-height: 16rem;
}
.page-template-page-product-sales .body-container-wrapper > .container-fluid > .row-fluid-wrapper:nth-of-type(2) {
  background: #f5f8ff;
}
.page-template-page-product-sales #hero .img {
  width: 128rem;
  height: 97rem;
  bottom: -48rem;
  left: 42rem;
}
.page-template-page-product-management .body-container-wrapper > .container-fluid > .row-fluid-wrapper:nth-of-type(2) {
  background: #f5f8ff;
}
.page-template-page-product-management #hero .img {
  width: 167rem;
  height: 105rem;
  bottom: -34rem;
  left: 25rem;
}
.page-template-page-product-integrations #hero .p {
  max-width: 52rem;
}
.page-template-page-product-integrations #hero .img {
  width: 165rem;
  height: 97rem;
  bottom: -48.5rem;
  left: 21.5rem;
}
.page-template-page-product-integrations #more {
  padding-top: 9rem;
}
.page-template-page-product-reporting .body-container-wrapper > .container-fluid > .row-fluid-wrapper:nth-of-type(2) {
  background: #f5f8ff;
}
.page-template-page-product-reporting #hero .img {
  width: 190rem;
  height: 115rem;
  bottom: -53rem;
  left: 30rem;
}
/* product - roles */
.page-template-page-roles #hero {
  padding: 0 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  position: relative;
  height: 99rem;
}
.page-template-page-roles #hero .row {
  max-width: 130rem;
  padding-top: 24rem;
}
.page-template-page-roles #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 2.5rem 0;
  max-width: 48rem;
}
.page-template-page-roles #hero h1 span {
  color: #ffb700;
}
.page-template-page-roles #hero p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  margin: 2.5rem 0;
  max-width: 47rem;
  letter-spacing: 0.5px;
}
.page-template-page-roles #hero .img {
  width: 84rem;
  height: 81rem;
  position: absolute;
  top: 12rem;
  left: 53rem;
}
.page-template-page-roles #hero .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-roles #roles {
  margin-top: -23rem;
  padding: 0 0 12rem 0;
}
.page-template-page-roles #roles h2 {
  font-size: 4.4rem;
  line-height: 4.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 2.5rem;
  max-width: 48rem;
}
.page-template-page-roles #roles .row {
  max-width: 124rem;
}
.page-template-page-roles #roles .row .post-listing {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.page-template-page-roles #roles .row .post-listing .post-item {
  padding: 2.5rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card {
  height: 100%;
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.08);
  padding: 4rem;
  display: flex;
  border: 1px solid #DAE5F1;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .hs-featured-image-link {
  flex: 1 0 15.5rem;
  max-width: 15.5rem;
  height: 15.5rem;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .hs-featured-image-link div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto 20rem;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text {
  width: 100%;
  padding-left: 2.5rem;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 0 0;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text h2 a {
  color: inherit;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text h2 a:hover {
  text-decoration: underline;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0 1rem 0;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text p a:hover {
  text-decoration: none;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text span {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-roles #roles .row .post-listing .post-item .cm-post__card:hover span {
  text-decoration: underline;
}
.page-template-page-roles #roles .row .blog-pagination {
  display: none;
}
.page-template-page-roles #proslead {
  padding: 10rem 0 0 0;
  border-top: 1px solid rgba(61, 78, 251, 0.17);
}
.page-template-page-roles #proslead .row {
  max-width: 70rem;
}
.page-template-page-roles #proslead h2 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  text-align: center;
  color: #3D4EFB;
  margin: 0 0 3rem 0;
}
.page-template-page-roles #proslead p {
  font-size: 2.2rem;
  line-height: 3rem;
  text-align: center;
  color: #000;
  margin: 3rem 0 0 0;
}
.page-template-page-roles #pros {
  padding: 6rem 0 12rem 0;
}
.page-template-page-roles #pros .row {
  display: flex;
  justify-content: space-between;
  max-width: 125rem;
}
.page-template-page-roles #pros .row > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 38rem;
  padding: 0 3rem;
  margin: 0 0 7rem 0;
}
.page-template-page-roles #pros .post .icon {
  width: 15.4rem;
  height: 15.4rem;
  border-radius: 50%;
  box-shadow: 0 30px 44px rgba(0, 0, 0, 0.1);
  margin: 0 auto 3rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
}
.page-template-page-roles #pros .post h2,
.page-template-page-roles #pros .post h3,
.page-template-page-roles #pros .post h4 {
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
  font-weight: 700;
  margin: 2rem auto;
}
.page-template-page-roles #pros .post p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  color: #000;
  font-weight: 400;
  text-align: center;
  margin: 2rem auto 0 auto;
}
.page-template-page-roles #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-roles #ready .row {
  max-width: 88rem;
}
.page-template-page-roles #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-roles #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-roles #ready p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-roles #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-roles #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
.page-template-page-roles.page-id-27 #hero .img {
  height: 73rem;
  left: 56rem;
  top: 12rem;
}
/* product - saas */
.page-template-page-saas #hero {
  padding: 0 0 7rem 0;
  background: linear-gradient(0deg, #4bcdfa 0%, #3d4efb 100%);
  position: relative;
  overflow: hidden;
}
.page-template-page-saas #hero .row {
  max-width: 123rem;
  padding-top: 18rem;
}
.page-template-page-saas #hero .row > .row-fluid-wrapper:nth-of-type(3) {
  position: relative;
  z-index: 3;
}
.page-template-page-saas #hero h1 {
  font-size: 4.2rem;
  line-height: 4.4rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 59rem;
}
.page-template-page-saas #hero p {
  font-size: 2.3rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  margin: 2.5rem 0;
  max-width: 60rem;
  letter-spacing: 0.5px;
}
.page-template-page-saas #hero ul {
  list-style: none;
  padding: 0;
  margin: 3rem 0 4rem 0;
}
.page-template-page-saas #hero ul li {
  padding: 0;
  margin: 1.5rem 0;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.5px;
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-template-page-saas #hero ul li img {
  margin: 0 2rem 0 0;
}
.page-template-page-saas #hero a {
  height: 5.2rem;
  padding: 1.4rem 4rem 1.4rem 4rem;
  border: 1px solid #ffb700;
  border-radius: 2.6rem;
  background: #ffb700;
  color: #000000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-saas #hero a:hover {
  background: #fff;
  border: 1px solid #ffb700;
  color: #000;
}
.page-template-page-saas #hero .img {
  width: 64rem;
  height: 53rem;
  position: absolute;
  bottom: -10rem;
  left: 61rem;
}
.page-template-page-saas #hero .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-saas #hero .imgmobile {
  display: none;
}
.page-template-page-saas #built {
  padding: 10rem 0 4rem 0;
}
.page-template-page-saas #built .row {
  max-width: 103rem;
}
.page-template-page-saas #built h2 {
  font-size: 4rem;
  line-height: 5.5rem;
  color: #000;
  text-align: center;
  margin: 0 auto 6rem auto;
  font-weight: 700;
  max-width: 72rem;
}
.page-template-page-saas #built .flex {
  display: flex;
  justify-content: space-between;
}
.page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 45%;
  max-width: 45%;
  padding-right: 4rem;
  border-right: 1px solid #D8D8D8;
}
.page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(1) ul li {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 55%;
  max-width: 55%;
  padding-left: 4rem;
}
.page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) ul li {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-saas #built .flex .header {
  display: flex;
  justify-content: space-between;
}
.page-template-page-saas #built .flex .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 8rem;
  max-width: 8rem;
  padding-right: 2rem;
}
.page-template-page-saas #built .flex .header > .row-fluid-wrapper:nth-of-type(1) img {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 17, 86, 0.08);
  width: 6rem;
  height: auto;
}
.page-template-page-saas #built .flex .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
}
.page-template-page-saas #built .flex .header > .row-fluid-wrapper:nth-of-type(2) .hs_cos_wrapper_type_text {
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: 0.5px;
  color: #000;
  font-weight: 700;
}
.page-template-page-saas #built .flex ul {
  margin: 2.5rem -1rem 0 -1rem;
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}
.page-template-page-saas #built .flex ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  color: #191919;
  margin: 1.2rem 0;
  padding: 0 1rem 0 4.7rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li.svg') no-repeat 1rem 0.1rem;
  background-size: auto 2.4rem;
}
.page-template-page-saas #platform {
  padding: 4rem 0 6rem 0;
}
.page-template-page-saas #platform .row {
  max-width: 126rem;
}
.page-template-page-saas #platform h2 {
  font-size: 4rem;
  line-height: 5.5rem;
  color: #000;
  text-align: center;
  margin: 0 auto 6rem auto;
  font-weight: 700;
  max-width: 62rem;
}
.page-template-page-saas #platform .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
}
.page-template-page-saas #platform .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1rem;
}
.page-template-page-saas #platform .flex > .row-fluid-wrapper > .row-fluid {
  background: #F5F8FF;
  padding: 4rem 3.2rem;
  border-radius: 2.7rem;
  height: 100%;
}
.page-template-page-saas #platform .flex .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 9rem;
}
.page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 8.4rem;
  max-width: 8.4rem;
  padding-right: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
}
.page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(2) .hs_cos_wrapper_type_text {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-saas #platform .flex h3 {
  font-size: 2.1rem;
  line-height: 2.6rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 5rem 0 2rem 0;
}
.page-template-page-saas #platform .flex ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000000;
  font-weight: 400;
  margin: 2rem 0;
}
.page-template-page-saas #dashboard {
  padding: 6rem 0 8rem 0;
}
.page-template-page-saas #dashboard .row {
  max-width: 134rem;
}
.page-template-page-saas #dashboard h2 {
  font-size: 4rem;
  line-height: 5.5rem;
  color: #000;
  text-align: center;
  margin: 0 auto 6rem auto;
  font-weight: 700;
  max-width: 62rem;
}
.page-template-page-saas #dashboard .desa {
  padding-right: 5rem;
}
.page-template-page-saas #dashboard .desb {
  padding-left: 8rem;
}
.page-template-page-saas #dashboard .tab {
  display: none;
  margin: 3rem 0;
}
.page-template-page-saas #dashboard .mob {
  display: none;
  margin: 3rem 0;
}
.page-template-page-saas #trusted {
  padding: 11rem 0 12rem 0;
  background: #F5F8FF;
}
.page-template-page-saas #trusted .row {
  max-width: 152rem;
}
.page-template-page-saas #trusted h2 {
  font-size: 6rem;
  line-height: 6.5rem;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 4rem auto;
  font-weight: 700;
  max-width: 80rem;
}
.page-template-page-saas #trusted ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-template-page-saas #trusted ul li {
  margin: 2.5rem 3rem;
}
.page-template-page-saas #trusted .logotypes {
  margin: 2rem 0 0 0;
}
.page-template-page-saas #trusted .logotypes span.hs_cos_wrapper {
  display: flex;
  justify-content: flex-end;
}
.page-template-page-saas #trusted .logotypes ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 189rem;
  flex: 1 0 189rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-saas #trusted .logotypes ul li {
  width: 27rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-saas #trusted .logotypes ul li:nth-child(1) {
  margin-left: -14.75rem;
}
.page-template-page-saas #case {
  padding: 12rem 0 13rem 0;
}
.page-template-page-saas #case .row {
  max-width: 118rem;
}
.page-template-page-saas #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-saas #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-saas #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-saas #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-saas #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-saas #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-saas #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-saas #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-saas #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-saas #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-saas #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-saas #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-saas #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-saas #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-saas #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-saas #ready .row {
  max-width: 88rem;
}
.page-template-page-saas #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-saas #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-saas #ready p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-saas #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-saas #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
/* product - role */
.page-template-page-role .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-role .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-role .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-role .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-role .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-role .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-role .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-role .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-role #hero {
  padding: 5rem 0;
}
.page-template-page-role #hero .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 40%;
  max-width: 40%;
  display: flex;
  align-items: flex-end;
}
.page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 60%;
  max-width: 60%;
  position: relative;
  padding: 7rem 4rem 7rem 10rem;
  min-height: 40rem;
}
.page-template-page-role #hero .img img {
  width: 100% !important;
  height: auto;
  border-radius: 2rem;
}
.page-template-page-role #hero .txt .square {
  position: absolute;
  width: auto;
  left: -22%;
  top: 0;
  right: 0;
  bottom: 3px;
  background: linear-gradient(180deg, #3d4efb 0%, #48b2fb 100%);
  border-radius: 2rem;
  z-index: -1;
}
.page-template-page-role #hero .txt h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 5rem 0;
  position: relative;
}
.page-template-page-role #hero .txt h1:before {
  content: '';
  width: .6rem;
  height: 13rem;
  background: #ffb700;
  position: absolute;
  top: 0;
  left: -5rem;
}
.page-template-page-role #hero .txt .p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 0;
  color: #fff;
  max-width: 56rem;
}
.page-template-page-role #body {
  padding: 5rem 0 7rem 0;
}
.page-template-page-role #body .row.blog {
  max-width: 95rem;
  margin-bottom: 10rem !important;
  width: 100% !important;
}
.page-template-page-role #body .row.blog > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.page-template-page-role #body .row:nth-of-type(2) {
  max-width: 95rem;
  text-align: center;
}
.page-template-page-role #body .aside {
  flex: 1 0 5rem;
  max-width: 5rem;
  position: relative;
}
.page-template-page-role #body .aside .fixed {
  position: fixed;
  top: 5rem;
  width: auto;
}
.page-template-page-role #body .aside .fixedBottom {
  position: absolute;
  bottom: 0;
  width: auto;
}
.page-template-page-role #body .aside a {
  width: 5rem !important;
  height: 5rem;
  border-radius: 50%;
  background-color: #ffb700;
  transition: all .3s;
  border: 1px solid #ffb700;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
  margin: 0 0 2rem 0;
}
.page-template-page-role #body .aside a img {
  display: none;
}
.page-template-page-role #body .aside a:hover {
  background-color: #fff;
}
.page-template-page-role #body .aside a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked.svg');
  background-size: 1.8rem auto;
  background-position: center 1.4rem;
}
.page-template-page-role #body .aside a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter.svg');
  background-size: 1.7rem auto;
  background-position: center 1.8rem;
}
.page-template-page-role #body .aside a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook.svg');
  background-size: 1rem auto;
  background-position: center 1.6rem;
}
.page-template-page-role #body .aside a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
.page-template-page-role #body .section {
  width: 100%;
  padding-left: 7rem;
  max-width: 75rem;
  margin-left: 0;
}
.page-template-page-role #body .section .section {
  padding-left: 0;
}
.page-template-page-role #body .section *:first-child {
  margin-top: 0;
}
.page-template-page-role #body .section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.page-template-page-role #body .section ul li,
.page-template-page-role #body .section ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.page-template-page-role #body .section p a,
.page-template-page-role #body .section li a {
  color: #2D3A83;
  font-weight: 700;
}
.page-template-page-role #body .section p a:hover,
.page-template-page-role #body .section li a:hover {
  text-decoration: underline;
}
.page-template-page-role #body .section h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-role #body .section h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-role #body .section h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
.page-template-page-role #body .section img {
  max-width: 100%;
  height: auto;
}
.page-template-page-role #body .switch a {
  height: 3.5rem;
  padding: 1rem 2.5rem 1rem 7rem;
  border: 1px solid #ffb700;
  background: #ffb700 url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-industry-black.svg') no-repeat 2.5rem center;
  background-size: auto 3rem;
  font-size: 2.3rem;
  line-height: 3.5rem;
  color: #000 !important;
  font-weight: 700 !important;
  border-radius: 1.2rem;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-role #body .switch a:hover {
  background-color: #fff;
  text-decoration: none !important;
}
.page-template-page-role #more {
  padding: 10rem 0 16rem 0;
  border-top: 1px solid rgba(61, 78, 251, 0.17);
}
.page-template-page-role #more .row {
  max-width: 129rem;
}
.page-template-page-role #more h2 {
  text-align: center;
  font-size: 3.5rem;
  line-height: 5rem;
  color: #191919;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.page-template-page-role #more .flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.page-template-page-role #more .flex .role {
  padding: 0 2.5rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-role #more .flex .role .content {
  height: 100%;
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.08);
  padding: 4rem;
  display: flex;
  position: relative;
}
.page-template-page-role #more .flex .role .content .img {
  flex: 1 0 15.5rem;
  max-width: 15.5rem;
  height: 15.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-template-page-role #more .flex .role .content .txt {
  width: 100%;
  padding-left: 2.5rem;
}
.page-template-page-role #more .flex .role .content .txt h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.page-template-page-role #more .flex .role .content .txt p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0 1rem 0;
}
.page-template-page-role #more .flex .role .content .txt p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-role #more .flex .role .content .txt p a:hover {
  text-decoration: none;
}
.page-template-page-role #more .flex .role .content .txt a.more {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-role #more .flex .role .content > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.page-template-page-role #more .flex .role .content:hover span {
  text-decoration: underline;
}
#demos {
  padding: 12rem 0 11rem 0;
  background: linear-gradient(180deg, #4bcdfa 0%, #2adf9a 100%);
  text-align: center;
  position: relative;
}
#demos .row {
  max-width: 89rem;
}
#demos .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: -20rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-demos.png') no-repeat;
  background-size: 203rem auto;
  background-position: center center;
  height: 70rem;
}
#demos p {
  font-size: 5rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 400;
  margin: 0 auto 4rem auto;
}
#demos a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #FFB700;
  border-radius: 2.6rem;
  background: #ffb700 url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-forward-black.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
#demos a:hover {
  background-color: #fff;
}
#breadcrumbs {
  padding: 2.5rem 0;
  border-top: 1px solid rgba(61, 78, 251, 0.17);
  box-shadow: 0 0 5rem rgba(2, 16, 77, 0.14);
}
#breadcrumbs .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#breadcrumbs ul li {
  margin: 0;
  padding: 0 2.8rem 0 0;
  position: relative;
  font-size: 1.4rem;
  color: #000000;
}
#breadcrumbs ul li:after {
  content: '/';
  position: absolute;
  right: 1.2rem;
}
#breadcrumbs ul li a {
  color: inherit;
}
#breadcrumbs ul li a:hover {
  text-decoration: underline;
}
#breadcrumbs ul li:last-child {
  color: #B2B2B2;
  padding-right: 0;
}
#breadcrumbs ul li:last-child:after {
  display: none;
}
#breadcrumbs a.next {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #000;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-arrow.svg') no-repeat right top;
  background-size: 1.6rem auto;
  padding: 0 3.5rem 0 0;
}
#breadcrumbs a.next:hover {
  text-decoration: underline;
}
/* page - release notes listing */
.page-template-page-releasenotes .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-releasenotes .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-releasenotes .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-releasenotes .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-releasenotes .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-releasenotes .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-releasenotes .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-releasenotes .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-releasenotes #hero {
  padding: 0 0 8rem 0;
}
.page-template-page-releasenotes #hero .row {
  max-width: 130rem;
  padding-top: 12rem;
}
.page-template-page-releasenotes #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  color: #191919;
  font-weight: 700;
  margin: 0 auto 4rem auto;
  max-width: 58rem;
  text-align: center;
}
.page-template-page-releasenotes #hero p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #191919;
  font-weight: 400;
  margin: 2.5rem auto;
  text-align: center;
  max-width: 67rem;
  letter-spacing: 0.5px;
}
.page-template-page-releasenotes #roles {
  padding: 0 0 12rem 0;
}
.page-template-page-releasenotes #roles h2 {
  font-size: 4.4rem;
  line-height: 4.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 2.5rem;
  max-width: 48rem;
}
.page-template-page-releasenotes #roles .row {
  max-width: 124rem;
}
.page-template-page-releasenotes #roles .row .post-listing {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -1.5rem;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item {
  padding: 1.5rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card {
  height: 100%;
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.08);
  padding: 3rem;
  display: flex;
  border: 1px solid #DAE5F1;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .hs-featured-image-link {
  display: none;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .post__text {
  width: 100%;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .post__text h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 1rem 0;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .post__text h2 a {
  color: inherit;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .post__text h2 a:hover {
  text-decoration: underline;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card .post__text p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 0;
}
.page-template-page-releasenotes #roles .row .post-listing .post-item .cm-post__card:hover a {
  text-decoration: underline;
}
.page-template-page-releasenotes #roles .row .blog-pagination {
  margin: 6rem 0 0 0;
  display: flex;
  justify-content: center;
}
.page-template-page-releasenotes #roles .row .blog-pagination a {
  font-size: 1.5rem;
  font-weight: 600;
  color: #191919;
  margin: 0 1rem;
  transition: all .3s;
}
.page-template-page-releasenotes #roles .row .blog-pagination a:hover {
  color: #ffb700;
}
.page-template-page-releasenotes #roles .row .blog-pagination a.disabled {
  opacity: 0.5;
}
.page-template-page-releasenotes #roles .row .blog-pagination a.disabled:hover {
  color: #191919;
}
.page-template-page-releasenotes #roles .row .blog-pagination a.active {
  color: #3d4efb;
}
.page-template-page-releasenotes #roles .row .blog-pagination a.active:hover {
  color: #3d4efb;
}
.page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-left .prev-link {
  margin: 0 3rem 0 0;
}
.page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-right .next-link {
  margin: 0 0 0 3rem;
}
.page-template-page-releasenotes #ready {
  padding: 12rem 0 11rem 0;
  background: #fff;
  text-align: center;
  position: relative;
}
.page-template-page-releasenotes #ready .row {
  max-width: 88rem;
}
.page-template-page-releasenotes #ready .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why.png') no-repeat center;
  background-size: 167rem auto;
  height: 53rem;
}
.page-template-page-releasenotes #ready h2 {
  font-size: 8rem;
  line-height: 7.5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-releasenotes #ready p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #000;
  font-weight: 400;
  margin: 3rem auto;
  letter-spacing: 0.6px;
  max-width: 72rem;
}
.page-template-page-releasenotes #ready a {
  height: 5.2rem;
  padding: 1.4rem 6rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-white.svg') no-repeat right 1.9rem center;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-releasenotes #ready a:hover {
  background-color: transparent;
  border-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-blue.svg');
}
.page-template-page-releasenotes.page-id-27 #hero .img {
  height: 73rem;
  left: 56rem;
  top: 12rem;
}
/* page - release notes post */
.page-template-page-releasenote .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-releasenote .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-releasenote .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-releasenote .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-releasenote .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-releasenote .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-releasenote .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-releasenote .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-releasenote #hero {
  padding: 6rem 0 0 0;
}
.page-template-page-releasenote #hero .row {
  max-width: 96rem;
}
.page-template-page-releasenote #hero .txt {
  padding: 7rem 2rem;
  text-align: center;
  background: linear-gradient(180deg, #3d4efb 0%, #48b2fb 100%);
  border-radius: 2rem;
}
.page-template-page-releasenote #hero .txt h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-releasenote #hero .txt .p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 0;
  color: #fff;
}
.page-template-page-releasenote #body {
  padding: 5rem 0 7rem 0;
}
.page-template-page-releasenote #body .row.blog {
  max-width: 95rem;
  margin-bottom: 10rem !important;
  width: 100% !important;
}
.page-template-page-releasenote #body .section {
  width: 100%;
  max-width: 75rem;
  margin-left: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.page-template-page-releasenote #body .section .section {
  padding-left: 0;
}
.page-template-page-releasenote #body .section *:first-child {
  margin-top: 0;
}
.page-template-page-releasenote #body .section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.page-template-page-releasenote #body .section ul li,
.page-template-page-releasenote #body .section ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.page-template-page-releasenote #body .section p a,
.page-template-page-releasenote #body .section li a {
  color: #2D3A83;
  font-weight: 700;
}
.page-template-page-releasenote #body .section p a:hover,
.page-template-page-releasenote #body .section li a:hover {
  text-decoration: underline;
}
.page-template-page-releasenote #body .section h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-releasenote #body .section h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-releasenote #body .section h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
.page-template-page-releasenote #body .section img {
  max-width: 100%;
  height: auto;
}
/* invitation */
.page-template-page-invitation .body-container-wrapper {
  background: linear-gradient(180deg, #3e58fb 0%, #49befb 100%);
}
.page-template-page-invitation #hero {
  padding: 20rem 0 5rem 0;
}
.page-template-page-invitation #hero .row {
  max-width: 128rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-invitation #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  padding-right: 6rem;
}
.page-template-page-invitation #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 32rem;
  max-width: 32rem;
}
.page-template-page-invitation #hero .txt h1 {
  font-size: 6.4rem;
  line-height: 6.8rem;
  color: #fff;
  font-weight: 800;
  margin: 0 0 5rem 0;
}
.page-template-page-invitation #hero .txt h1 strong {
  color: #ffb700;
  display: block;
}
.page-template-page-invitation #hero .txt p {
  font-weight: 300;
  color: #fff;
  margin: 5rem 0;
  font-size: 2.6rem;
  line-height: 3.6rem;
  letter-spacing: 1px;
}
.page-template-page-invitation #hero .txt p img {
  display: inline-block;
  margin-top: 2rem;
}
.page-template-page-invitation #hero .about img {
  display: block;
}
.page-template-page-invitation #hero .about p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  margin: 2rem 0;
}
.page-template-page-invitation #hero .about p:nth-of-type(1) {
  font-size: 1.8rem;
  margin-top: 1rem;
}
.page-template-page-invitation #hero .about p strong {
  display: block;
}
.page-template-page-invitation #more {
  padding: 5rem 0 10rem 0;
}
.page-template-page-invitation #more .row {
  max-width: 128rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-invitation #more .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 4rem;
}
.page-template-page-invitation #more .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 4rem;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h3 + p {
  font-size: 1.6rem;
  margin: 0;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > p {
  color: #fff;
  margin: 2rem 0;
  font-size: 1.8rem;
  line-height: 3rem;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > p a {
  color: inherit;
  text-decoration: none;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > p a:hover {
  text-decoration: underline;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > p:nth-of-type(1) {
  margin-top: 0;
  margin-bottom: 5rem;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper hr {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid #3D4EFB;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper ul {
  margin: 0 -3rem;
  padding: 0;
  list-style: none;
  display: flex;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper ul li {
  margin: 0;
  padding: 0 3rem;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper ul li p {
  margin: 0;
  color: #fff;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper ul li:nth-of-type(1) {
  flex: 4;
  border-right: 1px solid #3D4EFB;
  font-size: 2.6rem;
  line-height: 3.8rem;
  font-weight: 500;
  color: #fff;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper ul li:nth-of-type(2) {
  flex: 6;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #fff;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h2 + ul {
  display: block;
  margin: 1rem 0 0 0;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h2 + ul li {
  margin: 1rem 0;
  padding: 0 0 0 7rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
  position: relative;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h2 + ul li strong {
  width: 7rem;
  font-weight: 400;
  position: absolute;
  left: 0;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper h2 + ul li:nth-of-type(1) {
  font-size: 1.8rem;
  line-height: 2.4rem;
  border-right: none;
  font-weight: 400;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > a {
  display: inline-block;
  height: 4.6rem;
  border-radius: 2.3rem;
  padding: 0.9rem 3rem;
  line-height: 2.6rem;
  font-size: 2.2rem;
  color: #000000;
  margin: 4rem 0;
  font-weight: 700;
  background: #ffb700;
  border: 1px solid #ffb700;
  transition: all .3s;
}
.page-template-page-invitation #more .txt .hs_cos_wrapper > a:hover {
  background: #fff;
}
.page-template-page-invitation #more .form {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  margin: 0 auto 0 auto;
  padding: 4rem 4rem;
  position: relative;
  z-index: 3;
  float: none;
}
.page-template-page-invitation #more .form h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #000000;
  margin: 0 0 2rem 0;
}
.page-template-page-invitation #more .form .submitted-message p {
  font-size: 2.2rem;
}
.page-template-page-invitation #more .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-invitation #more .form form fieldset.form-columns-2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.page-template-page-invitation #more .form form fieldset.form-columns-2 .input {
  margin-right: 0;
}
.page-template-page-invitation #more .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 50%;
  width: 50% !important;
  float: none !important;
  padding: 0 1rem;
}
.page-template-page-invitation #more .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-invitation #more .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-invitation #more .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-invitation #more .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-invitation #more .form form fieldset input[type="text"],
.page-template-page-invitation #more .form form fieldset input[type="number"],
.page-template-page-invitation #more .form form fieldset input[type="email"],
.page-template-page-invitation #more .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-invitation #more .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-invitation #more .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-invitation #more .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-invitation #more .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-invitation #more .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 0.6rem;
  transition: all .3s;
}
.page-template-page-invitation #more .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-invitation #more .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-invitation #more .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-invitation #more .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-invitation #more .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
/* about */
.page-template-page-about #hero {
  padding: 0 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #47a5fb 100%);
  position: relative;
}
.page-template-page-about #hero .row {
  max-width: 104rem;
  padding-top: 27rem;
  padding-bottom: 15rem;
}
.page-template-page-about #hero h1 {
  font-size: 5.6rem;
  line-height: 6.5rem;
  color: #fff;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
.page-template-page-about #hero h1 span {
  color: #ffb700;
}
.page-template-page-about #about {
  padding: 15rem 0 4.5rem 0;
}
.page-template-page-about #about .row {
  max-width: 120rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  max-width: 52rem;
  padding-right: 6rem;
}
.page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 55rem;
  max-width: 55rem;
  margin-top: 3rem;
}
.page-template-page-about #about .row .txt h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-about #about .row .txt p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0;
}
.page-template-page-about #about .row .numbers {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-template-page-about #about .row .numbers > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  margin: 0 0 4rem 0;
}
.page-template-page-about #about .row .numbers .number {
  position: relative;
  padding: 0 0 0 3rem;
}
.page-template-page-about #about .row .numbers .number:before {
  content: '';
  width: 0.5rem;
  height: 6.5rem;
  background: #D8D8D8;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.page-template-page-about #about .row .numbers .number h3 {
  font-size: 5rem;
  line-height: 5rem;
  color: #3D4EFB;
  margin: 0 0 2rem 0;
  font-weight: 700;
}
.page-template-page-about #about .row .numbers .number .p {
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #191919;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin: 0;
}
.page-template-page-about #drives {
  padding: 4.5rem 0 13.5rem 0;
}
.page-template-page-about #drives .row {
  max-width: 138rem;
}
.page-template-page-about #drives .row .content {
  background: #F5F8FF;
  border-radius: 2.7rem;
  padding: 8rem 5rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 52%;
  max-width: 54rem;
  position: relative;
}
.page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 48%;
  max-width: 48%;
}
.page-template-page-about #drives .row .content .lead {
  display: flex;
  flex-direction: column;
}
.page-template-page-about #drives .row .content .lead h2 {
  font-size: 5.6rem;
  line-height: 6.5rem;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 9rem 0;
  max-width: 54rem;
}
.page-template-page-about #drives .row .content .lead > .row-number-2 {
  align-self: flex-end;
  margin-bottom: -18rem;
}
.page-template-page-about #drives .row .content .lead .pic {
  height: 33rem;
  width: 70rem;
}
.page-template-page-about #drives .row .content .lead .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.7rem;
}
.page-template-page-about #drives .row .content .txt h3 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 6.5rem 0 3rem 0;
  max-width: 46rem;
}
.page-template-page-about #drives .row .content .txt p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0;
  max-width: 46rem;
}
.page-template-page-about #values {
  padding: 24rem 0 8rem 0;
}
.page-template-page-about #values .row {
  max-width: 122rem;
}
.page-template-page-about #values h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 4rem 0;
}
.page-template-page-about #values .owl-carousel {
  margin: -10rem 0 0 0;
}
.page-template-page-about #values .slide {
  display: flex;
  justify-content: space-between;
  padding: 0 .1rem;
}
.page-template-page-about #values .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 48rem;
}
.page-template-page-about #values .slide > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 48rem;
}
.page-template-page-about #values .slide .txt h3 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 900;
  margin: 10rem 0 4rem 0;
  text-transform: uppercase;
}
.page-template-page-about #values .slide .txt ul {
  margin: 0;
  padding: 0 0 0 2rem;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-about #values .slide .txt ul li {
  margin: 2rem 0;
  padding: 0 2rem 0 1rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-about #values .slide .img {
  display: flex;
  justify-content: center;
}
.page-template-page-about #values .slide .img .pic {
  height: 40rem;
  width: 40rem;
}
.page-template-page-about #values .slide .img .pic > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-about #values .slide .img .pic > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-about #values .slide .img .pic img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-about #values nav {
  width: 40rem;
  overflow: hidden;
  position: absolute;
  top: 47rem;
  right: 3rem;
  margin: 0 4rem;
  z-index: 3;
}
.page-template-page-about #values nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100rem;
  position: relative;
  left: -10rem;
  transition: all .3s;
}
.page-template-page-about #values nav ul li {
  width: 10rem;
  height: 10rem;
  margin: 0;
  padding: 1.5rem 1.5rem;
  cursor: pointer;
}
.page-template-page-about #values nav ul li img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-about #values .owl-nav {
  position: absolute;
  top: 49rem;
  right: 0;
  width: 48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 10rem;
}
.page-template-page-about #values .owl-nav .owl-prev,
.page-template-page-about #values .owl-nav .owl-next {
  width: 2rem;
  height: 3rem;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  transition: all .3s;
}
.page-template-page-about #values .owl-nav .owl-prev:hover,
.page-template-page-about #values .owl-nav .owl-next:hover {
  transform: scale(1.2);
}
.page-template-page-about #values .owl-nav .owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev2.svg') !important;
  filter: brightness(0);
}
.page-template-page-about #values .owl-nav .owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next2.svg') !important;
  filter: brightness(0);
}
.page-template-page-about #cta {
  padding: 9rem 0 12rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4385fb 100%);
  position: relative;
  overflow: hidden;
}
.page-template-page-about #cta .row {
  max-width: 126rem;
  position: static;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-about #cta .row > .row-fluid-wrapper:nth-of-type(1) {
  max-width: 52rem;
  position: relative;
  z-index: 10;
}
.page-template-page-about #cta .row > .row-fluid-wrapper:nth-of-type(2) {
  width: 106.5rem;
  height: 48rem;
  position: absolute;
  left: -19rem;
  bottom: -13rem;
}
.page-template-page-about #cta p {
  font-size: 5rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 400;
  margin: 0 0 2.5rem 0;
}
.page-template-page-about #cta a {
  height: 5.2rem;
  padding: 1.4rem 7.2rem 1.4rem 3.2rem;
  border: 1px solid #ffb700;
  border-radius: 2.6rem;
  background: #ffb700;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-about #cta a:before {
  content: '';
  width: 2.3rem;
  height: 1.6rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-forward-black.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin: -0.8rem 0 0 0;
  right: 2.8rem;
}
.page-template-page-about #cta a:hover {
  background: #fff;
  border: 1px solid #ffb700;
}
.page-template-page-about #cta .image > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-about #cta .image > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-about #cta .image img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
/* leadership */
.page-template-page-leadership .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-leadership .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-leadership .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-leadership .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-leadership .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-leadership .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-leadership .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-leadership .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-leadership #hero {
  padding: 13rem 0 5rem 0;
}
.page-template-page-leadership #hero .row {
  max-width: 72rem;
}
.page-template-page-leadership #hero h1 {
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 4rem 0;
}
.page-template-page-leadership #hero .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  text-align: center;
  margin: 0;
  letter-spacing: 0.5px;
}
.page-template-page-leadership #team .row,
.page-template-page-leadership #board .row {
  max-width: 96rem;
}
.page-template-page-leadership #team .flex,
.page-template-page-leadership #board .flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-template-page-leadership #team .flex > .row-fluid-wrapper,
.page-template-page-leadership #board .flex > .row-fluid-wrapper {
  padding: 2rem;
  flex: 1 0 30rem;
  max-width: 30rem;
  align-items: stretch;
}
.page-template-page-leadership #team .flex > .row-fluid-wrapper > .row-fluid,
.page-template-page-leadership #board .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-leadership #team .person,
.page-template-page-leadership #board .person {
  display: block;
  padding: 4rem 2rem;
  border: 1px solid #DAE5F1;
  border-radius: .8rem;
  height: 100%;
  background: #fff;
  transition: all .3s;
}
.page-template-page-leadership #team .person img,
.page-template-page-leadership #board .person img {
  width: 17.5rem;
  height: 17.5rem;
  margin: 0 auto 3rem auto;
  object-fit: cover;
  border-radius: 50%;
  filter: saturate(0);
  display: block;
  transition: all 0.3s;
}
.page-template-page-leadership #team .person h3,
.page-template-page-leadership #board .person h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  font-weight: 700;
  color: #191919;
  margin: 0;
}
.page-template-page-leadership #team .person p,
.page-template-page-leadership #board .person p {
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-align: center;
  font-weight: 400;
  color: #191919;
  margin: 0;
}
.page-template-page-leadership #team .person:hover,
.page-template-page-leadership #board .person:hover {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 17, 86, 0.08);
}
.page-template-page-leadership #team .person:hover img,
.page-template-page-leadership #board .person:hover img {
  filter: none;
}
.page-template-page-leadership #team {
  padding: 5rem 0 6rem 0;
}
.page-template-page-leadership #board {
  background: #F5F8FF;
  padding: 12rem 0 15rem 0;
}
.page-template-page-leadership #board h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  color: #191919;
  text-align: center;
  margin: 0 0 5rem 0;
  font-weight: 700;
}
.page-template-page-leadership #cta {
  padding: 12rem 0 12rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4385fb 100%);
  position: relative;
  overflow: hidden;
}
.page-template-page-leadership #cta .row {
  max-width: 126rem;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-leadership #cta .txt {
  max-width: 58rem;
}
.page-template-page-leadership #cta p {
  font-size: 5rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 400;
  margin: 0 0 2.5rem 0;
}
.page-template-page-leadership #cta a {
  height: 5.2rem;
  padding: 1.4rem 7.2rem 1.4rem 3.2rem;
  border: 1px solid #ffb700;
  border-radius: 2.6rem;
  background: #ffb700;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-leadership #cta a:before {
  content: '';
  width: 2.3rem;
  height: 1.6rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-forward-black.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin: -0.8rem 0 0 0;
  right: 2.8rem;
}
.page-template-page-leadership #cta a:hover {
  background: #fff;
  border: 1px solid #ffb700;
}
.page-template-page-leadership #cta .image {
  width: 77rem;
  height: 77rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -38.5rem;
}
.page-template-page-leadership #cta .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* case studies */
.page-template-page-case #hero {
  padding: 25rem 0 7rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-case #hero .row {
  max-width: 124rem;
}
.page-template-page-case #hero .row .txt {
  max-width: 70rem;
}
.page-template-page-case #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 4rem 0;
  color: #fff;
}
.page-template-page-case #hero p {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  letter-spacing: 0.5px;
  color: #fff;
}
.page-template-page-case #hero .img {
  width: 52rem;
  height: 55rem;
  position: absolute;
  bottom: -6rem;
  left: 78rem;
}
.page-template-page-case #hero .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-case #case {
  padding: 9rem 0 10rem 0;
}
.page-template-page-case #case .row {
  max-width: 124rem;
}
.page-template-page-case #case h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-case #case .post-listing {
  margin: 0 -1.5%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-case #case .post-listing .post-item {
  flex: 1 0 47%;
  max-width: 47%;
  margin: 1.5%;
  border: 1px solid #DAE5F1;
  border-radius: .8rem;
  box-shadow: 0 2.4rem 4.8rem 0 rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.page-template-page-case #case .post-listing .post-item.id-122020548354 {
  display: none !important;
}
.page-template-page-case #case .post-listing .post-item .post-body {
  flex: 1 0 20rem;
  max-width: 20rem;
  order: 1;
}
.page-template-page-case #case .post-listing .post-item .post-body .hs-featured-image-wrapper {
  width: 20rem;
  height: 25rem;
  position: relative;
  overflow: hidden;
}
.page-template-page-case #case .post-listing .post-item .post-body .hs-featured-image-wrapper img {
  height: 28rem;
  width: auto;
  max-width: none;
  position: absolute;
  right: 0;
  top: -1.5rem;
  margin: 0;
}
.page-template-page-case #case .post-listing .post-item .post-body p {
  display: none;
}
.page-template-page-case #case .post-listing .post-item .post-header {
  padding: 3rem 2rem 6rem 2rem;
  order: 2;
  flex: 1;
}
.page-template-page-case #case .post-listing .post-item .post-header h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  color: #2D3A83;
}
.page-template-page-case #case .post-listing .post-item .post-header h2 a {
  color: inherit;
}
.page-template-page-case #case .post-listing .post-item .post-header h2 a:hover {
  text-decoration: underline;
}
.page-template-page-case #case .post-listing .post-item .post-header .hubspot-editable {
  display: none;
}
.page-template-page-case #case .post-listing .post-item .post-header .hs-blog-social-share {
  display: none;
}
.page-template-page-case #case .post-listing .post-item a.more-link {
  position: absolute;
  left: 22rem;
  bottom: 3rem;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-case #case .post-listing .post-item a.more-link:hover {
  text-decoration: underline;
}
.page-template-page-case #case .post-listing .post-item .custom_listing_comments {
  display: none;
}
.page-template-page-case #case .post-listing .post-item #hubspot-topic_data {
  display: none;
}
.page-template-page-case #case .blog-pagination {
  display: none;
}
.single-case .header-container-wrapper {
  position: relative;
  background: #fff;
}
.single-case .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.single-case .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.single-case .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.single-case .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.single-case #hero {
  padding: 15rem 0 5rem 0;
}
.single-case #hero .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.single-case #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 40%;
  max-width: 40%;
  display: flex;
  align-items: flex-end;
}
.single-case #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 60%;
  max-width: 60%;
  position: relative;
  padding: 7rem 4rem 7rem 5rem;
  min-height: 40rem;
}
.single-case #hero .img img {
  width: 100% !important;
  height: auto;
  border-radius: 2rem;
}
.single-case #hero .txt .square {
  position: absolute;
  width: auto;
  left: -22%;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #3d4efb 0%, #47abfb 100%);
  border-radius: 2rem;
  z-index: -1;
}
.single-case #hero .txt h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 5rem 0;
  position: relative;
}
.single-case #hero .txt ul {
  display: flex;
  margin: 0 -2rem 0 -0.5rem;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
}
.single-case #hero .txt ul li {
  flex: 1 0 50%;
  margin: 2rem 0;
  padding: 0 2rem;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.single-case #hero .txt ul li:before {
  content: '';
  width: .2rem;
  height: 4.5rem;
  background: #ffb700;
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.single-case #hero .txt ul li h4 {
  color: #ffb700;
  margin: 0;
  font-weight: 700;
}
.single-case #body {
  padding: 4rem 0 5rem 0;
}
.single-case #body .row.blog {
  max-width: 114rem;
  margin-bottom: 10rem !important;
  width: 100% !important;
}
.single-case #body .row.blog > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.single-case #body .row:nth-of-type(2) {
  max-width: 95rem;
  text-align: center;
}
.single-case #body .aside {
  flex: 1 0 5rem;
  max-width: 5rem;
}
.single-case #body .aside a {
  width: 5rem !important;
  height: 5rem;
  border-radius: 50%;
  background-color: #ffb700;
  transition: all .3s;
  border: 1px solid #ffb700;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
  margin: 0 0 2rem 0;
}
.single-case #body .aside a img {
  display: none;
}
.single-case #body .aside a:hover {
  background-color: #fff;
}
.single-case #body .aside a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked.svg');
  background-size: 1.8rem auto;
  background-position: center 1.4rem;
}
.single-case #body .aside a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter.svg');
  background-size: 1.7rem auto;
  background-position: center 1.8rem;
}
.single-case #body .aside a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook.svg');
  background-size: 1rem auto;
  background-position: center 1.6rem;
}
.single-case #body .aside a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
.single-case #body .details {
  flex: 1 0 26rem;
  max-width: 26rem;
  margin-left: 0;
  padding-left: 4rem;
}
.single-case #body .details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-case #body .details ul li {
  margin: 0 0 4rem 0;
  padding: 0 0 0 2rem;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #000;
  position: relative;
}
.single-case #body .details ul li:before {
  content: '';
  width: .2rem;
  height: 4.5rem;
  background: #ffb700;
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.single-case #body .details ul li h4 {
  color: #ffb700;
  margin: 0;
  font-weight: 700;
}
.single-case #body .details ul li img {
  max-width: 100% !important;
  height: auto;
}
.single-case #body .section {
  width: 100%;
  padding-left: 7rem;
  max-width: 75rem;
  margin-left: 0;
}
.single-case #body .section .section {
  padding-left: 0;
}
.single-case #body .section *:first-child {
  margin-top: 0;
}
.single-case #body .section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.single-case #body .section ul li,
.single-case #body .section ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.single-case #body .section p a,
.single-case #body .section li a {
  color: #2D3A83;
  font-weight: 700;
}
.single-case #body .section p a:hover,
.single-case #body .section li a:hover {
  text-decoration: underline;
}
.single-case #body .section h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single-case #body .section h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single-case #body .section h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
.single-case #body .section img {
  max-width: 100%;
  height: auto;
}
.single-case #body .section a.download {
  height: 5.4rem;
  padding: 1.5rem 3.4rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #18202C;
  font-weight: 600;
  display: inline-block;
  transition: all .3s;
  background: #ffb700;
  border: 1px solid #ffb700;
  border-radius: .7rem;
  font-weight: 700;
  font-size: 2.3rem;
  margin-top: 5rem;
}
.single-case #body .section a.download:hover {
  background: #fff;
}
.single-case #body .section .hs-embed-wrapper {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  max-width: 46rem !important;
  margin: 3rem 0 0 -2rem !important;
  padding: 4rem 5rem !important;
  float: none;
}
.single-case #related {
  border-top: 1px solid rgba(61, 78, 251, 0.17);
  padding: 10rem 0;
}
.single-case #related .row {
  max-width: 114rem;
}
.single-case #related h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.single-case #related .flex {
  display: flex;
  justify-content: center;
}
.single-case #related .flex .post {
  padding: 1.5rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
}
.single-case #related .flex .post a {
  width: 100%;
  height: 100%;
  display: block;
  background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat;
  background-position: left 2rem bottom 2.5rem;
  background-size: 2.1rem auto;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
  padding: 2rem 2rem 6rem 2rem;
  color: #191919;
  border-radius: .8rem;
  transition: all .3s;
}
.single-case #related .flex .post a .pic {
  width: 9.5rem;
  height: 9.5rem;
  margin: 0 0 2rem 0;
}
.single-case #related .flex .post a .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.single-case #related .flex .post a h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.single-case #related .flex .post a p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.single-case #related .flex .post a p strong {
  font-weight: 400;
}
.single-case #more {
  padding: 10rem 0 16rem 0;
  border-top: 1px solid rgba(61, 78, 251, 0.17);
  /*.flex{ display:flex; justify-content:space-between; align-items:stretch;
			.role{ padding:0 2.5rem; flex:1 0 50%; max-width:50%;
				a{ height:100%; border-radius:.8rem; background:#fff; box-shadow:0 2.5rem 5rem rgba(0,17,86,.08); padding:4rem; display:flex;
					.img{ flex:1 0 15.5rem; max-width:15.5rem; height:15.5rem; border-radius:50%; background-repeat:no-repeat; background-size:cover; background-position:center; }
					.txt{ width:100%; padding-left:2.5rem;
						h3{ font-size:2.4rem; line-height:3.2rem; font-weight:700; color:#2D3A83; margin:0 0 2rem 0; }
						p{ font-size:1.6rem; line-height:2.4rem; color:#191919; margin:2rem 0 1rem 0; }
						span{ display:inline-block; font-size:1.8rem; line-height:2.4rem; padding:0 4.2rem 0 0; background:url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat right center; background-size:2.4rem auto; color:#27E192; font-weight:700; margin:0 0 0 0; }
					}
					&:hover span{ text-decoration:underline; }
				}
			}
		}*/
}
.single-case #more .row {
  max-width: 129rem;
}
.single-case #more h2 {
  text-align: center;
  font-size: 3.5rem;
  line-height: 5rem;
  color: #191919;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.single-case #more .flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.single-case #more .flex .role {
  padding: 0 2.5rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.single-case #more .flex .role .content {
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.08);
  padding: 4rem;
  display: flex;
  height: 100%;
  position: relative;
}
.single-case #more .flex .role .content a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.single-case #more .flex .role .content .img {
  flex: 1 0 15.5rem;
  max-width: 15.5rem;
  height: 15.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: auto 21.5rem;
  background-position: right top;
}
.single-case #more .flex .role .content .txt {
  width: 100%;
  padding-left: 2.5rem;
}
.single-case #more .flex .role .content .txt h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.single-case #more .flex .role .content .txt p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0 1rem 0;
}
.single-case #more .flex .role .content .txt p a {
  color: inherit;
  text-decoration: underline;
}
.single-case #more .flex .role .content .txt p a:hover {
  text-decoration: none;
}
.single-case #more .flex .role .content .txt span,
.single-case #more .flex .role .content .txt a.more {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.single-case #more .flex .role .content .txt span:hover,
.single-case #more .flex .role .content .txt a.more:hover {
  text-decoration: underline;
}
/* ebooks */
.page-template-page-ebooks #hero {
  padding: 25rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-ebooks #hero .row {
  max-width: 124rem;
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.page-template-page-ebooks #hero .row .txt {
  max-width: 62rem;
}
.page-template-page-ebooks #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
  color: #fff;
}
.page-template-page-ebooks #hero p {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  letter-spacing: 0.5px;
  color: #fff;
}
.page-template-page-ebooks #hero .img {
  width: 26rem;
  height: 46rem;
  position: absolute;
  bottom: -10rem;
  left: 86rem;
}
.page-template-page-ebooks #hero .img > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-ebooks #hero .img > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-ebooks #hero .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-ebooks #ebooks {
  padding: 9rem 0 10rem 0;
}
.page-template-page-ebooks #ebooks .row {
  max-width: 124rem;
  padding: 0 0.5rem;
}
.page-template-page-ebooks #ebooks h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 0 2.5rem;
}
.page-template-page-ebooks #ebooks .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 2.5rem;
}
.page-template-page-ebooks #ebooks .flex .ebook {
  border: 1px solid #DAE5F1;
  border-radius: .8rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  height: 25rem;
  transition: all .3s;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 20rem;
  max-width: 20rem;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(2) {
  display: none;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(2) .imgmob img {
  border-radius: 1.5rem;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) {
  padding: 2rem 2rem 6rem 2rem;
  width: 100%;
  /*a.hs-button{ position:absolute; left:22rem; bottom:2rem; display:inline-block; font-size:2rem; line-height:2.4rem; padding:0 4.2rem 0 0; background:url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat right center; background-size:2.4rem auto; color:#27E192; font-weight:700; margin:5rem 0 0 0;
						&:hover{ text-decoration:underline; }
					}*/
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 1rem 0;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after {
  content: 'Learn more';
  position: absolute;
  left: 22rem;
  bottom: 2rem;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 400;
  color: #2D3A83;
  margin: 0;
}
.page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) a.hs-button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -999rem;
}
.page-template-page-ebooks #ebooks .flex .ebook:hover {
  box-shadow: 0 2.4rem 4.8rem 0 rgba(0, 0, 0, 0.08);
}
.page-template-page-ebooks #ebooks .flex .ebook:hover > .row-fluid-wrapper:nth-of-type(3) {
  padding: 2rem 2rem 6rem 2rem;
  width: 100%;
}
.page-template-page-ebooks #ebooks .flex .ebook:hover > .row-fluid-wrapper:nth-of-type(3) h3:after {
  text-decoration: underline;
}
.page-template-page-ebooks #ebooks .flex .ebook:hover {
  box-shadow: 0 2.4rem 4.8rem 0 rgba(0, 0, 0, 0.08);
}
.page-template-page-ebooks-post.hs-content-id-120410846525 .row.more {
  display: none;
}
.page-template-page-ebooks-post.hs-content-id-49935257949 .row.more {
  display: none;
}
.page-template-page-ebooks-post.hs-content-id-49935257949 .row.more {
  display: none;
}
.page-template-page-ebooks-post.hs-content-id-52020745838 .row.more {
  display: none;
}
.page-template-page-ebooks-post.hs-content-id-116042283297 .row.more {
  display: none;
}
.page-template-page-ebooks-post.hs-content-id-109694494607 #hero h2 {
  color: #FFB700;
}
.page-template-page-ebooks-post.hs-content-id-109694494607 #hero .form form input[type=submit] {
  border: 1px solid #FFB700;
  background: #FFB700;
}
.page-template-page-ebooks-post.hs-content-id-109694494607 #hero .form form input[type=submit]:hover {
  background: #fff;
}
.page-template-page-ebooks-post.hs-content-id-105787071918 #hero .img,
.page-template-page-ebooks-post.hs-content-id-109694494607 #hero .img {
  top: 5rem;
}
.page-template-page-ebooks-post.hs-content-id-120236371583 #hero .img {
  top: -3rem;
}
.page-template-page-ebooks-post.hs-content-id-116042283297 #hero .img {
  top: 10rem;
}
.page-template-page-ebooks-post #hero {
  padding: 20rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-ebooks-post #hero .row.head {
  max-width: 124rem;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-ebooks-post #hero .row.head .text {
  max-width: 55rem;
}
.page-template-page-ebooks-post #hero h1 {
  font-size: 4.5rem;
  line-height: 5rem;
  font-weight: 800;
  margin: 0 0 0 0;
  color: #fff;
}
.page-template-page-ebooks-post #hero h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  margin: 0 0 2rem 0;
  color: #ffb700;
  letter-spacing: 1.5px;
}
.page-template-page-ebooks-post #hero p {
  font-size: 1.5rem;
  margin: 0 0 0 0;
  color: #000;
}
.page-template-page-ebooks-post #hero .img {
  width: 54rem;
  height: 60rem;
  position: absolute;
  top: -5rem;
  left: 0;
}
.page-template-page-ebooks-post #hero .img > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-ebooks-post #hero .img > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-ebooks-post #hero .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-ebooks-post #hero .form {
  background: #FFFFFF;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  margin: 4rem 0 0 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-ebooks-post #hero .form .formlead {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}
.page-template-page-ebooks-post #hero .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-ebooks-post #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-ebooks-post #hero .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-ebooks-post #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-ebooks-post #hero .form form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-ebooks-post #hero .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-ebooks-post #hero .form form .hs_submit {
  width: 100%;
  text-align: center;
}
.page-template-page-ebooks-post #hero .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-ebooks-post #hero .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-ebooks-post #hero .form form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-ebooks-post #hero .form form fieldset input[type="text"],
.page-template-page-ebooks-post #hero .form form fieldset input[type="number"],
.page-template-page-ebooks-post #hero .form form fieldset input[type="email"],
.page-template-page-ebooks-post #hero .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-ebooks-post #hero .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-ebooks-post #hero .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-ebooks-post #hero .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-ebooks-post #hero .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-ebooks-post #hero .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.1rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  background: #ffb700;
  border: 1px solid #ffb700;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-ebooks-post #hero .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-ebooks-post #hero .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-ebooks-post #hero .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-ebooks-post #hero .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-ebooks-post #hero .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-ebooks-post #hero .form .submitted-message p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
  color: #333;
  font-weight: 700;
}
.page-template-page-ebooks-post #hero .form .submitted-message p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-ebooks-post #hero .form .submitted-message p a:hover {
  text-decoration: none;
}
.page-template-page-ebooks-post #hero .row.more {
  max-width: 124rem;
}
.page-template-page-ebooks-post #hero .row.more h2 {
  font-size: 3.5rem;
  line-height: 4.2rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  margin: 17rem 2rem 8rem 2rem;
}
.page-template-page-ebooks-post #hero .row.more h2:blank {
  display: none;
}
.page-template-page-ebooks-post #hero .row.more h2:empty {
  display: none;
}
.page-template-page-ebooks-post #hero .row.more .txt ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  counter-reset: item;
}
.page-template-page-ebooks-post #hero .row.more .txt ol li {
  display: block;
  position: relative;
  flex: 1 0 33.33%;
  max-width: 33.33%;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #fff;
  margin: 0 0 10rem 0;
  padding: 0 2rem 0 7rem;
}
.page-template-page-ebooks-post #hero .row.more .txt ol li:before {
  content: counter(item) ". ";
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 900;
  position: absolute;
  left: 2rem;
  top: 0;
  counter-increment: item;
  color: #3D4EFB;
}
.page-template-page-ebooks-post #hero .row.more .download {
  text-align: center;
}
.page-template-page-ebooks-post #hero .row.more .download a {
  height: 5.4rem;
  padding: 1.5rem 3.4rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #18202C;
  font-weight: 600;
  display: inline-block;
  transition: all .3s;
  background: #ffb700;
  border: 1px solid #ffb700;
  border-radius: .7rem;
  font-weight: 700;
  font-size: 2.3rem;
}
.page-template-page-ebooks-post #hero .row.more .download a:hover {
  background: #fff;
}
.page-template-page-ebooks-post #hero .row.more .download a[rel="nofollow"] {
  display: none;
}
.page-template-page-ebooks-post #ebooks {
  padding: 9rem 0 10rem 0;
}
.page-template-page-ebooks-post #ebooks .row {
  max-width: 124rem;
  padding: 0 0.5rem;
}
.page-template-page-ebooks-post #ebooks h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 0 2.5rem;
  text-align: center;
}
.page-template-page-ebooks-post #ebooks .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 2.5rem;
}
.page-template-page-ebooks-post #ebooks .flex .ebook {
  border: 1px solid #DAE5F1;
  border-radius: .8rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  height: 25rem;
  transition: all .3s;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 20rem;
  max-width: 20rem;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(2) {
  display: none;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(2) .imgmob img {
  border-radius: 1.5rem;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) {
  padding: 2rem 2rem 6rem 2rem;
  width: 100%;
  /*a.hs-button{ position:absolute; left:22rem; bottom:2rem; display:inline-block; font-size:2rem; line-height:2.4rem; padding:0 4.2rem 0 0; background:url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat right center; background-size:2.4rem auto; color:#27E192; font-weight:700; margin:5rem 0 0 0;
						&:hover{ text-decoration:underline; }
					}*/
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 1rem 0;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after {
  content: 'Learn more';
  position: absolute;
  left: 22rem;
  bottom: 2rem;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 400;
  color: #2D3A83;
  margin: 0;
}
.page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) a.hs-button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -999rem;
}
.page-template-page-ebooks-post #ebooks .flex .ebook:hover {
  box-shadow: 0 2.4rem 4.8rem 0 rgba(0, 0, 0, 0.08);
}
.page-template-page-ebooks-post #ebooks .flex .ebook:hover > .row-fluid-wrapper:nth-of-type(3) {
  padding: 2rem 2rem 6rem 2rem;
  width: 100%;
}
.page-template-page-ebooks-post #ebooks .flex .ebook:hover > .row-fluid-wrapper:nth-of-type(3) h3:after {
  text-decoration: underline;
}
.page-template-page-ebooks-post.standalone #hero .img {
  position: static;
  width: auto;
  height: auto;
}
.page-template-page-ebooks-post.standalone #hero .img img {
  position: relative;
  left: -5rem;
  max-width: 34rem !important;
  height: auto !important;
}
.page-template-page-ebooks-post.standalone #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 4rem;
  order: 2;
}
.page-template-page-ebooks-post.standalone #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 4rem;
  order: 1;
}
.page-template-page-ebooks-post.standalone #hero .row.more {
  padding: 0;
}
.page-template-page-ebooks-post.standalone #hero .row.more h2 {
  margin: 0 0 6rem 0;
  text-align: left;
  max-width: 34rem;
}
.page-template-page-ebooks-post.standalone #hero .row.more .txt ol li {
  flex: 1 0 100%;
  max-width: 100%;
  margin: 0 0 4rem 0;
  padding: 0 0 0 7rem;
}
/* bi reporting */
.page-template-page-bireporting #hero {
  padding: 20rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-bireporting #hero .row.head {
  max-width: 128rem;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 5rem;
}
.page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
  color: #fff;
  max-width: 51rem;
}
.page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) p {
  font-size: 2.2rem;
  line-height: 3.0rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #fff;
}
.page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
.page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 5rem;
}
.page-template-page-bireporting #hero .form {
  background: #FFFFFF;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  margin: 0 0 0 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-bireporting #hero .form .p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: #000;
  font-weight: 600;
  margin: 0 0 2rem 0;
}
.page-template-page-bireporting #hero .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-bireporting #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-bireporting #hero .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-bireporting #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-bireporting #hero .form form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-bireporting #hero .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-bireporting #hero .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-bireporting #hero .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-bireporting #hero .form form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-bireporting #hero .form form fieldset input[type="text"],
.page-template-page-bireporting #hero .form form fieldset input[type="number"],
.page-template-page-bireporting #hero .form form fieldset input[type="email"],
.page-template-page-bireporting #hero .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-bireporting #hero .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-bireporting #hero .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-bireporting #hero .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-bireporting #hero .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-bireporting #hero .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.1rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-bireporting #hero .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-bireporting #hero .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-bireporting #hero .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-bireporting #hero .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-bireporting #hero .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-bireporting #hero .form .submitted-message p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
  color: #333;
  font-weight: 700;
}
.page-template-page-bireporting #hero .form .submitted-message p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-bireporting #hero .form .submitted-message p a:hover {
  text-decoration: none;
}
/* referral program */
.page-template-page-referral-program #hero {
  padding: 20rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  overflow: hidden;
}
.page-template-page-referral-program #hero .row.head {
  max-width: 128rem;
  position: relative;
  z-index: 2;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 24rem;
  max-width: 24rem;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
  border-radius: 3.6rem;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
  padding-left: 5rem;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h1 {
  font-size: 6.3rem;
  line-height: 6.8rem;
  font-weight: 800;
  margin: 0 0 2rem 0;
  color: #fff;
}
.page-template-page-referral-program #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) p {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 500;
  margin: 2rem 0 0 0;
  color: #fff;
}
.page-template-page-referral-program #hero #register {
  max-width: 128rem;
  margin: 7rem auto 0 auto !important;
  float: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 4rem;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) .text {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) .text .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 20rem;
  max-width: 20rem;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) .text .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) .text .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) .text .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) h1 {
  font-size: 6.3rem;
  line-height: 6.8rem;
  font-weight: 800;
  margin: 2rem 0 2rem 0;
  color: #fff;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) p {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 500;
  margin: 2rem 0 0 0;
  color: #fff;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) a {
  height: 4.4rem;
  padding: 1rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 1rem 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) a:hover {
  background: #fff;
  color: #000;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 5rem;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form {
  background: #FFFFFF;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  margin: 0 0 0 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: #000;
  font-weight: 600;
  margin: 0 0 2rem 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="text"],
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="number"],
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="email"],
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
  color: #333;
  font-weight: 700;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p a:hover {
  text-decoration: none;
}
.page-template-page-referral-program .bg {
  width: 85rem;
  height: 77rem;
  position: absolute;
  bottom: -41rem;
  left: -20rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/sigil.png') no-repeat;
  background-size: contain;
  opacity: 0.1;
}
/* atlanta dinner */
.page-template-page-atlanta-dinner #hero {
  padding: 20rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  overflow: hidden;
}
.page-template-page-atlanta-dinner #hero .row.head {
  max-width: 128rem;
  position: relative;
  z-index: 2;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 24rem;
  max-width: 24rem;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
  border-radius: 3.6rem;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
  padding-left: 5rem;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h1 {
  font-size: 6.3rem;
  line-height: 6.8rem;
  font-weight: 800;
  margin: 0 0 2rem 0;
  color: #fff;
}
.page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) p {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 500;
  margin: 2rem 0 0 0;
  color: #fff;
}
.page-template-page-atlanta-dinner #hero #register {
  max-width: 128rem;
  margin: 7rem auto 0 auto !important;
  float: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 5rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) p,
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) li {
  font-size: 1.7rem;
  line-height: 3rem;
  margin: 0 0 2rem 0;
  color: #fff;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) li {
  margin: 1rem 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a {
  height: 4.4rem;
  padding: 1rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 1rem 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a:hover {
  background: #fff;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a.nobtn {
  color: #fff;
  border: none;
  background: transparent;
  padding: 0;
  text-decoration: underline;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a.nobtn:hover {
  text-decoration: none;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a.blue {
  background: #3D4EFB;
  color: #fff;
  border-color: #3D4EFB;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a.blue:hover {
  background: transparent;
  border-color: #fff;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 5rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form {
  background: #FFFFFF;
  padding: 3rem 2rem;
  border-radius: 1.2rem;
  margin: 0 0 0 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: #000;
  font-weight: 600;
  margin: 0 0 2rem 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #444D5B;
  margin: 1rem 0;
  max-width: 51rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form p a:hover {
  text-decoration: none;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-richtext {
  padding: 0 10px;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-1 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: 0 -0.8rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
  padding: 0.8rem 0.8rem;
  flex: 1 0 21%;
  max-width: 21%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio input {
  position: absolute;
  left: -999rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio span {
  display: block;
  border: 1px solid transparent;
  height: 4.4rem;
  line-height: 2.2rem;
  border-radius: 2.2rem;
  background: #F5F8FF;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  color: #444D5B;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  transition: all .3s;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio span:hover {
  border: 1px solid #2d3a83;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio input:checked + span {
  background-color: #2d3a83;
  color: #fff;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="text"],
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="tel"],
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="number"],
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset input[type="email"],
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
  color: #333;
  font-weight: 700;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message p a:hover {
  text-decoration: none;
}
.page-template-page-atlanta-dinner .bg {
  width: 85rem;
  height: 77rem;
  position: absolute;
  bottom: -41rem;
  left: -20rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/sigil.png') no-repeat;
  background-size: contain;
  opacity: 0.1;
}
/* form */
.page-template-page-form #hero {
  padding: 20rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-form #hero .row {
  display: flex;
  max-width: 120rem;
}
.page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1;
  padding-right: 8rem;
}
.page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h1 {
  font-size: 7rem;
  line-height: 7rem;
  font-weight: 800;
  margin: 0 0 2rem 0;
  color: #fff;
}
.page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h2 {
  font-size: 3rem;
  line-height: 3.8rem;
  font-weight: 600;
  margin: 2rem 0;
  color: #fff;
  max-width: 35rem;
}
.page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) p {
  font-size: 2.2rem;
  line-height: 3.0rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #fff;
  max-width: 47rem;
}
.page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 55rem;
  max-width: 55rem;
}
.page-template-page-form #hero .form {
  background: #FFFFFF;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  margin: 4rem 0 0 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-form #hero .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-form #hero .form form > div {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1rem;
}
.page-template-page-form #hero .form form div.hs_icm_pain__c {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-form #hero .form form div.hs_submit {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-form #hero .form form .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-form #hero .form form label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-form #hero .form form input[type="text"],
.page-template-page-form #hero .form form input[type="number"],
.page-template-page-form #hero .form form input[type="email"],
.page-template-page-form #hero .form form select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-form #hero .form form textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-form #hero .form form .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-form #hero .form form .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-form #hero .form form .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-form #hero .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 2rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-form #hero .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-form #hero .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-form #hero .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-form #hero .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-form #hero .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-form #hero .form .submitted-message p {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 2rem 0;
  color: #333;
  font-weight: 700;
}
.page-template-page-form #hero .form .submitted-message p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-form #hero .form .submitted-message p a:hover {
  text-decoration: none;
}
.page-template-page-form #subfooter {
  background: #191919;
}
/* datasheets */
.page-template-page-datasheets #hero {
  padding: 25rem 0 24rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-datasheets #hero .row {
  max-width: 124rem;
}
.page-template-page-datasheets #hero .row .txt {
  max-width: 62rem;
}
.page-template-page-datasheets #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 3rem 0;
  color: #fff;
}
.page-template-page-datasheets #hero .p {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 400;
  margin: 0 0 0 0;
  letter-spacing: 0.5px;
  color: #fff;
}
.page-template-page-datasheets #hero .img {
  width: 51rem;
  height: 59rem;
  position: absolute;
  bottom: -17rem;
  left: 78rem;
}
.page-template-page-datasheets #hero .img > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-datasheets #hero .img > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-datasheets #hero .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-datasheets #hero a {
  margin: 4rem 0 0 0;
  height: 5.2rem;
  padding: 1.4rem 3.2rem 1.4rem 3.2rem;
  border: 1px solid #27e192;
  border-radius: 2.6rem;
  background: #27e192;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-datasheets #datasheets {
  border-radius: 1.2rem;
  max-width: 105rem;
  padding: 2.8rem 2.4rem 2.5rem 2.4rem;
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.1);
  float: none;
  margin: 0 auto 0 auto;
  background: #fff;
  position: relative;
  top: -7rem;
  z-index: 2;
}
.page-template-page-datasheets #datasheets h2 {
  font-size: 3rem;
  line-height: 4rem;
  margin: 0 0 1rem 0;
  text-align: center;
  font-weight: 700;
  color: #191919;
}
.page-template-page-datasheets #datasheets img {
  border-top-left-radius: .8rem;
  border-top-right-radius: .8rem;
}
.page-template-page-datasheets #datasheets .row {
  padding: 0;
  display: flex;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper {
  flex: 1 0 20%;
  max-width: 20%;
  padding: 0 1.2rem;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid {
  height: 100%;
  border-radius: .8rem;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-span {
  height: 100%;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.08);
  position: relative;
  padding: 0 0 5rem 0;
  background: #fff;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper {
  padding: 0 1.5rem;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  padding: 0;
}
.page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(3) {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
}
.page-template-page-datasheets #datasheets h3 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #2D3A83;
}
.page-template-page-datasheets #datasheets a {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
  color: #ffb700;
}
.page-template-page-datasheets #datasheets a:hover {
  text-decoration: underline;
}
.page-template-page-datasheets #lead {
  padding: 0 0 8rem 0;
}
.page-template-page-datasheets #lead .row {
  max-width: 81rem;
}
.page-template-page-datasheets #lead p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0;
  text-align: center;
  color: #000;
}
.page-template-page-datasheets #lead h2 {
  margin: 6rem auto 2rem auto;
  text-align: center;
  max-width: 60rem;
  font-size: 3.5rem;
  line-height: 4.5rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-datasheets #lead h2 ~ p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.page-template-page-datasheets #less {
  padding: 10rem 0 0 0;
  background: #F5F8FF;
}
.page-template-page-datasheets #less .row {
  max-width: 124rem;
}
.page-template-page-datasheets #less h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  margin: 0 0 3rem 0;
  text-align: center;
  font-weight: 700;
  color: #191919;
}
.page-template-page-datasheets #less .p {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem auto;
  max-width: 75rem;
  text-align: center;
}
.page-template-page-datasheets #less .flex {
  display: flex;
  flex-wrap: wrap;
  margin: 14rem -5rem 0 -5rem;
}
.page-template-page-datasheets #less .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5rem;
}
.page-template-page-datasheets #less .flex .ico {
  width: 15.4rem;
  height: 15.4rem;
  border-radius: 50%;
  box-shadow: 0 30px 44px rgba(0, 0, 0, 0.1);
  margin: 0 auto 3rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
}
.page-template-page-datasheets #less .flex .post {
  display: flex;
  margin: 0 0 10rem 0;
}
.page-template-page-datasheets #less .flex .post > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 15.4rem;
  max-width: 15.4rem;
}
.page-template-page-datasheets #less .flex .post > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  padding: 0 0 0 3.5rem;
}
.page-template-page-datasheets #less .flex .post h3 {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
}
.page-template-page-datasheets #less .flex .post p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0;
}
.page-template-page-datasheets #about {
  padding: 4rem 0 5rem 0;
  background: #F5F8FF;
}
.page-template-page-datasheets #about h2 {
  font-size: 4rem;
  line-height: 4.5rem;
  color: #3D4EFB;
  font-weight: 700;
  max-width: 66rem;
  padding: 0 2rem;
  margin: 0 auto 3rem auto;
  text-align: center;
}
.page-template-page-datasheets #about .row {
  max-width: 126rem;
}
.page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7rem 0;
}
.page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  position: relative;
}
.page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  max-width: 46rem;
  flex: 1 0 46rem;
  padding: 0 0 0 6rem;
}
.page-template-page-datasheets #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
}
.page-template-page-datasheets #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
  padding-left: 0;
  padding-right: 6rem;
}
.page-template-page-datasheets #about .row .pic img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 100px rgba(0, 0, 0, 0.1));
}
.page-template-page-datasheets #about .row .text h3 {
  font-size: 3.5rem;
  line-height: 3.7rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3.5rem 0;
}
.page-template-page-datasheets #about .row .text p {
  font-size: 1.7rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
.page-template-page-datasheets #about .row .text a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-datasheets #about .row .text a:hover {
  text-decoration: underline;
}
.page-template-page-datasheets #download {
  padding: 17rem 0 16rem;
}
.page-template-page-datasheets #download .row {
  max-width: 82rem;
  text-align: center;
}
.page-template-page-datasheets #download p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 1.5rem 0;
  color: #191919;
}
.page-template-page-datasheets #download a {
  margin: 3rem 0 0 0;
  height: 5.2rem;
  padding: 1.4rem 3rem 1.4rem 3rem;
  border: 1px solid #3D4EFB;
  border-radius: 2.6rem;
  background: #3D4EFB;
  background-size: 2.3rem auto;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-datasheets #download a:hover {
  background-color: transparent;
  color: #3D4EFB;
}
/* webinars */
.page-template-page-webinars .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-webinars .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-webinars .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-webinars .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-webinars .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-webinars .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-webinars .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-webinars .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-webinars .gate {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  padding: 3rem 2rem;
  display: none;
  opacity: 0;
  transition: all .3s;
}
.page-template-page-webinars .gate .gateClose {
  width: 2.2rem;
  height: 2.2rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-close.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  right: -4.6rem;
  top: 0.2rem;
  cursor: pointer;
}
.page-template-page-webinars .gate > .hs_cos_wrapper {
  max-width: 56rem;
  width: 100%;
  background: #fff;
  border-radius: 1.2rem;
  padding: 3rem 4rem 4rem 4rem;
  height: 100%;
  position: relative;
}
.page-template-page-webinars .gate > .hs_cos_wrapper > .hs_cos_wrapper {
  height: 100%;
  overflow-y: auto;
  display: block;
}
.page-template-page-webinars .gate h1 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #191919;
  margin: 0 0 2rem 0;
  font-weight: 800;
}
.page-template-page-webinars .gate .submitted-message {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-template-page-webinars .gate .submitted-message p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 1.5rem 0;
  font-weight: 600;
  text-align: center;
}
.page-template-page-webinars .gate .submitted-message a {
  height: 4.4rem;
  padding: 1.2rem 3.5rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-webinars .gate .submitted-message a:hover {
  background: #fff;
}
.page-template-page-webinars .gate .hs_error_rollup {
  margin: 0 0 2rem 0;
}
.page-template-page-webinars .gate form .field {
  margin: 0 0 2rem 0;
}
.page-template-page-webinars .gate form .field .hs-form-field {
  margin: 0 0 1.2rem 0;
}
.page-template-page-webinars .gate form .field label {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.page-template-page-webinars .gate form .field input[type="text"],
.page-template-page-webinars .gate form .field input[type="email"],
.page-template-page-webinars .gate form .field select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-webinars .gate form .field textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-webinars .gate form .field .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinars .gate form .field .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-webinars .gate form .field .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-webinars .gate form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 3.5rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-webinars .gate form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-webinars .gate form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-webinars .gate form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinars .gate form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-webinars .gate form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-webinars #hero {
  padding-top: 17rem;
}
.page-template-page-webinars #hero .row {
  max-width: 130rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-webinars #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 5rem;
}
.page-template-page-webinars #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  position: relative;
}
.page-template-page-webinars #hero .txt {
  position: relative;
}
.page-template-page-webinars #hero .txt:before {
  content: '';
  background: linear-gradient(-95deg, #4bcdfa 0%, #3d4efb 100%);
  border-radius: 1.2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.page-template-page-webinars #hero .txt > .hs_cos_wrapper {
  position: relative;
  padding: 5rem 6rem 5rem 6rem;
}
.page-template-page-webinars #hero .txt > .hs_cos_wrapper:before {
  content: '';
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-webinars.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -13rem;
  left: 0;
}
.page-template-page-webinars #hero .txt > .hs_cos_wrapper > .hs_cos_wrapper {
  position: relative;
}
.page-template-page-webinars #hero .txt h1 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-webinars #hero .txt p {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0.5px;
  color: #fff;
  margin: 2rem 0;
  max-width: 37rem;
}
.page-template-page-webinars #hero .new h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #3D4EFB;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-star.svg') no-repeat left center;
  background-size: 1.6rem auto;
  padding-left: 2.5rem;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #DAE5F1;
  padding: 2rem 2rem 2rem 2rem;
  color: #191919;
  border-radius: .8rem;
  position: relative;
  transition: all .3s;
  /*cursor:pointer;*/
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(2) {
  order: 2;
  width: 16rem;
  height: 16rem;
  flex: 1 0 16rem;
  max-width: 16rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
  padding: 0;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(2) img {
  width: 100%;
  height: 100%;
  position: static;
  object-fit: cover;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) {
  order: 1;
  width: 100%;
  padding: 0 3rem 3rem 0;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) h2 {
  background: none;
  letter-spacing: 0;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
  color: #000;
  text-transform: none;
  padding: 0;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) p strong {
  font-weight: 400;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) p a {
  color: #ffb700;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  bottom: 2rem;
  font-size: 1.8rem;
  padding: 0 3.5rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: right center;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(1) p a:hover {
  text-decoration: underline;
}
.page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span:hover {
  /*box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.08);*/
}
.page-template-page-webinars #hero .form {
  margin: 7rem 0 0 0;
  padding: 4rem 5rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 3rem 7.6rem rgba(0, 0, 0, 0.2);
}
.page-template-page-webinars #hero .form h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 0 0 2rem 0;
}
.page-template-page-webinars #hero .form .submitted-message p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 0 0 0 0;
  text-align: left !important;
}
.page-template-page-webinars #hero .form .hs_error_rollup {
  margin: 0 0 2rem 0;
}
.page-template-page-webinars #hero .form form .field {
  margin: 0 0 2rem 0;
}
.page-template-page-webinars #hero .form form .field .hs-form-field {
  margin: 0 0 1.2rem 0;
}
.page-template-page-webinars #hero .form form .field label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
  display: none;
}
.page-template-page-webinars #hero .form form .field input[type="text"],
.page-template-page-webinars #hero .form form .field input[type="email"],
.page-template-page-webinars #hero .form form .field select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-webinars #hero .form form .field textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-webinars #hero .form form .field .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinars #hero .form form .field .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-webinars #hero .form form .field .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-webinars #hero .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 2.2rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-webinars #hero .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-webinars #hero .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-webinars #hero .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinars #hero .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-webinars #hero .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-webinars #webinars {
  padding: 8rem 0 14rem 0;
}
.page-template-page-webinars #webinars .row {
  max-width: 124rem;
}
.page-template-page-webinars #webinars .row .flex {
  margin: 0 -1.7rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: unset;
}
.page-template-page-webinars #webinars .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.7rem;
  margin: 0 0 3.4rem 0;
}
.page-template-page-webinars #webinars .row .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-webinars #webinars .row .flex .webinar {
  border: 1px solid #DAE5F1;
  border-radius: 0.8rem;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
  position: relative;
}
.page-template-page-webinars #webinars .row .flex .webinar .hs-button {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -999rem;
  z-index: 2;
}
.page-template-page-webinars #webinars .row .flex .webinar .widget-type-custom_widget {
  min-height: unset;
}
.page-template-page-webinars #webinars .row .flex .webinar .img {
  position: relative;
}
.page-template-page-webinars #webinars .row .flex .webinar .img:before {
  content: '';
  width: 5.4rem;
  height: 5.4rem;
  background-color: #fff;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-play-blue.svg');
  background-size: 2.7rem auto;
  background-repeat: no-repeat;
  background-position: 1.6rem center;
  border-radius: 50%;
  position: absolute;
  right: 2.2rem;
  bottom: 2.2rem;
  z-index: 1;
}
.page-template-page-webinars #webinars .row .flex .webinar .img .hs_cos_wrapper_type_linked_image {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  display: block;
}
.page-template-page-webinars #webinars .row .flex .webinar .img .hs_cos_wrapper_type_linked_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-template-page-webinars #webinars .row .flex .webinar .txt {
  padding: 2rem 2.5rem 7.5rem 2.5rem;
}
.page-template-page-webinars #webinars .row .flex .webinar .txt h3 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #191919;
  font-weight: 700;
  margin: 0;
}
.page-template-page-webinars #webinars .row .flex .webinar .txt:after {
  content: 'Watch';
  color: #ffb700;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  bottom: 2rem;
  font-size: 1.8rem;
  padding: 0 3.5rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg');
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: right center;
}
.page-template-page-webinars #webinars .row .flex .webinar:hover .txt h3 {
  text-decoration: underline;
}
/* careers */
.page-template-page-careers #hero {
  padding: 25rem 0 14rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-careers #hero .row {
  max-width: 120rem;
}
.page-template-page-careers #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  max-width: 48rem;
  position: relative;
}
.page-template-page-careers #hero .img {
  width: 52rem;
  height: 55rem;
  position: absolute;
  bottom: -12rem;
  left: 71rem;
}
.page-template-page-careers #hero .img > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-careers #hero .img > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-careers #hero .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-careers #hero h1 {
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 4rem 0;
  color: #fff;
}
.page-template-page-careers #hero h1 span {
  color: #ffb700;
}
.page-template-page-careers #hero p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.5px;
  color: #fff;
}
.page-template-page-careers #hero p img {
  position: absolute;
  top: -4rem;
  right: -7rem;
}
.page-template-page-careers #about {
  padding: 9rem 0 13rem 0;
}
.page-template-page-careers #about .row {
  max-width: 120rem;
}
.page-template-page-careers #about .row.picture {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  position: relative;
}
.page-template-page-careers #about .row.picture img {
  width: 100%;
  max-width: 110rem !important;
  height: auto;
  border-radius: 2.7rem;
  margin-right: -5rem;
}
.page-template-page-careers #about .row.picture .p {
  margin: 2rem 0 0 0;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #444D5B;
  font-weight: 400;
  position: absolute;
  left: 50%;
  padding: 0 3rem 0 4rem;
  width: 50%;
}
.page-template-page-careers #about .row.text {
  display: flex;
  justify-content: space-between;
}
.page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 4rem 0 0;
}
.page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(1) .p {
  margin: 2rem 0 0 0.5rem;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #444D5B;
  font-weight: 400;
}
.page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 0 0 4rem;
}
.page-template-page-careers #about .row.text .lead {
  margin-top: -10rem;
}
.page-template-page-careers #about .row.text .lead .img img {
  width: 100%;
  height: 33.5rem !important;
  border-radius: 2.7rem;
  object-fit: cover;
}
.page-template-page-careers #about .row.text .lead .img .p {
  margin: 2rem 0 0 0.5rem;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #444D5B;
  font-weight: 400;
}
.page-template-page-careers #about .row.text .lead p {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #191919;
  font-weight: 700;
  margin: 6rem 0 0 0;
}
.page-template-page-careers #about .row.text .lead p span {
  color: #ffb700;
}
.page-template-page-careers #about .row.text .txt h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  color: #000;
  font-weight: 700;
  margin: 16rem 0 3rem 0;
}
.page-template-page-careers #about .row.text .txt p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0;
}
.page-template-page-careers #why .row {
  max-width: 120rem;
}
.page-template-page-careers #why .row .owl-carousel {
  background: #F5F8FF;
  border-radius: 2.5rem;
  padding: 8rem 4rem;
}
.page-template-page-careers #why .row .owl-carousel .owl-nav {
  justify-content: center;
  width: 21rem;
  position: absolute;
  right: 4rem;
  top: 41rem;
}
.page-template-page-careers #why .row .owl-carousel .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-careers #why .row .owl-carousel .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-careers #why .row .owl-carousel .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-careers #why .row .slide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1px;
}
.page-template-page-careers #why .row .slide > .row-fluid-wrapper:nth-of-type(1) {
  max-width: 77rem;
  padding-right: 4rem;
}
.page-template-page-careers #why .row .slide > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 21rem;
  max-width: 21rem;
}
.page-template-page-careers #why .row .slide h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  margin: 0 0 4rem 10rem;
  font-weight: 700;
}
.page-template-page-careers #why .row .slide blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 600;
  margin: 0;
  padding: 0 0 0 10rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: 7.7rem auto;
}
.page-template-page-careers #why .row .slide blockquote p {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 600;
  margin: 0;
  color: #000;
}
.page-template-page-careers #why .row .slide blockquote ul {
  margin: 0;
  padding: 0 0 0 2.5rem;
}
.page-template-page-careers #why .row .slide blockquote ul li {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 600;
  margin: 0.2rem 0;
  color: #000;
}
.page-template-page-careers #why .row .slide p {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 1rem 0 1rem 10rem;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-careers #why .row .slide p strong {
  font-weight: 800;
}
.page-template-page-careers #why .row .slide a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 10rem;
}
.page-template-page-careers #why .row .slide a:hover {
  text-decoration: underline;
}
.page-template-page-careers #why .row .slide .pic {
  width: 21rem;
  height: 21rem;
  margin: 8.5rem 0 0 0;
}
.page-template-page-careers #why .row .slide .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.page-template-page-careers #values {
  padding: 24rem 0 8rem 0;
}
.page-template-page-careers #values .row {
  max-width: 122rem;
}
.page-template-page-careers #values h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 4rem 0;
}
.page-template-page-careers #values .owl-carousel {
  margin: -10rem 0 0 0;
}
.page-template-page-careers #values .slide {
  display: flex;
  justify-content: space-between;
  padding: 0 .1rem;
}
.page-template-page-careers #values .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 48rem;
}
.page-template-page-careers #values .slide > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 48rem;
}
.page-template-page-careers #values .slide .txt h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 4rem 0;
}
.page-template-page-careers #values .slide .txt h3 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 900;
  margin: 10rem 0 4rem 0;
  text-transform: uppercase;
}
.page-template-page-careers #values .slide .txt ul {
  margin: 0;
  padding: 0 0 0 2rem;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-careers #values .slide .txt ul li {
  margin: 2rem 0;
  padding: 0 2rem 0 1rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-careers #values .slide .img {
  display: flex;
  justify-content: center;
}
.page-template-page-careers #values .slide .img .pic {
  height: 40rem;
  width: 40rem;
}
.page-template-page-careers #values .slide .img .pic > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-careers #values .slide .img .pic > .hs_cos_wrapper > .hs_cos_wrapper {
  width: inherit;
  height: inherit;
}
.page-template-page-careers #values .slide .img .pic img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-careers #values nav {
  width: 40rem;
  overflow: hidden;
  position: absolute;
  top: 39rem;
  right: 3rem;
  margin: 0 4rem;
  z-index: 3;
}
.page-template-page-careers #values nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100rem;
  position: relative;
  left: -10rem;
  transition: all .3s;
}
.page-template-page-careers #values nav ul li {
  width: 10rem;
  height: 10rem;
  margin: 0;
  padding: 1.5rem 1.5rem;
  cursor: pointer;
}
.page-template-page-careers #values nav ul li img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.page-template-page-careers #values .owl-nav {
  position: absolute;
  top: 49rem;
  right: 0;
  width: 48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 10rem;
}
.page-template-page-careers #values .owl-nav .owl-prev,
.page-template-page-careers #values .owl-nav .owl-next {
  width: 1rem;
  height: 2rem;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  transition: all .3s;
}
.page-template-page-careers #values .owl-nav .owl-prev:hover,
.page-template-page-careers #values .owl-nav .owl-next:hover {
  transform: scale(1.2);
}
.page-template-page-careers #values .owl-nav .owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev2.svg') !important;
}
.page-template-page-careers #values .owl-nav .owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next2.svg') !important;
}
.page-template-page-careers #careers {
  padding: 11rem 0 22rem 0;
  background: #F5F8FF;
}
.page-template-page-careers #careers .p {
  font-size: 2.6rem;
  line-height: 3.5rem;
  letter-spacing: 0.6px;
  text-align: center;
  margin: 0 auto 4rem auto;
  color: #000;
  max-width: 68rem;
}
.page-template-page-careers #careers h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  color: #191919;
  text-align: center;
  margin: 0 0 5rem 0;
  font-weight: 700;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li {
  flex: 1 0 35rem;
  max-width: 35rem;
  padding: 3rem 4rem;
  display: block;
  border: 1px solid #DAE5F1;
  border-radius: .8rem;
  background: #fff;
  margin: 2rem;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li h3 {
  margin: 0 0 1.5rem 0;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li h3 a {
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #191919;
  font-weight: 700;
  text-decoration: underline;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li h3 a:hover {
  text-decoration: none;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li .whr-info {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li .whr-info li {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.page-template-page-careers #careers #whr_embed_hook ul.whr-items > li .whr-date {
  display: none;
}
.page-template-page-careers #cta {
  padding: 8rem 0 12rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4385fb 100%);
  position: relative;
  overflow: hidden;
}
.page-template-page-careers #cta .row {
  max-width: 106rem;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-careers #cta .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-careers.png') no-repeat right -40rem;
  background-size: 80rem auto;
}
.page-template-page-careers #cta .txt {
  max-width: 52rem;
}
.page-template-page-careers #cta p {
  font-size: 5rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 400;
  margin: 0 0 2.5rem 0;
}
.page-template-page-careers #cta a {
  height: 5.2rem;
  padding: 1.4rem 7.2rem 1.4rem 3.2rem;
  border: 1px solid #ffb700;
  border-radius: 2.6rem;
  background: #ffb700;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-careers #cta a:before {
  content: '';
  width: 2.3rem;
  height: 1.6rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-forward-black.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin: -0.8rem 0 0 0;
  right: 2.8rem;
}
.page-template-page-careers #cta a:hover {
  background: #fff;
  border: 1px solid #ffb700;
}
.page-template-page-careers #cta .image {
  width: 32rem;
  height: 29rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14.5rem;
}
.page-template-page-careers #cta .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* analytics */
.page-template-page-analytics .gate {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  padding: 3rem 2rem;
  display: none;
  opacity: 0;
  transition: all .3s;
}
.page-template-page-analytics .gate .gateClose {
  width: 2.2rem;
  height: 2.2rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-close.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  right: -4.6rem;
  top: 0.2rem;
  cursor: pointer;
}
.page-template-page-analytics .gate > .hs_cos_wrapper {
  max-width: 56rem;
  width: 100%;
  background: #fff;
  border-radius: 1.2rem;
  padding: 3rem 4rem 4rem 4rem;
  height: 100%;
  position: relative;
}
.page-template-page-analytics .gate > .hs_cos_wrapper > .hs_cos_wrapper {
  height: 100%;
  overflow-y: auto;
  display: block;
}
.page-template-page-analytics .gate h1 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #191919;
  margin: 0 0 2rem 0;
  font-weight: 800;
}
.page-template-page-analytics .gate .submitted-message {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-template-page-analytics .gate .submitted-message p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 1.5rem 0;
  font-weight: 600;
  text-align: center;
}
.page-template-page-analytics .gate .submitted-message a {
  height: 4.4rem;
  padding: 1.2rem 3.5rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-analytics .gate .submitted-message a:hover {
  background: #fff;
}
.page-template-page-analytics .gate .hs_error_rollup {
  margin: 0 0 2rem 0;
}
.page-template-page-analytics .gate form h2 {
  margin: 1rem 0 4rem 0;
  font-size: 2.4rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-analytics .gate form .hs-richtext p {
  margin: 1rem 0 4rem 0;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #000;
  font-weight: 400;
}
.page-template-page-analytics .gate form .hs-richtext p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-analytics .gate form .hs-richtext p a:hover {
  text-decoration: none;
}
.page-template-page-analytics .gate form .field {
  margin: 0 0 2rem 0;
}
.page-template-page-analytics .gate form .field .hs-form-field {
  margin: 0 0 1.2rem 0;
}
.page-template-page-analytics .gate form .field label {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.page-template-page-analytics .gate form .field input[type="text"],
.page-template-page-analytics .gate form .field input[type="email"],
.page-template-page-analytics .gate form .field select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-analytics .gate form .field textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-analytics .gate form .field .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-analytics .gate form .field .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-analytics .gate form .field .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-analytics .gate form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 3.5rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-analytics .gate form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-analytics .gate form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-analytics .gate form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-analytics .gate form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-analytics .gate form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-analytics #hero {
  padding: 18rem 0 9rem 0;
  width: 100%;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-analytics #hero .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  max-width: 130rem;
}
.page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 61.2rem;
}
.page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 62.6rem;
}
.page-template-page-analytics #hero .row .txt h1 {
  text-align: left;
  font-size: 5.6rem;
  line-height: 6rem;
  color: #fff;
  margin: 0 0 1.5rem 0;
  font-weight: 700;
}
.page-template-page-analytics #hero .row .txt p {
  text-align: left;
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  margin: 0 0 3rem 0;
  font-weight: 400;
  letter-spacing: 0.5px;
  max-width: 48rem;
}
.page-template-page-analytics #hero .row .txt p a strong {
  text-decoration: underline;
  color: #fff;
  background: transparent;
  padding: 0;
}
.page-template-page-analytics #hero .row .txt p a strong:hover {
  text-decoration: none;
}
.page-template-page-analytics #hero .row .txt a {
  text-align: left;
  font-size: 2.1rem;
  line-height: 2.2rem;
  color: #000;
  margin: 0 auto 0 auto;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 1.4rem 3.6rem;
  transition: all .3s;
  display: inline-block;
  border: 1px solid #ffb700;
  background-color: #ffb700;
  border-radius: 2.6rem;
}
.page-template-page-analytics #hero .row .txt a:hover {
  background-color: #fff;
}
.page-template-page-analytics #hero .row .img {
  width: 70.5rem;
  height: 62.5rem;
  position: absolute;
  top: -7rem;
}
.page-template-page-analytics #hero .row .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-analytics #challenge {
  padding: 9rem 0;
}
.page-template-page-analytics #challenge .row {
  max-width: 102rem;
}
.page-template-page-analytics #challenge .row h2 {
  max-width: 60rem;
  text-align: center;
  margin: 0 auto 4.5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
}
.page-template-page-analytics #challenge .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1rem 2rem 1rem;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 3rem 4.4rem rgba(20, 31, 78, 0.1);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 5.3rem;
  max-width: 5.3rem;
  padding-right: 1.3rem;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image {
  margin-left: 0;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper > .row-fluid span {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  margin: 0 0 0 0;
  font-weight: 400;
  display: block;
  letter-spacing: 0.2px;
}
.page-template-page-analytics #reports {
  padding: 0 0 8rem 0;
}
.page-template-page-analytics #reports .row {
  max-width: 120rem;
}
.page-template-page-analytics #reports .row h2 {
  text-align: center;
  margin: 0 auto 4.5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  color: #3D4EFB;
}
.page-template-page-analytics #reports .row .flex .post {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 14rem 0;
}
.page-template-page-analytics #reports .row .flex .post > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-analytics #reports .row .flex .post .videoWrapper {
  position: relative;
  height: 0;
}
.page-template-page-analytics #reports .row .flex .post .videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-template-page-analytics #reports .row .flex .post img {
  width: 100%;
  height: auto;
}
.page-template-page-analytics #reports .row .flex .post ul {
  padding: 0;
  list-style: none;
}
.page-template-page-analytics #reports .row .flex .post ul li {
  text-align: left;
  margin: 0 0 3.5rem 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.4px;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check-blue.svg');
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: left 0.1rem;
  padding: 0 2rem 0 3.8rem;
}
.page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
}
.page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
  padding-right: 7rem;
}
.page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(1) {
  order: 1;
}
.page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(2) {
  order: 2;
  padding-left: 7rem;
}
/* analytics studio landing page */
.page-template-page-analyticslp .header-container-wrapper {
  position: absolute !important;
}
.page-template-page-analyticslp .header-container-wrapper .row {
  justify-content: center;
}
.page-template-page-analyticslp #hero {
  width: 100%;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  height: auto;
}
.page-template-page-analyticslp #hero > .row-fluid-wrapper {
  padding: 24rem 0 21rem 0;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/arch-bg.png');
  background-repeat: no-repeat;
  background-size: 131rem;
  background-position: left -38rem bottom -25rem;
}
.page-template-page-analyticslp #hero .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  max-width: 132rem;
}
.page-template-page-analyticslp #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1;
  max-width: 100%;
  padding-right: 6rem;
}
.page-template-page-analyticslp #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 58rem;
  max-width: 58rem;
}
.page-template-page-analyticslp #hero .row .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 50%;
}
.page-template-page-analyticslp #hero .row .txt h1 {
  text-align: left;
  font-size: 6rem;
  line-height: 6rem;
  color: #6cdd99;
  margin: 0 0 1.5rem 0;
  font-weight: 700;
}
.page-template-page-analyticslp #hero .row .txt h2 {
  text-align: left;
  font-size: 6.2rem;
  line-height: 6.7rem;
  color: #fff;
  margin: 0 0 2rem 0;
  font-weight: 800;
  max-width: 50rem;
}
.page-template-page-analyticslp #hero .row .txt p {
  text-align: left;
  font-size: 3.1rem;
  line-height: 4.3rem;
  color: #fff;
  margin: 0 ;
  font-weight: 400;
  letter-spacing: 0.8px;
  max-width: 50rem;
}
.page-template-page-analyticslp #hero .row .form {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0px 30px 44px rgba(20, 31, 78, 0.0997135);
  margin-bottom: -26rem;
}
.page-template-page-analyticslp #hero .row .form form {
  padding: 4rem 4rem 5rem 5rem;
}
.page-template-page-analyticslp #hero .row .form form h2 {
  margin: 1rem 0 4rem 0;
  font-size: 2.4rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-analyticslp #hero .row .form form .hs-richtext p {
  margin: 1rem 0 4rem 0;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #000;
  font-weight: 400;
}
.page-template-page-analyticslp #hero .row .form form .hs-richtext p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-analyticslp #hero .row .form form .hs-richtext p a:hover {
  text-decoration: none;
}
.page-template-page-analyticslp #hero .row .form form fieldset {
  max-width: unset;
}
.page-template-page-analyticslp #hero .row .form form .field {
  margin: 0 0 2rem 0;
}
.page-template-page-analyticslp #hero .row .form form .field .hs-form-field {
  margin: 0 0 1.2rem 0;
}
.page-template-page-analyticslp #hero .row .form form .field label {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.page-template-page-analyticslp #hero .row .form form .field input[type="text"],
.page-template-page-analyticslp #hero .row .form form .field input[type="email"],
.page-template-page-analyticslp #hero .row .form form .field select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-analyticslp #hero .row .form form .field textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-analyticslp #hero .row .form form .field .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-analyticslp #hero .row .form form .field .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-analyticslp #hero .row .form form .field .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-analyticslp #hero .row .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 3.5rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #fff;
  border: 1px solid #3d4efb;
  background: #3d4efb;
  width: auto;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-analyticslp #hero .row .form form input[type="submit"]:hover {
  background: #fff;
  color: #3d4efb;
}
.page-template-page-analyticslp #hero .row .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-analyticslp #hero .row .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-analyticslp #hero .row .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-analyticslp #hero .row .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-analyticslp #trusted {
  padding: 18rem 0 13rem 0;
}
.page-template-page-analyticslp #trusted .row {
  max-width: 102rem;
}
.page-template-page-analyticslp #trusted .row h2 {
  max-width: 78rem;
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 3.5rem;
  line-height: 4.6rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-analyticslp #trusted .row .row-fluid-wrapper:nth-of-type(2) {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -7rem;
}
.page-template-page-analyticslp #trusted .row .row-fluid-wrapper:nth-of-type(2) p {
  margin: 0 auto;
  text-align: center;
}
.page-template-page-analyticslp #trusted .row .row-fluid-wrapper:nth-of-type(2) p img {
  display: inline-block;
  flex: 1 0 33.33%;
  max-width: 33.33%;
  margin: 0 7rem 6rem 7rem;
}
.page-template-page-analyticslp #challenge {
  padding: 0 0 14rem 0;
}
.page-template-page-analyticslp #challenge .row {
  max-width: 102rem;
}
.page-template-page-analyticslp #challenge .row h3 {
  text-align: center;
  margin: 0 auto 4rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 700;
}
.page-template-page-analyticslp #challenge .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.1rem 2.2rem 1.1rem;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 3rem 4.4rem rgba(20, 31, 78, 0.1);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 5.6rem;
  max-width: 5.6rem;
  padding-right: 2rem;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image {
  margin-left: 0;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper > .row-fluid span {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  margin: 0 0 0 0;
  font-weight: 400;
  display: block;
  letter-spacing: 0.2px;
}
.page-template-page-analyticslp #data .row {
  max-width: 102rem;
}
.page-template-page-analyticslp #data .row h2 {
  text-align: center;
  margin: 0 auto 5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 700;
  max-width: 61rem;
}
.page-template-page-analyticslp #data .row .row-fluid-wrapper ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-template-page-analyticslp #data .row .row-fluid-wrapper ul li {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 2rem 1.5rem 4rem;
  font-size: 2rem;
  line-height: 2.9rem;
  margin: 0;
  font-weight: 400;
  color: #000;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check-darkblue.svg');
  background-repeat: no-repeat;
  background-position: top 0.3rem left;
  background-size: 1.9rem;
}
.page-template-page-analyticslp #data .row .img {
  margin: -5rem auto 0 auto;
}
.page-template-page-analyticslp #thing .row {
  max-width: 132rem;
}
.page-template-page-analyticslp #thing .row .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 10rem;
}
.page-template-page-analyticslp #thing .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 61.2rem;
}
.page-template-page-analyticslp #thing .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 62.6rem;
}
.page-template-page-analyticslp #thing .row .flex .txt h2 {
  text-align: left;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  margin: 0 0 2.5rem 0;
  font-weight: 700;
  max-width: 61rem;
}
.page-template-page-analyticslp #thing .row .flex .txt p {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  margin: 0 ;
  font-weight: 400;
  max-width: 60rem;
}
.page-template-page-analyticslp #thing .row .flex .img {
  max-width: 52.7rem;
  height: auto;
  padding-left: 11rem;
}
.page-template-page-analyticslp #thing .row .flex .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-analyticslp #started {
  width: 100%;
  padding: 8.5rem 0;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/started-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-template-page-analyticslp #started .row {
  max-width: 132rem;
}
.page-template-page-analyticslp #started .row .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-analyticslp #started .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 48%;
  max-width: 60rem;
}
.page-template-page-analyticslp #started .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 52%;
  max-width: 63.8rem;
}
.page-template-page-analyticslp #started .row .flex .img {
  max-width: 48.6rem;
  height: auto;
  padding-right: 11rem;
}
.page-template-page-analyticslp #started .row .flex .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-analyticslp #started .row .flex .txt {
  text-align: center;
}
.page-template-page-analyticslp #started .row .flex .txt h2 {
  text-align: center;
  font-size: 5rem;
  line-height: 7.5rem;
  color: #fff;
  margin: 0 auto 3rem auto;
  font-weight: 700;
}
.page-template-page-analyticslp #started .row .flex .txt p {
  text-align: center;
  font-size: 2.6rem;
  line-height: 3.8rem;
  color: #fff;
  margin: 0 auto 2.8rem auto;
  font-weight: 400;
  letter-spacing: 0.62px;
}
.page-template-page-analyticslp #started .row .flex .txt a {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff;
  margin: 0 auto;
  font-weight: 700;
  letter-spacing: 0.43px;
  padding: 1rem 2.8rem;
  background-color: #3D4EFB;
  display: inline-block;
  border-radius: 2.7rem;
  transition: all .3s;
}
.page-template-page-analyticslp #started .row .flex .txt a:hover {
  background-color: #fff;
  color: #3D4EFB;
}
/* distributors */
.page-template-page-distributors #hero {
  padding: 16rem 0 13rem 0;
  width: 100%;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-distributors #hero .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 61.2rem;
}
.page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 62.6rem;
}
.page-template-page-distributors #hero .row .txt h1 {
  text-align: left;
  font-size: 6rem;
  line-height: 6rem;
  color: #ffb700;
  margin: 0 0 1.5rem 0;
  font-weight: 700;
}
.page-template-page-distributors #hero .row .txt h2 {
  text-align: left;
  font-size: 4.5rem;
  line-height: 4.5rem;
  color: #fff;
  margin: 0 0 3rem 0;
  font-weight: 700;
}
.page-template-page-distributors #hero .row .txt p {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #fff;
  margin: 0 0 4rem 0;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.page-template-page-distributors #hero .row .txt p a strong {
  text-decoration: underline;
  color: #fff;
  background: transparent;
  padding: 0;
}
.page-template-page-distributors #hero .row .txt p a strong:hover {
  text-decoration: none;
}
.page-template-page-distributors #hero .row .txt p:last-of-type a {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #000;
  margin: 3rem auto 0 auto;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 1.2rem 3.6rem;
  border-radius: 2.4rem;
  background-color: #ffb700;
  border: 1px solid #ffb700;
  transition: all .3s;
  display: inline-block;
}
.page-template-page-distributors #hero .row .txt p:last-of-type a:hover {
  background-color: #fff;
}
.page-template-page-distributors #hero .row .txt p img {
  width: 33px;
  margin-right: 1.5rem;
}
.page-template-page-distributors #hero .row .img {
  width: 62.6rem;
  height: 44.3rem;
  position: absolute;
  right: 0;
  top: 10rem;
}
.page-template-page-distributors #hero .row .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-distributors #challenge {
  padding: 9rem 0;
}
.page-template-page-distributors #challenge .row {
  max-width: 102rem;
}
.page-template-page-distributors #challenge .row h2 {
  max-width: 60rem;
  text-align: center;
  margin: 0 auto 4.5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
}
.page-template-page-distributors #challenge .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1rem 2rem 1rem;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 3rem 4.4rem rgba(20, 31, 78, 0.1);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 4.6rem;
  max-width: 4.6rem;
  padding-right: 1rem;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image {
  margin-left: 0;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper > .row-fluid span {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  margin: 0 0 0 0;
  font-weight: 400;
  display: block;
  letter-spacing: 0.2px;
}
.page-template-page-distributors #software {
  padding: 0 0 9rem 0;
}
.page-template-page-distributors #software .row {
  max-width: 132rem;
}
.page-template-page-distributors #software .row h2 {
  max-width: 64rem;
  text-align: center;
  margin: 0 auto 4.5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 900;
}
.page-template-page-distributors #software .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1rem 2rem 1rem;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #f5f8ff;
  border-radius: 2.1rem;
  padding: 2.5rem 3.5rem;
  height: 100%;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 7.4rem;
  max-width: 7.4rem;
  padding-right: 1rem;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h3 {
  text-align: left;
  margin: 0 0 3rem 0;
  font-size: 2.6rem;
  line-height: 3rem;
  font-weight: 700;
  color: #000;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul {
  padding: 2rem 0 0 2rem;
}
.page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul li {
  text-align: left;
  margin: 0 0 1.5rem 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.2px;
}
.page-template-page-distributors #measures {
  padding: 0 0 15.5rem 0;
}
.page-template-page-distributors #measures .row {
  max-width: 100rem;
}
.page-template-page-distributors #measures .row p {
  max-width: 60rem;
  text-align: center;
  margin: 0 auto 4.5rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 900;
}
.page-template-page-distributors #measures .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 40%;
  max-width: 40%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid {
  padding: 0 5.5rem 0 0;
  height: 100%;
  border-right: 1px solid #d8d8d8;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 8rem;
  max-width: 8rem;
  padding-right: 2rem;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 17, 86, 0.08);
  border-radius: 0.8rem;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h3 {
  text-align: left;
  margin: 0 0 5rem 0;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.5px;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul {
  padding: 0;
  list-style: none;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(1) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul li {
  text-align: left;
  margin: 0 0 1.5rem 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.4px;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check-blue.svg');
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: center left;
  padding: 0 2rem 0 3.5rem;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 60%;
  max-width: 60%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
  padding: 0 0 0 5.5rem ;
  height: 100%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 8rem;
  max-width: 8rem;
  padding-right: 2rem;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 17, 86, 0.08);
  border-radius: 0.8rem;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h3 {
  text-align: left;
  margin: 0 0 5rem 0;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.5px;
  max-width: 36rem ;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
}
.page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul li {
  flex: 1 0 50%;
  max-width: 50%;
  text-align: left;
  margin: 0 0 1.5rem 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.4px;
  padding: 0 2rem 0 3rem;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check-blue.svg');
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: left top;
}
.page-template-page-distributors #dashboards {
  padding-bottom: 10rem;
}
.page-template-page-distributors #dashboards .row {
  max-width: 124rem;
}
.page-template-page-distributors #dashboards .row h2 {
  max-width: 52rem;
  text-align: center;
  margin: 0 auto 6rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 800;
  color: #000;
}
.page-template-page-distributors #dashboards .row h2 span {
  color: #3D4EFB;
}
.page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures {
  margin: 0 auto;
}
.page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures img {
  width: 100%;
  height: auto;
}
.page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures .mob {
  display: none;
}
.page-template-page-distributors #partners {
  padding: 8rem 0 ;
  background-color: #f5f8ff;
}
.page-template-page-distributors #partners .row {
  max-width: 100rem;
}
.page-template-page-distributors #partners .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 6rem;
  line-height: 6.5rem;
  font-weight: 700;
  color: #3d4efb;
  max-width: 81rem;
}
.page-template-page-distributors #partners .row .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.page-template-page-distributors #partners .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 5rem 6rem 5rem;
}
.page-template-page-distributors #case {
  padding: 0 0 13rem 0;
}
.page-template-page-distributors #case .row {
  max-width: 118rem;
}
.page-template-page-distributors #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-distributors #case .row.lead h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  max-width: 64rem;
}
.page-template-page-distributors #case .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 64rem;
}
.page-template-page-distributors #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-distributors #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-distributors #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-distributors #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-distributors #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-distributors #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-distributors #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-distributors #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-distributors #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-distributors #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-distributors #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-distributors #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-distributors #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
/* news */
.page-template-page-news .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-news .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-news .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-news .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-news .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-news .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-news .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-news .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-news #hero {
  padding-top: 17rem;
}
.page-template-page-news #hero .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  background: linear-gradient(55deg, #3d4efb 0%, #49b7fb 100%);
  padding: 6rem;
  flex: 1 0 80%;
  max-width: 80%;
  position: relative;
  border-radius: 1.2rem;
  margin-top: 7rem;
}
.page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  flex: 1 0 35%;
  max-width: 35%;
  margin: 0 0 -6rem -15%;
  padding: 4rem 4rem;
  position: relative;
  z-index: 3;
}
.page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) .submitted-message p {
  font-size: 1.6rem;
}
.page-template-page-news #hero .row .txt .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('//6838260.fs1.hubspotusercontent-na1.net/hubfs/6838260/raw_assets/public/Performio%20v2/IMG/bg-news.png') no-repeat left -10rem bottom 4rem;
  background-size: 99rem auto;
}
.page-template-page-news #hero .row .txt .content {
  position: relative;
  z-index: 2;
}
.page-template-page-news #hero .row .txt .content h1 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  color: #fff;
  font-weight: 700;
  max-width: 48rem;
  margin: 0 0 2rem 0;
}
.page-template-page-news #hero .row .txt .content .p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 400;
  max-width: 48rem;
  margin: 0;
  letter-spacing: 0.4px;
}
.page-template-page-news #hero .row .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-news #hero .row .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-news #hero .row .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 50%;
  width: 50% !important;
  float: none !important;
}
.page-template-page-news #hero .row .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-news #hero .row .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-news #hero .row .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-news #hero .row .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-news #hero .row .form form fieldset input[type="text"],
.page-template-page-news #hero .row .form form fieldset input[type="email"],
.page-template-page-news #hero .row .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-news #hero .row .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-news #hero .row .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-news #hero .row .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-news #hero .row .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-news #hero .row .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-news #hero .row .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-news #hero .row .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-news #hero .row .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-news #hero .row .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-news #hero .row .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-news #news {
  padding: 12rem 0 30rem;
}
.page-template-page-news #news .row {
  max-width: 127rem;
}
.page-template-page-news #news .row .blog-post-listing__listing {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article {
  padding: 1.7rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__image {
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 50%;
  margin: 0 0 2rem 0;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__image img {
  height: 100%;
  object-fit: cover;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content {
  position: relative;
  height: 100%;
  border: 1px solid #DAE5F1;
  padding: 2rem 2rem 6rem 2rem;
  color: #191919;
  border-radius: .8rem;
  transition: all .3s;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content p strong {
  font-weight: 400;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content a.button {
  background: transparent url('//6838260.fs1.hubspotusercontent-na1.net/hubfs/6838260/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat;
  background-position: left 2.5rem bottom 2.5rem;
  background-size: 2.1rem auto;
  text-indent: -999rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}
.page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article .blog-post-listing__content:hover {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
}
.single-news .header-container-wrapper {
  position: relative;
  background: #fff;
}
.single-news .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.single-news .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.single-news .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.single-news .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.single-news .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.single-news .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.single-news .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.single-news #news {
  padding: 12rem 0 15rem 0;
}
.single-news #news .row {
  max-width: 74rem;
}
.single-news #news .row h1 {
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 700;
  margin: 0 0 10rem 0;
  padding: 0 0 0 5rem;
  position: relative;
}
.single-news #news .row h1:before {
  content: '';
  width: .6rem;
  height: 13rem;
  background: #ffb700;
  position: absolute;
  left: 0;
  top: .5rem;
}
.single-news #news .row p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.single-news #news .row blockquote {
  font-size: 2rem;
  line-height: 2.8rem;
  font-style: italic;
  color: #191919;
  margin: 4rem 0 4rem 4rem;
  padding: 0 0 0 5rem;
  border-left: .5rem solid #ffb700;
}
.single-news #news .row blockquote p {
  font-size: 2rem;
  line-height: 2.8rem;
}
.single-news #news .row ul li,
.single-news #news .row ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.single-news #news .row p a,
.single-news #news .row li a {
  color: #2D3A83;
  font-weight: 700;
}
.single-news #news .row p a:hover,
.single-news #news .row li a:hover {
  text-decoration: underline;
}
.single-news #news .row h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single-news #news .row h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single-news #news .row h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
.single-news #news .row img {
  max-width: 100%;
  height: auto;
}
.single-news #news .row .form {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  max-width: 46rem;
  margin: 10rem auto 0 auto;
  padding: 4rem 5rem;
  position: relative;
  z-index: 3;
  float: none;
}
.single-news #news .row .form form {
  display: flex;
  flex-wrap: wrap;
}
.single-news #news .row .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.single-news #news .row .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.single-news #news .row .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.single-news #news .row .form form fieldset {
  margin: 0 0 0 0;
}
.single-news #news .row .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.single-news #news .row .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.single-news #news .row .form form fieldset input[type="text"],
.single-news #news .row .form form fieldset input[type="email"],
.single-news #news .row .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.single-news #news .row .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.single-news #news .row .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-news #news .row .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.single-news #news .row .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.single-news #news .row .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.single-news #news .row .form form input[type="submit"]:hover {
  background: #fff;
}
.single-news #news .row .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.single-news #news .row .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-news #news .row .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.single-news #news .row .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
/* demo landing page */
.page-template-demo-landingpage #hero {
  width: 100%;
  min-height: 83rem;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  padding: 16rem 0;
  position: relative;
}
.page-template-demo-landingpage #hero .row {
  max-width: 112rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt {
  flex: 1 0 60%;
  max-width: 60%;
  position: relative;
  z-index: 2;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h1 {
  font-size: 2rem;
  line-height: 100%;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2rem 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h2 {
  font-size: 4.5rem;
  line-height: 100%;
  font-weight: 800;
  color: #fff;
  margin: 0 0 2.5rem 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h2 span {
  color: #00f392;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul {
  padding: 0;
  margin: 2rem 0 ;
  list-style: none;
  display: flex;
  justify-content: flex-start;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul li {
  padding-right: 2rem;
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding: 0 2rem 0 3rem;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check-navy.svg');
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: left top;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt .form {
  max-width: 560px;
  padding: 3rem;
  border-radius: 1rem;
  background: #fff;
  margin-top: 3rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #2D3A83;
  margin: 0 0 2rem 0;
  display: none;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #444D5B;
  margin: 1rem 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form p a:hover {
  text-decoration: none;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
  max-width: unset;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .input {
  margin-right: 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .hs-richtext {
  padding: 0 10px;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset.form-columns-1 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset.form-columns-2 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul li.hs-form-radio {
  padding: 0.8rem 0.8rem;
  flex: 1 0 21%;
  max-width: 21%;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul li.hs-form-radio input {
  position: absolute;
  left: -999rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul li.hs-form-radio span {
  display: block;
  border: 1px solid transparent;
  height: 4.4rem;
  line-height: 2.2rem;
  border-radius: 2.2rem;
  background: #F5F8FF;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  color: #444D5B;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  transition: all .3s;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul li.hs-form-radio span:hover {
  border: 1px solid #2d3a83;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset ul li.hs-form-radio input:checked + span {
  background-color: #2d3a83;
  color: #fff;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset input[type="text"],
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset input[type="number"],
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset input[type="email"],
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 0.6rem;
  transition: all .3s;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form input[type="submit"]:hover {
  background: #fff;
  color: #000;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form input[type="submit"] {
  color: #fff;
  margin-top: 1rem !important;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form input[type="submit"]:hover {
  background-color: #fff;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img {
  position: relative;
  flex: 1 0 40%;
  max-width: 40%;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .people {
  width: 51rem;
  height: 34rem;
  position: absolute;
  top: 3rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .people img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .charts {
  width: 53rem;
  height: 49rem;
  position: absolute;
  bottom: -16rem;
  left: -12rem;
}
.page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .charts img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-demo-landingpage #hero .bg {
  width: 113rem;
  height: 33rem;
  position: absolute;
  bottom: 7.1rem;
  left: -17rem;
}
.page-template-demo-landingpage #hero .bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-demo-landingpage #platform {
  position: relative;
  margin-top: -7rem;
}
.page-template-demo-landingpage #platform .row {
  max-width: 87rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-demo-landingpage #platform .row h2 {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
  color: #394df9;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-top: 3.5rem;
}
.page-template-demo-landingpage #platform .row .flex {
  display: flex;
  justify-content: space-between;
  margin: 2rem auto;
  max-width: 60rem;
  float: unset;
}
.page-template-demo-landingpage #platform .row .flex .rating {
  flex: 1 0 25%;
  max-width: 25%;
}
.page-template-demo-landingpage #plans {
  padding: 7rem 0;
}
.page-template-demo-landingpage #plans .row {
  max-width: 102rem;
}
.page-template-demo-landingpage #plans .row h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: #262a2e;
  margin: 0 auto 5rem auto;
  text-align: center;
}
.page-template-demo-landingpage #plans .row .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
  align-items: stretch;
  width: auto;
}
.page-template-demo-landingpage #plans .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1rem;
}
.page-template-demo-landingpage #plans .row .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-demo-landingpage #plans .row .flex .box {
  padding: 2.7rem;
  border-radius: 2rem;
  box-shadow: 0 3.6rem 4rem rgba(0, 0, 0, 0.1);
  height: 100%;
}
.page-template-demo-landingpage #plans .row .flex .box .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2rem 0;
}
.page-template-demo-landingpage #plans .row .flex .box .container .ico {
  width: auto;
  height: 6.3rem;
}
.page-template-demo-landingpage #plans .row .flex .box .container h3 {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  color: #394df9;
  margin: 0 0 0 1.5rem;
  text-align: left;
}
.page-template-demo-landingpage #plans .row .flex .box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-template-demo-landingpage #plans .row .flex .box ul li {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  color: #676a6d;
  padding: 0 0 1.5rem 0;
  text-align: left;
}
.page-template-demo-landingpage #plans .row .flex .box ul li strong {
  font-weight: 700;
  color: #262a2e;
}
.page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid {
  text-align: center;
}
.page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book {
  margin: 8rem auto 0 auto;
  width: 34rem;
  height: 4.5rem;
  text-align: center;
  float: none;
}
.page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book a {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #262a2e;
  padding: 1.1rem 7.5rem;
  text-align: center;
  background-color: #00f392;
  transition: all .3s;
  border-radius: 0.5rem;
  display: inline-block;
}
.page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book a:hover {
  background-color: #262a2e;
  color: #00f392;
}
.page-template-demo-landingpage #sick {
  padding: 3rem 0;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/lilac-circle.svg');
  background-size: 52rem 48rem;
  background-repeat: no-repeat;
  background-position: top right -22rem;
}
.page-template-demo-landingpage #sick .row {
  max-width: 102rem;
}
.page-template-demo-landingpage #sick .row h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: #262a2e;
  margin: 0 auto 4rem auto;
  text-align: center;
  max-width: 68rem;
}
.page-template-demo-landingpage #sick .row p {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  color: #262a2e;
  margin: 0 auto 8rem auto;
  text-align: center;
  max-width: 58rem;
}
.page-template-demo-landingpage #sick .row .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -4rem;
  width: auto;
}
.page-template-demo-landingpage #sick .row .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 4rem;
}
.page-template-demo-landingpage #sick .row .flex .img {
  max-width: 39.2rem;
  height: auto;
}
.page-template-demo-landingpage #sick .row .flex .text .row-fluid-wrapper .row-fluid .container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1.5rem;
}
.page-template-demo-landingpage #sick .row .flex .text .row-fluid-wrapper .row-fluid .container .ico {
  width: 4.5rem;
  height: 4.5rem;
}
.page-template-demo-landingpage #sick .row .flex .text .row-fluid-wrapper .row-fluid .container .row-fluid-wrapper .row-fluid h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.2rem;
  letter-spacing: 0.02em;
  color: #06ceac;
  text-align: left;
  margin-left: 1.5rem;
  max-width: 29rem;
}
.page-template-demo-landingpage #sick .row .flex .txt p {
  text-align: left;
  max-width: 37rem;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper {
  position: relative;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(1):before {
  display: none;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(even) {
  padding: 5rem 0;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd) {
  padding: 3rem 0;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd):before {
  content: '';
  position: absolute;
  left: -18rem;
  right: -18rem;
  top: 0;
  bottom: 0;
  background: #f5f8ff;
  border-radius: 0.5rem;
  z-index: -1;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd) .flex > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd) .flex > .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd) .flex .text .container h3 {
  max-width: 27rem;
}
.page-template-demo-landingpage #sick .row > .row-fluid-wrapper:nth-of-type(odd) .flex .txt p {
  max-width: 34rem;
}
.page-template-demo-landingpage #gallery {
  padding: 0 0 8rem 0;
}
.page-template-demo-landingpage #gallery .row {
  max-width: 126rem;
}
.page-template-demo-landingpage #gallery .row h2 {
  max-width: 63rem;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.2rem;
  color: #262a2e;
  text-align: center;
  margin: 0 auto 3.5rem auto;
}
.page-template-demo-landingpage #gallery .row .logotypes {
  margin: 0 -3rem;
}
.page-template-demo-landingpage #gallery .row .logotypes ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 ;
  padding: 0;
}
.page-template-demo-landingpage #gallery .row .logotypes ul li {
  padding: 0 3rem;
  margin: 1.5rem 0;
}
.page-template-demo-landingpage #goodbye {
  padding: 8.5rem 0 0 0;
  height: 75.8rem;
  background-color: #f5f8ff;
  width: 100%;
  height: auto;
}
.page-template-demo-landingpage #goodbye .row {
  max-width: 126rem;
}
.page-template-demo-landingpage #goodbye .row h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: #262a2e;
  margin: 0 auto 6rem auto;
  text-align: center;
  max-width: 62rem;
}
.page-template-demo-landingpage #goodbye .row .flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  padding-right: 7rem;
}
.page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  padding-left: 7rem;
}
.page-template-demo-landingpage #goodbye .row .flex .left {
  max-width: 39.5rem;
  height: 100%;
  position: relative;
}
.page-template-demo-landingpage #goodbye .row .flex .left .blue {
  padding: 3.5rem 2rem 16rem 3.5rem;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  border-radius: 5px;
}
.page-template-demo-landingpage #goodbye .row .flex .left .blue h3 {
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
  margin: 0 0 3rem 0;
  text-align: left;
}
.page-template-demo-landingpage #goodbye .row .flex .left .blue ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-template-demo-landingpage #goodbye .row .flex .left .blue ul li {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-align: left;
  padding: 0 0 1.5rem 3rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.7rem;
  background-position: top left;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-grad.svg');
  max-width: 29rem;
}
.page-template-demo-landingpage #goodbye .row .flex .left .video {
  margin: -12rem auto 0 auto;
  max-width: 40.4rem;
  height: auto;
  position: absolute;
  top: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .left .video img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 3rem 7.5rem rgba(0, 0, 0, 0.2));
}
.page-template-demo-landingpage #goodbye .row .flex .left .label {
  margin: 13rem auto 0 auto;
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #2d3a83;
  letter-spacing: 0.02em;
  text-align: center;
  position: absolute;
  top: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .right {
  max-width: 39.5rem;
  height: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .right .beige {
  padding: 3.5rem 3.5rem 16rem 3.5rem;
  background-color: rgba(239, 229, 213, 0.5);
  border-radius: 5px;
  position: relative;
}
.page-template-demo-landingpage #goodbye .row .flex .right .beige h3 {
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #ff4040;
  letter-spacing: 0.02em;
  margin: 0 0 3rem 0;
  text-align: left;
}
.page-template-demo-landingpage #goodbye .row .flex .right .beige ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-template-demo-landingpage #goodbye .row .flex .right .beige ul li {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #262a2e;
  margin: 0;
  text-align: left;
  padding: 0 0 1.5rem 3rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.7rem;
  background-position: top left;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-no.svg');
  max-width: 30rem;
}
.page-template-demo-landingpage #goodbye .row .flex .right .calc {
  margin: -12rem auto 0 auto;
  max-width: 44.4rem;
  height: auto;
  position: absolute;
  top: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .right .calc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 3rem 7.5rem rgba(0, 0, 0, 0.2));
}
.page-template-demo-landingpage #goodbye .row .flex .left > .row-fluid-wrapper,
.page-template-demo-landingpage #goodbye .row .flex .right > .row-fluid-wrapper {
  height: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .left > .row-fluid-wrapper > .row-fluid,
.page-template-demo-landingpage #goodbye .row .flex .right > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-demo-landingpage #goodbye .row .flex .left > .row-fluid-wrapper > .row-fluid .beige,
.page-template-demo-landingpage #goodbye .row .flex .right > .row-fluid-wrapper > .row-fluid .beige,
.page-template-demo-landingpage #goodbye .row .flex .left > .row-fluid-wrapper > .row-fluid .blue,
.page-template-demo-landingpage #goodbye .row .flex .right > .row-fluid-wrapper > .row-fluid .blue {
  height: 100%;
}
.page-template-demo-landingpage #reviews {
  background-color: #fff;
  padding: 30rem 0 10rem 0;
}
.page-template-demo-landingpage #reviews .row {
  max-width: 126rem;
  text-align: center;
}
.page-template-demo-landingpage #reviews .row h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: #262a2e;
  margin: 0 auto 2rem auto;
  text-align: center;
  max-width: 68rem;
}
.page-template-demo-landingpage #reviews .row .logotypes {
  margin: 0 -1.5rem;
}
.page-template-demo-landingpage #reviews .row .logotypes ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-template-demo-landingpage #reviews .row .logotypes ul li {
  padding: 0 1.5rem;
}
.page-template-demo-landingpage #reviews .row .stars {
  margin: 3rem auto 5rem auto;
  float: none;
}
.page-template-demo-landingpage #reviews .row .flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 0 -1rem;
  width: auto;
  float: unset;
}
.page-template-demo-landingpage #reviews .row .flex > .row-fluid-wrapper {
  margin: 0 -1.2rem;
}
.page-template-demo-landingpage #reviews .row .flex > .row-fluid-wrapper .row-fluid {
  padding: 0 1.2rem;
  height: 100%;
}
.page-template-demo-landingpage #reviews .row .flex .box {
  max-width: 31.5rem;
  filter: drop-shadow(0 3rem 7.5rem rgba(0, 0, 0, 0.2));
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-template-demo-landingpage #reviews .row .flex .box > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
}
.page-template-demo-landingpage #reviews .row .flex .box .background {
  max-width: 31.5rem;
  height: auto;
}
.page-template-demo-landingpage #reviews .row .flex .box .background img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.page-template-demo-landingpage #reviews .row .flex .box .description {
  padding: 1.5rem 3.5rem 4.5rem 3.5rem;
  text-align: left;
  height: 100%;
  background-color: #fff;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.page-template-demo-landingpage #reviews .row .flex .box .description ul {
  margin: 0;
  padding: 1rem 0 0 0;
  list-style: none;
}
.page-template-demo-landingpage #reviews .row .flex .box .description ul li {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #394df9;
  margin: 0;
  text-align: left;
  padding: 0 0 0.5rem 2.2rem;
  letter-spacing: 0.02em;
  background-repeat: no-repeat;
  background-size: 1.4rem 1.5rem;
  background-position: top left;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-check-green.svg');
}
.page-template-demo-landingpage #reviews .row .flex .box .description p {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #262a2e;
  margin: 0 0 1rem 0;
  text-align: left;
}
.page-template-demo-landingpage #reviews .row .flex .box .description p span {
  font-weight: 800;
  padding: 1rem 0 0 0;
}
.page-template-demo-landingpage #reviews .row .flex .box .description h3 {
  color: #959595;
  font-size: 1.2rem;
  line-height: 1.3rem;
  margin: 0 0 0.5rem 0;
}
.page-template-demo-landingpage #faq {
  padding: 0 0 8rem 0;
}
.page-template-demo-landingpage #faq .row {
  max-width: 99rem;
}
.page-template-demo-landingpage #faq h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  text-align: center;
  font-weight: 900;
  color: #262a2e;
  margin: 0 0 6rem 0;
}
.page-template-demo-landingpage #faq .faq {
  padding: 1.8rem 0;
  border-bottom: 1px solid #ddd;
}
.page-template-demo-landingpage #faq .faq .q {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #394DF9;
  font-weight: 700;
  cursor: pointer;
  padding: 0 4rem 0 0;
  position: relative;
}
.page-template-demo-landingpage #faq .faq .q:after {
  content: '';
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  background: #394DF9;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0.2rem;
}
.page-template-demo-landingpage #faq .faq .q:before {
  content: '+';
  font-family: Arial;
  line-height: 2rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
  z-index: 2;
}
.page-template-demo-landingpage #faq .faq .q.opened:before {
  content: '-';
  top: 0.1rem;
  right: 0.7rem;
}
.page-template-demo-landingpage #faq .faq .a {
  margin: 0.3rem 0 0 0;
  display: none;
}
.page-template-demo-landingpage #faq .faq .a p,
.page-template-demo-landingpage #faq .faq .a li {
  color: #212934;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.page-template-demo-landingpage #faq .faq .a p {
  margin: 2rem 0;
}
.page-template-demo-landingpage #faq .faq .a li {
  margin: 0.8rem 0;
}
.page-template-demo-landingpage #sickf {
  padding: 8rem 0;
  background: linear-gradient(#394df9, #4ccefa);
  overflow: hidden;
}
.page-template-demo-landingpage #sickf .row {
  max-width: 102rem;
}
.page-template-demo-landingpage #sickf .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -3rem;
  position: relative;
}
.page-template-demo-landingpage #sickf .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 3rem;
  position: relative;
  z-index: 2;
}
.page-template-demo-landingpage #sickf .flex > .row-fluid-wrapper:nth-of-type(3) {
  z-index: 1;
  position: absolute;
  bottom: -8rem;
  right: 6rem;
}
.page-template-demo-landingpage #sickf .flex .txt p:first-of-type {
  font-size: 3.1rem;
  line-height: 3.7rem;
}
.page-template-demo-landingpage #sickf .flex .txt p {
  color: #fff;
  font-size: 2rem;
  line-height: 2.4rem;
  margin: 2rem 0;
  font-weight: 800;
}
.page-template-demo-landingpage #sickf .flex .txt a {
  height: 4.5rem;
  font-size: 1.8rem;
  line-height: 2.3rem;
  padding: 1.1rem 3rem;
  text-align: center;
  background: #00f392;
  border-radius: 0.5rem;
  display: block;
  color: #262A2E;
  font-weight: 800;
  max-width: 34rem;
  transition: all .3s;
}
.page-template-demo-landingpage #sickf .flex .txt a:hover {
  background: #00e780;
}
.page-template-demo-landingpage #sickf .flex .img img {
  width: 100%;
  height: auto;
}
.page-template-demo-landingpage #sickf .flex .bg {
  width: 78rem;
  height: 38.5rem;
}
.page-template-demo-landingpage #sickf .flex .bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* blog */
.page-template-page-blog .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-blog .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-blog .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-blog .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-blog .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-blog .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-blog .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-blog .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-blog #hero {
  padding-top: 17rem;
}
.page-template-page-blog #hero .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
  padding-right: 5rem;
}
.page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-blog #hero .row .txt .content {
  background: linear-gradient(55deg, #3d4efb 0%, #49b7fb 100%);
  padding: 6rem;
  position: relative;
  border-radius: 1.2rem;
}
.page-template-page-blog #hero .row .txt .content .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-blog.png') no-repeat left -15rem top -29rem;
  background-size: 98rem auto;
}
.page-template-page-blog #hero .row .txt .content .body {
  position: relative;
  z-index: 2;
}
.page-template-page-blog #hero .row .txt .content .body h1 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  color: #fff;
  font-weight: 700;
  max-width: 48rem;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #hero .row .txt .content .body .p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 400;
  max-width: 48rem;
  margin: 0;
  letter-spacing: 0.4px;
}
.page-template-page-blog #hero .row .txt .content .body .form {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  max-width: 46rem;
  margin: 4rem 0 -14rem 0;
  padding: 4rem 5rem;
  position: relative;
  z-index: 3;
}
.page-template-page-blog #hero .row .txt .content .body .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset input[type="text"],
.page-template-page-blog #hero .row .txt .content .body .form form fieldset input[type="email"],
.page-template-page-blog #hero .row .txt .content .body .form form fieldset input[type="tel"],
.page-template-page-blog #hero .row .txt .content .body .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-blog #hero .row .txt .content .body .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-blog #hero .row .txt .content .body .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-blog #hero .row .txt .content .body .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-blog #hero .row .txt .content .body .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-blog #hero .row .txt .content .body .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-blog #hero .row .featured h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #3D4EFB;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-star.svg') no-repeat left center;
  background-size: 1.6rem auto;
  padding-left: 2.5rem;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article {
  margin: 0 0 3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #DAE5F1;
  padding: 2rem 2rem 2rem 2rem;
  color: #191919;
  border-radius: .8rem;
  position: relative;
  transition: all .3s;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__image {
  order: 2;
  width: 16rem;
  height: 16rem;
  flex: 1 0 16rem;
  max-width: 16rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__image img {
  width: auto;
  height: 23rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content {
  order: 1;
  width: 100%;
  padding: 0 3rem 3rem 0;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content .blog-post-listing__blog-name {
  display: none;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content h2 {
  background: none;
  letter-spacing: 0;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
  color: #000;
  text-transform: none;
  padding: 0;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content p strong {
  font-weight: 400;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content p a:hover {
  text-decoration: none;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content a.button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -999rem;
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article:hover {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
}
.page-template-page-blog #hero .row .featured .blog-post-listing__article:nth-of-type(4) {
  display: none;
}
.page-template-page-blog #webinars {
  padding-top: 11rem;
}
.page-template-page-blog #webinars .row {
  max-width: 136rem;
}
.page-template-page-blog #webinars .row .content {
  background: linear-gradient(55deg, #3d4efb 0%, #49b7fb 100%);
  padding: 6rem;
  position: relative;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-template-page-blog #webinars .row .content > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1;
  max-width: 100%;
  padding-right: 5rem;
}
.page-template-page-blog #webinars .row .content > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 46rem;
  max-width: 46rem;
}
.page-template-page-blog #webinars .row .content .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-blog.png') no-repeat left -15rem top -29rem;
  background-size: 98rem auto;
}
.page-template-page-blog #webinars .row .content h1 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #webinars .row .content p {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.4px;
}
.page-template-page-blog #webinars .row .form {
  background: #fff;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  max-width: 46rem;
  margin: 4rem 0 -14rem 0;
  padding: 4rem 5rem;
  position: relative;
  z-index: 3;
}
.page-template-page-blog #webinars .row .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-blog #webinars .row .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-blog #webinars .row .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-blog #webinars .row .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-blog #webinars .row .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-blog #webinars .row .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-blog #webinars .row .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-blog #webinars .row .form form fieldset input[type="text"],
.page-template-page-blog #webinars .row .form form fieldset input[type="email"],
.page-template-page-blog #webinars .row .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-blog #webinars .row .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-blog #webinars .row .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-blog #webinars .row .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-blog #webinars .row .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-blog #webinars .row .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-blog #webinars .row .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-blog #webinars .row .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-blog #webinars .row .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-blog #webinars .row .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-blog #webinars .row .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-blog #blog {
  padding: 17rem 0 10rem;
}
.page-template-page-blog #blog .row aside {
  flex: 1 0 25%;
  max-width: 25%;
  padding: 0 4rem 0 3.5rem;
  position: relative;
}
.page-template-page-blog #blog .row aside:before {
  content: '';
  width: .6rem;
  height: 13rem;
  background: #ffb700;
  position: absolute;
  left: 0;
  top: .5rem;
}
.page-template-page-blog #blog .row aside h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 1px;
  color: #3D4EFB;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #blog .row aside ul {
  max-width: 25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-blog #blog .row aside ul li {
  margin: 2rem 0;
  padding: 0;
}
.page-template-page-blog #blog .row aside ul li a {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #A9A9A9;
  transition: all .3s;
}
.page-template-page-blog #blog .row aside ul li a:hover {
  color: #191919;
}
.page-template-page-blog #blog .row aside ul li.active a {
  color: #191919;
}
.page-template-page-blog #blog .row .post-listing {
  display: flex;
  flex-wrap: wrap;
  max-width: 127rem;
  margin: 0 -1.5%;
}
.page-template-page-blog #blog .row .post-listing .post-item:nth-of-type(1),
.page-template-page-blog #blog .row .post-listing .post-item:nth-of-type(2),
.page-template-page-blog #blog .row .post-listing .post-item:nth-of-type(3) {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item {
  flex: 1 0 22%;
  max-width: 22%;
  margin: 1.5%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #DAE5F1;
  padding: 2rem 2rem 6rem 2rem;
  color: #191919;
  border-radius: .8rem;
  transition: all .3s;
  position: relative;
}
.page-template-page-blog #blog .row .post-listing .post-item > a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-body {
  order: 1;
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-body img {
  width: auto;
  height: 14rem;
  max-width: none;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-body p {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-header {
  order: 2;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-header #hubspot-author_data {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-header .author-link {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item .post-header .hs_cos_wrapper_type_blog_social_sharing {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item .custom_listing_comments {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item p#hubspot-topic_data {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item .blog-post-listing__content {
  padding: 0;
}
.page-template-page-blog #blog .row .post-listing .post-item .blog-post-listing__blog-name {
  display: none;
}
.page-template-page-blog #blog .row .post-listing .post-item h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #blog .row .post-listing .post-item h2 a {
  color: inherit;
}
.page-template-page-blog #blog .row .post-listing .post-item h2 a:hover {
  text-decoration: underline;
}
.page-template-page-blog #blog .row .post-listing .post-item p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.page-template-page-blog #blog .row .post-listing .post-item p strong {
  font-weight: 400;
}
.page-template-page-blog #blog .row .post-listing .post-item p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-blog #blog .row .post-listing .post-item p a:hover {
  text-decoration: none;
}
.page-template-page-blog #blog .row .post-listing .post-item span.more-link {
  background: #ffffff url('//6838260.fs1.hubspotusercontent-na1.net/hubfs/6838260/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  text-indent: -999rem;
  width: 2.1rem;
  height: 2rem;
  display: block;
  position: absolute;
  left: 2.5rem;
  bottom: 2.5rem;
}
.page-template-page-blog #blog .row .post-listing .post-item:hover {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
}
.page-template-page-blog #blog .row .post-listing-simple {
  display: flex;
  flex-wrap: wrap;
  max-width: 127rem;
  margin: 0 -1.5%;
}
.page-template-page-blog #blog .row .post-listing-simple .post-item {
  flex: 1 0 22%;
  max-width: 22%;
  margin: 1.5%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #DAE5F1;
  padding: 2rem 2rem 6rem 2rem;
  color: #191919;
  border-radius: .8rem;
  transition: all .3s;
  position: relative;
}
.page-template-page-blog #blog .row .post-listing-simple .post-item h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.page-template-page-blog #blog .row .post-listing-simple .post-item h2 a {
  color: inherit;
}
.page-template-page-blog #blog .row .post-listing-simple .post-item h2 a:hover {
  text-decoration: underline;
}
.page-template-page-blog #blog .row .post-listing-simple .post-item > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.page-template-page-blog #blog .row .blog-pagination {
  text-align: center;
  margin: 6rem 0 0 0;
}
.page-template-page-blog #blog .row .blog-pagination a {
  color: #000;
  font-size: 1.6rem;
  margin: 0 2rem;
  display: inline-block;
  font-weight: 600;
}
.page-template-page-blog #blog .row .blog-pagination a:hover {
  text-decoration: underline;
}
.page-template-page-blog #blog .row .blog-pagination a.previous-posts-link {
  display: none;
}
.page-template-page-blog #blog .row .blog-pagination a.next-posts-link {
  display: none;
}
.single .header-container-wrapper {
  position: relative;
  background: #fff;
}
.single .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.single .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.single .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.single .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.single .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.single .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.single .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.single #hero {
  padding: 5rem 0;
}
.single #hero .row {
  max-width: 136rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.single #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 40%;
  max-width: 40%;
  display: flex;
  align-items: flex-end;
}
.single #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 60%;
  max-width: 60%;
  position: relative;
  padding: 7rem 4rem 7rem 10rem;
  min-height: 40rem;
}
.single #hero .img img {
  width: 100% !important;
  height: auto;
  border-radius: 2rem;
}
.single #hero .txt .square {
  position: absolute;
  width: auto;
  left: -22%;
  top: 0;
  right: 0;
  bottom: 0;
  background: #3d4efb url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-blog.png');
  background-repeat: no-repeat;
  background-size: 98rem auto;
  background-position: right -28rem bottom -14rem;
  border-radius: 2rem;
  z-index: -1;
}
.single #hero .txt h1 {
  font-size: 6rem;
  line-height: 6rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 5rem 0;
  position: relative;
}
.single #hero .txt h1:before {
  content: '';
  width: .6rem;
  height: 13rem;
  background: #ffb700;
  position: absolute;
  top: 0;
  left: -5rem;
}
.single #hero .txt .p {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 0;
  color: #fff;
  max-width: 56rem;
}
.single #body {
  padding: 4rem 0 5rem 0;
}
.single #body .row.blog {
  max-width: 95rem;
  margin-bottom: 10rem !important;
  width: 100% !important;
}
.single #body .row.blog > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.single #body .row:nth-of-type(2) {
  max-width: 95rem;
  text-align: center;
}
.single #body .aside {
  flex: 1 0 5rem;
  max-width: 5rem;
}
.single #body .aside a {
  width: 5rem !important;
  height: 5rem;
  border-radius: 50%;
  background-color: #ffb700;
  transition: all .3s;
  border: 1px solid #ffb700;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
  margin: 0 0 2rem 0;
}
.single #body .aside a img {
  display: none;
}
.single #body .aside a:hover {
  background-color: #fff;
}
.single #body .aside a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked.svg');
  background-size: 1.8rem auto;
  background-position: center 1.4rem;
}
.single #body .aside a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter.svg');
  background-size: 1.7rem auto;
  background-position: center 1.8rem;
}
.single #body .aside a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook.svg');
  background-size: 1rem auto;
  background-position: center 1.6rem;
}
.single #body .aside a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
.single #body .section {
  width: 100%;
  padding-left: 7rem;
  max-width: 75rem;
  margin-left: 0;
}
.single #body .section .section {
  padding-left: 0;
}
.single #body .section *:first-child {
  margin-top: 0;
}
.single #body .section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.single #body .section ul li,
.single #body .section ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.single #body .section p a,
.single #body .section li a {
  color: #2D3A83;
  font-weight: 700;
}
.single #body .section p a:hover,
.single #body .section li a:hover {
  text-decoration: underline;
}
.single #body .section table {
  margin: 4rem 0;
}
.single #body .section table tr td,
.single #body .section table tr th {
  border: 1px solid #888;
  padding: 1rem;
  font-size: 1.6rem !important;
}
.single #body .section table tr td *,
.single #body .section table tr th * {
  font-size: 1.6rem !important;
}
.single #body .section blockquote {
  padding: 0;
  margin: 4rem 0;
  font-size: 2rem;
  font-style: italic;
}
.single #body .section h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single #body .section h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.single #body .section h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
.single #body .section img {
  max-width: 100%;
  height: auto;
}
.single #related {
  border-top: 1px solid rgba(61, 78, 251, 0.17);
  padding: 10rem 0;
}
.single #related .row {
  max-width: 114rem;
}
.single #related h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.single #related .flex {
  display: flex;
  justify-content: center;
}
.single #related .flex .post {
  padding: 1.5rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
}
.single #related .flex .post a {
  width: 100%;
  height: 100%;
  display: block;
  background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link.svg') no-repeat;
  background-position: left 2rem bottom 2.5rem;
  background-size: 2.1rem auto;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
  padding: 2rem 2rem 6rem 2rem;
  color: #191919;
  border-radius: .8rem;
  transition: all .3s;
}
.single #related .flex .post a .pic {
  width: 9.5rem;
  height: 9.5rem;
  margin: 0 0 2rem 0;
}
.single #related .flex .post a .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.single #related .flex .post a h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.single #related .flex .post a p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 0;
}
.single #related .flex .post a p strong {
  font-weight: 400;
}
.single #more {
  padding: 10rem 0 16rem 0;
  border-top: 1px solid rgba(61, 78, 251, 0.17);
}
.single #more .row {
  max-width: 129rem;
}
.single #more h2 {
  text-align: center;
  font-size: 3.5rem;
  line-height: 5rem;
  color: #191919;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.single #more .flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.single #more .flex .role {
  padding: 0 2.5rem;
  flex: 1 0 50%;
  max-width: 50%;
}
.single #more .flex .role .content {
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 2.5rem 5rem rgba(0, 17, 86, 0.04);
  padding: 4rem;
  display: flex;
  height: 100%;
  position: relative;
  transition: all .3s;
}
.single #more .flex .role .content > a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.single #more .flex .role .content .img {
  flex: 1 0 15.5rem;
  max-width: 15.5rem;
  height: 15.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: auto 21.5rem;
  background-position: right top;
}
.single #more .flex .role .content .txt {
  width: 100%;
  padding-left: 2.5rem;
}
.single #more .flex .role .content .txt h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.single #more .flex .role .content .txt p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0 1rem 0;
}
.single #more .flex .role .content .txt p a {
  color: inherit;
  text-decoration: underline;
}
.single #more .flex .role .content .txt p a:hover {
  text-decoration: none;
}
.single #more .flex .role .content .txt span,
.single #more .flex .role .content .txt a.more {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 0 0 0 0;
}
.single #more .flex .role .content .txt span:hover,
.single #more .flex .role .content .txt a.more:hover {
  text-decoration: underline;
}
.single #more .flex .role .content:hover {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 17, 86, 0.08);
}
/* demo */
.hs-content-id-43934331560 #top,
.hs-content-id-78673989898 #top,
.hs-content-id-104851996327 #top,
.hs-content-id-119091577976 #top {
  padding: 14rem 0 3rem 0 !important;
}
.hs-content-id-43934331560 h1,
.hs-content-id-78673989898 h1,
.hs-content-id-104851996327 h1,
.hs-content-id-119091577976 h1 {
  font-size: 5.2rem;
  line-height: 6rem;
  color: #fff;
  margin: 2rem 0;
  font-weight: 600;
  padding-right: 4rem;
}
.hs-content-id-43934331560 p,
.hs-content-id-78673989898 p,
.hs-content-id-104851996327 p,
.hs-content-id-119091577976 p {
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #fff;
  margin: 2rem 0;
  font-weight: 400;
  padding-right: 4rem;
}
.hs-content-id-43934331560 p strong,
.hs-content-id-78673989898 p strong,
.hs-content-id-104851996327 p strong,
.hs-content-id-119091577976 p strong {
  font-weight: 700;
}
.hs-content-id-43934331560 #hs_cos_wrapper_module_1611926530275716 p,
.hs-content-id-78673989898 #hs_cos_wrapper_module_1611926530275716 p,
.hs-content-id-104851996327 #hs_cos_wrapper_module_1611926530275716 p,
.hs-content-id-119091577976 #hs_cos_wrapper_module_1611926530275716 p,
.hs-content-id-43934331560 #hs_cos_wrapper_module_1611926532167718 p,
.hs-content-id-78673989898 #hs_cos_wrapper_module_1611926532167718 p,
.hs-content-id-104851996327 #hs_cos_wrapper_module_1611926532167718 p,
.hs-content-id-119091577976 #hs_cos_wrapper_module_1611926532167718 p,
.hs-content-id-43934331560 #hs_cos_wrapper_module_1611926534330720 p,
.hs-content-id-78673989898 #hs_cos_wrapper_module_1611926534330720 p,
.hs-content-id-104851996327 #hs_cos_wrapper_module_1611926534330720 p,
.hs-content-id-119091577976 #hs_cos_wrapper_module_1611926534330720 p {
  color: #000;
}
.hs-content-id-43934331560 .owl-stage-outer,
.hs-content-id-78673989898 .1e-outer,
.hs-content-id-104851996327 .owl-stage-outer,
.hs-content-id-119091577976 .owl-stage-outer {
  overflow: hidden;
}
.hs-content-id-43934331560 #footer .menu-footer-menu-container ul.menu li .sub-menu,
.hs-content-id-78673989898 #footer .menu-footer-menu-container ul.menu li .sub-menu,
.hs-content-id-104851996327 #footer .menu-footer-menu-container ul.menu li .sub-menu,
.hs-content-id-119091577976 #footer .menu-footer-menu-container ul.menu li .sub-menu {
  list-style: none;
}
.page-template-page-thankyou img[src*="capterra"] {
  position: absolute;
}
.page-template-page-thankyou #hero {
  padding: 23rem 0 20rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #47a5fb 100%);
  position: relative;
  text-align: center;
}
.page-template-page-thankyou #hero .row {
  max-width: 104rem;
}
.page-template-page-thankyou #hero h1 {
  font-size: 5.6rem;
  line-height: 6.5rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 3rem 0;
  text-align: center;
}
.page-template-page-thankyou #hero p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin: 2rem auto;
  max-width: 77rem;
  letter-spacing: .5px;
}
.page-template-page-thankyou #hero a {
  height: 5.2rem;
  padding: 1.4rem 3.2rem 1.4rem 3.2rem;
  border: 1px solid #27e192;
  border-radius: 2.6rem;
  background: #27e192;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  margin: 4rem 1rem 0 1rem;
  box-sizing: border-box !important;
  transition: all .3s;
}
.page-template-page-thankyou #hero a:hover {
  background: transparent;
  border: 1px solid #fff;
}
/* new demo page */
.hs-content-id-78673989898 #hs_cos_wrapper_module_1590726684357396 input[type="submit"],
.hs-content-id-104851996327 #hs_cos_wrapper_module_1590726684357396 input[type="submit"],
.hs-content-id-119091577976 #hs_cos_wrapper_module_1590726684357396 input[type="submit"] {
  border: 1px solid #ffb700 !important;
  background: #ffb700 !important;
  transition: all .3s;
}
.hs-content-id-78673989898 #hs_cos_wrapper_module_1590726684357396 input[type="submit"]:hover,
.hs-content-id-104851996327 #hs_cos_wrapper_module_1590726684357396 input[type="submit"]:hover,
.hs-content-id-119091577976 #hs_cos_wrapper_module_1590726684357396 input[type="submit"]:hover {
  background: #fff !important;
}
.hs-content-id-78673989898 .row,
.hs-content-id-104851996327 .row,
.hs-content-id-119091577976 .row {
  padding: 0 3rem;
}
.hs-content-id-78673989898 .header-container-wrapper,
.hs-content-id-104851996327 .header-container-wrapper,
.hs-content-id-119091577976 .header-container-wrapper {
  position: absolute !important;
}
.hs-content-id-78673989898 .header-container-wrapper.sticky,
.hs-content-id-104851996327 .header-container-wrapper.sticky,
.hs-content-id-119091577976 .header-container-wrapper.sticky {
  background: transparent !important;
}
.hs-content-id-78673989898 .header-container-wrapper.sticky #logo a,
.hs-content-id-104851996327 .header-container-wrapper.sticky #logo a,
.hs-content-id-119091577976 .header-container-wrapper.sticky #logo a {
  background-image: url(/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo-white.svg);
}
.hs-content-id-78673989898 .header-container-wrapper .row,
.hs-content-id-104851996327 .header-container-wrapper .row,
.hs-content-id-119091577976 .header-container-wrapper .row {
  justify-content: center;
}
.hs-content-id-78673989898 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(2),
.hs-content-id-104851996327 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(2),
.hs-content-id-119091577976 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(2),
.hs-content-id-78673989898 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3),
.hs-content-id-104851996327 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3),
.hs-content-id-119091577976 .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
  display: none;
}
.hs-content-id-78673989898 .container-fluid .banner.bg-white .row-fluid .page-center,
.hs-content-id-104851996327 .container-fluid .banner.bg-white .row-fluid .page-center,
.hs-content-id-119091577976 .container-fluid .banner.bg-white .row-fluid .page-center {
  max-width: 126rem !important;
}
.hs-content-id-78673989898 .banner.bg-white .text h1,
.hs-content-id-104851996327 .banner.bg-white .text h1,
.hs-content-id-119091577976 .banner.bg-white .text h1 {

  font-size: 7.2rem;
  line-height: 7rem;
  padding-right: 0;
  max-width: 58rem;
}
.hs-content-id-78673989898 .banner.bg-white .text p,
.hs-content-id-104851996327 .banner.bg-white .text p,
.hs-content-id-119091577976 .banner.bg-white .text p {
  font-size: 3.3rem;
  line-height: 4.3rem;
}
.hs-content-id-78673989898 .banner.bg-white .text ul,
.hs-content-id-104851996327 .banner.bg-white .text ul,
.hs-content-id-119091577976 .banner.bg-white .text ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 5rem -2rem 2.5rem -2rem;
  padding: 0;
  list-style: none;
  max-width: 52rem;
}
.hs-content-id-78673989898 .banner.bg-white .text ul li,
.hs-content-id-104851996327 .banner.bg-white .text ul li,
.hs-content-id-119091577976 .banner.bg-white .text ul li {
  padding: 3.6rem 2rem 0 2rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
  font-size: 1.7rem;
  line-height: 2.2rem;
  color: #fff;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li-orange.svg') no-repeat 2rem top;
  background-size: 1.9rem auto;
}
.hs-content-id-78673989898 .banner.bg-white .text ul li strong,
.hs-content-id-104851996327 .banner.bg-white .text ul li strong,
.hs-content-id-119091577976 .banner.bg-white .text ul li strong {
  display: block;
}
.hs-content-id-78673989898 .banner.bg-white .hs_cos_wrapper_type_form,
.hs-content-id-104851996327 .banner.bg-white .hs_cos_wrapper_type_form,
.hs-content-id-119091577976 .banner.bg-white .hs_cos_wrapper_type_form {
  padding: 30px;
}
.hs-content-id-78673989898 .banner.bg-white form h2,
.hs-content-id-104851996327 .banner.bg-white form h2,
.hs-content-id-119091577976 .banner.bg-white form h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.hs-content-id-78673989898 .banner.bg-white form p,
.hs-content-id-104851996327 .banner.bg-white form p,
.hs-content-id-119091577976 .banner.bg-white form p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #444D5B;
  margin: 1rem 0;
  max-width: 51rem;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset,
.hs-content-id-104851996327 .banner.bg-white form fieldset,
.hs-content-id-119091577976 .banner.bg-white form fieldset {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset .hs-richtext,
.hs-content-id-104851996327 .banner.bg-white form fieldset .hs-richtext,
.hs-content-id-119091577976 .banner.bg-white form fieldset .hs-richtext {
  padding: 0 10px;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset.form-columns-1 > div,
.hs-content-id-104851996327 .banner.bg-white form fieldset.form-columns-1 > div,
.hs-content-id-119091577976 .banner.bg-white form fieldset.form-columns-1 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 100%;
  max-width: 100%;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset.form-columns-2 > div,
.hs-content-id-104851996327 .banner.bg-white form fieldset.form-columns-2 > div,
.hs-content-id-119091577976 .banner.bg-white form fieldset.form-columns-2 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 50%;
  max-width: 50%;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio {
  padding: 0.8rem 0.8rem;
  flex: 1 0 21%;
  max-width: 21%;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio input,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio input,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio input {
  position: absolute;
  left: -999rem;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio span,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio span,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio span {
  display: block;
  border: 1px solid transparent;
  height: 4.4rem;
  line-height: 2.2rem;
  border-radius: 2.2rem;
  background: #F5F8FF;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  color: #444D5B;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  transition: all .3s;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio span:hover,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio span:hover,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio span:hover {
  border: 1px solid #2d3a83;
}
.hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio input:checked + span,
.hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio input:checked + span,
.hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio input:checked + span {
  background-color: #2d3a83;
  color: #fff;
}
.hs-content-id-78673989898 .banner.bg-white form input[type="submit"],
.hs-content-id-104851996327 .banner.bg-white form input[type="submit"],
.hs-content-id-119091577976 .banner.bg-white form input[type="submit"] {
  color: #000;
  margin-top: 1rem !important;
  border: 1px solid #ffb700;
}
.hs-content-id-78673989898 .banner.bg-white form input[type="submit"]:hover,
.hs-content-id-104851996327 .banner.bg-white form input[type="submit"]:hover,
.hs-content-id-119091577976 .banner.bg-white form input[type="submit"]:hover {
  background-color: #fff;
}
.hs-content-id-78673989898 #top,
.hs-content-id-104851996327 #top,
.hs-content-id-119091577976 #top {
  padding: 14rem 0 12rem 0 !important;
  position: relative;
}
.hs-content-id-78673989898 #top > .row-fluid-wrapper,
.hs-content-id-104851996327 #top > .row-fluid-wrapper,
.hs-content-id-119091577976 #top > .row-fluid-wrapper {
  position: relative;
  z-index: 2;
}
.hs-content-id-78673989898 #top:before,
.hs-content-id-104851996327 #top:before,
.hs-content-id-119091577976 #top:before {
  content: '';
  width: 160rem;
  height: 65rem;
  background: url(/hubfs/raw_assets/public/Performio%20v2/IMG/demobg.png) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: -64rem;
}
.hs-content-id-78673989898 #trusted,
.hs-content-id-104851996327 #trusted,
.hs-content-id-119091577976 #trusted {
  padding: 9.5rem 0 3.5rem 0;
}
.hs-content-id-78673989898 #trusted .row,
.hs-content-id-104851996327 #trusted .row,
.hs-content-id-119091577976 #trusted .row {
  max-width: 102rem;
}
.hs-content-id-78673989898 #trusted h2,
.hs-content-id-104851996327 #trusted h2,
.hs-content-id-119091577976 #trusted h2 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  text-align: center;
  margin: 0 auto 3rem auto;
  color: #191919;
  font-weight: 700;
  max-width: 78rem;
}
.hs-content-id-78673989898 #trusted ul,
.hs-content-id-104851996327 #trusted ul,
.hs-content-id-119091577976 #trusted ul {
  margin: 2rem auto 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.hs-content-id-78673989898 #trusted ul li,
.hs-content-id-104851996327 #trusted ul li,
.hs-content-id-119091577976 #trusted ul li {
  margin: 3.5rem 0;
  padding: 0 3rem;
  flex: 1 0 33.33%;
  max-width: 33.33%;
  display: flex;
  justify-content: center;
}
.hs-content-id-78673989898 #action,
.hs-content-id-104851996327 #action,
.hs-content-id-119091577976 #action {
  padding: 5rem 0 0 0;
  margin-bottom: -13rem;
  background: transparent;
}
.hs-content-id-78673989898 #action .row,
.hs-content-id-104851996327 #action .row,
.hs-content-id-119091577976 #action .row {
  max-width: 115rem;
}
.hs-content-id-78673989898 #action h2,
.hs-content-id-104851996327 #action h2,
.hs-content-id-119091577976 #action h2 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  text-align: center;
  margin: 0 auto 3rem auto;
  color: #191919;
  font-weight: 700;
  max-width: 78rem;
}
.hs-content-id-78673989898 #benefits,
.hs-content-id-104851996327 #benefits,
.hs-content-id-119091577976 #benefits {
  background: #F5F8FF;
  padding: 25rem 0 3rem 0;
}
.hs-content-id-78673989898 #benefits h2,
.hs-content-id-104851996327 #benefits h2,
.hs-content-id-119091577976 #benefits h2 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  text-align: center;
  margin: 0 auto 7rem auto;
  color: #191919;
  font-weight: 700;
  max-width: 60rem;
}
.hs-content-id-78673989898 #benefits .row,
.hs-content-id-104851996327 #benefits .row,
.hs-content-id-119091577976 #benefits .row {
  max-width: 104rem;
}
.hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
.hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
.hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
  display: flex;
  justify-content: space-between;
  margin: 0 -3rem;
}
.hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
.hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
.hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 3rem;
}
.hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p,
.hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p,
.hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p {
  margin: 3rem auto 0 auto;
  text-align: center;
  max-width: 28rem;
  padding-right: 0;
}
.hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a,
.hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a,
.hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a {
  color: inherit;
  text-decoration: none;
  font-weight: 400;
}
.hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a:hover,
.hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a:hover,
.hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p a:hover {
  text-decoration: underline;
}
.hs-content-id-78673989898 #features,
.hs-content-id-104851996327 #features,
.hs-content-id-119091577976 #features {
  padding: 6rem 0 10rem 0;
  background: #f5f8ff;
}
.hs-content-id-78673989898 #features .row,
.hs-content-id-104851996327 #features .row,
.hs-content-id-119091577976 #features .row {
  max-width: 126rem;
}
.hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid,
.hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid,
.hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span,
.hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span,
.hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span {
  flex: 1 0 50%;
  max-width: 50%;
  margin: 0 0 6rem 0;
}
.hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2),
.hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2),
.hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
  padding-left: 6rem;
}
.hs-content-id-78673989898 #features img,
.hs-content-id-104851996327 #features img,
.hs-content-id-119091577976 #features img {
  width: 100%;
  height: auto;
}
.hs-content-id-78673989898 #features p,
.hs-content-id-104851996327 #features p,
.hs-content-id-119091577976 #features p {
  font-size: 3.5rem;
  line-height: 4.5rem;
  text-align: left;
  margin: 3rem auto;
  color: #191919;
  font-weight: 700;
  padding-right: 0;
}
.hs-content-id-78673989898 #features p + p,
.hs-content-id-104851996327 #features p + p,
.hs-content-id-119091577976 #features p + p,
.hs-content-id-78673989898 #features ul + p,
.hs-content-id-104851996327 #features ul + p,
.hs-content-id-119091577976 #features ul + p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
}
.hs-content-id-78673989898 #features ul,
.hs-content-id-104851996327 #features ul,
.hs-content-id-119091577976 #features ul {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  margin: 3rem -4rem;
  flex-wrap: wrap;
  list-style: none;
}
.hs-content-id-78673989898 #features ul li,
.hs-content-id-104851996327 #features ul li,
.hs-content-id-119091577976 #features ul li {
  flex: 1 0 50%;
  max-width: 50%;
  margin: 0 0 4rem 0;
  padding: 0 4rem 0 7.8rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #191919;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li.svg') no-repeat 4rem top;
  background-size: 2.4rem auto;
}
.hs-content-id-78673989898 #testimonials,
.hs-content-id-104851996327 #testimonials,
.hs-content-id-119091577976 #testimonials {
  background: #ffb700 url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-testimonials-orange.jpg') no-repeat;
  background-size: contain;
  background-position: center top;
  padding: 30rem 0 10rem 0;
}
.hs-content-id-78673989898 #testimonials p,
.hs-content-id-104851996327 #testimonials p,
.hs-content-id-119091577976 #testimonials p {
  padding-right: 0;
}
.hs-content-id-78673989898 #testimonials .slide blockquote,
.hs-content-id-104851996327 #testimonials .slide blockquote,
.hs-content-id-119091577976 #testimonials .slide blockquote {
  font-size: 3rem;
  line-height: 4rem;
  color: #fff;
  font-weight: 700;
  margin: 3rem 0;
}
.hs-content-id-78673989898 #testimonials .slide a,
.hs-content-id-104851996327 #testimonials .slide a,
.hs-content-id-119091577976 #testimonials .slide a {
  font-weight: 700;
}
.hs-content-id-78673989898 #testimonials .row > .row-fluid-wrapper:first-of-type,
.hs-content-id-104851996327 #testimonials .row > .row-fluid-wrapper:first-of-type,
.hs-content-id-119091577976 #testimonials .row > .row-fluid-wrapper:first-of-type {
  flex: unset;
  max-width: 100%;
  padding-right: 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .header,
.hs-content-id-104851996327 .demov2.featuresarea .header,
.hs-content-id-119091577976 .demov2.featuresarea .header {
  margin: 0 2rem;
}
.hs-content-id-78673989898 .demov2.featuresarea .header h2,
.hs-content-id-104851996327 .demov2.featuresarea .header h2,
.hs-content-id-119091577976 .demov2.featuresarea .header h2 {
  font-size: 4.4rem;
  line-height: 5.4rem;
  font-weight: 700;
  margin: 0 auto 6rem auto;
  max-width: 81rem;
  text-align: center;
  color: #191919;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid {
  margin: 0 -1rem;
  width: auto;
  display: flex;
  flex-wrap: wrap;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 {
  padding: 0 1.5rem !important;
  flex: 1 0 25%;
  max-width: 25%;
  float: none;
  width: 25%;
  margin: 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p {
  padding-right: 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p:first-of-type,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p:first-of-type,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 p:first-of-type {
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6 {
  padding: 0 1.5rem !important;
  flex: 1 0 50%;
  max-width: 50%;
  float: none;
  width: 50%;
  margin: 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6 p,
.hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6 p,
.hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6 p {
  padding-right: 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .box1 > div,
.hs-content-id-104851996327 .demov2.featuresarea .box1 > div,
.hs-content-id-119091577976 .demov2.featuresarea .box1 > div {
  padding: 0 10rem 6rem 0;
  margin-top: -6rem;
}
.hs-content-id-78673989898 .demov2.featuresarea .box1 img,
.hs-content-id-104851996327 .demov2.featuresarea .box1 img,
.hs-content-id-119091577976 .demov2.featuresarea .box1 img {
  border-radius: 2.2rem;
  width: 85%;
  height: auto;
}
.hs-content-id-78673989898 .demov2.featuresarea .box1 p,
.hs-content-id-104851996327 .demov2.featuresarea .box1 p,
.hs-content-id-119091577976 .demov2.featuresarea .box1 p {
  font-size: 3.1rem;
  line-height: 3.6rem;
  font-weight: 700;
  margin: 2rem 0 0 0;
  color: #000;
  padding-right: 0;
  max-width: 49rem;
}
.hs-content-id-78673989898 .demov2.featuresarea .box2,
.hs-content-id-104851996327 .demov2.featuresarea .box2,
.hs-content-id-119091577976 .demov2.featuresarea .box2 {
  margin: -5rem 0 12rem 0;
}
.hs-content-id-78673989898 .demov2.featuresarea .box2 > div,
.hs-content-id-104851996327 .demov2.featuresarea .box2 > div,
.hs-content-id-119091577976 .demov2.featuresarea .box2 > div {
  background: #fff;
  padding: 60px 65px;
  border-radius: 20px;
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.2);
}
.hs-content-id-78673989898 .demov2.featuresarea .box2 p,
.hs-content-id-104851996327 .demov2.featuresarea .box2 p,
.hs-content-id-119091577976 .demov2.featuresarea .box2 p {
  font-size: 3.9rem;
  line-height: 4.4rem;
  font-weight: 700;
  margin: 0 0;
  color: #000;
  padding-right: 0;
}
.hs-content-id-78673989898 .startedsection,
.hs-content-id-104851996327 .startedsection,
.hs-content-id-119091577976 .startedsection {
  padding: 13rem 0 11rem 0 !important;
}
.hs-content-id-78673989898 .startedsection h2,
.hs-content-id-104851996327 .startedsection h2,
.hs-content-id-119091577976 .startedsection h2 {
  margin-top: 6rem;
}
.hs-content-id-78673989898 .startedsection a,
.hs-content-id-104851996327 .startedsection a,
.hs-content-id-119091577976 .startedsection a {
  font-size: 2rem;
  font-weight: 600;
}
.page-template-demothanks > img[src*="capterra"] {
  position: absolute;
}
.page-template-demothanks .row {
  padding: 0 3rem;
}
.page-template-demothanks .header-container-wrapper {
  position: absolute !important;
}
.page-template-demothanks .header-container-wrapper.sticky {
  background: transparent !important;
}
.page-template-demothanks .header-container-wrapper.sticky #logo a {
  background-image: url(/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo-white.svg);
}
.page-template-demothanks .header-container-wrapper .row {
  justify-content: center;
}
.page-template-demothanks .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-demothanks .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
  display: none;
}
.page-template-demothanks #thanks {
  background: #3d4efb;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  padding: 17rem 0 12rem 0;
}
.page-template-demothanks #thanks .row {
  max-width: 98rem;
  text-align: center;
}
.page-template-demothanks #thanks h1 {
  text-align: center;
  font-size: 5.7rem;
  line-height: 6.3rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-demothanks #thanks p {
  text-align: center;
  font-size: 2.5rem;
  line-height: 3.7rem;
  color: #fff;
  font-weight: 400;
  margin: 3rem 0;
}
.page-template-demothanks #thanks h2 {
  text-align: center;
  font-size: 2.5rem;
  line-height: 3.0rem;
  color: #fff;
  font-weight: 700;
  margin: 3rem 0;
}
.page-template-demothanks #thanks h2 + p {
  margin: 2rem 0;
}
.page-template-demothanks #thanks a {
  width: 100%;
  max-width: 37rem;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #000;
  text-align: center;
  font-weight: 700;
  padding: 1.0rem 3.5rem;
  border-radius: 2.2rem;
  border: 1px solid #ffb700;
  background: #ffb700;
  transition: all .3s;
}
.page-template-demothanks #thanks a:hover {
  color: #000;
  background: #fff;
}
.page-template-demothanks #thanks .iframe_wrapper {
  margin: 6rem 0 0 0;
}
/* business case */
.page-template-page-businesscase #hero {
  padding: 20rem 0 0 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  position: relative;
}
.page-template-page-businesscase #hero .row {
  display: flex;
  justify-content: space-between;
  max-width: 130rem;
}
.page-template-page-businesscase #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 45%;
  max-width: 53rem;
  padding-right: 4rem;
}
.page-template-page-businesscase #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 55%;
  max-width: 55%;
  padding-left: 4rem;
}
.page-template-page-businesscase #hero h1 {
  font-size: 7.6rem;
  line-height: 7.1rem;
  color: #fff;
  font-weight: 700;
  margin: 3rem 0 4rem 0;
}
.page-template-page-businesscase #hero .p {
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #fff;
  font-weight: 400;
  margin: 0;
  letter-spacing: .5px;
}
.page-template-page-businesscase #hero .form {
  background: #FFFFFF;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  margin: 0 0 -6rem 0;
  box-shadow: 0 3rem 7.5rem rgba(0, 0, 0, 0.2);
}
.page-template-page-businesscase #hero .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-businesscase #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-businesscase #hero .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-businesscase #hero .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-businesscase #hero .form form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-businesscase #hero .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-businesscase #hero .form form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-businesscase #hero .form form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-businesscase #hero .form form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-businesscase #hero .form form fieldset input[type="text"],
.page-template-page-businesscase #hero .form form fieldset input[type="number"],
.page-template-page-businesscase #hero .form form fieldset input[type="email"],
.page-template-page-businesscase #hero .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-businesscase #hero .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-businesscase #hero .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-businesscase #hero .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-businesscase #hero .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-businesscase #hero .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000000;
  border: 1px solid #ffb700;
  background: #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-businesscase #hero .form form input[type="submit"]:hover {
  background: #fff;
}
.page-template-page-businesscase #hero .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-businesscase #hero .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-businesscase #hero .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-businesscase #hero .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-businesscase #lead {
  padding: 17rem 0 1rem 0;
  background: #F5F8FF;
}
.page-template-page-businesscase #lead .row {
  max-width: 79rem;
}
.page-template-page-businesscase #lead .row h2 {
  font-size: 6rem;
  line-height: 5.5rem;
  text-align: center;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0 4rem 0;
}
.page-template-page-businesscase #lead .row .p {
  font-size: 2.2rem;
  line-height: 3rem;
  text-align: center;
  color: #191919;
  font-weight: 400;
  margin: 0 auto;
  max-width: 65rem;
}
.page-template-page-businesscase #about {
  padding: 4rem 0;
  background: #F5F8FF;
}
.page-template-page-businesscase #about .row {
  max-width: 126rem;
}
.page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7rem 0;
}
.page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  width: 100%;
  position: relative;
}
.page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  max-width: 46rem;
  flex: 1 0 46rem;
  padding: 0 0 0 6rem;
}
.page-template-page-businesscase #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
}
.page-template-page-businesscase #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
  padding-left: 0;
  padding-right: 6rem;
}
.page-template-page-businesscase #about .row .pic img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 100px rgba(0, 0, 0, 0.1));
}
.page-template-page-businesscase #about .row .text h2 {
  font-size: 3.5rem;
  line-height: 3.7rem;
  color: #000;
  font-weight: 700;
  margin: 6rem 0 3.5rem 0;
}
.page-template-page-businesscase #about .row .text h2:nth-of-type(1) {
  margin-top: 0;
}
.page-template-page-businesscase #about .row .text p {
  font-size: 1.7rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
.page-template-page-businesscase #about .row .text ul {
  margin: 2rem 0;
  list-style: none;
  padding: 0;
}
.page-template-page-businesscase #about .row .text ul li {
  margin: 1rem 0;
  padding: 0 0 0 3.5rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li.svg') no-repeat left top;
  background-size: 2.4rem auto;
}
.page-template-page-businesscase #about .row .text ul.flex {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem -1.5rem;
}
.page-template-page-businesscase #about .row .text ul.flex li {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1.5rem 0 5rem;
  background-position: 1.5rem top;
}
.page-template-page-businesscase #about .row .text a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 5rem 0 0 0;
}
.page-template-page-businesscase #about .row .text a:hover {
  text-decoration: underline;
}
.page-template-page-businesscase #case {
  padding: 0 0 13rem 0;
  background: #F5F8FF;
}
.page-template-page-businesscase #case .row {
  max-width: 118rem;
}
.page-template-page-businesscase #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-businesscase #case .row.lead h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  max-width: 64rem;
}
.page-template-page-businesscase #case .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 64rem;
}
.page-template-page-businesscase #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-businesscase #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-businesscase #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-businesscase #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-businesscase #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-businesscase #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-businesscase #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-businesscase #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-businesscase #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-businesscase #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-businesscase #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-businesscase #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-businesscase #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-businesscase #valued {
  padding: 11rem 0 10rem 0;
}
.page-template-page-businesscase #valued .row {
  max-width: 120rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-businesscase #valued .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 58%;
  max-width: 58%;
  padding-right: 3rem;
}
.page-template-page-businesscase #valued .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 42%;
  max-width: 42%;
  padding-left: 3rem;
}
.page-template-page-businesscase #valued .row .head h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.page-template-page-businesscase #valued .row .head .numbers {
  display: flex;
}
.page-template-page-businesscase #valued .row .head .numbers .number {
  padding: 0 5rem 0 2rem;
  position: relative;
}
.page-template-page-businesscase #valued .row .head .numbers .number h2 {
  font-size: 4rem;
  line-height: 4rem;
  color: #3D4EFB;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
.page-template-page-businesscase #valued .row .head .numbers .number .p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #191919;
}
.page-template-page-businesscase #valued .row .head .numbers .number:before {
  content: '';
  width: .4rem;
  height: 5.5rem;
  background: #D8D8D8;
  position: absolute;
  left: 0;
  top: .5rem;
}
.page-template-page-businesscase #valued .row .txt p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.4px;
  margin: 0 0 2rem 0;
  color: #191919;
}
.page-template-page-businesscase #valued .logotypes {
  margin: 5rem 0 0 0;
  display: flex;
  justify-content: flex-end;
}
.page-template-page-businesscase #valued .logotypes span.hs_cos_wrapper {
  display: flex;
  justify-content: flex-end;
}
.page-template-page-businesscase #valued .logotypes ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 216rem;
  flex: 1 0 216rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-businesscase #valued .logotypes ul li {
  width: 27rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-businesscase #valued .logotypes ul li img {
  filter: invert(1);
  opacity: .4;
}
.page-template-page-businesscase #valued .logotypes ul li:nth-child(1) {
  margin-left: -8.75rem;
}
.page-template-page-businesscase #valued .logotypes ul li:nth-child(7) {
  margin-left: 6.75rem;
}
/* webinar */
.page-template-page-webinar #hero {
  padding: 17rem 0 3rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-webinar #hero .row {
  max-width: 116rem;
  position: relative;
  z-index: 2;
}
.page-template-page-webinar #hero .row h1 {
  font-size: 1.8rem;
  line-height: 3.7rem;
  letter-spacing: 1px;
  color: #ffb700;
  font-weight: 600;
  margin: 0 0 2.0rem 0;
}
.page-template-page-webinar #hero .row p {
  font-size: 5.8rem;
  line-height: 5.4rem;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-weight: 800;
  margin: 0 0 2.5rem 0;
  max-width: 87rem;
}
.page-template-page-webinar #hero .row p + p {
  font-size: 2.7rem;
  line-height: 3.1rem;
  color: #ffb700;
  font-weight: 800;
  margin: 0 0 2.5rem 0;
}
.page-template-page-webinar #hero .row a {
  height: 5.2rem;
  padding: 1.4rem 5rem;
  border-radius: 2.6rem;
  background: #3D4EFB;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-webinar.id-139110987047 #hero .row a {
  height: 5.2rem;
  padding: 1.4rem 5rem;
  border-radius: 2.6rem;
  background: #ffd700;
  color: #000;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-webinar #hero .row a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-webinar #hero .row .bg {
  width: 65rem;
  height: 60rem;
  position: absolute;
  top: 3rem;
  right: -17rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/sigil.png') no-repeat;
  background-size: contain;
  z-index: 1;
  opacity: 0.2;
}
.page-template-page-webinar #hero .row .bg img {
  display: none;
}
.page-template-page-webinar #more {
  padding: 9rem 0 15rem 0;
}
.page-template-page-webinar #more .row {
  max-width: 116rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(1) {
  width: auto;
  margin: 0 !important;
  flex: 1 0 55%;
  max-width: 55%;
  padding-right: 4rem;
}
.page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
  width: auto;
  margin: 0 !important;
  flex: 1 0 45%;
  max-width: 45%;
  padding-left: 4rem;
}
.page-template-page-webinar #more .row .txt p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #191919;
  margin: 2rem 0;
}
.page-template-page-webinar #more .row .txt ul {
  margin: 4rem -1rem;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-template-page-webinar #more .row .txt ul li {
  margin: 1rem 0;
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 1rem 0 4.5rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li-green.svg') no-repeat 1rem top;
  background-size: 2.4rem auto;
}
.page-template-page-webinar #more .row .txt a {
  height: 5.2rem;
  padding: 1.4rem 5rem;
  border-radius: 2.6rem;
  border: 1px solid #3D4EFB;
  background: #3D4EFB;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-webinar #more .row .txt a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-webinar #more .row .sidebar .people {
  box-shadow: 2rem 3rem 5rem rgba(0, 0, 0, 0.1);
  padding: 4rem 4rem 0 4rem;
  border-radius: 1rem;
  margin: 0 0 4rem 0;
}
.page-template-page-webinar #more .row .sidebar .people .person {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 4rem 0;
}
.page-template-page-webinar #more .row .sidebar .people .person > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 11rem;
  max-width: 11rem;
}
.page-template-page-webinar #more .row .sidebar .people .person > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 2.5rem;
}
.page-template-page-webinar #more .row .sidebar .people .person img {
  border-radius: 50%;
  width: 11rem;
  height: 11rem;
}
.page-template-page-webinar #more .row .sidebar .people .person p {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin: 0;
}
.page-template-page-webinar #more .row .sidebar .people .person p + p {
  font-weight: 400;
  margin-top: 0.5rem;
}
.page-template-page-webinar #more .row .sidebar h2 {
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero,
.page-template-page-webinar.hs-content-id-104698820932 #hero {
  background: linear-gradient(292.99deg, #f8b70d 0%, #f79f0d 14%, #f77a0e 39%, #f75f0e 63%, #f74e0e 84%, #f7490f 100%);
  padding: 22rem 0 12rem 0;
  overflow: hidden;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero {
  background: linear-gradient(292.99deg, #f8b70d 0%, #f79f0d 14%, #f77a0e 39%, #f75f0e 63%, #f74e0e 84%, #f7490f 100%);
  padding: 22rem 0 12rem 0;
  overflow: hidden;
}
.page-template-page-webinar.hs-content-id-139110987047 #hero {
  background: linear-gradient(292.99deg, #00b548 0%, #00b548 14%, #00b548 39%, #71d07c 63%, #71d07c 84%, #71d07c 100%);
  padding: 22rem 0 12rem 0;
  overflow: hidden;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero .bg,
.page-template-page-webinar.hs-content-id-104698820932 #hero .bg,
.page-template-page-webinar.hs-content-id-139110987047 #hero .bg {
  background: none;
  opacity: 1;
  width: 63.5rem;
  height: 54rem;
  top: unset;
  bottom: -12rem;
  left: 61rem;
  right: unset;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero .bg img,
.page-template-page-webinar.hs-content-id-104698820932 #hero .bg img,
.page-template-page-webinar.hs-content-id-139110987047 #hero .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero .row h1,
.page-template-page-webinar.hs-content-id-104698820932 #hero .row h1,
.page-template-page-webinar.hs-content-id-139110987047 #hero .row h1 {
  color: #fff;
  line-height: 2.2rem;
  margin: 0 0 3rem 0;
}
.page-template-page-webinar.hs-content-id-118903672623 #hero .row p,
.page-template-page-webinar.hs-content-id-104698820932 #hero .row p,
.page-template-page-webinar.hs-content-id-139110987047 #hero .row p {
  max-width: 64rem;
  margin: 0 0 4rem 0;
}
.page-template-page-webinar2 #hero {
  padding: 16rem 0 4rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-webinar2 #hero .row {
  max-width: 120rem;
  position: relative;
  z-index: 2;
}
.page-template-page-webinar2 #hero .row h1 {
  font-size: 1.8rem;
  line-height: 3.7rem;
  letter-spacing: 1px;
  color: #ffb700;
  font-weight: 600;
  margin: 0 0 2.0rem 0;
}
.page-template-page-webinar2 #hero .row p {
  font-size: 5.8rem;
  line-height: 5.4rem;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-weight: 900;
  margin: 0 0 2.5rem 0;
}
.page-template-page-webinar2 #hero .row .flex {
  display: flex;
  justify-content: flex-start;
  margin: 2rem -2rem 0 -2rem;
}
.page-template-page-webinar2 #hero .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-template-page-webinar2 #hero .row .flex .person {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-template-page-webinar2 #hero .row .flex .person > .row-number-1 {
  flex: 1 0 11rem;
  max-width: 11rem;
  margin: 0 2.5rem 0 0;
}
.page-template-page-webinar2 #hero .row .flex .person img {
  border-radius: 50%;
  width: 11rem;
  height: 11rem;
}
.page-template-page-webinar2 #hero .row .flex .person p {
  margin: 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 400;
}
.page-template-page-webinar2 #video {
  display: none;
  padding: 16rem 0 15rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
}
.page-template-page-webinar2 #more {
  padding: 7rem 0 15rem 0;
}
.page-template-page-webinar2 #more .row {
  max-width: 120rem;
}
.page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid {
  display: flex;
  justify-content: space-between;
}
.page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(1) {
  width: auto;
  margin: 0 !important;
  flex: 1 0 55%;
  max-width: 55%;
  padding-right: 4rem;
}
.page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
  width: auto;
  margin: 0 !important;
  flex: 1 0 45%;
  max-width: 45%;
  padding-left: 4rem;
}
.page-template-page-webinar2 #more .row .txt p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #191919;
  margin: 2rem 0;
}
.page-template-page-webinar2 #more .row .txt p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-webinar2 #more .row .txt p a:hover {
  text-decoration: none;
}
.page-template-page-webinar2 #more .row .txt ul {
  margin: 3rem 0;
  list-style: none;
  padding: 0;
}
.page-template-page-webinar2 #more .row .txt ul li {
  margin: 1.5rem 0;
  padding: 0 0 0 4.5rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-li-green.svg') no-repeat 1rem top;
  background-size: 2.4rem auto;
}
.page-template-page-webinar2 #more .row .sidebar > .row-fluid-wrapper {
  padding: 2.5rem 2.5rem;
  border-radius: 1.2rem;
  box-shadow: 0 3.7rem 8.3rem -1.2rem rgba(0, 0, 0, 0.08);
}
.page-template-page-webinar2 #more .row .sidebar form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-webinar2 #more .row .sidebar form h2 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #2D3A83;
  margin: 0 0 2rem 0;
}
.page-template-page-webinar2 #more .row .sidebar form p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #444D5B;
  margin: 1rem 0;
  max-width: 51rem;
}
.page-template-page-webinar2 #more .row .sidebar form p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-webinar2 #more .row .sidebar form p a:hover {
  text-decoration: none;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset .hs-richtext {
  padding: 0 10px;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-1 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 > div {
  padding: 0 10px;
  float: none;
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: 0 -0.8rem;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio {
  padding: 0.8rem 0.8rem;
  flex: 1 0 25%;
  max-width: 25%;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio input {
  position: absolute;
  left: -999rem;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio span {
  display: block;
  border: 1px solid transparent;
  height: 4.4rem;
  line-height: 2.2rem;
  border-radius: 2.2rem;
  background: #F5F8FF;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  color: #444D5B;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  transition: all .3s;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio span:hover {
  border: 1px solid #2d3a83;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio input:checked + span {
  background-color: #2d3a83;
  color: #fff;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 100%;
  width: 100% !important;
  float: none !important;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 .field {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset {
  margin: 0 0 0 0;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset .hs-form-field {
  margin: 0 0 2rem 0;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset label {
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset input[type="text"],
.page-template-page-webinar2 #more .row .sidebar form fieldset input[type="tel"],
.page-template-page-webinar2 #more .row .sidebar form fieldset input[type="number"],
.page-template-page-webinar2 #more .row .sidebar form fieldset input[type="email"],
.page-template-page-webinar2 #more .row .sidebar form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #F5F8FF;
  border-radius: .4rem;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #F5F8FF;
  border-radius: .4rem;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-webinar2 #more .row .sidebar form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-webinar2 #more .row .sidebar form .hs_submit {
  padding: 0 1rem;
  margin: 1rem 0 0 0;
}
.page-template-page-webinar2 #more .row .sidebar form input[type="submit"] {
  height: 4.4rem;
  padding: 1.1rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #000;
  background: #ffb700;
  border: 1px solid #ffb700;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.2rem;
  transition: all .3s;
}
.page-template-page-webinar2 #more .row .sidebar form input[type="submit"]:hover {
  background: #fff;
  color: #000;
}
.page-template-page-webinar2 #more .row .sidebar form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-webinar2 #more .row .sidebar form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-webinar2 #more .row .sidebar form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-webinar2 #more .row .sidebar form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0 0 2rem 0;
}
.page-template-page-webinar2.hs-content-id-88807505485 #hero {
  display: none;
}
.page-template-page-webinar2.hs-content-id-88807505485 #more {
  display: none;
}
.page-template-page-webinar2.hs-content-id-88807505485 #video {
  display: block;
}
/* checklist */
.page-template-page-checklist #hero {
  padding: 20rem 0 10rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  position: relative;
}
.page-template-page-checklist #hero .bg {
  width: 74rem;
  height: 48rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-checklist.png') no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  right: -0.5rem;
  bottom: 0;
}
.page-template-page-checklist #hero .row {
  max-width: 128rem;
  position: relative;
  z-index: 3;
}
.page-template-page-checklist #hero .row .txt {
  max-width: 71rem;
}
.page-template-page-checklist #hero .row .txt h1 {
  font-size: 4.8rem;
  line-height: 5rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 0;
}
.page-template-page-checklist #hero .row .txt h1 span {
  color: #ffb700;
  display: block;
}
.page-template-page-checklist #hero .row .txt .p {
  margin: 3rem 0;
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 400;
  max-width: 59rem;
}
.page-template-page-checklist #hero .row .txt a {
  height: 5.2rem;
  padding: 1.4rem 3.2rem 1.4rem 3.2rem;
  border: 1px solid #27e192;
  border-radius: 2.6rem;
  background: #27e192;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-checklist #hero .row .txt a:hover {
  background: transparent;
  border: 1px solid #fff;
}
.page-template-page-checklist #more {
  padding: 7rem 0 10rem 0;
}
.page-template-page-checklist #more .row {
  max-width: 71rem;
}
.page-template-page-checklist #more .row .p {
  margin: 3rem auto;
  text-align: center;
  font-size: 2.0rem;
  line-height: 2.7rem;
  color: #191919;
  font-weight: 400;
}
.page-template-page-checklist #checklist {
  padding: 0 0 0 0;
}
.page-template-page-checklist #checklist .row {
  max-width: 108rem;
}
.page-template-page-checklist #checklist .row .box {
  margin: 0 0 10rem 0;
  display: flex;
  justify-content: space-between;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) h2 {
  font-size: 2.9rem;
  line-height: 3rem;
  color: #3D4EFB;
  margin: 0 0 2.5rem 0;
  font-weight: 800;
  max-width: 38rem;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2.5rem 0;
  font-weight: 400;
  max-width: 38rem;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 38rem;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2.5rem 0;
  font-weight: 400;
  padding-left: 3.5rem;
  position: relative;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul li strong {
  font-weight: 800;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul li:before {
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul li:nth-of-type(1):before {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check.png');
  background-color: #ffb700;
  background-size: auto 0.9rem;
}
.page-template-page-checklist #checklist .row .box .row-fluid-wrapper:nth-of-type(2) ul li:nth-of-type(2):before {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-x.png');
  background-color: #FF275C;
  background-size: auto 1rem;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(1) {
  order: 1;
  padding-right: 4rem;
  padding-left: 12rem;
  position: relative;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(1):before {
  content: '';
  width: 4.2rem;
  height: 4.2rem;
  background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-check.png') no-repeat center;
  background-size: auto 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 1.5rem 2rem -0.5rem rgba(20, 31, 78, 0.17);
  border-radius: 1rem;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(2) {
  order: 2;
  padding-left: 4rem;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(1) {
  order: 2;
  padding-left: 8rem;
  padding-right: 8rem;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(1) img {
  width: 100%;
  height: auto;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2) {
  order: 1;
  padding-right: 0;
  padding-left: 12rem;
  position: relative;
}
.page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2):before {
  content: '';
  width: 4.2rem;
  height: 4.2rem;
  background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-check.png') no-repeat center;
  background-size: auto 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 1.5rem 2rem -0.5rem rgba(20, 31, 78, 0.17);
  border-radius: 1rem;
}
.page-template-page-checklist #how {
  padding: 13rem 0 7rem 0;
  background: #F5F8FF;
}
.page-template-page-checklist #how .row {
  max-width: 113rem;
}
.page-template-page-checklist #how h2 {
  font-size: 4rem;
  line-height: 4.6rem;
  margin: 0 auto 0 auto;
  color: #000000;
  font-weight: 800;
  text-align: center;
}
.page-template-page-checklist #how .p {
  font-size: 2rem;
  line-height: 2.7rem;
  margin: 2.5rem auto;
  color: #000000;
  font-weight: 400;
  max-width: 54rem;
  text-align: center;
}
.page-template-page-checklist #how .flex {
  margin: 5rem -1.5rem 0 -1.5rem;
  display: flex;
  justify-content: center;
}
.page-template-page-checklist #how .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.5rem;
}
.page-template-page-checklist #how .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-checklist #how .flex .box {
  height: 100%;
  background: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 30px 44px rgba(0, 0, 0, 0.1);
  padding: 3rem 4rem;
}
.page-template-page-checklist #how .flex .box img {
  width: auto;
  height: 6.7rem !important;
}
.page-template-page-checklist #how .flex .box h3 {
  margin: 2.0rem 0 0 0;
  font-size: 2.8rem;
  line-height: 3rem;
  font-weight: 800;
  color: #3D4EFB;
}
.page-template-page-checklist #how .flex .box .sub {
  margin: 1rem 0 1rem 0;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #000000;
  min-height: 4.8rem;
}
.page-template-page-checklist #how .flex .box p {
  margin: 1.5rem 0;
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 400;
  color: #000000;
}
.page-template-page-checklist #trusted {
  padding: 7rem 0 5rem 0;
  background: #F5F8FF;
}
.page-template-page-checklist #trusted .row {
  max-width: 113rem;
}
.page-template-page-checklist #trusted h2 {
  font-size: 4.3rem;
  line-height: 4.8rem;
  margin: 0 auto 0 auto;
  color: #000000;
  font-weight: 800;
  text-align: center;
  max-width: 55rem;
}
.page-template-page-checklist #trusted h2 span {
  color: #3D4EFB;
}
.page-template-page-checklist #trusted .p {
  font-size: 2rem;
  line-height: 2.7rem;
  margin: 2.5rem auto;
  color: #000000;
  font-weight: 400;
  max-width: 55rem;
  text-align: center;
}
.page-template-page-checklist #trusted .logos p {
  margin: 2rem 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.page-template-page-checklist #trusted .logos p img {
  margin: 2.5rem 5rem;
}
.page-template-page-checklist #case {
  padding: 0 0 14rem 0;
  background: #F5F8FF;
}
.page-template-page-checklist #case .row {
  max-width: 118rem;
}
.page-template-page-checklist #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-checklist #case .row.lead h1 {
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 700;
  color: #3D4EFB;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  max-width: 64rem;
}
.page-template-page-checklist #case .row.lead .p {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin: 0 auto 0 auto;
  max-width: 64rem;
}
.page-template-page-checklist #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-checklist #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-checklist #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-checklist #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-checklist #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-checklist #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-checklist #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-checklist #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-checklist #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-checklist #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-checklist #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-checklist #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-checklist #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-checklist #leader {
  padding: 13rem 0;
  background: #fff;
}
.page-template-page-checklist #leader h2 {
  font-size: 4.3rem;
  line-height: 4.8rem;
  margin: 0 auto 6rem auto;
  color: #000000;
  font-weight: 800;
  text-align: center;
  max-width: 55rem;
}
.page-template-page-checklist #leader h2 span {
  color: #3D4EFB;
}
.page-template-page-checklist #leader .flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-template-page-checklist #leader .flex > .row-fluid-wrapper {
  flex: 1 0 25%;
  max-width: 25%;
}
.page-template-page-checklist #leader .flex .box {
  padding: 5rem 4rem;
  border-radius: 1.3rem;
  text-align: center;
  position: relative;
}
.page-template-page-checklist #leader .flex .box > .row-fluid-wrapper:last-child {
  height: 0;
}
.page-template-page-checklist #leader .flex .box > .row-fluid-wrapper:last-child div,
.page-template-page-checklist #leader .flex .box > .row-fluid-wrapper:last-child span {
  height: 0;
  min-height: 0;
}
.page-template-page-checklist #leader .flex .img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 2rem 0;
  height: 5.6rem;
}
.page-template-page-checklist #leader .flex .img div,
.page-template-page-checklist #leader .flex .img span {
  height: 100%;
}
.page-template-page-checklist #leader .flex .img span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-checklist #leader .flex .stars img {
  width: auto;
  height: 1.9rem;
  margin: 0 auto;
}
.page-template-page-checklist #leader .flex .review {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  font-weight: 400;
}
.page-template-page-checklist #leader .flex a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-indent: -999rem;
  border-radius: 1.3rem;
  transition: all .3s;
}
.page-template-page-checklist #leader .flex a:hover {
  box-shadow: 0 3.1rem 4.5rem 0 rgba(20, 31, 78, 0.1);
}
.page-template-page-checklist #demo {
  padding: 6rem 0 7rem 0;
  background: linear-gradient(180deg, #3d4efb 0%, #4385fb 100%);
}
.page-template-page-checklist #demo .row {
  max-width: 72rem;
  text-align: center;
}
.page-template-page-checklist #demo h2 {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 5rem;
  margin: 0 0 2rem 0;
}
.page-template-page-checklist #demo a.hs-button {
  height: 5.2rem;
  padding: 1.4rem 3.2rem 1.4rem 3.2rem;
  border: 1px solid #27e192;
  border-radius: 2.6rem;
  background: #27e192;
  color: #fff;
  font-size: 2.1rem;
  line-height: 2.2rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: all .3s;
}
.page-template-page-checklist #demo a.hs-button:hover {
  background: transparent;
  border: 1px solid #fff;
}
.page-template-page-checklist #demo ul {
  margin: 6rem 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.page-template-page-checklist #demo ul li {
  margin: 0 .8rem;
  padding: 0;
}
.page-template-page-checklist #demo ul li a {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all .3s;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
}
.page-template-page-checklist #demo ul li a:hover {
  background-color: #ffb700;
}
.page-template-page-checklist #demo ul li a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked-blue.svg');
  background-size: 1.8rem auto;
  background-position: center 1.2rem;
}
.page-template-page-checklist #demo ul li a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter-blue.svg');
  background-size: 1.7rem auto;
  background-position: center 1.6rem;
}
.page-template-page-checklist #demo ul li a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook-blue.svg');
  background-size: 1rem auto;
  background-position: center 1.4rem;
}
.page-template-page-checklist #demo ul li a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
/* contact */
.page-template-page-contact .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-contact .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-contact .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-contact .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-contact .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-contact .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-contact .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-contact .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-contact #hero {
  padding: 11rem 0 14rem 0;
}
.page-template-page-contact #hero .row {
  max-width: 126rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-contact #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-contact #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-contact #hero .row .txt h1 {
  font-size: 5.6rem;
  line-height: 5.5rem;
  color: #191919;
  font-weight: 700;
  max-width: 42rem;
  margin: 0;
}
.page-template-page-contact #hero .row .txt h1 span {
  color: #ffb700;
}
.page-template-page-contact #hero .row .txt img {
  width: 100%;
  height: auto;
  margin: -1rem 0 0 -6rem;
}
.page-template-page-contact #hero .row .form form {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-contact #hero .row .form form fieldset.form-columns-2 {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-contact #hero .row .form form fieldset.form-columns-2 .hs-form-field {
  flex: 1 0 50%;
  width: 50% !important;
  float: none !important;
}
.page-template-page-contact #hero .row .form form fieldset.form-columns-1 {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #hero .row .form form fieldset {
  margin: 0 0 2.5rem 0;
}
.page-template-page-contact #hero .row .form form fieldset label {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0;
}
.page-template-page-contact #hero .row .form form fieldset input[type="text"],
.page-template-page-contact #hero .row .form form fieldset input[type="email"],
.page-template-page-contact #hero .row .form form fieldset input[type="tel"],
.page-template-page-contact #hero .row .form form fieldset select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-contact #hero .row .form form fieldset textarea {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: .4rem;
}
.page-template-page-contact #hero .row .form form fieldset .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-contact #hero .row .form form fieldset .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-contact #hero .row .form form fieldset .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-contact #hero .row .form form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #fff;
  border: 1px solid #3D4EFB;
  background: #3D4EFB;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: .6rem;
  max-width: 15rem;
  transition: all .3s;
}
.page-template-page-contact #hero .row .form form input[type="submit"]:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-contact #hero .row .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #hero .row .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-contact #hero .row .form form .hs_error_rollup ul li {
  margin: 2rem 0 0 0;
  padding: 0;
}
.page-template-page-contact #hero .row .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-contact #offices {
  padding: 12rem 0 5rem 0;
  background: #F5F8FF;
}
.page-template-page-contact #offices .row {
  max-width: 106rem;
}
.page-template-page-contact #offices h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.page-template-page-contact #offices .flex {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content {
  border-radius: 2rem 2rem 2rem 2rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 100%;
  max-width: 100%;
  padding: 0;
  display: none;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 45%;
  max-width: 45%;
  padding: 3rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 30%;
  max-width: 30%;
  padding: 3rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) .directions a {
  display: inline-block;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(4) {
  flex: 1 0 25%;
  max-width: 25%;
  padding: 3rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 2rem 1.5rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content {
  padding: 3rem 3rem 10rem 3rem;
  position: relative;
  display: block;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .row-fluid-wrapper {
  padding: 0;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .name {
  padding: 0;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .name h3 {
  font-size: 2.5rem;
  padding-left: 6.5rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .address {
  padding: 0 0 0 6.5rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .address .p {
  font-size: 1.6rem;
  line-height: 2rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .phone {
  padding: 0 0 0 6.5rem;
  margin-top: 1rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .phone .p {
  font-size: 1.6rem;
  line-height: 2rem;
}
.page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .directions a {
  display: inline-block;
  position: absolute;
  left: 9.5rem;
  bottom: 3rem;
}
.page-template-page-contact #offices .flex .office {
  height: 100%;
}
.page-template-page-contact #offices .flex .office > .row-fluid-wrapper {
  height: 100%;
}
.page-template-page-contact #offices .flex .office > .row-fluid-wrapper > .row-fluid {
  height: 100%;
}
.page-template-page-contact #offices .flex .office .content {
  height: 100%;
  box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: .7rem;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-contact #offices .flex .office .content iframe {
  margin: 0;
  width: 100%;
  height: 36rem;
}
.page-template-page-contact #offices .flex .office .content h3 {
  font-size: 2.7rem;
  line-height: 3.2rem;
  padding: .6rem 0 .6rem 8rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-directions.svg') no-repeat left center;
  background-size: 4.3rem auto;
  font-weight: 700;
  margin: 0;
}
.page-template-page-contact #offices .flex .office .content .p,
.page-template-page-contact #offices .flex .office .content .phone {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0;
}
.page-template-page-contact #offices .flex .office .content .p a,
.page-template-page-contact #offices .flex .office .content .phone a {
  color: inherit;
}
.page-template-page-contact #offices .flex .office .content .p a:hover,
.page-template-page-contact #offices .flex .office .content .phone a:hover {
  text-decoration: underline;
}
.page-template-page-contact #offices .flex .office .content .directions a {
  display: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0 3.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 1.9rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 3rem 0 0 0;
}
.page-template-page-contact #offices .flex .office .content .directions a:hover {
  text-decoration: underline;
}
.page-template-page-contact #offices .flex .office .content > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #offices .flex .office .content > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #offices .flex .office .content > .row-fluid-wrapper:nth-of-type(3) {
  flex: 1 0 100%;
  max-width: 100%;
}
.page-template-page-contact #follow {
  padding: 5rem 0 10rem 0;
  background: #F5F8FF;
}
.page-template-page-contact #follow .row {
  max-width: 106rem;
}
.page-template-page-contact #follow h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 700;
  margin: 0 0 5rem 0;
}
.page-template-page-contact #follow ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.page-template-page-contact #follow ul li {
  margin: 0 .8rem;
  padding: 0;
}
.page-template-page-contact #follow ul li a {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #ffb700;
  transition: all .3s;
  border: 1px solid #ffb700;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
}
.page-template-page-contact #follow ul li a:hover {
  background-color: #fff;
}
.page-template-page-contact #follow ul li a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked.svg');
  background-size: 1.8rem auto;
  background-position: center 1.2rem;
}
.page-template-page-contact #follow ul li a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter.svg');
  background-size: 1.7rem auto;
  background-position: center 1.6rem;
}
.page-template-page-contact #follow ul li a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook.svg');
  background-size: 1rem auto;
  background-position: center 1.4rem;
}
.page-template-page-contact #follow ul li a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
/* page */
.page-template-page-page .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-page .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-page .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-page .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-page .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-page .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-page .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-page .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-page #page {
  padding: 11rem 0 14rem 0;
}
.page-template-page-page #page .row {
  max-width: 126rem;
}
.page-template-page-page #page .row h1 {
  font-size: 5.6rem;
  line-height: 5.5rem;
  color: #191919;
  font-weight: 700;
  margin: 0 0 6rem 0;
}
.page-template-page-page #page .row p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: 2rem 0;
}
.page-template-page-page #page .row ul li,
.page-template-page-page #page .row ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #191919;
  margin: .5rem 0;
}
.page-template-page-page #page .row p a,
.page-template-page-page #page .row li a {
  color: #2D3A83;
  font-weight: 700;
}
.page-template-page-page #page .row p a:hover,
.page-template-page-page #page .row li a:hover {
  text-decoration: underline;
}
.page-template-page-page #page .row h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-page #page .row h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #2D3A83;
  margin: 5rem 0 2rem 0;
  font-weight: 700;
}
.page-template-page-page #page .row h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  color: #191919;
  margin: 2rem 0;
  font-weight: 700;
}
/* page - release notes listing */
.page-template-page-error .header-container-wrapper {
  position: relative;
  background: #fff;
}
.page-template-page-error .header-container-wrapper #logo a {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/performio-logo.svg');
}
.page-template-page-error .header-container-wrapper #mainMenu ul.menu > li > a {
  color: #191919;
}
.page-template-page-error .header-container-wrapper #mainMenu ul.menu > li:last-child a {
  background: #3D4EFB;
  color: #fff;
  border: 1px solid #3D4EFB;
}
.page-template-page-error .header-container-wrapper #mainMenu ul.menu > li:last-child a:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-error .header-container-wrapper #mainMenu ul.menu > li > .sub-menu {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1));
}
.page-template-page-error .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger.opened .hs_cos_wrapper_type_rich_text div {
  background: #fff;
}
.page-template-page-error .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) #mobileTrigger .hs_cos_wrapper_type_rich_text div {
  background: #000;
}
.page-template-page-error #hero {
  padding: 0 0 15rem 0;
}
.page-template-page-error #hero .row {
  max-width: 130rem;
  padding-top: 12rem;
}
.page-template-page-error #hero h1 {
  font-size: 5.6rem;
  line-height: 6rem;
  color: #191919;
  font-weight: 700;
  margin: 0 auto 4rem auto;
  max-width: 58rem;
  text-align: center;
}
.page-template-page-error #hero h2 {
  font-size: 4rem;
  line-height: 4.6rem;
  color: #191919;
  font-weight: 700;
  margin: 0 auto 3rem auto;
  max-width: 58rem;
  text-align: center;
}
.page-template-page-error #hero p {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #191919;
  font-weight: 400;
  margin: 2.5rem auto;
  text-align: center;
  max-width: 67rem;
  letter-spacing: 0.5px;
}
/* opensymmetry */
.page-template-page-opensymmetry .header-container-wrapper,
.page-template-page-totalrewards .header-container-wrapper {
  position: absolute !important;
  padding: 4rem 0;
}
.page-template-page-opensymmetry .header-container-wrapper .row,
.page-template-page-totalrewards .header-container-wrapper .row {
  display: block;
}
.page-template-page-opensymmetry .header-container-wrapper .row > .row-fluid-wrapper:first-of-type,
.page-template-page-totalrewards .header-container-wrapper .row > .row-fluid-wrapper:first-of-type {
  max-width: unset;
}
.page-template-page-opensymmetry .header-container-wrapper.sticky,
.page-template-page-totalrewards .header-container-wrapper.sticky {
  background: transparent !important;
  padding: 3.5rem 0;
}
.page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text,
.page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a,
.page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a {
  margin: 0 4rem 0 0;
  position: relative;
}
.page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:after,
.page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:after {
  content: '';
  width: 1px;
  height: 5.2rem;
  background: #30A1C1;
  position: absolute;
  right: -4rem;
  top: 50%;
  margin: -2.6rem 0 0 0;
}
.page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a + a,
.page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a + a {
  margin: 0 0 0 4rem;
}
.page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a + a:after,
.page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a + a:after {
  display: none;
}
.page-template-page-opensymmetry #hero,
.page-template-page-totalrewards #hero {
  background: #25cdfb;
  padding: 14rem 0 7rem 0;
}
.page-template-page-opensymmetry #hero .row,
.page-template-page-totalrewards #hero .row {
  max-width: 116rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-opensymmetry #hero .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-totalrewards #hero .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 52rem;
  max-width: 52rem;
}
.page-template-page-opensymmetry #hero .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-totalrewards #hero .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
  position: relative;
  padding-left: 8rem;
}
.page-template-page-opensymmetry #hero .row h1,
.page-template-page-totalrewards #hero .row h1 {
  font-size: 6.3rem;
  line-height: 6.7rem;
  color: #fff;
  font-weight: 900;
  margin: 5rem 0 2.5rem 0;
}
.page-template-page-opensymmetry #hero .row p,
.page-template-page-totalrewards #hero .row p {
  font-size: 3.1rem;
  line-height: 3.4rem;
  color: #fff;
  margin: 2.5rem 0;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.page-template-page-opensymmetry #hero .row ul,
.page-template-page-totalrewards #hero .row ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2.5rem;
  padding: 0;
  list-style: none;
}
.page-template-page-opensymmetry #hero .row ul li,
.page-template-page-totalrewards #hero .row ul li {
  flex: 1 0 55%;
  max-width: 55%;
  padding: 0 2.5rem 0 8rem;
  position: relative;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  min-height: 4.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.page-template-page-opensymmetry #hero .row ul li img,
.page-template-page-totalrewards #hero .row ul li img {
  position: absolute;
  left: 2.5rem;
  top: 50%;
}
.page-template-page-opensymmetry #hero .row ul li:nth-of-type(1) img,
.page-template-page-totalrewards #hero .row ul li:nth-of-type(1) img {
  margin: -2.2rem 0 0 0;
}
.page-template-page-opensymmetry #hero .row ul li:nth-of-type(2),
.page-template-page-totalrewards #hero .row ul li:nth-of-type(2) {
  flex: 1 0 45%;
  max-width: 45%;
}
.page-template-page-opensymmetry #hero .row ul li:nth-of-type(2) img,
.page-template-page-totalrewards #hero .row ul li:nth-of-type(2) img {
  margin: -1.65rem 0 0 0;
}
.page-template-page-opensymmetry #hero .row ul li:nth-of-type(3) img,
.page-template-page-totalrewards #hero .row ul li:nth-of-type(3) img {
  margin: -2rem 0 0 0;
}
.page-template-page-opensymmetry #hero .row .widget-type-linked_image,
.page-template-page-totalrewards #hero .row .widget-type-linked_image {
  width: 74rem;
  height: 61rem;
  position: absolute;
  left: 8rem;
  top: 0;
}
.page-template-page-opensymmetry #hero .row .widget-type-linked_image > span,
.page-template-page-totalrewards #hero .row .widget-type-linked_image > span {
  display: block;
}
.page-template-page-opensymmetry #hero .row .widget-type-linked_image > span img,
.page-template-page-totalrewards #hero .row .widget-type-linked_image > span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-opensymmetry #date,
.page-template-page-totalrewards #date {
  padding: 3rem 0;
  background: #3D4EFB;
}
.page-template-page-opensymmetry #date .row,
.page-template-page-totalrewards #date .row {
  max-width: 80rem;
}
.page-template-page-opensymmetry #date p,
.page-template-page-totalrewards #date p {
  font-size: 3.2rem;
  line-height: 3.6rem;
  color: #fff;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
.page-template-page-opensymmetry #date p a,
.page-template-page-totalrewards #date p a {
  color: inherit;
  text-decoration: underline;
}
.page-template-page-opensymmetry #date p a:hover,
.page-template-page-totalrewards #date p a:hover {
  text-decoration: none;
}
.page-template-page-opensymmetry #details,
.page-template-page-totalrewards #details {
  padding: 9rem 0 1rem 0;
}
.page-template-page-opensymmetry #details .row,
.page-template-page-totalrewards #details .row {
  max-width: 126rem;
  display: flex;
  justify-content: space-between;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 58%;
  max-width: 58%;
  padding-right: 5rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) h2,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) h2 {
  font-size: 3.5rem;
  line-height: 4.4rem;
  color: #000;
  font-weight: 700;
  margin: 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) h3,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) h3 {
  font-size: 2.2rem;
  line-height: 2.7rem;
  color: #000;
  font-weight: 700;
  margin: 4rem 0 1.5rem 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) p,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 400;
  margin: 1.5rem 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) p em,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) p em {
  font-size: 1.6rem;
  line-height: 2.3rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) p strong,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) p strong {
  font-size: 2.2rem;
  line-height: 2.7rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) ul,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) ul {
  margin: 0.5rem -2rem;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) ul li,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) ul li {
  margin: 2rem 0;
  padding: 0 2rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) ul li img,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) ul li img {
  max-width: 100%;
  height: auto;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 42%;
  max-width: 42%;
  padding-left: 5rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form .submitted-message {
  font-size: 2.5rem;
  line-height: 3rem;
  color: #2D3A83;
  font-weight: 700;
  margin: 4rem 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form > .widget-type-form,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form > .widget-type-form {
  padding: 2.5rem;
  background: #fff;
  border-radius: 1.3rem;
  box-shadow: 0px 30px 44px rgba(20, 31, 78, 0.1);
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form:before,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form:before {
  content: 'Request to save your spot for our Happy Hour';
  font-size: 2.5rem;
  line-height: 3rem;
  color: #2D3A83;
  font-weight: 700;
  margin: 0 0 2rem 0;
  padding: 0 1rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field {
  flex: 1 0 100%;
  max-width: 100%;
  padding: 0 1rem;
  margin: 0 0 2.2rem 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field label,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field label {
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 0 0 0.5rem 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="text"],
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="text"],
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="email"],
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="email"],
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="tel"],
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field input[type="tel"],
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field select,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field select {
  width: 100%;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  background: #F5F8FF;
  border-radius: .4rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs li,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs li {
  margin: 0.5rem 0 0 0;
  padding: 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs li label.hs-error-msg,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field .hs-error-msgs li label.hs-error-msg {
  color: #c00;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(1),
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(1),
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(2),
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(2) {
  flex: 1 0 50%;
  max-width: 50%;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit {
  padding: 0 1rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit input[type="submit"],
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit input[type="submit"] {
  height: 4.8rem;
  padding: 1.4rem 4rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #fff;
  border: 1px solid #3D4EFB;
  background: #3D4EFB;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 0;
  border-radius: 2.4rem;
  max-width: 18rem;
  transition: all .3s;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit input[type="submit"]:hover,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit input[type="submit"]:hover {
  background: #fff;
  color: #3D4EFB;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup {
  flex: 1 0 100%;
  max-width: 100%;
  margin: 0 0 2rem 0;
  padding: 0 1rem;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li {
  margin: 0 0 0 0;
  padding: 0;
}
.page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li label,
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs_error_rollup ul li label {
  color: #c00;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.page-template-page-opensymmetry #map,
.page-template-page-totalrewards #map {
  padding: 0 0 8rem 0;
}
.page-template-page-opensymmetry #map .row,
.page-template-page-totalrewards #map .row {
  max-width: 126rem;
}
.page-template-page-opensymmetry #map img,
.page-template-page-totalrewards #map img {
  width: 100%;
  height: auto;
}
.page-template-page-opensymmetry #hosts,
.page-template-page-totalrewards #hosts {
  padding: 7rem 0 9rem 0;
  background: #F2F4FF;
  float: unset;
}
.page-template-page-opensymmetry #hosts .row,
.page-template-page-totalrewards #hosts .row {
  max-width: 126rem;
}
.page-template-page-opensymmetry #hosts .flex,
.page-template-page-totalrewards #hosts .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -6rem;
  width: auto;
}
.page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper,
.page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper {
  padding: 0 6rem;
}
.page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(1),
.page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 34%;
  max-width: 34%;
  position: relative;
}
.page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(1):after,
.page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(1):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #bfbfbf;
  width: 1px;
}
.page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(2),
.page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 66%;
  max-width: 66%;
}
.page-template-page-opensymmetry #hosts h2,
.page-template-page-totalrewards #hosts h2 {
  font-size: 2.2rem;
  line-height: 2.7rem;
  color: #000;
  font-weight: 700;
  margin: 0 0 3rem 0;
}
.page-template-page-opensymmetry #hosts p,
.page-template-page-totalrewards #hosts p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #343434;
  margin: 2rem 0 0 0;
}
.page-template-page-opensymmetry #hosts p a,
.page-template-page-totalrewards #hosts p a {
  text-decoration: underline;
  color: inherit;
}
.page-template-page-opensymmetry #hosts p a:hover,
.page-template-page-totalrewards #hosts p a:hover {
  text-decoration: none;
}
.page-template-page-opensymmetry #hosts p:nth-of-type(1),
.page-template-page-totalrewards #hosts p:nth-of-type(1) {
  height: 4rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-template-page-opensymmetry #hosts p:nth-of-type(1) img,
.page-template-page-totalrewards #hosts p:nth-of-type(1) img {
  width: auto;
  height: auto;
  max-height: 4rem;
  max-width: 100%;
}
.page-template-page-totalrewards #hero {
  padding: 2rem 0 2rem 0;
  overflow: hidden;
  background: linear-gradient(180deg, #3b4cf2 0%, #4ea4f7 100%);
}
.page-template-page-totalrewards #hero .row p {
  font-size: 2.6rem;
  line-height: 3.4rem;
  max-width: 36rem;
}
.page-template-page-totalrewards #hero .row .widget-type-linked_image {
  left: -6rem;
  top: unset;
  bottom: -2rem;
  width: 78rem;
  height: 61rem;
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul {
  display: block;
  list-style: disc;
  padding: 0 0 0 4rem;
  margin: 3rem 0;
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 400;
  margin: 1.5rem 0;
  max-width: 100%;
  padding: 0 0 0 2rem;
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul li a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul li a:hover {
  text-decoration: none;
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form:before {
  content: 'Reserve Your Spot';
}
.page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-submit input[type="submit"] {
  max-width: 28rem;
  padding: 1.4rem 2rem;
}
/* blueprints banking */
.page-template-page-blueprints-banking #hero {
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  padding: 18rem 0 8rem 0;
}
.page-template-page-blueprints-banking #hero .row {
  max-width: 124rem;
  position: relative;
}
.page-template-page-blueprints-banking #hero .txt {
  max-width: 81rem;
}
.page-template-page-blueprints-banking #hero .txt h1 {
  font-size: 6.8rem;
  line-height: 6.8rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 3rem 0;
}
.page-template-page-blueprints-banking #hero .txt h2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #fff;
  margin: 2.5rem 0 1rem 0;
}
.page-template-page-blueprints-banking #hero .txt p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #fff;
  max-width: 54rem;
  margin: 1.5rem 0;
}
.page-template-page-blueprints-banking #hero .txt ul {
  margin: 1.5rem 0 2.5rem 0;
  list-style: none;
  padding: 0;
}
.page-template-page-blueprints-banking #hero .txt ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #fff;
  font-weight: 700;
  padding: 0.5rem 0 0.5rem 3.5rem;
  position: relative;
}
.page-template-page-blueprints-banking #hero .txt ul li img {
  position: absolute;
  left: 0;
  top: 50%;
  width: auto !important;
}
.page-template-page-blueprints-banking #hero .txt ul li:nth-of-type(1) img {
  height: 2.4rem !important;
  margin-top: -1.2rem;
}
.page-template-page-blueprints-banking #hero .txt ul li:nth-of-type(2) img {
  height: 2rem !important;
  margin-top: -1rem;
}
.page-template-page-blueprints-banking #hero .txt ul li:nth-of-type(3) img {
  height: 2.4rem !important;
  margin-top: -1.2rem;
}
.page-template-page-blueprints-banking #hero .txt ul + p {
  max-width: 50rem;
}
.page-template-page-blueprints-banking #hero .txt a {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 1.4rem 4.5rem;
  height: 5rem;
  border-radius: 2.5rem;
  color: #000000;
  background: #FFB700;
  font-weight: 700;
  display: inline-block;
  margin: 2.5rem 0 0 0;
  transition: all .3s;
}
.page-template-page-blueprints-banking #hero .txt a:hover {
  background: #fff;
}
.page-template-page-blueprints-banking #hero .img {
  width: 55.2rem;
  height: 56.2rem;
  position: absolute;
  right: -13rem;
  bottom: -2rem;
}
.page-template-page-blueprints-banking #hero .img span {
  display: block;
}
.page-template-page-blueprints-banking #hero .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-blueprints-banking #challenge {
  padding: 10rem 0 5rem 0;
}
.page-template-page-blueprints-banking #challenge .row {
  max-width: 102rem;
}
.page-template-page-blueprints-banking #challenge .row h1 {
  text-align: center;
  margin: 0 auto 4rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 62rem;
}
.page-template-page-blueprints-banking #challenge .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.1rem;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.1rem 2.2rem 1.1rem;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 3rem 4.4rem rgba(20, 31, 78, 0.1);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 5.6rem;
  max-width: 5.6rem;
  padding-right: 2rem;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image {
  margin-left: 0;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper > .row-fluid span {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  margin: 0 0 0 0;
  font-weight: 400;
  display: block;
  letter-spacing: 0.2px;
}
.page-template-page-blueprints-banking #compensation {
  padding: 5rem 0 6rem 0;
}
.page-template-page-blueprints-banking #compensation .row {
  max-width: 132rem;
}
.page-template-page-blueprints-banking #compensation .row h2 {
  text-align: center;
  margin: 0 auto 4rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 70rem;
}
.page-template-page-blueprints-banking #compensation .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-banking #compensation .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.2rem;
  width: auto;
  float: unset;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.2rem;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .row-fluid {
  height: 100%;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post {
  background: #f5f8ff;
  border-radius: 2.1rem;
  padding: 4rem 3.6rem;
  height: 100%;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 4rem 0;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 9rem;
  max-width: 9rem;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #000;
  margin: 0;
  font-weight: 700;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post ul {
  margin: 0;
}
.page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  margin: 1.5rem 0;
}
.page-template-page-blueprints-banking #roles {
  padding: 5rem 0 6rem 0;
}
.page-template-page-blueprints-banking #roles .row {
  max-width: 132rem;
}
.page-template-page-blueprints-banking #roles .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 66rem;
}
.page-template-page-blueprints-banking #roles .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-banking #roles .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -4rem;
  width: auto;
  float: unset;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper {
  padding: 0 4rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .row-fluid {
  height: 100%;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post {
  height: 100%;
  padding: 0 2rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 4rem 0;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 6rem;
  max-width: 6rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) .span12 {
  width: 6rem;
  height: 6rem;
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: 0px 24px 48px rgba(0, 17, 86, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
  padding-left: 2rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #000;
  margin: 0;
  font-weight: 700;
  max-width: 30rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post ul {
  margin: 0 -2rem;
  padding: 0;
  list-style: none;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  margin: 0 0 1.5rem 0;
  padding: 0 2rem 0 5.5rem;
  position: relative;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post ul li:before {
  content: '';
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #caf0fd;
  border-radius: 50%;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check.png');
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
  background-position: center;
  left: 2rem;
  top: 0.1rem;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 38%;
  max-width: 38%;
  position: relative;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(1):after {
  content: '';
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 0;
  width: 1px;
  background: #D8D8D8;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 62%;
  max-width: 62%;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
  display: flex;
  flex-direction: column;
  height: 31rem;
  flex-wrap: wrap;
}
.page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul li {
  max-width: 50%;
}
.page-template-page-blueprints-banking #dashboard {
  padding: 6rem 0 10rem 0;
}
.page-template-page-blueprints-banking #dashboard .row {
  max-width: 98rem;
}
.page-template-page-blueprints-banking #dashboard .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 65rem;
}
.page-template-page-blueprints-banking #dashboard .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-banking #trusted {
  background: #F5F8FF;
  padding: 8rem 0 10rem 0;
}
.page-template-page-blueprints-banking #trusted .row {
  max-width: 138rem;
}
.page-template-page-blueprints-banking #trusted .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 6rem;
  line-height: 6.5rem;
  color: #000;
  font-weight: 900;
  max-width: 105rem;
}
.page-template-page-blueprints-banking #trusted .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-banking #trusted .row ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-template-page-blueprints-banking #trusted .row ul li {
  margin: 3rem 4.5rem;
}
/* blueprints manufacturing */
.page-template-page-blueprints-manufacturing #hero {
  background: linear-gradient(180deg, #3d4efb 0%, #4bcdfa 100%);
  padding: 18rem 0 8rem 0;
}
.page-template-page-blueprints-manufacturing #hero .row {
  max-width: 124rem;
  position: relative;
}
.page-template-page-blueprints-manufacturing #hero .txt {
  max-width: 81rem;
}
.page-template-page-blueprints-manufacturing #hero .txt h1 {
  font-size: 6.8rem;
  line-height: 6.8rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 3rem 0;
}
.page-template-page-blueprints-manufacturing #hero .txt h2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #fff;
  margin: 2.5rem 0 1rem 0;
}
.page-template-page-blueprints-manufacturing #hero .txt p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #fff;
  max-width: 54rem;
  margin: 1.5rem 0;
}
.page-template-page-blueprints-manufacturing #hero .txt ul {
  margin: 1.5rem 0 2.5rem 0;
  list-style: none;
  padding: 0;
}
.page-template-page-blueprints-manufacturing #hero .txt ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #fff;
  font-weight: 700;
  padding: 0.5rem 0 0.5rem 3.5rem;
  position: relative;
}
.page-template-page-blueprints-manufacturing #hero .txt ul li img {
  position: absolute;
  left: 0;
  top: 50%;
  width: auto !important;
}
.page-template-page-blueprints-manufacturing #hero .txt ul li:nth-of-type(1) img {
  height: 2.4rem !important;
  margin-top: -1.2rem;
}
.page-template-page-blueprints-manufacturing #hero .txt ul li:nth-of-type(2) img {
  height: 2rem !important;
  margin-top: -1rem;
}
.page-template-page-blueprints-manufacturing #hero .txt ul li:nth-of-type(3) img {
  height: 2.4rem !important;
  margin-top: -1.2rem;
}
.page-template-page-blueprints-manufacturing #hero .txt ul + p {
  max-width: 50rem;
}
.page-template-page-blueprints-manufacturing #hero .txt a {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 1.4rem 4.5rem;
  height: 5rem;
  border-radius: 2.5rem;
  color: #000000;
  background: #FFB700;
  font-weight: 700;
  display: inline-block;
  margin: 2.5rem 0 0 0;
  transition: all .3s;
}
.page-template-page-blueprints-manufacturing #hero .txt a:hover {
  background: #fff;
}
.page-template-page-blueprints-manufacturing #hero .img {
  width: 58.4rem;
  height: 51.4rem;
  position: absolute;
  right: 1rem;
  bottom: 4rem;
}
.page-template-page-blueprints-manufacturing #hero .img span {
  display: block;
}
.page-template-page-blueprints-manufacturing #hero .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-blueprints-manufacturing #challenge {
  padding: 10rem 0 5rem 0;
}
.page-template-page-blueprints-manufacturing #challenge .row {
  max-width: 102rem;
}
.page-template-page-blueprints-manufacturing #challenge .row h1 {
  text-align: center;
  margin: 0 auto 4rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 62rem;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.1rem;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.1rem 2.2rem 1.1rem;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid {
  background-color: #fff;
  border-radius: 1.3rem;
  box-shadow: 0 3rem 4.4rem rgba(20, 31, 78, 0.1);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 5.6rem;
  max-width: 5.6rem;
  padding-right: 2rem;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image {
  margin-left: 0;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid .hs_cos_wrapper_type_linked_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper > .row-fluid span {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  margin: 0 0 0 0;
  font-weight: 400;
  display: block;
  letter-spacing: 0.2px;
}
.page-template-page-blueprints-manufacturing #compensation {
  padding: 5rem 0 6rem 0;
}
.page-template-page-blueprints-manufacturing #compensation .row {
  max-width: 132rem;
}
.page-template-page-blueprints-manufacturing #compensation .row h2 {
  text-align: center;
  margin: 0 auto 4rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 76rem;
}
.page-template-page-blueprints-manufacturing #compensation .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.2rem;
  width: auto;
  float: unset;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper {
  flex: 1 0 33.33%;
  max-width: 33.33%;
  padding: 0 1.2rem;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .row-fluid {
  height: 100%;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post {
  background: #f5f8ff;
  border-radius: 2.1rem;
  padding: 4rem 3.2rem;
  height: 100%;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 4rem 0;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 9rem;
  max-width: 9rem;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header h3 {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #000;
  margin: 0;
  font-weight: 700;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post ul {
  margin: 0;
}
.page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  margin: 1.5rem 0;
}
.page-template-page-blueprints-manufacturing #roles {
  padding: 5rem 0 6rem 0;
}
.page-template-page-blueprints-manufacturing #roles .row {
  max-width: 132rem;
}
.page-template-page-blueprints-manufacturing #roles .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 66rem;
}
.page-template-page-blueprints-manufacturing #roles .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-manufacturing #roles .row .flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -4rem;
  width: auto;
  float: unset;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper {
  padding: 0 4rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .row-fluid {
  height: 100%;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post {
  height: 100%;
  padding: 0 2rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 4rem 0;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 6rem;
  max-width: 6rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(1) .span12 {
  width: 6rem;
  height: 6rem;
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: 0px 24px 48px rgba(0, 17, 86, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1;
  max-width: 100%;
  padding-left: 2rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  color: #000;
  margin: 0;
  font-weight: 700;
  max-width: 42rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post ul {
  margin: 0 -2rem;
  padding: 0;
  list-style: none;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post ul li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #000;
  margin: 0 0 1.5rem 0;
  padding: 0 2rem 0 5.5rem;
  position: relative;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post ul li:before {
  content: '';
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #caf0fd;
  border-radius: 50%;
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/li-check.png');
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
  background-position: center;
  left: 2rem;
  top: 0.1rem;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 40%;
  max-width: 40%;
  position: relative;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(1):after {
  content: '';
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 0;
  width: 1px;
  background: #D8D8D8;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
  flex: 1 0 60%;
  max-width: 60%;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
  display: flex;
  flex-direction: column;
  height: 22rem;
  flex-wrap: wrap;
}
.page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul li {
  max-width: 50%;
}
.page-template-page-blueprints-manufacturing #dashboard {
  padding: 6rem 0 10rem 0;
}
.page-template-page-blueprints-manufacturing #dashboard .row {
  max-width: 98rem;
}
.page-template-page-blueprints-manufacturing #dashboard .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #000;
  font-weight: 900;
  max-width: 65rem;
}
.page-template-page-blueprints-manufacturing #dashboard .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-manufacturing #case {
  padding: 12rem 0 13rem 0;
}
.page-template-page-blueprints-manufacturing #case .row {
  max-width: 118rem;
}
.page-template-page-blueprints-manufacturing #case h2 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 700;
  margin: 0 0 0 0;
  max-width: 48rem;
  position: relative;
  bottom: -11rem;
}
.page-template-page-blueprints-manufacturing #case .owl-carousel {
  margin: 0 0 0 0;
}
.page-template-page-blueprints-manufacturing #case .slide {
  display: flex;
  padding: 1px;
}
.page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 50rem;
  max-width: 50rem;
}
.page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
  padding-left: 6rem;
}
.page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper {
  display: block;
  width: 50rem;
  height: 32rem;
}
.page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1rem;
  margin: 13rem 0 0 .2rem;
}
.page-template-page-blueprints-manufacturing #case .slide .txt blockquote {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #000;
  padding: 9rem 0 0 0;
  margin: 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-quote.svg') no-repeat left top;
  background-size: auto 6rem;
}
.page-template-page-blueprints-manufacturing #case .slide .txt p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 2rem 0;
  color: #6F6F6F;
  font-weight: 400;
}
.page-template-page-blueprints-manufacturing #case .slide .txt p strong {
  font-weight: 700;
}
.page-template-page-blueprints-manufacturing #case .slide .txt a {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 0 4.2rem 0 0;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-link-orange.svg') no-repeat right center;
  background-size: 2.4rem auto;
  color: #ffb700;
  font-weight: 700;
  margin: 2rem 0 0 0;
}
.page-template-page-blueprints-manufacturing #case .slide .txt a:hover {
  text-decoration: underline;
}
.page-template-page-blueprints-manufacturing #case .owl-nav {
  justify-content: center;
  width: 50rem;
  position: absolute;
  left: 0;
  top: 49rem;
}
.page-template-page-blueprints-manufacturing #case .owl-nav button {
  flex: 1 0 2rem;
  max-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 3rem;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: all .3s;
}
.page-template-page-blueprints-manufacturing #case .owl-nav button.owl-prev {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-prev.svg') !important;
}
.page-template-page-blueprints-manufacturing #case .owl-nav button.owl-next {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/owl-next.svg') !important;
}
.page-template-page-blueprints-manufacturing #trusted {
  background: #F5F8FF;
  padding: 8rem 0 10rem 0;
}
.page-template-page-blueprints-manufacturing #trusted .row {
  max-width: 126rem;
}
.page-template-page-blueprints-manufacturing #trusted .row h2 {
  text-align: center;
  margin: 0 auto 7rem auto;
  font-size: 6rem;
  line-height: 6.5rem;
  color: #000;
  font-weight: 900;
  max-width: 105rem;
}
.page-template-page-blueprints-manufacturing #trusted .row h2 span {
  color: #3D4EFB;
}
.page-template-page-blueprints-manufacturing #trusted .row ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.page-template-page-blueprints-manufacturing #trusted .row ul li {
  margin: 3rem 4.5rem;
}
/* accordion */
p.accordion {
  margin: 2rem 0 0 0 !important;
}
p.accordion + div.panel {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 2rem;
  background-color: #f6f6f6;
}
p.accordion + div.panel.show {
  max-height: auto;
}
/* footer */
#footer {
  padding: 9rem 0 4rem 0;
  background: #191919;
}
#footer.footer-alternate {
  background-image: linear-gradient(to bottom right, #4bc8fa, #424ef4);
}
#footer.footer-alternate .container {
  width: 940px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
#footer .row {
  max-width: 134rem;
  display: flex;
  justify-content: space-between;
}
#footer .row > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 18rem;
  max-width: 18rem;
}
#footer .row > .row-fluid-wrapper:nth-of-type(2) {
  width: 100%;
}
#footer #footLogo a {
  width: 18rem;
  height: 2.7rem;
  display: block;
  text-indent: -999rem;
  background: url('/hubfs/raw_assets/public/Performio%20v2/IMG/logo-performio-footer.svg') no-repeat center;
  background-size: contain;
}
#footer .menu-footer-menu-container ul.menu {
  margin: 0;
/*   height: 45rem; */
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
#footer .menu-footer-menu-container ul.menu li {
  padding-left: 8rem;
  margin: 0 0 5rem 0;
  flex: 0 1 25%;
}
#footer .menu-footer-menu-container ul.menu li a {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: #ffb700;
}
#footer .menu-footer-menu-container ul.menu li .sub-menu {
  margin: 1rem 0 0 0;
  padding: 0;
}
#footer .menu-footer-menu-container ul.menu li .sub-menu li {
  margin: .5rem 0;
  padding: 0;
}
#footer .menu-footer-menu-container ul.menu li .sub-menu li a {
  color: #D8D8D8;
  font-size: 1.8rem;
  font-weight: 400;
}
#footer .menu-footer-menu-container ul.menu li .sub-menu li a:hover {
  text-decoration: underline;
}
#subfooter {
  padding: 3rem 0;
  background: #1D1D1D;
}
#footer.footer-alternate #subfooter {
  background: transparent;
}
#subfooter .row {
  max-width: 134rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#subfooter .left {
  display: flex;
}
#subfooter .left > .row-fluid-wrapper:nth-of-type(1) {
  flex: 1 0 44rem;
  max-width: 44rem;
}
#subfooter .left > .row-fluid-wrapper:nth-of-type(2) {
  margin-left: 4rem;
}
#subfooter .right {
  display: flex;
  justify-content: flex-end;
}
#subfooter .newsletter .submitted-message {
  font-size: 1.8rem;
  color: #fff;
  margin: 1rem 0;
}
#subfooter .newsletter form {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#subfooter .newsletter form label {
  display: none;
}
#subfooter .newsletter form input[type="email"] {
  width: 31rem;
  height: 4.4rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
  border: none;
  background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-newsletter.svg') no-repeat 2rem center;
  background-size: 2.4rem auto;
  padding: 1rem 2rem 1rem 5.5rem;
}
#subfooter .newsletter form input[type="submit"] {
  height: 4.4rem;
  padding: 1.2rem 1rem;
  line-height: 2rem;
  font-size: 1.8rem;
  letter-spacing: 1px;
  color: #fff;
  border: none;
  background: #3D4EFB;
  width: 100%;
  font-weight: 700;
  margin: 0 0 0 1rem;
  border-radius: 2.2rem;
  max-width: 15rem;
  transition: all .3s;
}
#subfooter .newsletter form input[type="submit"]:hover {
  background: #fff;
  color: #3D4EFB;
}
#subfooter .newsletter form .hs_error_rollup {
  order: 3;
  flex: 1 0 100%;
  max-width: 100%;
}
#subfooter .newsletter form ul.hs-error-msgs {
  margin: 1rem 0 0 0;
  padding: 0;
  list-style: none;
}
#subfooter .newsletter form ul.hs-error-msgs li {
  margin: 0;
  padding: 0;
}
#subfooter .newsletter form ul.hs-error-msgs li label {
  display: block;
  color: #fff;
  font-size: 1.4rem;
}
#subfooter ul#menu-social-media {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
}
#subfooter ul#menu-social-media li {
  margin: 0 .3rem;
  padding: 0;
}
#subfooter ul#menu-social-media li a {
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all .3s;
  background-repeat: no-repeat;
  text-indent: -999rem;
  display: block;
}
#subfooter ul#menu-social-media li a:hover {
  transform: scale(1.2);
}
#subfooter ul#menu-social-media li a[href*="linked"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-linked-blue.svg');
  background-size: 1.6rem auto;
  background-position: center 1.2rem;
}
#subfooter ul#menu-social-media li a[href*="twitter"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-twitter-blue.svg');
  background-size: 1.5rem auto;
  background-position: center 1.6rem;
}
#subfooter ul#menu-social-media li a[href*="facebook"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-facebook-blue.svg');
  background-size: .9rem auto;
  background-position: center 1.4rem;
}
#subfooter ul#menu-social-media li a[href*="youtube"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-youtube-blue.svg');
  background-size: 1.9rem auto;
  background-position: center;
}
#subfooter ul#menu-social-media li a[href*="mail"] {
  background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/social-mail.svg');
  background-size: 2rem auto;
  background-position: center;
}
#subfooter p {
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin: 1.3rem 0;
  color: rgba(216, 216, 216, 0.6);
}
#subfooter p a {
  font-weight: 700;
  display: inline-block;
  margin-left: 5rem;
  color: inherit;
}
#subfooter p a:hover {
  text-decoration: underline;
}
/* button */
.btn {
  height: 5.4rem;
  padding: 1.5rem 3.4rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #18202C;
  font-weight: 600;
  display: inline-block;
  transition: all .3s;
}
/* owl carousel */
.owl-carousel .slide {
  display: block;
}
.owl-stage-outer {
  height: inherit;
  overflow: hidden;
}
.owl-stage-outer .owl-stage {
  height: inherit;
  display: flex;
  align-items: stretch;
}
.owl-dots {
  display: none;
}
.owl-nav {
  display: flex;
}
.owl-nav button {
  border: none;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transition: all .3s;
  margin: 0 2rem;
  text-indent: -999rem;
  width: 3.2rem;
  height: 4.4rem;
}
.owl-nav button:hover {
  transform: scale(1.1);
}
.owl-nav .owl-prev {
  background-image: url(../img/ico-prev.svg) !important;
}
.owl-nav .owl-prev.disabled {
  opacity: .2;
}
.owl-nav .owl-next {
  background-image: url(../img/ico-next.svg) !important;
}
.owl-nav .owl-next.disabled {
  opacity: .2;
}
/* misc */
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none !important;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
  color: rgba(74, 74, 74, 0.6);
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
}
.page-template-page-landing-page h1, 
.page-template-page-landing-page h2,
.page-template-page-landing-page h3, 
.page-template-page-landing-page h4, 
.page-template-page-landing-page h5, 
.page-template-page-landing-page h6 {
  font-weight: 900; 
}
.page-template-page-landing-page h2:not[class] {
  line-height: 1.2;
  font-size: clamp(2.4rem, 10vw, 4.8rem);
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  .page-template-page-landing-page h2:not([class]):not([style]) {
    font-size: 3.9rem;   
  }
  
  .page-template-page-landing-page h2 ~ p:last-child {
    font-size: 2.1rem;
  }
}
img.alignleft {
  float: left;
  margin: 0 2rem 2rem 0;
}
img.alignright {
  float: right;
  margin: 0 0 2rem 2rem;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
.hs-image-widget {
  display: block;
}
.hidden {
  visibility: hidden !important;
}
.visible {
  visibility: visible !important;
}
/* RWD */
@media only screen and (min-width: 1281px) {
  .header-container-wrapper #mainMenu {
    position: static !important;
    display: block !important;
  }
}
@media only screen and (max-width: 1280px) {
  .header-container-wrapper .row {
    padding: 0 3rem;
  }
  .header-container-wrapper #mainMenu {
    position: fixed;
    width: 100%;
    top: -105vh;
    height: 100vh;
    right: 0;
    left: 0;
    z-index: 50;
    background: rgba(61, 78, 251, 0.95);
    padding: 0 0 0 0;
    margin: 0;
  }
  .header-container-wrapper #mainMenu > .row-fluid-wrapper {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    padding: 0 2rem;
  }
  .header-container-wrapper #mainMenu > .row-fluid-wrapper > .row-fluid {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 6rem 0 12rem 0;
  }
  .header-container-wrapper #mainMenu ul.menu {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
  .header-container-wrapper #mainMenu ul.menu li {
    margin: 1rem 0;
    text-align: left;
  }
  .header-container-wrapper #mainMenu ul.menu li a {
    font-size: 2.6rem;
    line-height: 2.2rem;
    color: #fff !important;
    font-weight: 600;
  }
  .header-container-wrapper #mainMenu ul.menu li a:before,
  .header-container-wrapper #mainMenu ul.menu li a:after {
    top: 3.5rem;
  }
  .header-container-wrapper #mainMenu ul.menu li .sub-menu {
    display: block;
    position: static;
    background: none;
    padding: 0;
    margin: 2rem 0 0 0;
  }
  .header-container-wrapper #mainMenu ul.menu li .sub-menu li {
    margin: 2rem 0;
  }
  .header-container-wrapper #mainMenu ul.menu li .sub-menu li a {
    color: #fff;
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .header-container-wrapper #mainMenu ul.menu li:hover .sub-menu {
    display: block;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li:nth-of-type(1) {
    margin-right: 0;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li:nth-of-type(2) {
    margin-left: 0;
    margin-right: 0;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li:nth-of-type(3) {
    margin-left: 0;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li:nth-of-type(3) .sub-menu {
    display: block;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li {
    font-size: 2rem;
    line-height: 2.2rem;
    color: #fff;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li .sub-menu {
    display: none;
  }
  .header-container-wrapper #mainMenu ul.menu li#menu-item-54 > .sub-menu > li .sub-menu > li {
    font-size: 2rem;
    line-height: 2.2rem;
    color: #fff;
  }
  .header-container-wrapper #mainMenu ul.menu > li:last-child {
    margin-top: 3rem;
  }
  .header-container-wrapper #mainMenu ul.menu > li:last-child a {
    color: #3d4efb !important;
    background: #fff !important;
    font-size: 2rem;
    padding: 0.8rem 2rem;
  }
  .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
    display: block;
  }
  .page-template-page-product-incentive #nav .nav.fixed,
  .page-template-page-product-sales #nav .nav.fixed,
  .page-template-page-product-management #nav .nav.fixed,
  .page-template-page-product-integrations #nav .nav.fixed,
  .page-template-page-product-reporting #nav .nav.fixed {
    top: 5.5rem;
  }
}
@media only screen and (max-width: 1350px) {
  #footer .menu-footer-menu-container ul.menu {
/*     height: 50rem; */
  }
  #footer .menu-footer-menu-container ul.menu li:nth-of-type(1) {
    flex: none;
    height: auto;
  }
}
@media only screen and (max-width: 1300px) {
  .page-template-page-about #cta .row > .row-fluid-wrapper:nth-of-type(2) {
    bottom: -4rem;
    left: -17rem;
  }
  .page-template-page-about #cta .image {
    width: 70rem;
    height: 60rem;
  }
  .page-template-page-about #drives .row .content .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 6rem;
  }
  .page-template-page-leadership #cta .image {
    width: 60rem;
    height: 60rem;
    left: -13rem;
    margin-top: -30rem;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1;
    max-width: 80%;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 44.5rem;
    max-width: 44.5rem;
  }
}
@media only screen and (max-width: 1250px) {
  .page-template-page-customerexperience #customers > .row-fluid-wrapper {
    margin: 0 3rem 4rem 3rem;
  }
  .page-template-page-businesscase #hero h1 {
    font-size: 6rem;
    line-height: 5.4rem;
    margin: 3rem 0 3rem 0;
  }
  .page-template-page-businesscase #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 45%;
    max-width: 45%;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 6rem;
    line-height: 6.2rem;
    max-width: 48rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 3rem;
    line-height: 4rem;
    max-width: 44rem;
  }
  .page-template-page-distributors #hero {
    padding-bottom: 10rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    max-width: 52rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    width: 52rem;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid {
    padding: 2.5rem;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 5.2rem;
    line-height: 5.7rem;
  }
  .page-template-page-analyticslp #hero .row .form form {
    padding: 4rem 3rem 4rem 4rem;
  }
}
@media only screen and (max-width: 1200px) {
  .module-hero .img,
  .page-template-page-product-incentive #hero .img {
    left: 40rem;
  }
  .page-template-page-product-sales #hero .img {
    left: 25rem;
  }
  .page-template-page-product-management #hero .img {
    left: 17rem;
  }
  .page-template-page-product-integrations #hero .img {
    left: 8rem;
  }
  .page-template-page-product-reporting #hero .img {
    width: 160rem;
    height: 105rem;
    bottom: -35rem;
  }
  .page-template-page-roles #roles .row {
    padding: 0 0.5rem;
  }
  .page-template-page-role #more .row {
    padding: 0 0.5rem;
  }
  .single #more .row {
    padding: 0 0.5rem;
  }
  .single-case #more .row {
    padding: 0 0.5rem;
  }
  .page-template-page-about #drives .row .content {
    flex-direction: column;
  }
  .page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(1) {
    flex: none;
    max-width: 100%;
  }
  .page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    max-width: 40rem;
    flex: auto;
  }
  .page-template-page-about #drives .row .content .lead {
    display: block;
    float: left;
  }
  .page-template-page-about #drives .row .content .lead .row-fluid {
    float: left;
  }
  .page-template-page-about #drives .row .content .lead h2 {
    max-width: 80rem;
    margin: 0 0 0 0;
  }
  .page-template-page-about #drives .row .content .lead .pic {
    position: absolute;
    left: 45rem;
    top: 20rem;
  }
  .page-template-page-about #drives .row .content .txt p {
    max-width: 100%;
  }
  .page-template-page-careers #about .row.picture img {
    margin-left: 7rem;
    margin-right: 0;
  }
  .page-template-page-why-different #why .values .flex {
    margin: 0 -2.5rem;
  }
  .page-template-page-why-different #why .values .flex > .row-fluid-wrapper {
    padding: 0 2.5rem;
  }
  .page-template-page-case #hero .img {
    left: 60rem;
  }
  .page-template-page-case #hero .row .txt {
    max-width: 52rem;
  }
  .page-template-page-ebooks #hero .img {
    left: 62rem;
  }
  .page-template-page-ebooks #hero .row .txt {
    max-width: 56rem;
  }
  .page-template-page-datasheets #hero .img {
    left: 62rem;
  }
  .page-template-page-datasheets #hero .row .txt {
    max-width: 56rem;
  }
}
@media only screen and (max-width: 1150px) {
  .page-template-page-home #featured .image {
    width: 52rem;
    height: 60rem;
    left: -8rem;
    top: 0;
  }
  .single #hero .txt h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .single-case #hero .txt h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p {
    display: none;
  }
  .page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio {
    padding: 0.8rem 0.2rem;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:first-of-type h1 {
    font-size: 5.5rem;
    line-height: 6rem;
  }
  .page-template-page-saas #hero h1 {
    max-width: 48rem;
  }
  .page-template-page-saas #hero p {
    max-width: 48rem;
  }
  .page-template-page-saas #hero ul {
    max-width: 48rem;
  }
  .page-template-page-saas #hero .img {
    bottom: auto;
    left: 44rem;
    top: 20rem;
  }
  .page-template-page-saas #platform .flex {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-saas #platform .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin-bottom: 6rem;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) .p {
    display: none;
  }
  #footer .row {
    display: block;
  }
  #footer .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  #footer #footLogo {
    margin: 0 auto 8rem auto;
  }
  #footer #footLogo a {
    margin: 0 auto;
  }
  #footer .menu-footer-menu-container ul.menu {
    text-align: center;
  }
  #footer .menu-footer-menu-container ul.menu > li {
    padding: 0 3rem;
    width: 33.33%;
  }
  #subfooter ul#menu-social-media {
    justify-content: center;
  }
  #subfooter ul#menu-social-media li {
    margin: 0 1rem;
  }
  #subfooter .row {
    display: block;
  }
  #subfooter .row .left {
    justify-content: center;
  }
  #subfooter .row .right {
    margin-top: 5rem;
    justify-content: center;
  }
  .page-template-page-analyticslp #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 45rem;
    max-width: 50rem;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 5rem;
    line-height: 5.5rem;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2.8rem;
    line-height: 4rem;
  }
  .page-template-page-analyticslp #hero .row .form form {
    padding: 4rem 2rem 4rem 3rem;
  }
}
@media only screen and (max-width: 1100px) {
  .page-template-page-why-different #case h2,
  .page-template-page-customerexperience #case h2,
  .page-template-page-checklist #case h2,
  .page-template-page-distributors #case h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 32rem;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 34rem;
    max-width: 34rem;
    height: 22rem;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 5rem;
  }
  .page-template-page-why-different #case .slide .txt blockquote,
  .page-template-page-customerexperience #case .slide .txt blockquote,
  .page-template-page-checklist #case .slide .txt blockquote,
  .page-template-page-distributors #case .slide .txt blockquote {
    font-size: 2rem;
    line-height: 3.0rem;
    padding: 8rem 0 0 0;
    background-size: auto 5rem;
  }
  .page-template-page-why-different #case .slide .img span.hs_cos_wrapper,
  .page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper,
  .page-template-page-checklist #case .slide .img span.hs_cos_wrapper,
  .page-template-page-distributors #case .slide .img span.hs_cos_wrapper {
    width: 34rem;
    height: 22rem;
  }
  .page-template-page-why-different #case .owl-nav,
  .page-template-page-customerexperience #case .owl-nav,
  .page-template-page-checklist #case .owl-nav,
  .page-template-page-distributors #case .owl-nav {
    top: 40rem;
    width: 34rem;
  }
  .page-template-page-blueprints-banking #compensation .row .flex {
    justify-content: center;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin-bottom: 4rem;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
    height: 40rem;
  }
  .page-template-page-blueprints-banking #trusted .row h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex {
    justify-content: center;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin-bottom: 4rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
    height: 40rem;
  }
  .page-template-page-blueprints-manufacturing #trusted .row h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }
  .page-template-page-blueprints-manufacturing #case h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 32rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 34rem;
    max-width: 34rem;
    height: 22rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 5rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .txt blockquote {
    font-size: 2rem;
    line-height: 3.0rem;
    padding: 8rem 0 0 0;
    background-size: auto 5rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper {
    width: 34rem;
    height: 22rem;
  }
  .page-template-page-blueprints-manufacturing #case .owl-nav {
    top: 40rem;
    width: 34rem;
  }
  .page-template-page-checklist #hero .bg {
    width: 54rem;
    height: 36rem;
    right: -6rem;
  }
  .page-template-page-saas #case h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 32rem;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 34rem;
    max-width: 34rem;
    height: 22rem;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 5rem;
  }
  .page-template-page-saas #case .slide .txt blockquote {
    font-size: 2rem;
    line-height: 3.0rem;
    padding: 8rem 0 0 0;
    background-size: auto 5rem;
  }
  .page-template-page-saas #case .slide .img span.hs_cos_wrapper {
    width: 34rem;
    height: 22rem;
  }
  .page-template-page-saas #case .owl-nav {
    top: 40rem;
    width: 34rem;
  }
  .page-template-page-saas #ready h2 {
    font-size: 6.6rem;
    line-height: 6.4rem;
  }
  .page-template-page-saas #ready p {
    font-size: 2.4rem;
    line-height: 3.4rem;
    max-width: 66rem;
  }
  .page-template-page-saas #ready .bg {
    background-size: 120vw auto;
    background-position: center top;
  }
  .page-template-page-customerexperience #hero .image {
    left: 50rem;
  }
  .page-template-page-customerexperience #factors .flex {
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
    justify-content: flex-start;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper {
    margin: 4rem 0;
  }
  .page-template-page-blog #hero .row {
    flex-direction: column;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
    width: 100%;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
    width: 100%;
    flex: auto;
    margin-top: 15rem;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) .blog-post-listing__listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) .blog-post-listing__listing .blog-post-listing__article {
    flex: 1 0 47%;
    max-width: 47%;
    margin: 1.5%;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) .blog-post-listing__listing .blog-post-listing__article:nth-of-type(4) {
    display: flex;
  }
  .page-template-page-blog #hero .row .txt .content .body h1 {
    max-width: 70rem;
  }
  .page-template-page-blog #hero .row .txt .content .body p {
    max-width: 60rem;
  }
  .page-template-page-blog #blog {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-blog #blog .row .post-listing .post-item {
    flex: 1 0 30.33%;
    max-width: 30.33%;
  }
  .page-template-page-blog #blog .row .post-listing-simple .post-item {
    flex: 1 0 30.33%;
    max-width: 30.33%;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
    flex: 1 0 25%;
    max-width: 25%;
  }
  .page-template-page-news #hero {
    padding-top: 10rem;
  }
  .page-template-page-news #hero .row {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    width: 100%;
    padding: 6rem 6rem 12rem 6rem;
    margin-top: 0;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    margin: -8rem 6rem 0 0;
    flex: auto;
    max-width: 52rem;
  }
  .page-template-page-product-incentive #more .row.products,
  .page-template-page-product-sales #more .row.products,
  .page-template-page-product-management #more .row.products,
  .page-template-page-product-integrations #more .row.products,
  .page-template-page-product-reporting #more .row.products {
    max-width: 86rem;
  }
  .page-template-page-product-incentive #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-sales #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-management #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-integrations #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-reporting #more .row.products > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-why-different #learn .row,
  .page-template-page-why-technology #learn .row,
  .page-template-page-why-security #learn .row {
    display: block;
  }
  .page-template-page-why-different #learn h2,
  .page-template-page-why-technology #learn h2,
  .page-template-page-why-security #learn h2 {
    max-width: 60rem;
    margin: 0 auto 8rem auto;
    text-align: center;
  }
  .page-template-page-why-different #learn .features,
  .page-template-page-why-technology #learn .features,
  .page-template-page-why-security #learn .features {
    justify-content: center;
    text-align: center;
  }
  .page-template-page-why-different #learn .features .feature,
  .page-template-page-why-technology #learn .features .feature,
  .page-template-page-why-security #learn .features .feature {
    margin: 0 3rem;
  }
  .page-template-page-why-different #ready h2,
  .page-template-page-why-technology #ready h2,
  .page-template-page-why-security #ready h2 {
    font-size: 6.6rem;
    line-height: 6.4rem;
  }
  .page-template-page-why-different #ready .p,
  .page-template-page-why-technology #ready .p,
  .page-template-page-why-security #ready .p {
    font-size: 2.4rem;
    line-height: 3.4rem;
    max-width: 66rem;
  }
  .page-template-page-why-different #ready .bg,
  .page-template-page-why-technology #ready .bg,
  .page-template-page-why-security #ready .bg {
    background-size: 120vw auto;
    background-position: center top;
  }
  .page-template-page-releasenotes #ready h2 {
    font-size: 6.6rem;
    line-height: 6.4rem;
  }
  .page-template-page-releasenotes #ready .p {
    font-size: 2.4rem;
    line-height: 3.4rem;
    max-width: 66rem;
  }
  .page-template-page-releasenotes #ready .bg {
    background-size: 120vw auto;
    background-position: center top;
  }
  .page-template-page-customerexperience #ready h2 {
    font-size: 6.6rem;
    line-height: 6.4rem;
  }
  .page-template-page-customerexperience #ready p {
    font-size: 2.4rem;
    line-height: 3.4rem;
    max-width: 66rem;
  }
  .page-template-page-customerexperience #ready .bg {
    background-size: 120vw auto;
    background-position: center top;
  }
  .page-template-page-roles #ready h2 {
    font-size: 6.6rem;
    line-height: 6.4rem;
  }
  .page-template-page-roles #ready p {
    font-size: 2.4rem;
    line-height: 3.4rem;
    max-width: 66rem;
  }
  .page-template-page-roles #ready .bg {
    background-size: 120vw auto;
    background-position: center top;
  }
  .page-template-page-ebooks-post #hero .img {
    width: 40rem;
    height: 45rem;
    top: 0;
  }
  .page-template-page-businesscase #case h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 32rem;
  }
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 34rem;
    max-width: 34rem;
    height: 22rem;
  }
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 5rem;
  }
  .page-template-page-businesscase #case .slide .txt blockquote {
    font-size: 2rem;
    line-height: 3.0rem;
    padding: 8rem 0 0 0;
    background-size: auto 5rem;
  }
  .page-template-page-businesscase #case .slide .img span.hs_cos_wrapper {
    width: 34rem;
    height: 22rem;
  }
  .page-template-page-businesscase #case .owl-nav {
    top: 40rem;
    width: 34rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    max-width: 48rem;
    padding-right: 3rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 3rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    width: 50rem;
  }
  .page-template-page-analyticslp #hero .row .txt {
    flex: 1 43rem;
    max-width: 43rem;
  }
  .page-template-page-analyticslp #hero .row .form {
    flex: 1;
    max-width: 58rem;
  }
}
@media only screen and (max-width: 1050px) {
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h1 {
    font-size: 5.2rem;
    line-height: 5.6rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:first-of-type a {
    height: auto;
    min-height: 4.4rem;
  }
  .page-template-page-why-security #hero #mast .row.content > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 5rem;
  }
  .page-template-page-why-security #hero #mast .row.content .img img {
    width: 100%;
    position: static;
  }
  .page-template-page-blueprints-manufacturing #hero .img {
    right: -9rem;
    bottom: 2rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul {
    margin: 0 -0.3rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
    padding: 0 0.3rem;
  }
  .page-template-page-referral-program #hero {
    padding: 14rem 0 14rem 0;
  }
  .page-template-page-referral-program #hero #register {
    flex-direction: column;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    flex: unset;
    max-width: unset;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(1) h1 {
    font-size: 6.3rem;
    line-height: 6.8rem;
    margin: 4rem 0 2rem 0;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    flex: unset;
    max-width: 60rem;
    margin-top: 6rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 5rem;
    line-height: 5.2rem;
    max-width: 40rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text ul,
  .hs-content-id-104851996327 .banner.bg-white .text ul,
  .hs-content-id-119091577976 .banner.bg-white .text ul {
    margin: 0 -1.5rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text ul li,
  .hs-content-id-104851996327 .banner.bg-white .text ul li,
  .hs-content-id-119091577976 .banner.bg-white .text ul li {
    padding: 3.6rem 1.5rem 0 1.5rem;
    background-position: 1.5rem top;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio {
    flex: 1 0 25%;
    max-width: 25%;
  }
  .hs-content-id-78673989898 #features p,
  .hs-content-id-104851996327 #features p,
  .hs-content-id-119091577976 #features p {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .hs-content-id-78673989898 #features ul,
  .hs-content-id-104851996327 #features ul,
  .hs-content-id-119091577976 #features ul {
    margin: 3rem -2rem;
  }
  .hs-content-id-78673989898 #features ul li,
  .hs-content-id-104851996327 #features ul li,
  .hs-content-id-119091577976 #features ul li {
    padding: 0 2rem 0 5.8rem;
    background-position: 2rem top;
  }
  .page-template-page-form #hero .row {
    flex-direction: column;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h1,
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h2,
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) p {
    max-width: 100%;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 60rem;
    padding-right: 0;
  }
  .page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid {
    flex-direction: column;
  }
  .page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(1) {
    flex: unset;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-webinar2 #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
    flex: unset;
    max-width: 50rem;
    margin-top: 8rem !important;
    padding-left: 0;
  }
  .page-template-page-case #case .post-listing {
    margin: 0 -2rem;
  }
  .page-template-page-case #case .post-listing .post-item {
    flex: 1 0 55rem;
    max-width: 55rem;
    margin: 2rem;
  }
  .page-template-page-ebooks #ebooks .flex,
  .page-template-page-ebooks-post #ebooks .flex {
    padding: 0 0.5rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 2rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper > .row-fluid,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper > .row-fluid {
    height: 100%;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper .ebook,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper .ebook {
    display: block;
    height: 100%;
    padding: 2rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(3) {
    padding: 2rem 0 2rem 0;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after {
    left: 2rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(2) {
    display: block;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(1) {
    display: none;
  }
  .page-template-page-datasheets #datasheets .flex > .row-fluid-wrapper {
    flex: 1 0 55rem;
    max-width: 55rem;
    margin: 2rem;
    padding: 0;
  }
  .page-template-page-datasheets #datasheets .flex > .row-fluid-wrapper .ebook > .row-fluid-wrapper:nth-of-type(2) .p {
    display: block;
  }
  .page-template-page-datasheets #less .flex {
    margin: 12rem -2.5rem 0 -2.5rem;
  }
  .page-template-page-datasheets #less .flex > .row-fluid-wrapper {
    padding: 0 2.5rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper {
    flex: 1 0 30rem;
    max-width: 30rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper .numbers > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-careers #hero .img {
    left: 53rem;
  }
  .page-template-page-careers #hero p img {
    right: 2rem;
    top: -11rem;
  }
  .page-template-page-product-incentive #nav .nav ul li,
  .page-template-page-product-sales #nav .nav ul li,
  .page-template-page-product-management #nav .nav ul li,
  .page-template-page-product-integrations #nav .nav ul li,
  .page-template-page-product-reporting #nav .nav ul li {
    padding: 0 2rem;
  }
  .page-template-page-product-incentive #nav .nav ul li a,
  .page-template-page-product-sales #nav .nav ul li a,
  .page-template-page-product-management #nav .nav ul li a,
  .page-template-page-product-integrations #nav .nav ul li a,
  .page-template-page-product-reporting #nav .nav ul li a {
    font-size: 2rem;
  }
  .page-template-page-invitation #hero .txt h1 {
    font-size: 5.4rem;
    line-height: 5.8rem;
  }
  .page-template-page-saas #dashboard .desa {
    padding-right: 0;
  }
  .page-template-page-saas #dashboard .desb {
    padding-left: 0;
  }
  .page-template-page-blog #webinars {
    padding-bottom: 8rem;
  }
  .page-template-page-blog #webinars .row .content {
    flex-direction: column;
  }
  .page-template-page-blog #webinars .row .content p {
    max-width: 60rem;
  }
  .page-template-page-blog #webinars .row .content > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    padding-right: 0;
  }
  .page-template-page-blog #webinars .row .content > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
  }
}
@media only screen and (max-width: 1020px) {
  .page-template-page-webinar.hs-content-id-104698820932 #hero,
  .page-template-page-webinar.hs-content-id-118903672623 #hero,
  .page-template-page-webinar.hs-content-id-139110987047 #hero {
    padding: 17rem 0 9rem 0;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row h1,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row h1,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row h1 {
    max-width: 31rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row p,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row p,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row p {
    font-size: 5rem;
    line-height: 4.6rem;
    max-width: 48rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .bg,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .bg,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .bg {
    left: 46rem;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-businesscase #hero .row {
    display: block;
  }
  .page-template-page-businesscase #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding: 0;
  }
  .page-template-page-businesscase #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    padding: 0;
    margin-top: 6rem;
  }
  .page-template-page-businesscase #trusted .row h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }
  .page-template-page-blueprints-manufacturing #hero .txt h1 {
    font-size: 5.8rem;
    line-height: 5.8rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
    display: block;
    height: auto;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul li {
    flex: unset;
    max-width: unset;
  }
  .page-template-page-blueprints-banking #hero .txt h1 {
    font-size: 5.8rem;
    line-height: 5.8rem;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul {
    display: block;
    height: auto;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) .post ul li {
    flex: unset;
    max-width: unset;
  }
  .page-template-demo-landingpage #goodbye .row .flex .left .video {
    max-width: 100%;
    left: 0;
    right: 0;
  }
  .page-template-demo-landingpage #goodbye .row .flex .right {
    position: relative;
  }
  .page-template-demo-landingpage #goodbye .row .flex .right .calc {
    max-width: 100%;
    left: 0;
    right: 0;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p {
    margin: 2rem auto 0 auto;
    font-size: 1.8rem;
    line-height: 2.4rem;
    max-width: 22rem;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img {
    height: 14rem;
    width: auto;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box2 p,
  .hs-content-id-104851996327 .demov2.featuresarea .box2 p,
  .hs-content-id-119091577976 .demov2.featuresarea .box2 p {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(1) {
    padding-right: 2rem;
  }
  .page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
    padding-left: 2rem;
  }
  .page-template-page-saas #trusted h2 {
    font-size: 5rem;
    line-height: 5.5rem;
  }
  .page-template-page-roles #hero h1 {
    max-width: 38rem;
  }
  .page-template-page-roles #hero p {
    max-width: 34rem;
  }
  .page-template-page-roles #hero .img {
    width: 54rem;
    height: 53rem;
    left: 37rem;
    top: 20rem;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card {
    flex-direction: column;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .hs-featured-image-link {
    flex: auto;
    width: 15.5rem;
    max-height: 15.5rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text {
    padding-left: 0;
  }
  .page-template-page-case #hero .img {
    left: 50rem;
  }
  .page-template-page-case #hero .row .txt {
    max-width: 44rem;
  }
  .page-template-page-ebooks #hero .img {
    left: 52rem;
  }
  .page-template-page-ebooks #hero .row .txt {
    max-width: 48rem;
  }
  .page-template-page-ebooks-post #hero .row.head {
    justify-content: flex-start;
  }
  .page-template-page-ebooks-post #hero .img {
    left: 55rem;
  }
  .page-template-page-ebooks-post #hero .row.more .txt ol li {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-checklist #leader .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-datasheets #hero .img {
    left: 52rem;
  }
  .page-template-page-datasheets #hero .row .txt {
    max-width: 48rem;
  }
  .page-template-page-customerexperience #services {
    padding-bottom: 0;
  }
  .page-template-page-customerexperience #services .row {
    flex-direction: column;
  }
  .page-template-page-customerexperience #services .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-customerexperience #services .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: none;
    margin-top: 4rem;
    margin: 0 -2rem;
  }
  .page-template-page-news #hero {
    padding-top: 10rem;
  }
  .page-template-page-news #news {
    padding: 6rem 0 15rem 0;
  }
  .page-template-page-news #news .row {
    padding: 0 1rem;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blog #hero {
    padding-top: 10rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 3rem 3rem 0 3rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) {
    flex: 1 0 60%;
    max-width: 60%;
    padding-left: 11rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(4) {
    flex: 1 0 40%;
    max-width: 40%;
  }
  .page-template-page-about #cta .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 45rem;
  }
  .page-template-page-about #cta p {
    font-size: 4.2rem;
    line-height: 5rem;
  }
  .page-template-page-leadership #cta .txt {
    max-width: 45rem;
  }
  .page-template-page-leadership #cta p {
    font-size: 4.2rem;
    line-height: 5rem;
  }
  .page-template-page-careers #about .row.text .lead p {
    font-size: 4rem;
    line-height: 5.2rem;
  }
  .page-template-page-careers #cta .txt {
    max-width: 45rem;
  }
  .page-template-page-careers #cta p {
    font-size: 4.2rem;
    line-height: 5rem;
  }
  .page-template-page-careers #cta .image {
    width: 24rem;
    height: 21rem;
    margin-top: -10.5rem;
    left: 3rem;
  }
  .page-template-page-contact #hero .row .txt h1 {
    font-size: 4.6rem;
    line-height: 4.8rem;
  }
  .page-template-page-contact #hero .row .txt img {
    width: 80%;
    margin: 2rem 0 0 0;
  }
  .page-template-page-role #more .flex .role .content {
    flex-direction: column;
  }
  .page-template-page-role #more .flex .role .content .img {
    flex: auto;
    width: 15.5rem;
    max-height: 15.5rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-role #more .flex .role .content .txt {
    padding-left: 0;
  }
  .single #more .flex .role .content {
    flex-direction: column;
  }
  .single #more .flex .role .content .img {
    flex: auto;
    width: 15.5rem;
    max-height: 15.5rem;
    margin: 0 0 3rem 0;
  }
  .single #more .flex .role .content .txt {
    padding-left: 0;
  }
  .single-case #more .flex .role .content {
    flex-direction: column;
  }
  .single-case #more .flex .role .content .img {
    flex: auto;
    width: 15.5rem;
    max-height: 15.5rem;
    margin: 0 0 3rem 0;
  }
  .single-case #more .flex .role .content .txt {
    padding-left: 0;
  }
  .page-template-page-roles.page-id-27 #hero .img {
    width: 54rem;
    height: 53rem;
    left: 40rem;
    top: 20rem;
  }
  .page-template-page-why-different #why .values .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 70rem;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper {
    flex: 1 0 33.33%;
    max-width: 33.33%;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(9) {
    flex: 1 0 66.67%;
    max-width: 66.67%;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(22) {
    flex: 1 0 66.67%;
    max-width: 66.67%;
  }
  .page-template-page-why-technology #hero #features .text p {
    font-size: 3.6rem;
    line-height: 4.4rem;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(3) {
    order: 3;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(4) {
    order: 4;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(5) {
    order: 5;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(6) {
    order: 6;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(7) {
    order: 7;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(8) {
    order: 8;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(9) {
    order: 10;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(10) {
    order: 9;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(11) {
    order: 11;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(12) {
    order: 12;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(13) {
    order: 13;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(14) {
    order: 14;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(15) {
    order: 15;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(16) {
    order: 16;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(17) {
    order: 17;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(18) {
    order: 18;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(19) {
    order: 19;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(20) {
    order: 20;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(21) {
    order: 21;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(22) {
    order: 22;
  }
  #testimonials .row {
    flex-direction: column;
  }
  #testimonials .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 59rem;
    margin: 6rem 0 9rem 0;
    padding: 0;
  }
  #testimonials .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
  }
  #testimonials .row .article .owl-dots {
    margin-top: 6rem;
    position: static;
    justify-content: center;
  }
  #demos .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-demos-mobile.png');
    background-position: center;
    background-size: 70rem auto;
    top: -15rem !important;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    max-width: 46rem;
    padding-right: 3rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 4.6rem;
    line-height: 4.5rem;
    margin-bottom: 1rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h2 {
    font-size: 3.6rem;
    line-height: 3.5rem;
    margin-bottom: 2rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    width: 46rem;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:first-of-type {
    flex: 1 0 5.5rem;
    max-width: 5.5rem;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 4.5rem;
    line-height: 5rem;
    margin-bottom: 1.5rem;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .page-template-page-analyticslp #started .row .flex > .row-fluid-wrapper:first-of-type {
    flex: 1 0 40%;
  }
  .page-template-page-analyticslp #started .row .flex .img {
    padding-right: 5rem;
  }
  .page-template-page-analyticslp #started .row .flex .txt h2 {
    font-size: 4.5rem;
    line-height: 7rem;
    margin-bottom: 2rem;
  }
  .page-template-page-analyticslp #started .row .flex .txt p {
    font-size: 2.2rem;
    line-height: 3.4rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 950px) {
  .page-template-page-home #featured h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-home #featured p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-home #featured .row {
    justify-content: flex-start;
  }
  .page-template-page-home #featured .image {
    position: static;
    order: 1;
  }
  .page-template-page-home #featured div.txt {
    order: 2;
  }
  .page-template-page-blueprints-banking #hero .img {
    width: 44rem;
    height: 41rem;
    bottom: unset;
    top: 9rem;
  }
  .page-template-page-opensymmetry #hero .row > .row-fluid-wrapper:first-of-type,
  .page-template-page-totalrewards #hero .row > .row-fluid-wrapper:first-of-type {
    flex: 1 0 42rem;
    max-width: 42rem;
  }
  .page-template-page-opensymmetry #hero .row .widget-type-linked_image,
  .page-template-page-totalrewards #hero .row .widget-type-linked_image {
    width: 44rem;
    height: 37rem;
    top: 10rem;
  }
  .page-template-page-opensymmetry #hero .row h1,
  .page-template-page-totalrewards #hero .row h1 {
    font-size: 5.2rem;
    line-height: 5.6rem;
  }
  .page-template-page-opensymmetry #hero .row p,
  .page-template-page-totalrewards #hero .row p {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  .page-template-page-opensymmetry #hero .row ul li,
  .page-template-page-totalrewards #hero .row ul li {
    font-size: 1.8rem;
    line-height: 2rem;
  }
  .page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 45%;
    max-width: 45%;
  }
  .page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 55%;
    max-width: 55%;
  }
  .page-template-page-totalrewards #hero .row .widget-type-linked_image {
    top: unset;
    width: 51rem;
    height: 40rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h1 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h2 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul {
    flex-direction: column;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul li {
    flex: unset;
    max-width: 100%;
    padding: 0 0 0 3rem;
    margin: 0 0 2rem 0;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul li:last-child {
    margin: 0 0 0 0;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset.form-columns-2 {
    flex-wrap: wrap;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form fieldset.form-columns-2 > div {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-demo-landingpage #goodbye .row .flex .left .label {
    margin: 12vw auto 0 auto;
  }
  .hs-content-id-78673989898 #trusted h2,
  .hs-content-id-104851996327 #trusted h2,
  .hs-content-id-119091577976 #trusted h2 {
    font-size: 3.0rem;
    line-height: 3.8rem;
    max-width: 70rem;
  }
  .hs-content-id-78673989898 #testimonials .row > .row-fluid-wrapper:first-of-type,
  .hs-content-id-104851996327 #testimonials .row > .row-fluid-wrapper:first-of-type,
  .hs-content-id-119091577976 #testimonials .row > .row-fluid-wrapper:first-of-type {
    margin: 0;
  }
  .hs-content-id-78673989898 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3,
  .hs-content-id-104851996327 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3,
  .hs-content-id-119091577976 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3 {
    width: 100%;
  }
  .hs-content-id-78673989898 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3 p,
  .hs-content-id-104851996327 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3 p,
  .hs-content-id-119091577976 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span3 p {
    max-width: 60rem;
  }
  .hs-content-id-78673989898 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span9.demov2.slider,
  .hs-content-id-104851996327 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span9.demov2.slider,
  .hs-content-id-119091577976 #testimonials .row > .row-fluid-wrapper:first-of-type > .row-fluid > .span9.demov2.slider {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 7rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box1 > div,
  .hs-content-id-104851996327 .demov2.featuresarea .box1 > div,
  .hs-content-id-119091577976 .demov2.featuresarea .box1 > div {
    padding: 0 3rem 3rem 0;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0.3rem 0;
  }
  .page-template-page-about #values {
    padding: 0 0 8rem 0;
  }
  .page-template-page-about #values h2 {
    text-align: center;
    margin: 0 0 8rem 0;
  }
  .page-template-page-about #values .owl-carousel {
    margin: 0 0 0 0;
  }
  .page-template-page-about #values .owl-nav {
    right: auto;
    left: 50%;
    margin-left: -24rem;
    top: 45rem;
  }
  .page-template-page-about #values nav {
    right: auto;
    left: 50%;
    margin-left: -20rem;
    top: 57rem;
  }
  .page-template-page-about #values .slide {
    flex-direction: column;
  }
  .page-template-page-about #values .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    order: 2;
    padding: 20rem 0 0 0;
    text-align: center;
  }
  .page-template-page-about #values .slide > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    order: 1;
    text-align: center;
  }
  .page-template-page-about #values .slide .txt ul {
    margin: 4rem auto 0 auto;
    max-width: 55rem;
    list-style-position: inside;
    padding: 0;
  }
  .page-template-page-about #values .slide .txt ul li {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 1rem 0;
  }
  .page-template-page-datasheets #datasheets {
    max-width: 62rem;
  }
  .page-template-page-datasheets #datasheets .row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-datasheets #datasheets .row > .row-fluid-wrapper {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 1.2rem;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 3rem;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 3rem;
  }
  .page-template-page-careers #values {
    padding: 14rem 0 8rem 0;
  }
  .page-template-page-careers #values h2 {
    text-align: center;
    margin: 0 0 8rem 0;
  }
  .page-template-page-careers #values .owl-carousel {
    margin: 0 0 0 0;
  }
  .page-template-page-careers #values .owl-nav {
    right: auto;
    left: 50%;
    margin-left: -24rem;
    top: 45rem;
  }
  .page-template-page-careers #values nav {
    right: auto;
    left: 50%;
    margin-left: -20rem;
    top: 45rem;
  }
  .page-template-page-careers #values .slide {
    flex-direction: column;
  }
  .page-template-page-careers #values .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    order: 2;
    padding: 20rem 0 0 0;
    text-align: center;
  }
  .page-template-page-careers #values .slide > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    order: 1;
    text-align: center;
  }
  .page-template-page-careers #values .slide .txt ul {
    margin: 4rem auto 0 auto;
    max-width: 55rem;
    list-style-position: inside;
    padding: 0;
  }
  .page-template-page-careers #values .slide .txt ul li {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 1rem 0;
  }
  .page-template-page-datasheets #less .flex .post {
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-datasheets #less .flex .post > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin: 1rem 0 0 0;
    text-align: center;
  }
  .page-template-page-invitation #hero .txt h1 {
    font-size: 4.4rem;
    line-height: 4.8rem;
  }
  .page-template-page-invitation #hero .txt p {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .hs-content-id-43934331560 h1,
  .hs-content-id-104851996327 h1,
  .hs-content-id-78673989898 h1,
  .hs-content-id-119091577976 h1 {
    font-size: 4.2rem;
    line-height: 5rem;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:first-of-type > .row-fluid {
    padding: 0 3rem 0 0;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
    padding: 0 0 0 3rem;
  }
  .page-template-page-distributors #partners .row h2 {
    font-size: 5rem;
    line-height: 5.4rem;
  }
  .page-template-page-analyticslp #hero > .row-fluid-wrapper {
    background-size: 98rem;
    padding: 20rem 0 10rem 0;
  }
  .page-template-page-analyticslp #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-analyticslp #hero .row > .row-fluid-wrapper:first-of-type {
    padding: 0 0 3rem 0;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analyticslp #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 0;
    flex: 1 0 100%;
    max-width: 58rem;
    margin: 0 auto;
  }
  .page-template-page-analyticslp #hero .row .txt {
    margin: 0 auto 5rem auto;
    max-width: 100%;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 5rem;
    line-height: 5.5rem;
    text-align: center;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2.8rem;
    line-height: 4rem;
    text-align: center;
    margin: 0 auto;
  }
  .page-template-page-analyticslp #hero .row .form {
    margin: 0 auto ;
  }
  .page-template-page-analyticslp #trusted {
    padding: 12rem 0 7rem 0;
  }
  .page-template-page-analyticslp #trusted .row h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin: 0 auto 5rem auto;
  }
  .page-template-page-analyticslp #trusted .row .row-fluid-wrapper:nth-of-type(2) {
    margin: 0 -3rem;
  }
  .page-template-page-analyticslp #trusted .row .row-fluid-wrapper:nth-of-type(2) p img {
    margin: 0 3rem 5rem 3rem;
  }
  .page-template-page-analyticslp #challenge .row h3 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-analyticslp #challenge .row .flex {
    justify-content: center;
  }
  .page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 35rem;
  }
  .page-template-page-analyticslp #data .row h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin: 0 auto 3rem auto;
    max-width: 53rem;
  }
  .page-template-page-analyticslp #thing .row .flex .txt h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .page-template-page-analyticslp #thing .row .flex .img {
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 900px) {
  .page-template-page-home #hero #mast h1 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 34rem;
  }
  .page-template-page-home #hero #mast .p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 34rem;
  }
  .page-template-page-home #hero #mast .image {
    left: 23rem;
    width: 84rem;
    height: 75rem;
  }
  .page-template-page-home #trusted {
    padding: 6rem 0 4rem 0;
  }
  .page-template-page-home #trusted h2 {
    font-size: 4.6rem;
    line-height: 4.6rem;
    max-width: 58rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-home #trusted .p {
    font-size: 2.2rem;
    line-height: 3.2rem;
    max-width: 52rem;
  }
  .page-template-page-home #pros .post {
    max-width: 100%;
    flex: none;
  }
  .page-template-page-home #pros .row.a {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-home #pros .row.b {
    text-align: center;
  }
  .page-template-page-home #pros .row > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-home #about .row.lead h2 {
    font-size: 4.6rem;
    line-height: 4.6rem;
    max-width: 58rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-home #about .row.lead .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 52rem;
  }
  .page-template-page-home #about .row.features > .row-fluid-wrapper:nth-of-type(1) {
    display: none;
  }
  .page-template-page-home #about .row.features > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    padding-left: 0;
  }
  .page-template-page-home #about .row.features .text .img {
    display: block;
    margin: 8rem 0 4rem 0;
  }
  .page-template-page-home #about .row.features .text .img img {
    width: 100%;
    max-width: 50rem;
    height: auto;
  }
  .page-template-page-home #about .row.features .text .txt {
    height: auto;
  }
  .page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 3rem;
  }
  .page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 3rem;
  }
  .page-template-page-webinar2 #hero .row h1 {
    line-height: 2.2rem;
  }
  .page-template-page-webinar2 #hero .row p {
    font-size: 4.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-webinar2 #hero .row .flex {
    flex-direction: column;
  }
  .page-template-page-webinar2 #hero .row .flex > .row-fluid-wrapper {
    flex: unset;
    max-width: 100%;
    margin: 1rem 0;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 4rem;
    line-height: 4.4rem;
    max-width: 32rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 36rem;
  }
  .hs-content-id-78673989898 #features ul li,
  .hs-content-id-104851996327 #features ul li,
  .hs-content-id-119091577976 #features ul li {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 3rem 0;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .header h2,
  .hs-content-id-104851996327 .demov2.featuresarea .header h2,
  .hs-content-id-119091577976 .demov2.featuresarea .header h2 {
    font-size: 3.6rem;
    line-height: 4.4rem;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:first-of-type {
    padding-right: 2rem;
    padding-left: 8rem;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    padding-left: 4rem;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 8rem;
  }
  .page-template-page-checklist #case .row.lead h2 {
    font-size: 4.2rem;
    line-height: 4.4rem;
    max-width: 54rem;
  }
  .page-template-page-checklist #case .row.lead .p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    max-width: 53rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 18rem;
    max-width: 18rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
    border-radius: 2.4rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 3rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h1 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-webinar #hero .row p {
    font-size: 4.8rem;
    line-height: 4.6rem;
    max-width: 80rem;
  }
  .page-template-page-webinar #hero .row p + p {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-businesscase #lead .row h2 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-businesscase #lead .row .p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-thankyou #hero h1 {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
  .page-template-page-why-different #why .text h2 {
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .page-template-page-why-different #why .text p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-case #hero h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-case #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks #hero h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-ebooks #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks-post #hero h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-ebooks-post #hero p {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-ebooks-post #hero .row.more h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-datasheets #hero h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-datasheets #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-customerexperience #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 36rem;
  }
  .page-template-page-customerexperience #hero .p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 36rem;
  }
  .page-template-page-customerexperience #hero .image {
    left: 40rem;
    bottom: 0;
    width: 54rem;
    height: 46rem;
  }
  .page-template-page-customerexperience #with h2 {
    font-size: 4.2rem;
    line-height: 4.6rem;
    max-width: 42rem;
  }
  .page-template-page-customerexperience #with .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-customerexperience #customers h2 {
    font-size: 4.2rem;
    line-height: 4.8rem;
  }
  .page-template-page-customerexperience #customers .row-fluid-wrapper + .row-fluid-wrapper .row {
    padding: 3rem 3rem;
  }
  .page-template-page-customerexperience #customers .flex ul li {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-customerexperience #customers .header h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    padding: 4rem 4rem 12rem 4rem;
  }
  .page-template-page-news #hero .row .txt .content h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-news #hero .row .txt .content .p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-blog #hero .row .txt .content {
    padding: 4rem 4rem;
  }
  .page-template-page-blog #hero .row .txt .content .body h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-blog #hero .row .txt .content .body p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-blog #webinars .row .content {
    padding: 4rem 4rem;
  }
  .page-template-page-blog #webinars .row .content h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-blog #webinars .row .content p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .single-news #news .row h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-contact #hero {
    padding: 6rem 0 14rem 0;
  }
  .page-template-page-contact #hero .row {
    flex-direction: column;
  }
  .page-template-page-contact #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: auto;
    max-width: 100%;
  }
  .page-template-page-contact #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 60rem;
    margin-top: 6rem;
  }
  .page-template-page-contact #hero .row .txt {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-contact #hero .row .txt > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-contact #hero .row .txt > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-page-contact #hero .row .txt img {
    max-width: 30rem !important;
    margin: 0 0 4rem 0;
  }
  .page-template-page-contact #hero .row .txt h1 {
    padding-right: 6rem;
    max-width: 50rem;
  }
  .page-template-page-contact #offices .flex {
    flex-direction: column;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper {
    flex: auto;
    max-width: 40rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper .content {
    padding: 3rem 3rem 8rem 3rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content {
    padding: 0;
  }
  .page-template-page-about #hero h1 {
    font-size: 4.8rem;
    line-height: 5.8rem;
  }
  .page-template-page-about #drives .row {
    padding: 0 1rem;
  }
  .page-template-page-about #drives .row .content {
    padding: 6rem 3rem;
  }
  .page-template-page-about #drives .row .content .lead h2 {
    font-size: 4.6rem;
    line-height: 5.4rem;
  }
  .page-template-page-about #drives .row .content .lead .pic {
    left: 36rem;
  }
  .page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 32rem;
  }
  .page-template-page-about #drives .row .content .txt h3 {
    font-size: 3rem;
    line-height: 4.4rem;
  }
  .page-template-page-about #drives .row .content .txt p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-about #values h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #values .slide .txt ul li {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 0 0;
  }
  .page-template-page-about #cta {
    padding: 9rem 0 30rem 0;
  }
  .page-template-page-about #cta .row {
    justify-content: center;
    text-align: center;
  }
  .page-template-page-about #cta .row > .row-fluid-wrapper:nth-of-type(2) {
    left: -8rem;
    bottom: 0;
    margin: 1rem 0;
  }
  .page-template-page-about #cta .image {
    width: 50rem;
    height: 23rem;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .page-template-page-careers #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 36rem;
  }
  .page-template-page-careers #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-careers #hero p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-careers #hero .img {
    left: 40rem;
  }
  .page-template-page-careers #about .row.picture img {
    margin-left: 5rem;
  }
  .page-template-page-careers #why .row .owl-carousel {
    padding: 5rem 2rem;
  }
  .page-template-page-careers #why .row .owl-carousel .owl-nav {
    left: 12rem;
    right: auto;
    top: 30rem;
  }
  .page-template-page-careers #why .row .slide {
    flex-direction: column;
  }
  .page-template-page-careers #why .row .slide > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    padding-right: 0;
  }
  .page-template-page-careers #why .row .slide > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    margin-left: 10rem;
  }
  .page-template-page-careers #why .row .slide .pic {
    margin: 0 0 12rem 0;
  }
  .page-template-page-careers #values h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-careers #values .slide .txt ul li {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 0 0;
  }
  .page-template-page-careers #careers .p {
    font-size: 2.2rem;
    line-height: 3rem;
  }
  .page-template-page-careers #cta {
    padding: 9rem 0 0 0;
  }
  .page-template-page-careers #cta .row {
    justify-content: center;
    text-align: center;
    padding-bottom: 30rem;
  }
  .page-template-page-careers #cta .image {
    margin-top: 0;
    top: auto;
    left: 50%;
    bottom: 4rem;
    margin-left: -12rem;
  }
  .page-template-page-leadership #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-leadership #hero .p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-leadership #cta {
    padding: 9rem 0 30rem 0;
  }
  .page-template-page-leadership #cta .row {
    justify-content: center;
    text-align: center;
  }
  .page-template-page-leadership #cta .image {
    width: 40rem;
    height: 40rem;
    margin-top: 0;
    top: auto;
    left: auto;
    right: -4rem;
    bottom: -34rem;
  }
  .page-template-page-roles #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-roles #hero p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-roles #proslead .row {
    max-width: 62rem;
  }
  .page-template-page-roles #proslead h2 {
    font-size: 4.6rem;
    line-height: 4.6rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-roles #pros .row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-roles #pros .row > .row-fluid-wrapper {
    flex: 1 0 50%;
  }
  .page-template-page-roles #ready h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-roles #ready p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    max-width: 54rem;
  }
  .page-template-page-roles #ready .bg {
    background-position: center;
    height: 33rem;
  }
  .page-template-page-saas #ready h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-saas #ready p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    max-width: 54rem;
  }
  .page-template-page-saas #ready .bg {
    background-position: center;
    height: 33rem;
  }
  .page-template-page-role #hero .row {
    flex-direction: column;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    flex: auto;
    max-width: 100%;
    width: 100%;
    min-height: 0;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    margin: -5rem -2rem 0 0;
    flex: auto;
    max-width: 36rem;
  }
  .page-template-page-role #hero .row .txt h1 {
    margin: 0 0 2rem 0;
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .page-template-page-role #hero .row .txt .square {
    left: 0;
  }
  .page-template-page-role #body .section {
    padding-left: 3rem;
  }
  .page-template-page-role #body .section .section {
    padding-left: 0;
  }
  .page-template-page-releasenote #hero .row .txt h1 {
    margin: 0 0 2rem 0;
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .page-template-page-releasenotes #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-releasenotes #hero p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-releasenotes #ready h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-releasenotes #ready p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    max-width: 54rem;
  }
  .page-template-page-releasenotes #ready .bg {
    background-position: center;
    height: 33rem;
  }
  .single #hero .row {
    flex-direction: column;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    flex: auto;
    max-width: 100%;
    width: 100%;
    min-height: 0;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    margin: -5rem -2rem 0 0;
    flex: auto;
    max-width: 36rem;
  }
  .single #hero .row .txt h1 {
    margin: 0 0 2rem 0;
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .single #hero .row .txt .square {
    left: 0;
  }
  .single #body .section {
    padding-left: 3rem;
  }
  .single #body .section .section {
    padding-left: 0;
  }
  .single-case #hero .row {
    flex-direction: column;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    flex: auto;
    max-width: 100%;
    width: 100%;
    min-height: 0;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    margin: -5rem -2rem 0 0;
    flex: auto;
    max-width: 36rem;
  }
  .single-case #hero .row .txt h1 {
    margin: 0 0 2rem 0;
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .single-case #hero .row .txt .square {
    left: 0;
  }
  .single-case #body .section {
    padding-left: 3rem;
  }
  .single-case #body .section .section {
    padding-left: 0;
  }
  .page-template-page-why-different #hero #mast h1 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-different #hero #mast h2 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 54rem;
  }
  .page-template-page-why-different #hero #mast .p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 64rem;
  }
  .page-template-page-why-different #hero #pros .row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-why-different #hero #pros .row > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0 0 7rem 0;
    padding: 0 4rem;
  }
  .page-template-page-why-different #hero #difference h2 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 54rem;
  }
  .page-template-page-why-different #hero #difference .p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 64rem;
  }
  .page-template-page-why-different #hero #features .post {
    display: block;
  }
  .page-template-page-why-different #hero #features .post > .row-fluid-wrapper:nth-of-type(1) {
    display: block;
    margin: 8rem 0 4rem 0;
    max-width: 100%;
  }
  .page-template-page-why-different #hero #features .post > .row-fluid-wrapper:nth-of-type(2) {
    height: auto;
    max-width: 100%;
  }
  .page-template-page-why-different #hero #features .post .pic img {
    width: 100%;
    max-width: 50rem;
    height: auto;
  }
  .page-template-page-why-different #hero #features .row > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
  }
  .page-template-page-why-different #hero #features .row > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(1) {
    padding-left: 0;
  }
  .page-template-page-why-different #case .row.lead h2 {
    font-size: 4.2rem;
    line-height: 4.4rem;
    max-width: 54rem;
  }
  .page-template-page-why-different #case .row.lead .p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    max-width: 53rem;
  }
  .page-template-page-why-different #valued .row .head h2 {
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .page-template-page-distributors #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 10rem 0 0 0;
    order: 2;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt {
    text-align: center;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    max-width: 57rem;
    text-align: center;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h2 {
    text-align: center;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt p {
    max-width: 70rem;
    text-align: center;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt a {
    text-align: center;
    margin: 0 auto ;
    display: inline-block;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt p + p {
    max-width: 35rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 70rem;
    margin: 0 auto;
    order: 1;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    position: static;
    margin: 0 auto;
    width: 100%;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:nth-of-type(2) .img img {
    object-fit: contain;
  }
  .page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-distributors #measures .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:first-of-type {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 5.5rem 0;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:first-of-type > .row-fluid {
    border-right: none;
    padding: 0;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:first-of-type > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul li {
    padding: 0 0 0 3.5rem;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
    padding: 0;
  }
  .page-template-page-distributors #partners .row .flex {
    max-width: 60rem;
    margin: 0 auto;
    margin-left: auto !important;
    float: none;
  }
  .page-template-page-distributors #partners .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-distributors #case .row.lead h2 {
    font-size: 4.2rem;
    line-height: 4.4rem;
    max-width: 54rem;
  }
  .page-template-page-distributors #case .row.lead .p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    max-width: 53rem;
  }
  .page-template-page-analytics #hero {
    padding: 18rem 0 12rem 0;
    overflow: hidden;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type {
    flex: 1 0 39rem;
    max-width: 39rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    max-width: 57rem;
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type .txt p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1;
    max-width: 100%;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    width: 47.5rem;
    height: 42.5rem;
    bottom: -18rem;
    top: unset;
  }
  .page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-analytics #reports .row .flex .post {
    display: block;
    margin: 0 0 4rem 0;
  }
  .page-template-page-analytics #reports .row .flex .post > .row-fluid-wrapper:nth-of-type(1) {
    flex: unset;
    max-width: 100%;
    padding: 0;
    margin-bottom: 4rem;
  }
  .page-template-page-analytics #reports .row .flex .post > .row-fluid-wrapper:nth-of-type(2) {
    flex: unset;
    max-width: 100%;
    padding: 0;
  }
  .page-template-page-analytics #reports .row .flex .post .widget-type-linked_image {
    text-align: center;
  }
  .page-template-page-analytics #reports .row .flex .post .widget-type-linked_image img {
    max-width: 86% !important;
  }
  .page-template-page-analytics #reports .row .flex .post ul li {
    padding: 0 0 0 3.8rem;
  }
  .page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(odd) .post > .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-analytics #reports .row .flex > .row-fluid-wrapper:nth-of-type(even) .post > .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-businesscase #case .row.lead h2 {
    font-size: 4.2rem;
    line-height: 4.4rem;
    max-width: 54rem;
  }
  .page-template-page-businesscase #case .row.lead .p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    max-width: 53rem;
  }
  .page-template-page-businesscase #valued .row .head h2 {
    font-size: 5rem;
    line-height: 5.2rem;
  }
  .page-template-page-why-technology #hero #mast h1 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 54rem;
  }
  .page-template-page-why-technology #hero #mast .p {
    font-size: 2rem;
    line-height: 2.8rem;
    max-width: 64rem;
  }
  .page-template-page-why-security #hero #mast h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-why-security #hero #mast h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
    max-width: 53rem;
  }
  .page-template-page-why-different #learn .row,
  .page-template-page-why-technology #learn .row,
  .page-template-page-why-security #learn .row {
    display: block;
  }
  .page-template-page-why-different #learn h2,
  .page-template-page-why-technology #learn h2,
  .page-template-page-why-security #learn h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    max-width: 50rem;
  }
  .page-template-page-why-different #ready h2,
  .page-template-page-why-technology #ready h2,
  .page-template-page-why-security #ready h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
  }
  .page-template-page-why-different #ready .p,
  .page-template-page-why-technology #ready .p,
  .page-template-page-why-security #ready .p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    max-width: 54rem;
  }
  .page-template-page-why-different #ready .bg,
  .page-template-page-why-technology #ready .bg,
  .page-template-page-why-security #ready .bg {
    background-position: center;
    height: 33rem;
  }
  .page-template-page-why-customerexperience #ready h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
  }
  .page-template-page-why-customerexperience #ready .p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    max-width: 54rem;
  }
  .page-template-page-why-customerexperience #ready .bg {
    background-position: center;
    height: 33rem;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    display: block;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 6rem 0;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img {
    max-width: 50rem;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-right: 0;
  }
  .page-template-page-businesscase #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .module-hero h1,
  .page-template-page-product-incentive #hero h1,
  .page-template-page-product-sales #hero h1,
  .page-template-page-product-management #hero h1,
  .page-template-page-product-integrations #hero h1,
  .page-template-page-product-reporting #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    max-width: 44rem;
  }
  .module-hero .p,
  .page-template-page-product-incentive #hero .p,
  .page-template-page-product-sales #hero .p,
  .page-template-page-product-management #hero .p,
  .page-template-page-product-integrations #hero .p,
  .page-template-page-product-reporting #hero .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 40rem;
  }
  .page-template-page-product-incentive #nav h2,
  .page-template-page-product-sales #nav h2,
  .page-template-page-product-management #nav h2,
  .page-template-page-product-integrations #nav h2,
  .page-template-page-product-reporting #nav h2 {
    font-size: 4.2rem;
    line-height: 4.6rem;
  }
  .page-template-page-product-incentive #gartner .row,
  .page-template-page-product-sales #gartner .row,
  .page-template-page-product-management #gartner .row,
  .page-template-page-product-integrations #gartner .row,
  .page-template-page-product-reporting #gartner .row {
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-product-incentive #gartner .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-sales #gartner .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-management #gartner .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-integrations #gartner .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-reporting #gartner .row > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    margin-bottom: 3rem;
    max-width: 100%;
  }
  .page-template-page-product-incentive #gartner .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-sales #gartner .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-management #gartner .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-integrations #gartner .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-reporting #gartner .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 3rem 0 0 0;
    border-left: none;
    max-width: 50rem;
    border-top: 1px solid #000;
  }
  .page-template-page-product-incentive #proslead h2,
  .page-template-page-product-sales #proslead h2,
  .page-template-page-product-management #proslead h2,
  .page-template-page-product-integrations #proslead h2,
  .page-template-page-product-reporting #proslead h2 {
    font-size: 4.2rem;
    line-height: 4.6rem;
  }
  .page-template-page-product-incentive #proslead p,
  .page-template-page-product-sales #proslead p,
  .page-template-page-product-management #proslead p,
  .page-template-page-product-integrations #proslead p,
  .page-template-page-product-reporting #proslead p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-product-incentive #pros .row,
  .page-template-page-product-sales #pros .row,
  .page-template-page-product-management #pros .row,
  .page-template-page-product-integrations #pros .row,
  .page-template-page-product-reporting #pros .row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-product-incentive #pros .row > .row-fluid-wrapper,
  .page-template-page-product-sales #pros .row > .row-fluid-wrapper,
  .page-template-page-product-management #pros .row > .row-fluid-wrapper,
  .page-template-page-product-integrations #pros .row > .row-fluid-wrapper,
  .page-template-page-product-reporting #pros .row > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0 0 8rem 0;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
  .page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
  .page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell,
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    display: block;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 6rem 0;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img,
  .page-template-page-product-sales #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img,
  .page-template-page-product-management #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img,
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img,
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img {
    max-width: 50rem;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-sales #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-management #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-right: 0;
  }
  .page-template-page-product-incentive #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-sales #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-management #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-integrations #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-reporting #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-page-product-incentive #more h2,
  .page-template-page-product-sales #more h2,
  .page-template-page-product-management #more h2,
  .page-template-page-product-integrations #more h2,
  .page-template-page-product-reporting #more h2 {
    font-size: 4.2rem;
    line-height: 4.6rem;
  }
  .module-hero .img,
  .page-template-page-product-incentive #hero .img {
    width: 70rem;
    height: 70rem;
    left: 30rem;
    bottom: -27rem;
  }
  .page-template-page-product-sales #hero .img {
    width: 78rem;
    height: 62rem;
    left: 21rem;
    bottom: -52rem;
  }
  .page-template-page-product-management #hero .img {
    width: 87rem;
    height: 60rem;
    left: 25rem;
    bottom: -44rem;
  }
  .page-template-page-product-integrations #hero .img {
    width: 92rem;
    height: 60rem;
    left: -10rem;
    bottom: -39rem;
  }
  .page-template-page-product-reporting #hero .img {
    width: 110rem;
    height: 72rem;
    left: 26rem;
    bottom: -50rem;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    display: block;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 6rem 0;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell .pic img {
    max-width: 50rem;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper:nth-of-type(even) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-right: 0;
  }
  .page-template-page-datasheets #about .row > .row-fluid-wrapper:nth-of-type(odd) > .row-fluid > .widget-type-cell > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  #demos p {
    font-size: 4.2rem;
    line-height: 4.6rem;
  }
  .page-template-page-error #hero h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-error #hero h2 {
    font-size: 3.4rem;
    line-height: 4rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-error #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2rem auto 2rem auto;
  }
  .page-template-page-invitation #more .row {
    flex-direction: column;
  }
  .page-template-page-invitation #more .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
    margin: 0 0 8rem 0;
  }
  .page-template-page-invitation #more .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 55rem;
    padding-left: 0;
  }
  .page-template-page-invitation #more .form form fieldset.form-columns-2 {
    width: 500%;
  }
  .page-template-page-invitation #more .txt .hs_cos_wrapper ul {
    max-width: 52rem;
  }
  .page-template-page-invitation #more .txt .hs_cos_wrapper h2 + ul {
    max-width: 100%;
  }
  .page-template-page-webinars #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-webinars #hero .row > .row-fluid-wrapper:first-of-type {
    flex: 1 0 100%;
    max-width: 60rem;
    padding-right: 0;
  }
  .page-template-page-webinars #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-top: 4rem;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
    max-width: 60rem;
  }
  .page-template-page-blueprints-manufacturing #hero .img {
    bottom: 16rem;
    width: 48rem;
    height: 40rem;
  }
}
@media only screen and (max-width: 860px) {
  .hs-content-id-43934331560 #top {
    padding-top: 12rem !important;
  }
  .hs-content-id-43934331560 #hs_cos_wrapper_module_1590726660204372_ h1 {
    max-width: 100% !important;
  }
  .hs-content-id-78673989898 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span,
  .hs-content-id-104851996327 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span,
  .hs-content-id-119091577976 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span {
    margin-left: 0;
  }
  .hs-content-id-78673989898 #top.banner.bg-white .hs_cos_wrapper_type_form,
  .hs-content-id-104851996327 #top.banner.bg-white .hs_cos_wrapper_type_form,
  .hs-content-id-119091577976 #top.banner.bg-white .hs_cos_wrapper_type_form {
    max-width: 56rem;
  }
}
@media only screen and (max-width: 850px) {
  .page-template-page-webinar.hs-content-id-104698820932 #hero,
  .page-template-page-webinar.hs-content-id-118903672623 #hero,
  .page-template-page-webinar.hs-content-id-139110987047 #hero {
    padding: 13rem 0 17rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .bg,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .bg,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .bg {
    width: 37.2rem;
    height: 40rem;
    bottom: -27rem;
    left: unset;
    right: 0;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row h1,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row h1,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row h1{
    max-width: 100%;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row p,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row p,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row p{
    max-width: 60rem;
  }
  .page-template-page-atlanta-dinner #hero #register {
    flex-wrap: wrap;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 56rem;
    padding-left: 0;
    margin-top: 7rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
    flex: 1 0 25%;
    max-width: 25%;
  }
  .page-template-page-blueprints-banking #hero .txt p {
    max-width: 45rem;
  }
  .page-template-page-blueprints-banking #hero .txt ul {
    max-width: 37rem;
  }
  .page-template-page-blueprints-banking #hero .txt ul + p {
    max-width: 44rem;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post {
    padding: 0;
  }
  .page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-blueprints-manufacturing #hero .txt p {
    max-width: 45rem;
  }
  .page-template-page-blueprints-manufacturing #hero .txt ul {
    max-width: 37rem;
  }
  .page-template-page-blueprints-manufacturing #hero .txt ul + p {
    max-width: 44rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post {
    padding: 0;
  }
  .page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1),
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) {
    margin: 0 2rem 0 0;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after {
    right: -2rem;
    height: 4.2rem;
    margin: -2.1rem 0 0 0;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img {
    height: 2.6rem !important;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2),
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) {
    margin: 0 0 0 2rem;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img {
    height: 3.2rem !important;
  }
  .page-template-page-opensymmetry #date p,
  .page-template-page-totalrewards #date p {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  .page-template-page-opensymmetry #details .row,
  .page-template-page-totalrewards #details .row {
    flex-wrap: wrap;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) h2,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) h2 {
    max-width: 60rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(1) ul,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) ul {
    justify-content: flex-start;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1;
    max-width: 44rem;
    margin-top: 2rem;
    padding-left: 0;
  }
  .page-template-page-totalrewards #details {
    padding: 4rem 0 6rem;
  }
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(1) img {
    max-width: 50rem !important;
    width: 100% !important;
  }
  .page-template-page-webinars #webinars .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-product-incentive #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-sales #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-management #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-integrations #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-reporting #more .row.products > .row-fluid-wrapper {
    padding: 0 3rem;
  }
  .page-template-page-webinar #more .row {
    display: block;
  }
  .page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(1) {
    padding-right: 0;
    max-width: 100%;
  }
  .page-template-page-webinar #more .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
    padding-left: 0;
    max-width: 45rem;
    margin-top: 8rem !important;
  }
  .page-template-page-saas #hero .row {
    padding-top: 11rem;
  }
  .page-template-page-saas #hero h1 {
    max-width: 100%;
  }
  .page-template-page-saas #hero p {
    max-width: 100%;
  }
  .page-template-page-saas #hero ul {
    max-width: 100%;
  }
  .page-template-page-saas #hero .img {
    position: static;
    width: auto;
    height: auto;
  }
  .page-template-page-saas #hero .img img {
    width: 100%;
    height: auto;
    margin: 0 auto -4rem auto;
    max-width: 50rem !important;
  }
  .page-template-page-saas #built h2 {
    font-size: 3.2rem;
    line-height: 4.7rem;
    max-width: 50rem;
  }
  .page-template-page-saas #platform h2 {
    font-size: 3.2rem;
    line-height: 4.7rem;
    max-width: 50rem;
  }
  .page-template-page-saas #dashboard h2 {
    font-size: 3.2rem;
    line-height: 4.7rem;
    max-width: 50rem;
  }
  .page-template-page-saas #trusted h2 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) .blog-post-listing__listing {
    margin: 0;
  }
  .page-template-page-blog #hero .row > .row-fluid-wrapper:nth-of-type(2) .blog-post-listing__listing .blog-post-listing__article {
    margin: 0 0 3rem 0;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-blog #blog .row .post-listing .post-item {
    flex: 1 0 47%;
    max-width: 47%;
  }
  .page-template-page-blog #blog .row .post-listing-simple .post-item {
    flex: 1 0 47%;
    max-width: 47%;
  }
  .page-template-page-checklist #how .flex {
    flex-wrap: wrap;
  }
  .page-template-page-checklist #how .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0 0 4rem 0;
  }
  .page-template-page-bireporting #hero .form {
    margin-top: 6rem;
  }
  .page-template-page-bireporting #hero .row.head {
    display: block;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    max-width: 100%;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) img {
    max-width: 50rem !important;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    max-width: 100%;
  }
  .page-template-page-ebooks-post.hs-content-id-105787071918 #hero .img,
  .page-template-page-ebooks-post.hs-content-id-109694494607 #hero .img,
  .page-template-page-ebooks-post.hs-content-id-120236371583 #hero .img {
    top: -2rem;
    left: -2rem;
  }
  .page-template-page-ebooks-post.hs-content-id-116042283297 #hero .img {
    top: -2rem;
    left: -2rem;
  }
  .page-template-page-ebooks-post #hero {
    padding: 12rem 0 10rem 0;
  }
  .page-template-page-ebooks-post #hero .row.head {
    flex-direction: column;
  }
  .page-template-page-ebooks-post #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-ebooks-post #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-page-ebooks-post #hero .row.head .text {
    max-width: 100%;
  }
  .page-template-page-ebooks-post #hero .row.head .form {
    max-width: 55rem;
  }
  .page-template-page-ebooks-post #hero .img {
    position: relative;
    width: 100%;
    height: auto;
    left: -5rem;
  }
  .page-template-page-ebooks-post #hero .img img {
    object-fit: contain;
    width: 100%;
    height: auto;
    max-width: 40rem !important;
  }
  .page-template-page-ebooks-post.standalone #hero .row.head > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-left: 0;
    order: 1;
    margin-bottom: 8rem;
  }
  .page-template-page-ebooks-post.standalone #hero .row.head > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-right: 0;
    order: 2;
  }
  .page-template-page-ebooks-post.standalone #hero .img img {
    left: -3rem;
  }
  .single-case #body .details {
    display: none;
  }
  #testimonials .row .article .slide img {
    margin: 0 0 4.5rem 10rem;
  }
  #testimonials .row .article .slide blockquote {
    font-size: 2.4rem;
    line-height: 3.6rem;
    background-size: auto 6rem;
    padding-left: 10rem;
  }
  #testimonials .row .article .slide p {
    margin: 2rem 0 4rem 10rem;
  }
  #testimonials .row .article .slide a {
    margin-left: 10rem;
  }
  #footer .menu-footer-menu-container ul.menu {
/*     height: 65rem; */
  }
  #footer .menu-footer-menu-container ul.menu > li {
    width: 50%;
  }
  .page-template-page-analyticslp #started .row .flex > .row-fluid-wrapper:first-of-type {
    flex: 1 0 25%;
  }
  .page-template-page-analyticslp #started .row .flex .img {
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 800px) {
  .page-template-page-why-different #case,
  .page-template-page-customerexperience #case,
  .page-template-page-businesscase #case,
  .page-template-page-checklist #case,
  .page-template-page-distributors #case {
    padding-top: 14rem;
  }
  .page-template-page-why-different #case h2,
  .page-template-page-customerexperience #case h2,
  .page-template-page-businesscase #case h2,
  .page-template-page-checklist #case h2,
  .page-template-page-distributors #case h2 {
    max-width: 100%;
    position: static;
    max-width: 50rem;
    margin: 0 0 4rem 0;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 24rem;
    max-width: 24rem;
    height: 32rem;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 4rem;
  }
  .page-template-page-why-different #case .slide .txt blockquote,
  .page-template-page-customerexperience #case .slide .txt blockquote,
  .page-template-page-businesscase #case .slide .txt blockquote,
  .page-template-page-checklist #case .slide .txt blockquote,
  .page-template-page-distributors #case .slide .txt blockquote {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-why-different #case .slide .img span.hs_cos_wrapper,
  .page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper,
  .page-template-page-businesscase #case .slide .img span.hs_cos_wrapper,
  .page-template-page-checklist #case .slide .img span.hs_cos_wrapper,
  .page-template-page-distributors #case .slide .img span.hs_cos_wrapper {
    width: 24rem;
    height: 32rem;
  }
  .page-template-page-why-different #case .slide .img span.hs_cos_wrapper img,
  .page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper img,
  .page-template-page-businesscase #case .slide .img span.hs_cos_wrapper img,
  .page-template-page-checklist #case .slide .img span.hs_cos_wrapper img,
  .page-template-page-distributors #case .slide .img span.hs_cos_wrapper img {
    margin: 0 0 0 .2rem;
  }
  .page-template-page-why-different #case .owl-nav,
  .page-template-page-customerexperience #case .owl-nav,
  .page-template-page-businesscase #case .owl-nav,
  .page-template-page-checklist #case .owl-nav,
  .page-template-page-distributors #case .owl-nav {
    top: 36rem;
    width: 24rem;
  }
  .page-template-page-blueprints-banking #hero .txt h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-blueprints-banking #hero .img {
    width: 34rem;
    height: 36rem;
  }
  .page-template-page-blueprints-banking #trusted .row h2 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .page-template-page-blueprints-manufacturing #hero .txt h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .page-template-page-blueprints-manufacturing #trusted .row h2 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .page-template-page-blueprints-manufacturing #case {
    padding-top: 14rem;
  }
  .page-template-page-blueprints-manufacturing #case h2 {
    max-width: 100%;
    position: static;
    max-width: 50rem;
    margin: 0 0 4rem 0;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 24rem;
    max-width: 24rem;
    height: 32rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 4rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .txt blockquote {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper {
    width: 24rem;
    height: 32rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper img {
    margin: 0 0 0 .2rem;
  }
  .page-template-page-blueprints-manufacturing #case .owl-nav {
    top: 36rem;
    width: 24rem;
  }
  .page-template-demo-landingpage #plans .row h2 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
  .page-template-demo-landingpage #plans .row .flex {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-demo-landingpage #plans .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0 0 4rem 0;
  }
  .page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book {
    margin: 4rem auto 0 auto;
  }
  .page-template-demo-landingpage #sick .row h2 {
    font-size: 3.4rem;
    line-height: 4rem;
    margin: 0 auto 3rem auto;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) ul li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-saas #dashboard .des {
    display: none;
  }
  .page-template-page-saas #dashboard .tab {
    display: block;
  }
  .page-template-page-saas #case {
    padding-top: 14rem;
  }
  .page-template-page-saas #case h2 {
    max-width: 100%;
    position: static;
    max-width: 50rem;
    margin: 0 0 4rem 0;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 24rem;
    max-width: 24rem;
    height: 32rem;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 4rem;
  }
  .page-template-page-saas #case .slide .txt blockquote {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-saas #case .slide .img span.hs_cos_wrapper {
    width: 24rem;
    height: 32rem;
  }
  .page-template-page-saas #case .slide .img span.hs_cos_wrapper img {
    margin: 0 0 0 .2rem;
  }
  .page-template-page-saas #case .owl-nav {
    top: 36rem;
    width: 24rem;
  }
  .page-template-page-checklist #hero {
    padding: 15rem 0;
  }
  .page-template-page-checklist #hero .row .txt h1 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .page-template-page-checklist #hero .row .txt .p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-checklist #demo h2 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .page-template-page-case #hero .row .txt {
    max-width: 100%;
  }
  .page-template-page-case #hero .img {
    position: static;
    margin: 6rem 0 0 0;
  }
  .page-template-page-ebooks #hero p {
    max-width: 34rem;
  }
  .page-template-page-customerexperience #with .flex.implementation {
    flex-wrap: wrap;
  }
  .page-template-page-customerexperience #with .flex.implementation > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 1.2rem 0 4rem 0;
  }
  .page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
  }
  .page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-page-careers #about .row.text .lead {
    padding-right: 2rem;
  }
  .page-template-page-careers #about .row.text .lead .img img {
    height: 24rem !important;
  }
  .page-template-page-careers #about .row.text .lead p {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
  .page-template-page-careers #about .row.text .txt {
    padding-left: 2rem;
  }
  .page-template-page-why-security #hero {
    padding: 20rem 0 0 0;
  }
  .page-template-page-why-security #hero #mast .row.content {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-template-page-why-security #hero #mast .row.content > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 4rem 0;
    padding-right: 0;
    max-width: 34rem;
  }
  .page-template-page-why-security #hero #mast .row.content > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
    text-align: center;
    flex: auto;
  }
  .page-template-page-why-security #hero #mast .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-product-incentive #case .company,
  .page-template-page-product-sales #case .company,
  .page-template-page-product-management #case .company,
  .page-template-page-product-integrations #case .company,
  .page-template-page-product-reporting #case .company,
  .page-template-page-checklist #case .company {
    flex-direction: column;
  }
  .page-template-page-product-incentive #case .company > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-sales #case .company > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-management #case .company > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-integrations #case .company > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-reporting #case .company > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-checklist #case .company > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
    order: 2;
  }
  .page-template-page-product-incentive #case .company > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-sales #case .company > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-management #case .company > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-integrations #case .company > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-product-reporting #case .company > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-checklist #case .company > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    margin: 0 0 6rem 0;
    order: 1;
  }
  .page-template-page-releasenotes #roles .row .post-listing .post-item {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-invitation #hero .row {
    flex-direction: column;
  }
  .page-template-page-invitation #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    padding-right: 0;
    margin-bottom: 2rem;
  }
  .page-template-page-invitation #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
  }
  .page-template-page-analyticslp #thing .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-analyticslp #thing .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analyticslp #thing .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analyticslp #thing .row .flex .txt {
    flex: 1 0 100%;
    max-width: 100%;
    padding-bottom: 3rem;
  }
  .page-template-page-analyticslp #thing .row .flex .txt h2,
  .page-template-page-analyticslp #thing .row .flex .txt p {
    max-width: 100%;
  }
  .page-template-page-analyticslp #thing .row .flex .img {
    padding-left: 0;
    flex: 1 0 100%;
    max-width: 60rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
    width: auto !important;
  }
  .hs-content-id-78673989898 #testimonials,
  .hs-content-id-104851996327 #testimonials,
  .hs-content-id-119091577976 #testimonials {
    padding: 22rem 0 10rem 0;
  }
  .page-template-page-webinars #hero .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
    margin-bottom: 2rem;
  }
  .page-template-page-opensymmetry #hosts .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-totalrewards #hosts .row > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 2rem 0;
  }
  .page-template-page-opensymmetry #hosts h2,
  .page-template-page-totalrewards #hosts h2 {
    margin: 0;
  }
}
@media only screen and (max-width: 750px) {
  .page-template-page-why-different #valued .row {
    display: block;
  }
  .page-template-page-why-different #valued .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-why-different #valued .row > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
    padding-left: 0;
    margin: 6rem 0 10rem 0;
  }
  .page-template-page-why-different #valued .row .head h2 {
    font-size: 4.4rem;
    line-height: 4.6rem;
    max-width: 50rem;
  }
  .page-template-page-why-different #valued .row .head .numbers .number h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  .page-template-page-why-different #valued .row .head .numbers .number .p {
    margin: 0;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post {
    padding: 2.5rem;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post ul {
    padding: 0 0 0 2rem;
  }
  .page-template-page-blueprints-manufacturing #hero .img {
    width: 39rem;
    height: 37rem;
    bottom: 16rem;
    right: -7rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post {
    padding: 2.5rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post ul {
    padding: 0 0 0 2rem;
  }
  .page-template-page-opensymmetry #hero .row,
  .page-template-page-totalrewards #hero .row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .page-template-page-opensymmetry #hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-totalrewards #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    padding-right: 0;
    flex: unset;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #hero .row > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-totalrewards #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    padding-left: 0;
    flex: unset;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #hero .row .widget-type-linked_image,
  .page-template-page-totalrewards #hero .row .widget-type-linked_image {
    width: auto;
    height: auto;
    position: static;
    max-width: 40rem;
  }
  .page-template-page-opensymmetry #hero .row .widget-type-linked_image img,
  .page-template-page-totalrewards #hero .row .widget-type-linked_image img {
    object-fit: contain;
  }
  .page-template-page-opensymmetry #hero .row h1,
  .page-template-page-totalrewards #hero .row h1 {
    margin: 2rem 0 2rem 0;
    font-size: 4.4rem;
    line-height: 4.6rem;
  }
  .page-template-page-opensymmetry #hero .row p,
  .page-template-page-totalrewards #hero .row p {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 2rem 0;
  }
  .page-template-page-opensymmetry #hero .row ul,
  .page-template-page-totalrewards #hero .row ul {
    max-width: 54rem;
  }
  .page-template-page-totalrewards #hero {
    padding: 2rem 0 8rem 0;
  }
  .page-template-demo-landingpage #sick .row p {
    margin: 0 auto 4rem auto;
  }
  .page-template-demo-landingpage #sick .row .flex {
    flex-direction: column;
  }
  .page-template-demo-landingpage #sick .row .flex > .row-fluid-wrapper {
    flex: unset;
    max-width: 100%;
  }
  .page-template-demo-landingpage #sick > .row-fluid-wrapper:nth-of-type(odd) .flex > .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
  }
  .page-template-demo-landingpage #sick > .row-fluid-wrapper:nth-of-type(odd) .flex > .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
  }
  .page-template-demo-landingpage #sick > .row-fluid-wrapper:nth-of-type(even) .flex > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-demo-landingpage #sick > .row-fluid-wrapper:nth-of-type(even) .flex > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-demo-landingpage #reviews .row .flex {
    justify-content: center;
    flex-wrap: wrap;
  }
  .page-template-demo-landingpage #reviews .row .flex > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0 0 4rem 0;
  }
  .page-template-demo-landingpage #reviews .row .flex > .row-fluid-wrapper > .row-fluid {
    padding: 0;
  }
  .page-template-demo-landingpage #reviews .row .flex .box {
    max-width: unset;
  }
  .page-template-demo-landingpage #reviews .row .flex .box .background {
    max-width: unset;
  }
  .page-template-demo-landingpage #sickf .flex {
    flex-direction: column;
  }
  .page-template-demo-landingpage #sickf .flex > .row-fluid-wrapper {
    flex: unset;
    max-width: 100%;
  }
  .page-template-demo-landingpage #sickf .flex > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-demo-landingpage #sickf .flex > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-demo-landingpage #sickf .flex .txt {
    text-align: center;
  }
  .page-template-demo-landingpage #sickf .flex .txt a {
    margin: 0 auto;
  }
  .page-template-demo-landingpage #sickf .flex .img {
    max-width: 40rem;
    margin: 0 auto -2rem auto;
  }
  .page-template-page-checklist #checklist .row .box {
    flex-direction: column;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
    flex: unset;
    max-width: 40rem;
    padding-left: 7rem;
    padding-right: 0;
    position: relative;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(1):before,
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(1):before {
    content: '';
    width: 4.2rem;
    height: 4.2rem;
    background: #ffffff url('/hubfs/raw_assets/public/Performio%20v2/IMG/ico-check.png') no-repeat center;
    background-size: auto 1.6rem;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 1.5rem 2rem -0.5rem rgba(20, 31, 78, 0.17);
    border-radius: 1rem;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
    flex: unset;
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
    margin-top: 4rem;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(2) h2,
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2) h2,
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(2) p,
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2) p {
    max-width: unset;
  }
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(odd) .box .row-fluid-wrapper:nth-of-type(2):before,
  .page-template-page-checklist #checklist .row .row-fluid-wrapper:nth-of-type(even) .box .row-fluid-wrapper:nth-of-type(2):before {
    display: none;
  }
  .hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid,
  .hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid,
  .hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid {
    flex-wrap: wrap;
  }
  .hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid img,
  .hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid img,
  .hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid img {
    max-width: 50rem;
    width: 100% !important;
  }
  .hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span,
  .hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span,
  .hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0;
  }
  .hs-content-id-78673989898 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2),
  .hs-content-id-104851996327 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2),
  .hs-content-id-119091577976 #features .row > .row-fluid-wrapper > .row-fluid > .widget-span:nth-of-type(2) {
    padding-left: 0;
    margin-top: 0;
  }
  .hs-content-id-78673989898 #features .row > .row-fluid-wrapper:nth-of-type(2),
  .hs-content-id-104851996327 #features .row > .row-fluid-wrapper:nth-of-type(2),
  .hs-content-id-119091577976 #features .row > .row-fluid-wrapper:nth-of-type(2) {
    margin-top: 5rem;
  }
  .hs-content-id-78673989898 #testimonials .slide blockquote,
  .hs-content-id-104851996327 #testimonials .slide blockquote,
  .hs-content-id-119091577976 #testimonials .slide blockquote {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .hs-content-id-78673989898 #testimonials .slide p,
  .hs-content-id-104851996327 #testimonials .slide p,
  .hs-content-id-119091577976 #testimonials .slide p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-atlanta-dinner .bg {
    width: auto;
    right: 4rem;
  }
  .page-template-page-businesscase #valued .row {
    display: block;
  }
  .page-template-page-businesscase #valued .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-businesscase #valued .row > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
    padding-left: 0;
    margin: 6rem 0 10rem 0;
  }
  .page-template-page-businesscase #valued .row .head h2 {
    font-size: 4.4rem;
    line-height: 4.6rem;
    max-width: 50rem;
  }
  .page-template-page-businesscase #valued .row .head .numbers .number h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  .page-template-page-businesscase #valued .row .head .numbers .number .p {
    margin: 0;
  }
  .page-template-page-customerexperience #factors .flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper {
    flex: auto;
    max-width: 100%;
  }
  .page-template-page-product-incentive #nav .nav ul li,
  .page-template-page-product-sales #nav .nav ul li,
  .page-template-page-product-management #nav .nav ul li,
  .page-template-page-product-integrations #nav .nav ul li,
  .page-template-page-product-reporting #nav .nav ul li {
    padding: 0 1.5rem;
  }
  .page-template-page-product-incentive #nav .nav ul li a,
  .page-template-page-product-sales #nav .nav ul li a,
  .page-template-page-product-management #nav .nav ul li a,
  .page-template-page-product-integrations #nav .nav ul li a,
  .page-template-page-product-reporting #nav .nav ul li a {
    font-size: 1.6rem;
  }
  .page-template-page-saas #platform .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-saas #platform .flex > .row-fluid-wrapper .cap {
    height: auto !important;
  }
  .page-template-page-distributors #partners .row h2 {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  .page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures img {
    width: 100%;
    height: auto;
  }
  .page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures .mob {
    display: block;
  }
  .page-template-page-distributors #dashboards .row .row-fluid-wrapper .row-fluid .pictures .dtp {
    display: none;
  }
  .page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 35rem;
  }
  .page-template-page-analyticslp #data .row .row-fluid-wrapper ul li {
    font-size: 1.8rem;
    line-height: 2.7rem;
    padding: 0 2rem 1rem 3rem;
    background-size: 1.7rem;
  }
  .page-template-page-analyticslp #started .row .flex .txt h2 {
    font-size: 4rem;
    line-height: 5rem;
    margin-bottom: 1rem;
  }
  .page-template-page-analyticslp #started .row .flex .txt p {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 700px) {
  .row {
    padding: 0 2.5rem;
  }
  .header-container-wrapper .row {
    padding: 0 2.5rem;
  }
  .header-container-wrapper .row > .row-fluid-wrapper:nth-of-type(3) {
    right: 1.5rem;
  }
  .page-template-page-home #featured .row div.txt {
    max-width: 100%;
  }
  .page-template-page-home #featured .row .image {
    display: none;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 38rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 38rem;
  }
  .page-template-demo-landingpage #hero {
    padding: 16rem 0 0 0;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid {
    flex-direction: column;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt {
    flex: unset;
    max-width: 100%;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img {
    flex: unset;
    max-width: 100%;
    margin-top: 3rem;
    padding-top: 30vw;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .people {
    width: 100%;
    height: unset;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .img .charts {
    position: relative;
    width: 100%;
    height: auto;
    left: unset;
    bottom: -1rem;
    z-index: 1;
  }
  .page-template-demo-landingpage #platform {
    margin-top: 0;
  }
  .page-template-page-checklist #how h2 {
    font-size: 3.4rem;
    line-height: 4rem;
  }
  .page-template-page-checklist #how .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-checklist #trusted h2 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-checklist #trusted .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-checklist #leader h2 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-webinars .gate h1 {
    max-width: 85%;
  }
  .page-template-page-webinars .gate .gateClose {
    right: 2rem;
    top: 2rem;
    width: 1.8rem;
    height: 1.8rem;
    filter: invert(1);
  }
  .hs-content-id-78673989898 .row,
  .hs-content-id-104851996327 .row,
  .hs-content-id-119091577976 .row {
    padding: 0 2rem;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span p img {
    height: 10rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box2 > div,
  .hs-content-id-104851996327 .demov2.featuresarea .box2 > div,
  .hs-content-id-119091577976 .demov2.featuresarea .box2 > div {
    padding: 4rem 4rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box2 p,
  .hs-content-id-104851996327 .demov2.featuresarea .box2 p,
  .hs-content-id-119091577976 .demov2.featuresarea .box2 p {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3,
  .hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3,
  .hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span3 {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6,
  .hs-content-id-104851996327 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6,
  .hs-content-id-119091577976 .demov2.featuresarea .row-fluid-wrapper .row-fluid .span6 {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-demothanks #thanks .row {
    padding: 0 2rem;
  }
  .page-template-page-news #news .row {
    padding: 0 0;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-customerexperience #hero {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-customerexperience #hero .row {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-customerexperience #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-customerexperience #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 3;
  }
  .page-template-page-customerexperience #hero .row > .row-fluid-wrapper:nth-of-type(3) {
    order: 1;
  }
  .page-template-page-customerexperience #hero .p {
    max-width: 100%;
  }
  .page-template-page-customerexperience #hero .image {
    position: static;
    width: 100%;
    height: auto;
    max-width: 50rem;
  }
  .page-template-page-customerexperience #customers > .row-fluid-wrapper {
    margin: 0 1.5rem 4rem 1.5rem;
  }
  .page-template-page-ebooks #ebooks .row,
  .page-template-page-ebooks-post #ebooks .row {
    padding: 0;
  }
  .page-template-page-ebooks #ebooks .flex,
  .page-template-page-ebooks-post #ebooks .flex {
    padding: 0 1.5rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper {
    padding: 1rem 1rem;
  }
  .page-template-page-ebooks #hero {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-ebooks #hero .row {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-ebooks #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-ebooks #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-page-ebooks #hero .row .txt {
    max-width: 100%;
  }
  .page-template-page-ebooks #hero .img {
    position: static;
    margin: 0 0 4rem 0;
  }
  .page-template-page-ebooks #hero p {
    max-width: 100%;
  }
  .page-template-page-ebooks-post #hero .row.more {
    padding: 0;
  }
  .page-template-page-datasheets #hero {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-datasheets #hero .row {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-datasheets #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-datasheets #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-page-datasheets #hero .row .txt {
    max-width: 100%;
  }
  .page-template-page-datasheets #hero .img {
    position: static;
    margin: 0 0 4rem 0;
    max-width: 40rem;
    height: auto;
    width: 100%;
  }
  .page-template-page-datasheets #ebooks h2 {
    margin: 0 0 0 1rem;
  }
  .page-template-page-datasheets #ebooks .flex > .row-fluid-wrapper {
    margin: 2rem 1rem;
  }
  .page-template-page-contact #hero .row .txt h1 {
    padding-right: 0;
  }
  .page-template-page-contact #offices .row {
    padding: 0;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content iframe {
    height: 30rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content h3 {
    padding-left: 6.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-left: 9.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) .directions {
    display: none;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(4) {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 3rem 9.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content .directions a {
    display: inline-block;
    margin: 2rem 3rem 3rem 9.5rem;
  }
  .page-template-page-about #hero h1 {
    font-size: 4.0rem;
    line-height: 5.0rem;
  }
  .page-template-page-about #drives .row .content {
    padding: 6rem 1.5rem;
  }
  .page-template-page-about #drives .row .content .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-page-about #drives .row .content .lead h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #drives .row .content .lead h3 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #drives .row .content .lead .pic {
    position: static;
    margin: 4rem 0;
    width: 100%;
    height: auto;
  }
  .page-template-page-about #drives .row .content .lead .pic img {
    width: 100%;
    height: auto;
    border-radius: 2rem;
  }
  .page-template-page-about #drives .row .content > .row-fluid-wrapper:nth-of-type(2) {
    max-width: 100%;
  }
  .page-template-page-about #drives .row .content .txt h3 {
    margin: 0 0 2rem 0;
  }
  .page-template-page-about #values .slide .img .pic {
    height: 30rem;
    width: 30rem;
  }
  .page-template-page-about #values .slide .txt h2 {
    font-size: 4.2rem;
    line-height: 4.4rem;
  }
  .page-template-page-about #values .slide .txt h3 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-page-about #values nav {
    top: 50rem;
  }
  .page-template-page-about #values .owl-nav {
    top: 38.5rem;
  }
  .page-template-page-about #about .row {
    flex-direction: column;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    margin-bottom: 6rem;
    max-width: 100%;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-careers #hero {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-careers #hero .row {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-careers #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-careers #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
  }
  .page-template-page-careers #hero .row .txt {
    max-width: 100%;
  }
  .page-template-page-careers #hero .img {
    position: static;
    margin: 0 0 4rem 0;
    max-width: 40rem;
    height: auto;
    width: 100%;
  }
  .page-template-page-careers #hero p img {
    top: -5rem;
    right: -10rem;
  }
  .page-template-page-careers #why .row .slide h2 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    margin: 0 0 3rem 10rem;
  }
  .page-template-page-careers #why .row .slide blockquote p,
  .page-template-page-careers #why .row .slide blockquote ul li {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-careers #about .row.picture {
    align-items: flex-start;
  }
  .page-template-page-careers #about .row.picture .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1rem;
    position: static;
    width: 100%;
    padding: 0;
  }
  .page-template-page-careers #about .row.picture img {
    margin-left: 0;
    border-radius: 2rem;
  }
  .page-template-page-careers #about .row.text {
    flex-direction: column;
  }
  .page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-careers #about .row.text > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    padding-left: 0;
  }
  .page-template-page-careers #about .row.text .lead {
    padding-right: 0;
    margin-top: 4rem;
  }
  .page-template-page-careers #about .row.text .lead .img img {
    max-width: 30rem !important;
    height: auto !important;
    border-radius: 2rem;
  }
  .page-template-page-careers #about .row.text .lead .img .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1rem;
  }
  .page-template-page-careers #about .row.text .txt {
    padding-left: 0;
  }
  .page-template-page-careers #about .row.text .txt h2 {
    margin: 6rem 0 3rem 0;
  }
  .page-template-page-careers #values .slide .img .pic {
    height: 30rem;
    width: 30rem;
  }
  .page-template-page-careers #values .slide .txt h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-careers #values .slide .txt h3 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-careers #values nav {
    top: 38.5rem;
  }
  .page-template-page-careers #values .owl-nav {
    top: 38.5rem;
  }
  .page-template-page-roles #roles h2 {
    margin: 0 0 0 1.5rem;
    font-size: 3.6rem;
    line-height: 3.8rem;
  }
  .page-template-page-roles #roles .row {
    padding: 0;
  }
  .page-template-page-roles #roles .row .post-listing .post-item {
    padding: 1.5rem;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 4rem;
  }
  .page-template-page-role #hero .row .txt h1 {
    font-size: 4.2rem;
    line-height: 4.4rem;
  }
  .page-template-page-role #hero .row .txt h1:before {
    display: none;
  }
  .page-template-page-role #hero .row .txt .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-role #more .row {
    padding: 0;
  }
  .page-template-page-role #more .flex .role {
    padding: 1.5rem;
  }
  .page-template-page-releasenote #hero .row .txt h1 {
    font-size: 4.2rem;
    line-height: 4.4rem;
    margin: 0 0 1rem 0;
  }
  .page-template-page-releasenote #hero .row .txt .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 4rem;
  }
  .single #hero .row .txt h1 {
    font-size: 4.2rem;
    line-height: 4.4rem;
  }
  .single #hero .row .txt h1:before {
    display: none;
  }
  .single #hero .row .txt .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .single #more .row {
    padding: 0;
  }
  .single #more .flex .role {
    padding: 1.5rem;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 4rem;
  }
  .single-case #hero .row .txt h1 {
    font-size: 4.2rem;
    line-height: 4.4rem;
  }
  .single-case #hero .row .txt h1:before {
    display: none;
  }
  .single-case #hero .row .txt .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .single-case #more .row {
    padding: 0;
  }
  .single-case #more .flex .role {
    padding: 1.5rem;
  }
  #breadcrumbs .row {
    flex-direction: column;
    align-items: flex-start;
  }
  #breadcrumbs .row ul {
    margin: 0 0 0 0;
  }
  .page-template-page-why-security #hero #mast .flex .post {
    display: block;
  }
  .page-template-page-why-security #hero #mast .flex .post > .row-fluid-wrapper:nth-of-type(2) {
    padding: 0;
  }
  .page-template-page-why-security #hero #mast .flex .post > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-security #hero #mast .flex .post p {
    padding: 0;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 1.5rem;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(9) {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 8rem 0;
    padding: 0 1.5rem;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(22) {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 8rem 0;
    padding: 0 1.5rem;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 1;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 2;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(3) {
    order: 3;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(4) {
    order: 4;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(5) {
    order: 5;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(6) {
    order: 6;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(7) {
    order: 7;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(8) {
    order: 8;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(9) {
    order: 9;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(10) {
    order: 10;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(11) {
    order: 11;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(12) {
    order: 12;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(13) {
    order: 13;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(14) {
    order: 14;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(15) {
    order: 15;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(16) {
    order: 16;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(17) {
    order: 17;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(18) {
    order: 18;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(19) {
    order: 19;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(20) {
    order: 20;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(21) {
    order: 21;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper:nth-of-type(22) {
    order: 22;
  }
  #testimonials {
    padding: 20rem 0 12rem 0;
  }
  #talk .row {
    max-width: 38rem;
  }
  #talk h2 {
    font-size: 6rem;
    line-height: 5.5rem;
  }
  #talk .p {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  #subfooter .row .left {
    flex-direction: column;
    align-items: center;
  }
  #subfooter ul#menu-social-media {
    margin: 5rem 0 0 0;
  }
  #subfooter ul#menu-social-media li {
    margin: 0 1rem;
  }
  #subfooter .left > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
  }
}
@media only screen and (max-width: 650px) {
  .page-template-page-home #ebook .row .flex {
    flex-direction: column;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    left: 0;
    padding: 3rem 2rem 4rem 2rem;
    margin-top: -2rem;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) h2 {
    margin: 0 auto;
    max-width: 48rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero,
  .page-template-page-webinar.hs-content-id-118903672623 #hero,
  .page-template-page-webinar.hs-content-id-139110987047 #hero {
    padding: 16rem 0 7rem 0;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .bg,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .bg,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .bg {
    display: none;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row h1,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row h1,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    max-width: 27.8rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row p,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row p,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row p {
    font-size: 4rem;
    line-height: 4rem;
  }
  .page-template-page-blueprints-banking #hero .txt h1 {
    max-width: unset;
  }
  .page-template-page-blueprints-banking #hero .txt p {
    max-width: unset;
  }
  .page-template-page-blueprints-banking #hero .txt ul {
    max-width: unset;
  }
  .page-template-page-blueprints-banking #hero .txt ul + p {
    max-width: unset;
  }
  .page-template-page-blueprints-banking #hero .img {
    display: none;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 6rem;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-blueprints-manufacturing #hero .txt h1 {
    max-width: unset;
  }
  .page-template-page-blueprints-manufacturing #hero .txt p {
    max-width: unset;
  }
  .page-template-page-blueprints-manufacturing #hero .txt ul {
    max-width: unset;
  }
  .page-template-page-blueprints-manufacturing #hero .txt ul + p {
    max-width: unset;
  }
  .page-template-page-blueprints-manufacturing #hero .img {
    display: none;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 6rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #hosts h2,
  .page-template-page-totalrewards #hosts h2 {
    margin: 0 0 2rem 0;
  }
  .page-template-page-opensymmetry #hosts .flex,
  .page-template-page-totalrewards #hosts .flex {
    flex-direction: column;
  }
  .page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: unset;
    max-width: unset;
  }
  .page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(1):after,
  .page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(1):after {
    height: 1px;
    width: unset;
    left: 6rem;
    right: 6rem;
    top: unset;
    bottom: -3rem;
  }
  .page-template-page-opensymmetry #hosts .flex > .row-fluid-wrapper:nth-of-type(2),
  .page-template-page-totalrewards #hosts .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: unset;
    max-width: unset;
    margin-top: 6rem;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .page-template-demo-landingpage #goodbye .row .flex {
    flex-direction: column;
    align-items: center;
  }
  .page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    padding-right: 0;
    margin-bottom: 19rem;
  }
  .page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-demo-landingpage #goodbye .row .flex > .row-fluid-wrapper {
    flex: unset;
    max-width: 36rem;
  }
  .page-template-demo-landingpage #goodbye .row .flex .left .label {
    width: 100%;
    margin-top: 10rem;
  }
  .hs-content-id-78673989898 #benefits h2,
  .hs-content-id-104851996327 #benefits h2,
  .hs-content-id-119091577976 #benefits h2 {
    font-size: 3rem;
    line-height: 3.8rem;
    max-width: 56rem;
  }
  .hs-content-id-78673989898 #action h2,
  .hs-content-id-104851996327 #action h2,
  .hs-content-id-119091577976 #action h2 {
    font-size: 3rem;
    line-height: 3.8rem;
    max-width: 56rem;
  }
  .page-template-page-webinars #webinars .row .flex {
    margin: 0 -0.8rem;
  }
  .page-template-page-webinars #webinars .row .flex > .row-fluid-wrapper {
    padding: 0 0.8rem;
    margin: 0 0 1.6rem 0;
  }
  .page-template-page-saas #built .flex {
    flex-direction: column;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    margin-bottom: 10rem;
    border-right: none;
    padding-right: 0;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 100%;
    padding-left: 0;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) ul li {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-distributors #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    padding-top: 0;
  }
  .page-template-page-distributors #challenge .row .flex {
    margin: 0;
  }
  .page-template-page-distributors #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 42rem;
    padding: 0 0 2rem 0;
    margin: 0 auto;
  }
  .page-template-page-distributors #software .row .flex {
    margin: 0;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 42rem;
    padding: 0 0 3rem 0;
    margin: 0 auto;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul {
    padding: 0 0 0 2rem;
  }
  .page-template-page-distributors #measures {
    padding: 0 0 8rem 0;
  }
  .page-template-page-analytics #challenge .row .flex {
    margin: 0;
  }
  .page-template-page-analytics #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 42rem;
    padding: 0 0 2rem 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .page-template-page-home #hero {
    padding: 3rem 0 0 0;
  }
  .page-template-page-home #hero #mast {
    padding: 0 0 10rem 0;
  }
  .page-template-page-home #hero #mast .row {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 3;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(3) {
    order: 4;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(4) {
    order: 5;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(5) {
    order: 6;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(6) {
    order: 7;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(7) {
    order: 8;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(8) {
    order: 1;
  }
  .page-template-page-home #hero #mast .row > .row-fluid-wrapper:nth-of-type(9) {
    order: 1;
  }
  .page-template-page-home #hero #mast h1 {
    max-width: 100%;
  }
  .page-template-page-home #hero #mast .p {
    max-width: 100%;
  }
  .page-template-page-home #hero #mast .image {
    display: none;
  }
  .page-template-page-home #hero #mast .imagemobile {
    display: block;
    margin: 9rem 0 4rem 0;
    width: auto;
    height: auto;
    max-width: 40rem;
  }
  .page-template-page-home #pros {
    padding: 12rem 0 12rem 0;
  }
  .page-template-page-home #pros .row > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-home #pros .row.a {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-page-home #pros .post {
    flex: 1 0 100%;
    max-width: 40rem;
    padding: 0 0;
    margin: 0 auto 7rem auto;
  }
  .page-template-page-home #about .row.features .text h2 {
    font-size: 3.0rem;
    line-height: 3.4rem;
    margin: 0 0 3rem 0;
  }
  .page-template-demo-landingpage #platform .row .flex {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-demo-landingpage #platform .row .flex > .row-fluid-wrapper {
    margin: 1rem 1rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 5rem;
    line-height: 5.2rem;
    max-width: 40rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 2.2rem;
    line-height: 3rem;
    max-width: 38rem;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio {
    flex: 1 0 25%;
    max-width: 25%;
  }
  .hs-content-id-78673989898 #trusted h2,
  .hs-content-id-104851996327 #trusted h2,
  .hs-content-id-119091577976 #trusted h2 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .hs-content-id-78673989898 #trusted ul li,
  .hs-content-id-104851996327 #trusted ul li,
  .hs-content-id-119091577976 #trusted ul li {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .hs-content-id-78673989898 #features p,
  .hs-content-id-104851996327 #features p,
  .hs-content-id-119091577976 #features p {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .hs-content-id-78673989898 #features ul,
  .hs-content-id-104851996327 #features ul,
  .hs-content-id-119091577976 #features ul {
    margin: 1rem -2rem;
  }
  .page-template-demothanks #thanks h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  .page-template-demothanks #thanks h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .page-template-demothanks #thanks p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span {
    flex-wrap: wrap;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(1) img {
    width: 18rem;
    height: auto;
    margin: 0 0 4rem 0;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-page-about #about .row .numbers .number h3 {
    font-size: 4rem;
    line-height: 4rem;
    margin: 0 0 1rem 0;
  }
  .page-template-page-about #about .row .numbers .number .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #why .row .slide > .row-fluid-wrapper:nth-of-type(2) {
    margin-left: 0;
  }
  .page-template-page-careers #why .row .slide h2 {
    margin: 0 0 4rem 0;
  }
  .page-template-page-careers #why .row .slide blockquote {
    padding: 9rem 0 0 0;
  }
  .page-template-page-careers #why .row .slide p {
    margin: 1rem 0;
  }
  .page-template-page-careers #why .row .slide a {
    margin: 4rem 0 0 0;
  }
  .page-template-page-careers #why .row .owl-carousel .owl-nav {
    left: 2rem;
  }
  .page-template-page-blog #hero .row .featured .blog-post-listing__article {
    flex-direction: column;
  }
  .page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__image {
    order: 1;
    margin: 0 0 2rem 0;
  }
  .page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content {
    order: 2;
    padding-right: 0;
  }
  .page-template-page-case #case .post-listing {
    margin: 0;
  }
  .page-template-page-case #case .post-listing .post-item {
    max-width: 100%;
    margin: 2rem 0;
  }
  .page-template-page-ebooks #ebooks .flex,
  .page-template-page-ebooks-post #ebooks .flex {
    margin: 0;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper {
    margin: 0 0;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-checklist #case .slide {
    flex-direction: column;
  }
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-checklist #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-checklist #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-checklist #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .page-template-page-datasheets #datasheets .flex {
    margin: 0;
  }
  .page-template-page-datasheets #datasheets .flex > .row-fluid-wrapper {
    max-width: 100%;
    margin: 2rem 0;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-datasheets #less .flex {
    justify-content: center;
  }
  .page-template-page-datasheets #less .flex .post {
    margin: 0 0 6rem 0;
  }
  .page-template-page-datasheets #less .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 40rem;
  }
  .page-template-page-customerexperience #services h2 {
    font-size: 3rem;
    line-height: 3.2rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-customerexperience #services p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-customerexperience #services .row .data .post {
    flex-direction: column;
  }
  .page-template-page-customerexperience #services .row .data .post .ico {
    flex: 1 0 10rem;
    height: 10rem;
    max-height: 10rem;
  }
  .page-template-page-customerexperience #services .row .data .post p {
    margin: 0;
  }
  .page-template-page-customerexperience #customers .row-fluid-wrapper + .row-fluid-wrapper .row-fluid-wrapper {
    margin-bottom: 0;
  }
  .page-template-page-customerexperience #customers .row-fluid-wrapper + .row-fluid-wrapper .row {
    padding-bottom: 8rem !important;
    position: relative;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text {
    display: block;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text h3 {
    margin-bottom: 1rem;
    padding-bottom: 2rem;
    padding-right: 0;
    text-align: center;
    border-bottom: 1px solid #2d3a83;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text hr {
    display: none;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text a {
    padding-left: 0;
    position: absolute;
    bottom: 4rem;
    left: 50%;
    margin-left: -7.2rem;
  }
  .page-template-page-customerexperience #customers .flex ul {
    display: block;
  }
  .page-template-page-customerexperience #customers .flex ul li {
    margin: 0 auto;
  }
  .page-template-page-customerexperience #customers .flex ul li img {
    margin: 4rem 0;
  }
  .page-template-page-customerexperience #case .slide {
    flex-direction: column;
  }
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-customerexperience #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-customerexperience #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-customerexperience #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .page-template-page-roles #hero {
    height: auto;
  }
  .page-template-page-roles #hero h1,
  .page-template-page-roles #hero p {
    max-width: 100%;
  }
  .page-template-page-roles #hero .img {
    position: static;
    padding-bottom: 30rem;
    width: 100%;
    height: auto;
  }
  .page-template-page-roles #roles .row .post-listing .post-item {
    max-width: 100%;
    flex: auto;
  }
  .page-template-page-roles #pros .row > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 40rem;
  }
  .page-template-page-roles.page-id-27 #hero {
    height: auto;
  }
  .page-template-page-roles.page-id-27 #hero .img {
    position: static;
    padding-bottom: 30rem;
    width: 100%;
    height: auto;
    margin-top: 6rem;
  }
  .page-template-page-role #more .flex {
    flex-wrap: wrap;
  }
  .page-template-page-role #more .flex .role {
    max-width: 100%;
    flex: auto;
  }
  .single #more .flex {
    flex-wrap: wrap;
  }
  .single #more .flex .role {
    max-width: 100%;
    flex: auto;
  }
  .single-case #hero .txt .lead {
    display: none;
  }
  .single-case #body .row.blog > .row-fluid-wrapper > .row-fluid {
    flex-wrap: wrap;
  }
  .single-case #body .aside {
    order: 2;
  }
  .single-case #body .section {
    order: 3;
  }
  .single-case #body .details {
    flex: 1 0 100%;
    max-width: 100%;
    order: 1;
    display: block;
    padding: 0;
    margin: 0 0 5rem 0;
  }
  .single-case #body .details ul {
    margin: 0 -2rem 0 0;
    display: flex;
    flex-wrap: wrap;
  }
  .single-case #body .details ul li {
    padding: 0 2rem;
    flex: 1 0 50%;
    max-width: 50%;
  }
  .single-case #more .flex {
    flex-wrap: wrap;
  }
  .single-case #more .flex .role {
    max-width: 100%;
    flex: auto;
  }
  .page-template-page-why-different #hero #pros .row > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 40rem;
    margin: 0 0 7rem 0;
    padding: 0 0;
  }
  .page-template-page-why-different #hero #features .post .txt h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-why-different #why .values .value {
    margin: 3.5rem 0 3.5rem -2rem;
  }
  .page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(1) img {
    transform: scale(0.6);
  }
  .page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
  }
  .page-template-page-why-different #case .slide {
    flex-direction: column;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-why-different #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-why-different #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-why-different #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .page-template-page-distributors #case .slide {
    flex-direction: column;
  }
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-distributors #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-distributors #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-distributors #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .page-template-page-saas #case .slide {
    flex-direction: column;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-saas #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-saas #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-saas #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .page-template-page-saas #dashboard .tab {
    display: none;
  }
  .page-template-page-saas #dashboard .mob {
    display: block;
  }
  .page-template-page-why-different #learn,
  .page-template-page-why-technology #learn,
  .page-template-page-why-security #learn {
    padding: 10rem 0 4rem 0;
  }
  .page-template-page-why-different #learn .features,
  .page-template-page-why-technology #learn .features,
  .page-template-page-why-security #learn .features {
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-why-different #learn .features .feature,
  .page-template-page-why-technology #learn .features .feature,
  .page-template-page-why-security #learn .features .feature {
    margin: 0 0 6rem 0;
  }
  .page-template-page-businesscase #about .row .text h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 6rem 0 3rem 0;
  }
  .page-template-page-businesscase #case .slide {
    flex-direction: column;
  }
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-businesscase #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-businesscase #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-businesscase #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
  .module-hero,
  .page-template-page-product-incentive #hero,
  .page-template-page-product-sales #hero,
  .page-template-page-product-management #hero,
  .page-template-page-product-integrations #hero,
  .page-template-page-product-reporting #hero {
    height: auto;
  }
  .module-hero .row,
  .page-template-page-product-incentive #hero .row,
  .page-template-page-product-sales #hero .row,
  .page-template-page-product-management #hero .row,
  .page-template-page-product-integrations #hero .row,
  .page-template-page-product-reporting #hero .row {
    padding-top: 10rem;
    padding-bottom: 13rem;
    display: flex;
    flex-direction: column;
  }
  .module-hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-incentive #hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-sales #hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-management #hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-integrations #hero .row > .row-fluid-wrapper:nth-of-type(1),
  .page-template-page-product-reporting #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
  }
  .module-hero .row > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-product-incentive #hero .row > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-product-sales #hero .row > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-product-management #hero .row > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-product-integrations #hero .row > .row-fluid-wrapper:nth-of-type(3),
  .page-template-page-product-reporting #hero .row > .row-fluid-wrapper:nth-of-type(3) {
    order: 1;
  }
  .module-hero .img,
  .page-template-page-product-incentive #hero .img,
  .page-template-page-product-sales #hero .img,
  .page-template-page-product-management #hero .img,
  .page-template-page-product-integrations #hero .img,
  .page-template-page-product-reporting #hero .img {
    display: none;
    position: static;
    width: 120%;
    height: auto;
    margin-top: 6rem;
  }
  .module-hero .imgmobile,
  .page-template-page-product-incentive #hero .imgmobile,
  .page-template-page-product-sales #hero .imgmobile,
  .page-template-page-product-management #hero .imgmobile,
  .page-template-page-product-integrations #hero .imgmobile,
  .page-template-page-product-reporting #hero .imgmobile {
    display: block;
    margin: 0 0 4rem 0;
  }
  .module-hero .imgmobile img,
  .page-template-page-product-incentive #hero .imgmobile img,
  .page-template-page-product-sales #hero .imgmobile img,
  .page-template-page-product-management #hero .imgmobile img,
  .page-template-page-product-integrations #hero .imgmobile img,
  .page-template-page-product-reporting #hero .imgmobile img {
    width: 90%;
    height: auto !important;
    max-width: 40rem !important;
    display: block;
    margin: 0 auto;
  }
  .page-template-page-product-incentive #about .row .text h2,
  .page-template-page-product-sales #about .row .text h2,
  .page-template-page-product-management #about .row .text h2,
  .page-template-page-product-integrations #about .row .text h2,
  .page-template-page-product-reporting #about .row .text h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 6rem 0 3rem 0;
  }
  .page-template-page-product-incentive #pros,
  .page-template-page-product-sales #pros,
  .page-template-page-product-management #pros,
  .page-template-page-product-integrations #pros,
  .page-template-page-product-reporting #pros {
    padding: 10rem 0 4rem 0;
  }
  .page-template-page-product-incentive #pros .row > .row-fluid-wrapper,
  .page-template-page-product-sales #pros .row > .row-fluid-wrapper,
  .page-template-page-product-management #pros .row > .row-fluid-wrapper,
  .page-template-page-product-integrations #pros .row > .row-fluid-wrapper,
  .page-template-page-product-reporting #pros .row > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 40rem;
    padding: 0;
  }
  .page-template-page-product-incentive #more,
  .page-template-page-product-sales #more,
  .page-template-page-product-management #more,
  .page-template-page-product-integrations #more,
  .page-template-page-product-reporting #more {
    padding: 12rem 0 0 0;
  }
  .page-template-page-product-incentive #more .row.products,
  .page-template-page-product-sales #more .row.products,
  .page-template-page-product-management #more .row.products,
  .page-template-page-product-integrations #more .row.products,
  .page-template-page-product-reporting #more .row.products {
    justify-content: center;
  }
  .page-template-page-product-incentive #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-sales #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-management #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-integrations #more .row.products > .row-fluid-wrapper,
  .page-template-page-product-reporting #more .row.products > .row-fluid-wrapper {
    padding: 0 0;
    flex: 1 0 100%;
    max-width: 40rem;
  }
  .page-template-page-product-incentive #more .row.products .post,
  .page-template-page-product-sales #more .row.products .post,
  .page-template-page-product-management #more .row.products .post,
  .page-template-page-product-integrations #more .row.products .post,
  .page-template-page-product-reporting #more .row.products .post {
    text-align: center;
  }
  .page-template-page-product-incentive #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-sales #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-management #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-integrations #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-reporting #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper {
    margin: 0 auto 1rem auto;
  }
  .page-template-page-product-incentive #more .row.products .post a,
  .page-template-page-product-sales #more .row.products .post a,
  .page-template-page-product-management #more .row.products .post a,
  .page-template-page-product-integrations #more .row.products .post a,
  .page-template-page-product-reporting #more .row.products .post a {
    position: static;
  }
  .page-template-page-product-incentive #nav .nav,
  .page-template-page-product-sales #nav .nav,
  .page-template-page-product-management #nav .nav,
  .page-template-page-product-integrations #nav .nav,
  .page-template-page-product-reporting #nav .nav {
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-start;
  }
  .page-template-page-product-incentive #nav .nav ul li,
  .page-template-page-product-sales #nav .nav ul li,
  .page-template-page-product-management #nav .nav ul li,
  .page-template-page-product-integrations #nav .nav ul li,
  .page-template-page-product-reporting #nav .nav ul li {
    padding: 0 2rem;
  }
  .page-template-page-product-incentive #nav .nav ul li a,
  .page-template-page-product-sales #nav .nav ul li a,
  .page-template-page-product-management #nav .nav ul li a,
  .page-template-page-product-integrations #nav .nav ul li a,
  .page-template-page-product-reporting #nav .nav ul li a {
    font-size: 1.7rem;
  }
  .page-template-page-why-security #hero #mast .row.soc .flex {
    flex-direction: column;
  }
  .page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
    max-width: 100%;
    padding: 0;
    order: 2;
    text-align: center;
  }
  .page-template-page-why-security #hero #mast .row.soc .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: auto;
    max-width: 28rem;
    padding: 0;
    order: 1;
    margin: 0 auto 6rem auto;
  }
  .page-template-page-datasheets #about .row .text h3 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-left a {
    display: none;
  }
  .page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-left a.prev-link {
    display: block;
  }
  .page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-right a {
    display: none;
  }
  .page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-right a.next-link {
    display: block;
  }
  .page-template-page-releasenotes #roles .row .blog-pagination .blog-pagination-center {
    display: none;
  }
  #testimonials .row .article .slide img {
    margin: 0 0 4.5rem 0;
  }
  #testimonials .row .article .slide blockquote {
    font-size: 2.4rem;
    line-height: 3.6rem;
    background-size: auto 6rem;
    padding: 9rem 0 0 0;
  }
  #testimonials .row .article .slide p {
    margin: 2rem 0 4rem 0;
  }
  #testimonials .row .article .slide a {
    margin-left: 0;
  }
  .page-template-page-analyticslp #data .row .row-fluid-wrapper ul li {
    padding: 0 0 1.2rem 3rem;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analyticslp #data .row .img {
    margin: 0;
  }
  .page-template-page-analyticslp #started .row .flex {
    flex-wrap: wrap;
  }
  .page-template-page-analyticslp #started .row .flex > .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analyticslp #started .row .flex .img {
    display: none;
  }
  .page-template-page-analyticslp #started .row .flex .txt p {
    max-width: 40rem;
  }
  .page-template-page-analytics #hero {
    padding: 15rem 0 7rem 0;
  }
  .page-template-page-analytics #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    order: 2;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    order: 1;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:nth-of-type(2) .img {
    position: static;
    margin-bottom: 4rem;
    width: 100%;
    height: auto;
  }
  .page-template-page-blueprints-manufacturing #case .slide {
    flex-direction: column;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(1) {
    height: 16rem;
    flex: auto;
  }
  .page-template-page-blueprints-manufacturing #case .slide > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 3rem;
  }
  .page-template-page-blueprints-manufacturing #case .slide .img span.hs_cos_wrapper {
    height: 16rem;
  }
  .page-template-page-blueprints-manufacturing #case .owl-nav {
    position: static;
    margin: 4rem auto 0 auto;
  }
}
@media only screen and (max-width: 550px) {
  .page-template-page-home #trusted {
    padding: 6rem 0 4rem 0;
  }
  .page-template-page-home #trusted h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-home #trusted .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 42rem;
  }
  .page-template-page-home #about {
    padding: 12rem 0 8rem 0;
  }
  .page-template-page-home #about .row.lead h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-home #about .row.lead .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 46rem;
  }
  .page-template-page-blueprints-banking #challenge .row h1 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-banking #compensation .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-banking #roles .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-banking #dashboard .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-banking #trusted .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-manufacturing #challenge .row h1 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-manufacturing #dashboard .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-manufacturing #trusted .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after {
    height: 3.4rem;
    margin: -1.7rem 0 0 0;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img {
    height: 1.8rem !important;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img {
    height: 2.3rem !important;
  }
  .page-template-page-opensymmetry #date p,
  .page-template-page-totalrewards #date p {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type h2,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type h3,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type p,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type p strong,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type p strong {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-demo-landingpage #plans .row h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .page-template-demo-landingpage #plans .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-demo-landingpage #plans .row .flex .box .container {
    justify-content: flex-start;
  }
  .page-template-demo-landingpage #sick .row h2 {
    font-size: 3rem;
    line-height: 3.6rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-demo-landingpage #gallery .row h2 {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
  .page-template-demo-landingpage #goodbye .row h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-demo-landingpage #reviews .row h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-demo-landingpage #reviews .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-demo-landingpage #faq h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-demo-landingpage #sickf .flex .txt p:first-of-type {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-demo-landingpage #sickf .flex .txt p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-webinar2 #hero .row p {
    font-size: 3.8rem;
    line-height: 4.2rem;
  }
  .page-template-page-checklist #hero .bg {
    width: 44rem;
    height: 29rem;
  }
  .page-template-page-checklist #hero .row .txt h1 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .page-template-page-checklist #case .row.lead h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    max-width: 46rem;
  }
  .page-template-page-checklist #case .row.lead .p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .page-template-page-checklist #more .row .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-checklist #how h2 {
    font-size: 3.0rem;
    line-height: 3.6rem;
  }
  .page-template-page-checklist #how .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 40rem;
  }
  .page-template-page-checklist #trusted h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
    max-width: 34rem;
  }
  .page-template-page-checklist #leader h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-page-checklist #leader .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-checklist #demo h2 {
    font-size: 3.4rem;
    line-height: 3.6rem;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:first-of-type h1 {
    font-size: 5.5rem;
    line-height: 6rem;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:first-of-type .text .row-fluid-wrapper:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form {
    padding: 3rem 3rem;
  }
  .hs-content-id-78673989898 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span,
  .hs-content-id-104851996327 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span,
  .hs-content-id-119091577976 #top.banner.bg-white > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper > .row-fluid > .span6.widget-span {
    text-align: center;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1,
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    margin-left: auto;
    margin-right: auto;
  }
  .hs-content-id-78673989898 .banner.bg-white .text ul li,
  .hs-content-id-104851996327 .banner.bg-white .text ul li,
  .hs-content-id-119091577976 .banner.bg-white .text ul li {
    background-position: center top;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio {
    padding: 0.8rem 0.3rem;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio span,
  .hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio span,
  .hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio span {
    padding: 1rem 1rem;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid {
    justify-content: center;
    flex-wrap: wrap;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
    flex: 1 0 50%;
    max-width: 32rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .header h2,
  .hs-content-id-104851996327 .demov2.featuresarea .header h2,
  .hs-content-id-119091577976 .demov2.featuresarea .header h2 {
    font-size: 3rem;
    line-height: 3.8rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box1 > div,
  .hs-content-id-104851996327 .demov2.featuresarea .box1 > div,
  .hs-content-id-119091577976 .demov2.featuresarea .box1 > div {
    padding: 0 0 3rem 0;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .demov2.box2 span,
  .hs-content-id-104851996327 .demov2.featuresarea .demov2.box2 span,
  .hs-content-id-119091577976 .demov2.featuresarea .demov2.box2 span {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .page-template-page-webinars #hero .txt > .hs_cos_wrapper:before {
    right: unset;
    left: 8rem;
    width: 40rem;
    background-position: left top;
  }
  .page-template-page-webinars #webinars .row .flex .webinar .txt {
    padding: 1.5rem 2rem 7.5rem 2rem;
  }
  .page-template-page-webinars #webinars .row .flex .webinar .txt h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-webinar #hero .row .bg {
    display: none;
  }
  .page-template-page-webinar #hero .row p {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .page-template-page-webinar #hero .row p + p {
    font-size: 2.0rem;
    line-height: 2.4rem;
  }
  .page-template-page-webinar #more .row .txt ul li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h1 {
    font-size: 5rem;
    line-height: 5.4rem;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-page-form #hero .row > .row-fluid-wrapper:nth-of-type(1) p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-form #hero .form {
    padding: 3rem 2rem;
  }
  .page-template-page-bireporting #hero .form {
    padding: 2rem;
  }
  .page-template-page-businesscase #hero h1 {
    font-size: 4.0rem;
    line-height: 4.8rem;
  }
  .page-template-page-businesscase #hero .p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-businesscase #lead .row h2 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-businesscase #lead .row .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-datasheets #datasheets {
    max-width: 42rem;
  }
  .page-template-page-datasheets #datasheets .row > .row-fluid-wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 1.2rem;
  }
  .page-template-page-thankyou #hero h1 {
    font-size: 4.0rem;
    line-height: 4.8rem;
  }
  .page-template-page-thankyou #hero p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .page-template-page-case #hero h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-case #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-case #hero .img {
    height: auto;
    width: 100%;
  }
  .page-template-page-case #hero .img img {
    height: auto !important;
  }
  .page-template-page-case #case h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .page-template-page-datasheets #about h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-page-datasheets #lead h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-datasheets #lead p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-datasheets #lead h2 ~ p {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .page-template-page-datasheets #less h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-datasheets #less .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-datasheets #download p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks #hero h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-ebooks #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-ebooks #ebooks h2,
  .page-template-page-ebooks-post #ebooks h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .page-template-page-ebooks-post #hero h1,
  .page-template-page-ebooks-post #hero p {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-page-ebooks-post #hero .form form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-ebooks-post #hero .form form .input {
    margin: 0;
  }
  .page-template-page-ebooks-post #hero .row.more h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-page-ebooks-post #hero .row.more .txt ol li {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 5rem 0;
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-ebooks-post #hero .row.more .txt ol li:before {
    font-size: 3rem;
    line-height: 3rem;
  }
  .page-template-page-ebooks-post #hero .row.more .download {
    margin: 5rem 0 0 0;
  }
  .page-template-page-datasheets #hero h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-datasheets #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-datasheets #hero .img {
    height: auto;
    width: 100%;
  }
  .page-template-page-datasheets #hero .img img {
    height: auto !important;
  }
  .page-template-page-datasheets #datasheets h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .page-template-page-customerexperience #hero h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 2rem 0;
    max-width: 100%;
  }
  .page-template-page-customerexperience #hero .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-customerexperience #factors h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-template-page-customerexperience #factors h3 {
    font-size: 2.8rem;
    line-height: 3rem;
    max-width: 38rem;
  }
  .page-template-page-customerexperience #with h2 {
    font-size: 3.6rem;
    line-height: 4.0rem;
    max-width: 36rem;
  }
  .page-template-page-customerexperience #with h3 {
    font-size: 3rem;
    line-height: 3.2rem;
  }
  .page-template-page-customerexperience #with .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-customerexperience #customers h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text a {
    font-size: 1.6rem;
  }
  .page-template-page-customerexperience #customers .row-fluid-wrapper + .row-fluid-wrapper .row {
    padding: 3rem 2rem;
  }
  .page-template-page-customerexperience #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-customerexperience #ready p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-customerexperience #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-releasenotes #hero h1 {
    font-size: 3.8rem;
    line-height: 4.2rem;
    margin: 0 0 2rem 0;
    max-width: 100%;
  }
  .page-template-page-releasenotes #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-releasenotes #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-releasenotes #ready p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-releasenotes #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-about #about .row .numbers > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-roles #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-roles #ready p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-roles #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-saas #hero h1 {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
  .page-template-page-saas #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-saas #hero ul li {
    font-size: 1.7rem;
    line-height: 2.6rem;
  }
  .page-template-page-saas #hero .img {
    display: none;
  }
  .page-template-page-saas #hero .imgmobile {
    display: block;
  }
  .page-template-page-saas #built h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  .page-template-page-saas #platform h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  .page-template-page-saas #dashboard .row {
    padding: 0 0.5rem;
  }
  .page-template-page-saas #dashboard h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin: 0 2rem;
  }
  .page-template-page-saas #trusted h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-saas #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-saas #ready p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-saas #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-why-different #hero #mast h1 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin: 0 0 1rem 0;
  }
  .page-template-page-why-different #hero #mast h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-why-different #hero #mast .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 42rem;
  }
  .page-template-page-why-different #hero #difference h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-why-different #hero #difference .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 42rem;
  }
  .page-template-page-why-different #case .row.lead h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    max-width: 46rem;
  }
  .page-template-page-why-different #case .row.lead .p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .page-template-page-why-different #valued .row .head h2 {
    font-size: 3.6rem;
    line-height: 3.8rem;
  }
  .page-template-page-why-different #valued .row .head .numbers {
    display: block;
  }
  .page-template-page-why-different #valued .row .head .numbers .number {
    margin: 0 0 4rem 0;
  }
  .page-template-page-why-different #valued .row .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-distributors #hero {
    padding-bottom: 12rem;
  }
  .page-template-page-distributors #hero .row {
    flex-wrap: wrap;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    margin-top: -6rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .page-template-page-distributors #measures {
    padding-bottom: 9rem;
  }
  .page-template-page-distributors #measures .row p {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-distributors #measures .row .flex > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(3) ul li {
    flex: 1 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .page-template-page-distributors #partners .row h2 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-distributors #partners .row .flex > .row-fluid-wrapper {
    padding: 0 2rem 4rem;
  }
  .page-template-page-distributors #case .row.lead h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    max-width: 46rem;
  }
  .page-template-page-distributors #case .row.lead .p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .page-template-page-distributors #dashboards .row h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-analytics #challenge .row h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-analytics #reports .row h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-businesscase #case .row.lead h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    max-width: 46rem;
  }
  .page-template-page-businesscase #case .row.lead .p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .page-template-page-businesscase #valued .row .head h2 {
    font-size: 3.6rem;
    line-height: 3.8rem;
  }
  .page-template-page-businesscase #valued .row .head .numbers {
    display: block;
  }
  .page-template-page-businesscase #valued .row .head .numbers .number {
    margin: 0 0 4rem 0;
  }
  .page-template-page-businesscase #valued .row .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-technology #hero #mast h1 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-why-technology #hero #mast .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 42rem;
  }
  .page-template-page-why-security #hero #mast h1 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    max-width: 48rem;
    margin: 0 auto 1.5rem auto;
  }
  .page-template-page-why-security #hero #mast h2 {
    font-size: 2.0rem;
    line-height: 2.6rem;
  }
  .page-template-page-why-security #hero #mast .icons h2 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-why-security #hero #mast .soc h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    max-width: 34rem;
  }
  .page-template-page-why-security #hero #mast .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-why-different #learn h2,
  .page-template-page-why-technology #learn h2,
  .page-template-page-why-security #learn h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
    max-width: 42rem;
  }
  .page-template-page-why-different #ready h2,
  .page-template-page-why-technology #ready h2,
  .page-template-page-why-security #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
  }
  .page-template-page-why-different #ready .p,
  .page-template-page-why-technology #ready .p,
  .page-template-page-why-security #ready .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-why-different #ready .bg,
  .page-template-page-why-technology #ready .bg,
  .page-template-page-why-security #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-roles #ready h2 {
    font-size: 3.8rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-roles #ready p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 44rem;
  }
  .page-template-page-roles #ready .bg {
    background-image: url('/hubfs/raw_assets/public/Performio%20v2/IMG/bg-why-mobile.png');
    background-position: center;
    background-size: 50rem auto;
    top: 0 !important;
  }
  .page-template-page-product-incentive #nav,
  .page-template-page-product-sales #nav,
  .page-template-page-product-management #nav,
  .page-template-page-product-integrations #nav,
  .page-template-page-product-reporting #nav {
    padding: 9rem 0 0 0;
  }
  .page-template-page-product-incentive #nav h2,
  .page-template-page-product-sales #nav h2,
  .page-template-page-product-management #nav h2,
  .page-template-page-product-integrations #nav h2,
  .page-template-page-product-reporting #nav h2 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .page-template-page-product-incentive #gartner .row,
  .page-template-page-product-sales #gartner .row,
  .page-template-page-product-management #gartner .row,
  .page-template-page-product-integrations #gartner .row,
  .page-template-page-product-reporting #gartner .row {
    padding: 3rem 2rem;
  }
  .page-template-page-product-incentive #gartner .row .txt p:nth-of-type(1),
  .page-template-page-product-sales #gartner .row .txt p:nth-of-type(1),
  .page-template-page-product-management #gartner .row .txt p:nth-of-type(1),
  .page-template-page-product-integrations #gartner .row .txt p:nth-of-type(1),
  .page-template-page-product-reporting #gartner .row .txt p:nth-of-type(1) {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-product-incentive #gartner .row .txt p:nth-of-type(2),
  .page-template-page-product-sales #gartner .row .txt p:nth-of-type(2),
  .page-template-page-product-management #gartner .row .txt p:nth-of-type(2),
  .page-template-page-product-integrations #gartner .row .txt p:nth-of-type(2),
  .page-template-page-product-reporting #gartner .row .txt p:nth-of-type(2) {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-product-incentive #gartner .row .txt p:nth-of-type(3),
  .page-template-page-product-sales #gartner .row .txt p:nth-of-type(3),
  .page-template-page-product-management #gartner .row .txt p:nth-of-type(3),
  .page-template-page-product-integrations #gartner .row .txt p:nth-of-type(3),
  .page-template-page-product-reporting #gartner .row .txt p:nth-of-type(3) {
    font-size: 1.6rem;
    line-height: 2.0rem;
  }
  .page-template-page-product-incentive #gartner .row .img .logos img,
  .page-template-page-product-sales #gartner .row .img .logos img,
  .page-template-page-product-management #gartner .row .img .logos img,
  .page-template-page-product-integrations #gartner .row .img .logos img,
  .page-template-page-product-reporting #gartner .row .img .logos img {
    height: auto !important;
  }
  .page-template-page-product-incentive #case .company .text h2,
  .page-template-page-product-sales #case .company .text h2,
  .page-template-page-product-management #case .company .text h2,
  .page-template-page-product-integrations #case .company .text h2,
  .page-template-page-product-reporting #case .company .text h2 {
    font-size: 3.6rem;
    line-height: 4.4rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-product-incentive #case .company .text h2 + p,
  .page-template-page-product-sales #case .company .text h2 + p,
  .page-template-page-product-management #case .company .text h2 + p,
  .page-template-page-product-integrations #case .company .text h2 + p,
  .page-template-page-product-reporting #case .company .text h2 + p {
    font-size: 1.9rem;
    line-height: 2.8rem;
    margin: 1rem 0 6rem 0;
  }
  .page-template-page-product-incentive #case .company .text p,
  .page-template-page-product-sales #case .company .text p,
  .page-template-page-product-management #case .company .text p,
  .page-template-page-product-integrations #case .company .text p,
  .page-template-page-product-reporting #case .company .text p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #case .company .text h3,
  .page-template-page-product-sales #case .company .text h3,
  .page-template-page-product-management #case .company .text h3,
  .page-template-page-product-integrations #case .company .text h3,
  .page-template-page-product-reporting #case .company .text h3 {
    font-size: 2.8rem;
    line-height: 3.4rem;
    margin: 4rem 0 2rem 0;
  }
  .page-template-page-product-incentive #case .company .text ul li,
  .page-template-page-product-sales #case .company .text ul li,
  .page-template-page-product-management #case .company .text ul li,
  .page-template-page-product-integrations #case .company .text ul li,
  .page-template-page-product-reporting #case .company .text ul li {
    flex: 1 0 100%;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #case .company .text .benefits .benefit h4,
  .page-template-page-product-sales #case .company .text .benefits .benefit h4,
  .page-template-page-product-management #case .company .text .benefits .benefit h4,
  .page-template-page-product-integrations #case .company .text .benefits .benefit h4,
  .page-template-page-product-reporting #case .company .text .benefits .benefit h4 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-product-incentive #proslead h2,
  .page-template-page-product-sales #proslead h2,
  .page-template-page-product-management #proslead h2,
  .page-template-page-product-integrations #proslead h2,
  .page-template-page-product-reporting #proslead h2 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .page-template-page-product-incentive #proslead p,
  .page-template-page-product-sales #proslead p,
  .page-template-page-product-management #proslead p,
  .page-template-page-product-integrations #proslead p,
  .page-template-page-product-reporting #proslead p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-product-incentive #pros,
  .page-template-page-product-sales #pros,
  .page-template-page-product-management #pros,
  .page-template-page-product-integrations #pros,
  .page-template-page-product-reporting #pros {
    padding: 8rem 0 8rem 0;
  }
  .page-template-page-product-incentive #more,
  .page-template-page-product-sales #more,
  .page-template-page-product-management #more,
  .page-template-page-product-integrations #more,
  .page-template-page-product-reporting #more {
    padding: 8rem 0 0 0;
  }
  .page-template-page-product-incentive #more h2,
  .page-template-page-product-sales #more h2,
  .page-template-page-product-management #more h2,
  .page-template-page-product-integrations #more h2,
  .page-template-page-product-reporting #more h2 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .single-case #body .details ul li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .single-case #more h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .hs-content-id-43934331560 h1,
  .hs-content-id-104851996327 h1,
  .hs-content-id-78673989898 h1,
  .hs-content-id-119091577976 h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    padding-right: 0;
  }
  .hs-content-id-43934331560 p,
  .hs-content-id-104851996327 p,
  .hs-content-id-78673989898 p,
  .hs-content-id-119091577976 p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-right: 0;
  }
  .page-template-page-page #page .row h1 {
    font-size: 4.6rem;
    line-height: 5.2rem;
    margin: 0 0 4rem 0;
  }
  .page-template-page-page #page .row h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  #footer .menu-footer-menu-container ul.menu {
    height: auto;
    padding-bottom: 5rem;
  }
  #footer .menu-footer-menu-container ul.menu > li {
    width: 100%;
  }
  .page-template-page-error #hero h1 {
    font-size: 4.2rem;
    line-height: 4.6rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-error #hero h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
    margin: 0 auto 1.5rem auto;
  }
  .page-template-page-error #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 1.5rem auto 1.5rem auto;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 3rem 2rem 3rem 2.5rem;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 4rem;
    line-height: 4.5rem;
    max-width: 40rem;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2.5rem;
    line-height: 3.7rem;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-home #hero #mast .logos img {
    max-width: 100% !important;
  }
  .page-template-page-home #featured .featured p:nth-of-type(2) {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
  .page-template-page-home #featured h2 {
    font-size: 4rem;
    line-height: 4.2rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-home #featured p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-home #trusted .logotypes {
    transform: scale(0.8);
    margin: 6rem 0 0 0;
  }
  .page-template-page-blueprints-banking #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-blueprints-manufacturing #challenge .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #hero .row h1,
  .page-template-page-totalrewards #hero .row h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  .page-template-page-opensymmetry #hero .row p,
  .page-template-page-totalrewards #hero .row p {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-opensymmetry #hero .row ul li,
  .page-template-page-totalrewards #hero .row ul li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #hero .row ul li:nth-of-type(2),
  .page-template-page-totalrewards #hero .row ul li:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-opensymmetry #map .widget-type-linked_image,
  .page-template-page-totalrewards #map .widget-type-linked_image {
    overflow: hidden;
  }
  .page-template-page-opensymmetry #map img,
  .page-template-page-totalrewards #map img {
    max-width: 133% !important;
    width: unset;
    margin-left: -27%;
    margin-right: -5%;
  }
  .page-template-demo-landingpage #reviews .row .logotypes ul {
    flex-wrap: wrap;
  }
  .page-template-demo-landingpage #reviews .row .logotypes ul li {
    margin: 1.5rem 0;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    max-width: 32rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 1.9rem;
    line-height: 2.7rem;
    max-width: 28rem;
  }
  .hs-content-id-78673989898 #benefits h2,
  .hs-content-id-104851996327 #benefits h2,
  .hs-content-id-119091577976 #benefits h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  .hs-content-id-78673989898 #action h2,
  .hs-content-id-104851996327 #action h2,
  .hs-content-id-119091577976 #action h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  .page-template-page-case #case h2 {
    text-align: center;
    margin: 0;
  }
  .page-template-page-case #case .post-listing .post-item {
    flex-direction: column;
    align-items: center;
    padding: 2rem;
  }
  .page-template-page-case #case .post-listing .post-item .post-body {
    flex: auto;
    width: 20rem;
    height: 20rem;
  }
  .page-template-page-case #case .post-listing .post-item .post-body .hs-featured-image-wrapper {
    height: 20rem;
  }
  .page-template-page-case #case .post-listing .post-item .post-body .hs-featured-image-wrapper img {
    top: -4rem;
  }
  .page-template-page-case #case .post-listing .post-item .post-header {
    padding: 3rem 2rem 7rem 2rem;
  }
  .page-template-page-case #case .post-listing .post-item a.more-link {
    left: 50%;
    margin-left: -7rem;
  }
  .page-template-page-ebooks #ebooks .flex > .row-fluid-wrapper,
  .page-template-page-ebooks-post #ebooks .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) h1 {
    font-size: 4.4rem;
    line-height: 5rem;
    max-width: 38rem;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks-post #hero .row.more h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-ebooks-post #hero .row.more .txt ol li {
    margin: 0 0 5rem 0;
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-datasheets #datasheets {
    max-width: 29rem;
    /*h2{ text-align:center; }
		.flex .ebook{ flex-direction:column; align-items:center; padding:2rem; height:auto;
			&>.row-fluid-wrapper:nth-of-type(1){ flex:auto; width:20rem; height:20rem;
				.img{ height:20rem; overflow:hidden; }
			}
			&>.row-fluid-wrapper:nth-of-type(2){ text-align:center; padding:2rem 0 1rem 0;
				a.hs-button{ position:static; display:inline-block; margin:2rem 0 0 0; }
			}
		}*/
  }
  .page-template-page-datasheets #datasheets .row {
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-datasheets #datasheets .row > .row-fluid-wrapper {
    margin: 0 0 4rem 0;
    padding: 0;
    flex: auto;
    max-width: 21rem;
  }
  .page-template-page-datasheets #datasheets .row > .row-fluid-wrapper:last-child {
    margin: 0;
  }
  .page-template-page-datasheets #datasheets .row > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    border-radius: .8rem;
  }
  .page-template-page-customerexperience #with #hs_cos_wrapper_module_16170910240521456_ h4 {
    text-align: center;
  }
  .page-template-page-customerexperience #with .flex.implementation > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-customerexperience #with .flex.implementation .post > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 auto 4.5rem auto;
  }
  .page-template-page-customerexperience #with .flex.implementation .post > .row-fluid-wrapper:nth-of-type(2) {
    text-align: center;
  }
  .page-template-page-customerexperience #with .flex.implementation .post > .row-fluid-wrapper:nth-of-type(2) ul {
    padding: 0;
    list-style-position: inside;
  }
  .page-template-page-customerexperience #with .flex.implementation .post > .row-fluid-wrapper:nth-of-type(2) ul li {
    padding: 0;
  }
  .page-template-page-blog #hero .row .txt .content .body h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-blog #hero .row .txt .content .body p {
    font-size: 1.6rem;
  }
  .page-template-page-blog #hero .row .txt .content .body .form {
    margin: 4rem 0 -12rem 0;
    padding: 3rem 3rem;
  }
  .page-template-page-blog #webinars .row .content h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-blog #webinars .row .content p {
    font-size: 1.6rem;
  }
  .page-template-page-blog #webinars .row .form {
    margin: 4rem 0 -12rem 0;
    padding: 3rem 3rem;
  }
  .page-template-page-blog #blog .row .post-listing {
    margin: 0;
  }
  .page-template-page-blog #blog .row .post-listing .post-item {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 3rem 0;
  }
  .page-template-page-blog #blog .row .post-listing-simple {
    margin: 0;
  }
  .page-template-page-blog #blog .row .post-listing-simple .post-item {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 3rem 0;
  }
  .single-news #news .row h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    padding-left: 3rem;
    margin: 0 0 8rem 0;
  }
  .single-news #news .row h1:before {
    height: 9rem;
  }
  .single-case #body .section .hs-embed-wrapper {
    margin: 3rem 0 0 0 !important;
    padding: 3rem !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .single-case #body .section .hs-embed-wrapper iframe {
    width: 100% !important;
  }
  .page-template-page-news #hero .row {
    align-items: center;
  }
  .page-template-page-news #hero .row .txt .content h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-news #hero .row .txt .content .p {
    font-size: 1.6rem;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    margin: -8rem 2rem 0 2rem;
    max-width: 100%;
    padding: 3rem 3rem;
  }
  .page-template-page-news #hero .row .form form fieldset.form-columns-2 .hs-form-field {
    flex: 1 0 100% !important;
    max-width: 100% !important;
  }
  .page-template-page-news #hero .row .form form fieldset.form-columns-2 .hs-form-field .input {
    margin-right: 0;
  }
  .page-template-page-contact #hero .row .txt h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
    max-width: 34rem;
  }
  .page-template-page-contact #hero .row .form form fieldset {
    margin: 0;
  }
  .page-template-page-contact #hero .row .form form fieldset .hs-form-field {
    margin: 0 0 2rem 0;
  }
  .page-template-page-contact #hero .row .form form fieldset.form-columns-2 {
    margin: 0;
  }
  .page-template-page-contact #hero .row .form form fieldset.form-columns-2 .hs-form-field {
    flex: 1 0 100%;
    max-width: 100% !important;
    margin: 0 0 2rem 0;
  }
  .page-template-page-contact #offices h3 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-about #hero .row {
    padding-top: 20rem;
  }
  .page-template-page-about #hero h1 {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .page-template-page-about #values h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-about #values .slide .img {
    padding-bottom: 6rem;
  }
  .page-template-page-about #values .slide .img .pic {
    height: 20rem;
    width: 20rem;
  }
  .page-template-page-about #values .slide .txt h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-about #values .slide .txt h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-top: 0;
  }
  .page-template-page-about #values .slide .txt ul li {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-about #values .slide > .row-fluid-wrapper:nth-of-type(1) {
    padding: 2rem 0 0 0;
  }
  .page-template-page-about #values nav {
    display: none;
  }
  .page-template-page-about #values .owl-nav {
    top: 5rem;
    width: 100vw;
    margin-left: -50vw;
  }
  .page-template-page-about #drives .row .content {
    padding: 4rem 2rem;
    border-radius: 2rem;
  }
  .page-template-page-about #drives .row .content .lead h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #drives .row .content .lead .pic {
    margin: 3rem 0;
  }
  .page-template-page-about #drives .row .content .lead .pic img {
    border-radius: 1.5rem;
  }
  .page-template-page-about #drives .row .content .txt h3 {
    font-size: 2.4rem;
    line-height: 3.8rem;
  }
  .page-template-page-about #drives .row .content .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers {
    margin: 0 -1rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers > .row-fluid-wrapper {
    padding: 0 1rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers .number {
    padding: 0 0 0 2rem;
  }
  .page-template-page-about #about .row .numbers .number h3 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 1rem 0 0 0;
  }
  .page-template-page-about #about .row .numbers .number .p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-about #about .row .txt h2 {
    font-size: 2.8rem;
    line-height: 4.2rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-about #about .row .txt p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-about #cta p {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .page-template-page-leadership #hero h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-leadership #hero .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-leadership #board h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-leadership #cta p {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .page-template-page-careers #hero h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-careers #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-careers #hero p img {
    right: -3rem;
  }
  .page-template-page-careers #why .row .slide h2 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .page-template-page-careers #why .row .slide blockquote p,
  .page-template-page-careers #why .row .slide blockquote ul li {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-careers #why .row .slide p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .page-template-page-careers #about .row.picture img {
    border-radius: 1.5rem;
  }
  .page-template-page-careers #about .row.text .lead .img img {
    max-width: 28rem;
    border-radius: 1.5rem;
  }
  .page-template-page-careers #about .row.text .txt h2 {
    font-size: 2.8rem;
    line-height: 4.4rem;
    margin: 6rem 0 2rem 0;
  }
  .page-template-page-careers #about .row.text .txt p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-careers #about .row.text .lead p {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  .page-template-page-careers #values {
    padding: 10rem 0 8rem 0;
  }
  .page-template-page-careers #values h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-careers #values .slide .img {
    padding-bottom: 6rem;
  }
  .page-template-page-careers #values .slide .img .pic {
    height: 20rem;
    width: 20rem;
  }
  .page-template-page-careers #values .slide .txt h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-careers #values .slide .txt h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-top: 0;
  }
  .page-template-page-careers #values .slide .txt ul li {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-careers #values .slide > .row-fluid-wrapper:nth-of-type(1) {
    padding: 2rem 0 0 0;
  }
  .page-template-page-careers #values nav {
    display: none;
  }
  .page-template-page-careers #values .owl-nav {
    top: 5rem;
    width: 100vw;
    margin-left: -50vw;
  }
  .page-template-page-careers #careers .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-careers #careers h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-careers #cta p {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .page-template-page-roles #hero h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-roles #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-roles #roles h2 {
    font-size: 3.0rem;
    line-height: 3.2rem;
    max-width: 36rem;
  }
  .page-template-page-roles #proslead h2 {
    font-size: 4rem;
    line-height: 4.2rem;
    margin: 0 auto 2.5rem auto;
  }
  .page-template-page-role #hero .row .txt h1 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 30rem;
  }
  .page-template-page-role #body .aside .fixed,
  .page-template-page-role #body .aside .fixedBottom {
    position: static;
  }
  .page-template-page-role #body .row.blog > .row-fluid-wrapper > .row-fluid {
    flex-direction: column;
  }
  .page-template-page-role #body .row.blog .aside {
    order: 2;
    flex: auto;
    margin: 6rem 0 0 0;
    max-width: 100%;
  }
  .page-template-page-role #body .row.blog .aside .hs_cos_wrapper_type_social_sharing {
    display: flex;
    justify-content: center;
  }
  .page-template-page-role #body .row.blog .aside .hs_cos_wrapper_type_social_sharing a {
    margin: 0 1rem;
  }
  .page-template-page-role #body .row.blog .section {
    order: 1;
    padding-left: 0;
  }
  .page-template-page-releasenote #hero .row .txt h1 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .page-template-page-releasenotes #roles .row .post-listing .post-item {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .single #hero .row .txt h1 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 30rem;
  }
  .single #body .row.blog > .row-fluid-wrapper > .row-fluid {
    flex-direction: column;
  }
  .single #body .row.blog .aside {
    order: 2;
    flex: auto;
    margin: 6rem 0 0 0;
    max-width: 100%;
  }
  .single #body .row.blog .aside .hs_cos_wrapper_type_social_sharing {
    display: flex;
    justify-content: center;
  }
  .single #body .row.blog .aside .hs_cos_wrapper_type_social_sharing a {
    margin: 0 1rem;
  }
  .single #body .row.blog .section {
    order: 1;
    padding-left: 0;
  }
  .single-case #hero .row .txt h1 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 30rem;
  }
  .single-case #body .row.blog > .row-fluid-wrapper > .row-fluid {
    flex-direction: column;
  }
  .single-case #body .row.blog .aside {
    order: 2;
    flex: auto;
    margin: 6rem 0 0 0;
    max-width: 100%;
  }
  .single-case #body .row.blog .aside .hs_cos_wrapper_type_social_sharing {
    display: flex;
    justify-content: center;
  }
  .single-case #body .row.blog .aside .hs_cos_wrapper_type_social_sharing a {
    margin: 0 1rem;
  }
  .single-case #body .row.blog .section {
    order: 1;
    padding-left: 0;
  }
  .page-template-page-why-technology #hero #features .row > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-why-technology #hero #features .text p {
    font-size: 3rem;
    line-height: 3.8rem;
  }
  .page-template-page-why-technology #hero #features .post {
    text-align: center;
  }
  .page-template-page-why-technology #hero #features .post .ico {
    margin: 0 auto 2rem auto;
  }
  .page-template-page-why-different #hero {
    padding: 22rem ​0 0 0;
  }
  .page-template-page-why-different #hero #difference {
    padding: 0 0 5rem 0;
  }
  .page-template-page-why-different #hero #features .post > .row-fluid-wrapper:nth-of-type(1) {
    margin: 2rem 0 4rem 0;
  }
  .page-template-page-why-different #why .text h2 {
    font-size: 4rem;
    line-height: 4.4rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-why-different #why .text h3 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 7rem 0 2rem 0;
  }
  .page-template-page-why-different #why .text p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-why-different #why .values h3 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 7rem 0 2rem 0;
  }
  .page-template-page-why-different #valued .logotypes {
    transform: scale(0.8);
    margin: 0 0 0 0;
  }
  .page-template-page-businesscase #hero .form form fieldset.form-columns-1 .field .input {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .page-template-page-businesscase #hero .form form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-businesscase #hero .form form fieldset.form-columns-2 .field .input {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .page-template-page-businesscase #valued .logotypes {
    transform: scale(0.8);
    margin: 0 0 0 0;
  }
  .page-template-page-product-incentive #nav .nav,
  .page-template-page-product-sales #nav .nav,
  .page-template-page-product-management #nav .nav,
  .page-template-page-product-integrations #nav .nav,
  .page-template-page-product-reporting #nav .nav {
    justify-content: flex-start;
  }
  .page-template-page-product-incentive #nav .nav ul li,
  .page-template-page-product-sales #nav .nav ul li,
  .page-template-page-product-management #nav .nav ul li,
  .page-template-page-product-integrations #nav .nav ul li,
  .page-template-page-product-reporting #nav .nav ul li {
    margin: 0 2rem 1.5rem 0;
    padding: 0;
  }
  .page-template-page-product-incentive #nav .nav ul li a,
  .page-template-page-product-sales #nav .nav ul li a,
  .page-template-page-product-management #nav .nav ul li a,
  .page-template-page-product-integrations #nav .nav ul li a,
  .page-template-page-product-reporting #nav .nav ul li a {
    font-size: 1.7rem;
  }
  .page-template-page-product-incentive #nav .nav ul li:last-child,
  .page-template-page-product-sales #nav .nav ul li:last-child,
  .page-template-page-product-management #nav .nav ul li:last-child,
  .page-template-page-product-integrations #nav .nav ul li:last-child,
  .page-template-page-product-reporting #nav .nav ul li:last-child {
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-product-incentive #nav h2,
  .page-template-page-product-sales #nav h2,
  .page-template-page-product-management #nav h2,
  .page-template-page-product-integrations #nav h2,
  .page-template-page-product-reporting #nav h2 {
    margin: 0 0 4rem 0;
  }
  #demos p {
    font-size: 3rem;
    line-height: 3.2rem;
  }
  #demos .bg {
    background-size: 50rem auto;
  }
  #action h2 {
    font-size: 3rem;
    line-height: 3.2rem;
  }
  #action .video .hs_cos_wrapper {
    margin: 0 0 -10rem 0;
  }
  #talk .row {
    max-width: 35rem;
  }
  #talk h2 {
    font-size: 4.8rem;
    line-height: 4.5rem;
  }
  #talk .p {
    font-size: 2.0rem;
    line-height: 3.0rem;
    margin: 3rem 0;
  }
  #testimonials {
    padding: 10rem 0 8rem 0;
  }
  #testimonials .row .article .slide blockquote {
    font-size: 2.0rem;
    line-height: 3.0rem;
  }
  #testimonials .row .article .slide p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  #subfooter .newsletter form {
    flex-direction: column;
    width: 30rem;
    max-width: 100%;
    text-align: center;
  }
  #subfooter .newsletter form .hs_email {
    width: 100%;
  }
  #subfooter .newsletter form .hs_error_rollup {
    width: 100%;
  }
  #subfooter .newsletter form input[type="email"] {
    width: 100%;
    max-width: 31rem;
  }
  #subfooter .newsletter form input[type="submit"] {
    margin: 2rem auto 0 auto;
    display: inline-block;
  }
  #subfooter .newsletter form .hs_submit {
    width: 100%;
  }
  .page-template-page-invitation #hero .txt h1 {
    font-size: 3.6rem;
    line-height: 4.0rem;
  }
  .page-template-page-invitation #hero .txt p {
    font-size: 2.2rem;
    line-height: 3.0rem;
  }
  .page-template-page-invitation #more .txt .hs_cos_wrapper ul {
    flex-direction: column;
  }
  .page-template-page-invitation #more .txt .hs_cos_wrapper ul li:nth-of-type(1) {
    border-right: none;
    margin-bottom: 2rem;
  }
  .page-template-page-invitation #more .form form fieldset.form-columns-2 .hs-form-field {
    flex: 1 0 100%;
    max-width: 100% !important;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
    flex-direction: column;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:first-of-type {
    padding: 0;
    order: 2;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(2) {
    padding: 0;
    order: 1;
    margin-bottom: 3rem;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .page-template-page-webinars .gate .input {
    margin-right: 0 !important;
  }
  .page-template-page-webinars .gate .input input {
    width: 100% !important;
  }
  .page-template-page-analytics .gate > .hs_cos_wrapper {
    padding: 3rem 2rem 4rem 2rem;
  }
  .page-template-page-analytics .gate form h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-analytics .gate form .field .input {
    margin-right: 0;
  }
  .page-template-page-analytics .gate form .field .input input,
  .page-template-page-analytics .gate form .field .input select {
    width: 100% !important;
  }
}
@media only screen and (max-width: 450px) {
  .page-template-page-home #hero #mast h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row h1,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row h1,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row h1 {
    margin: 0 0 2rem 0;
    margin: 0 0 3rem 0;
  }
  .page-template-page-webinar.hs-content-id-104698820932 #hero .row p,
  .page-template-page-webinar.hs-content-id-118903672623 #hero .row p,
  .page-template-page-webinar.hs-content-id-139110987047 #hero .row p {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-blueprints-banking #hero .txt h1 {
    font-size: 3.8rem;
    line-height: 4.0rem;
  }
  .page-template-page-blueprints-manufacturing #hero .txt h1 {
    font-size: 3.8rem;
    line-height: 4.0rem;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type ul,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul {
    display: block;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:first-of-type ul li,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul li {
    margin: 3rem 0;
  }
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul {
    padding: 0 0 0 2rem;
  }
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:first-of-type ul li {
    padding: 0 0 0 1rem;
  }
  .page-template-demo-landingpage #hero .row {
    padding: 0 2rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h1 {
    margin: 0 0 1rem 0;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt h2 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt ul li {
    font-size: 1.8rem;
  }
  .page-template-demo-landingpage #hero .row > .row-fluid-wrapper > .row-fluid .txt form input[type=submit] {
    padding: 1.2rem 2.5rem;
  }
  .page-template-demo-landingpage #platform .row h2 {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-demo-landingpage #goodbye .row h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-demo-landingpage #reviews .row h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset.form-columns-2,
  .hs-content-id-104851996327 .banner.bg-white form fieldset.form-columns-2,
  .hs-content-id-119091577976 .banner.bg-white form fieldset.form-columns-2 {
    flex-wrap: wrap;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset.form-columns-2 > div,
  .hs-content-id-104851996327 .banner.bg-white form fieldset.form-columns-2 > div,
  .hs-content-id-119091577976 .banner.bg-white form fieldset.form-columns-2 > div {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .hs-content-id-78673989898 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-104851996327 .banner.bg-white form fieldset ul li.hs-form-radio,
  .hs-content-id-119091577976 .banner.bg-white form fieldset ul li.hs-form-radio {
    flex: 1 0 50%;
    max-width: 14rem;
    padding: 0.8rem;
  }
  .hs-content-id-78673989898 #testimonials,
  .hs-content-id-104851996327 #testimonials,
  .hs-content-id-119091577976 #testimonials {
    padding: 12rem 0 4rem 0;
    background-size: 55rem auto;
  }
  .hs-content-id-78673989898 #testimonials .slide blockquote,
  .hs-content-id-104851996327 #testimonials .slide blockquote,
  .hs-content-id-119091577976 #testimonials .slide blockquote {
    font-size: 2.0rem;
    line-height: 2.8rem;
  }
  .hs-content-id-78673989898 #testimonials .slide p,
  .hs-content-id-104851996327 #testimonials .slide p,
  .hs-content-id-119091577976 #testimonials .slide p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .hs-content-id-78673989898 .demov2.featuresarea .box2 p,
  .hs-content-id-104851996327 .demov2.featuresarea .box2 p,
  .hs-content-id-119091577976 .demov2.featuresarea .box2 p {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-webinar2 #more .row .sidebar > .row-fluid-wrapper {
    padding: 1.5rem 1.5rem 3rem 1.5rem;
  }
  .page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 {
    flex-wrap: wrap;
  }
  .page-template-page-webinar2 #more .row .sidebar form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-webinar2 #more .row .sidebar form fieldset ul li.hs-form-radio {
    flex: 1 0 50%;
    max-width: 14rem;
    padding: 0.8rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset ul li.hs-form-radio {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .page-template-page-referral-program #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-atlanta-dinner #hero .row.head > .row-fluid-wrapper > .row-fluid > .widget-span > .row-fluid-wrapper:nth-of-type(2) h1 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a {
    padding: 1rem 2rem;
    text-transform: capitalize;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(1) a span {
    display: none;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form {
    padding: 2rem 3rem;
  }
  .page-template-page-atlanta-dinner #hero #register > .row-fluid-wrapper:nth-of-type(2) .form form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-form #hero .form form > div {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-webinar #hero .row p {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-webinar #hero .row p + p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .page-template-page-webinar #more .row .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-webinar #more .row .sidebar .people .person {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .page-template-page-webinar #more .row .sidebar .people .person > .row-fluid-wrapper:nth-of-type(2) {
    padding-left: 0;
    margin-top: 2.5rem;
  }
  .page-template-page-checklist #hero .row .txt h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  .page-template-page-checklist #hero .row .txt .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .module-hero,
  .page-template-page-product-incentive #hero,
  .page-template-page-product-sales #hero,
  .page-template-page-product-management #hero,
  .page-template-page-product-integrations #hero,
  .page-template-page-product-reporting #hero {
    height: auto;
  }
  .module-hero h1,
  .page-template-page-product-incentive #hero h1,
  .page-template-page-product-sales #hero h1,
  .page-template-page-product-management #hero h1,
  .page-template-page-product-integrations #hero h1,
  .page-template-page-product-reporting #hero h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }
  .page-template-page-product-incentive #case .company .text .benefits > .row-fluid-wrapper,
  .page-template-page-product-sales #case .company .text .benefits > .row-fluid-wrapper,
  .page-template-page-product-management #case .company .text .benefits > .row-fluid-wrapper,
  .page-template-page-product-integrations #case .company .text .benefits > .row-fluid-wrapper,
  .page-template-page-product-reporting #case .company .text .benefits > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-customerexperience #factors h2,
  .page-template-page-customerexperience #factors h3 {
    text-align: center;
    max-width: 100%;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post {
    display: block;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post > .row-fluid-wrapper:nth-of-type(1) {
    margin: 0 auto 2rem auto;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post > .row-fluid-wrapper:nth-of-type(2) {
    text-align: center;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .p {
    margin: 0;
    max-width: 100%;
  }
  .page-template-page-invitation #more .txt .hs_cos_wrapper > a {
    max-width: 24rem;
    height: 7.2rem;
    border-radius: 3.6rem;
    text-align: center;
  }
  .page-template-page-saas #built .flex ul li {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-saas #built .flex > .row-fluid-wrapper:nth-of-type(2) ul li {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-bireporting #hero .form .p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-bireporting #hero .form form fieldset.form-columns-2 .field {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    margin-top: -14rem;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 3.5rem;
    line-height: 3.8rem;
  }
  .page-template-page-distributors #software .row .flex > .row-fluid-wrapper > .row-fluid {
    padding: 2.5rem 2rem 2rem 2rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 4rem;
    line-height: 4.2rem;
  }
  .page-template-page-analyticslp #hero .row .txt h2 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2.2rem;
    line-height: 3.4rem;
  }
  .page-template-page-analyticslp #started .row .flex .txt h2 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
@media only screen and (max-width: 430px) {
  .page-template-page-careers #hero p img {
    position: static;
    margin: 2rem 0 -2rem 0;
  }
}
@media only screen and (max-width: 420px) {
  .page-template-page-webinars #webinars .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .page-template-page-home #featured .featured .img {
    flex: 1 0 7rem;
    max-width: 7rem;
  }
  .page-template-page-home #featured .featured p:nth-of-type(1) {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .page-template-page-home #featured .featured p:nth-of-type(2) {
    font-size: 2.0rem;
    line-height: 2.2rem;
  }
  .page-template-page-home #featured .featured p:nth-of-type(3) {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin: 1rem 0 0 0;
  }
  .page-template-page-home #featured h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-home #featured p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 22rem;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-page-home #ebook .row .flex > .row-fluid-wrapper:nth-of-type(2) .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book {
    width: auto;
  }
  .page-template-demo-landingpage #plans .row > .row-fluid-wrapper .row-fluid .book a {
    padding: 1.1rem 3rem;
  }
  .page-template-demo-landingpage #goodbye .row .flex .left .label {
    margin-top: 28%;
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-demo-landingpage #reviews {
    padding: 22rem 0 10rem 0;
  }
  .hs-content-id-78673989898 .banner.bg-white .text h1,
  .hs-content-id-104851996327 .banner.bg-white .text h1,
  .hs-content-id-119091577976 .banner.bg-white .text h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    max-width: 25rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text p,
  .hs-content-id-104851996327 .banner.bg-white .text p,
  .hs-content-id-119091577976 .banner.bg-white .text p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .hs-content-id-78673989898 .banner.bg-white .text ul,
  .hs-content-id-104851996327 .banner.bg-white .text ul,
  .hs-content-id-119091577976 .banner.bg-white .text ul {
    display: block;
  }
  .hs-content-id-78673989898 .banner.bg-white .text ul li,
  .hs-content-id-104851996327 .banner.bg-white .text ul li,
  .hs-content-id-119091577976 .banner.bg-white .text ul li {
    max-width: 100%;
    margin: 3rem 0;
    padding: 3.6rem 1.5rem 0 1.5rem;
  }
  .hs-content-id-78673989898 #trusted h2,
  .hs-content-id-104851996327 #trusted h2,
  .hs-content-id-119091577976 #trusted h2 {
    font-size: 2.2rem;
    line-height: 3.0rem;
  }
  .hs-content-id-78673989898 #trusted ul,
  .hs-content-id-104851996327 #trusted ul,
  .hs-content-id-119091577976 #trusted ul {
    margin: 0 -2rem;
  }
  .hs-content-id-78673989898 #trusted ul li,
  .hs-content-id-104851996327 #trusted ul li,
  .hs-content-id-119091577976 #trusted ul li {
    padding: 0 2rem;
  }
  .hs-content-id-78673989898 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
  .hs-content-id-104851996327 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span,
  .hs-content-id-119091577976 #benefits .row > .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span {
    flex: 1 0 100%;
  }
  .hs-content-id-78673989898 #features p,
  .hs-content-id-104851996327 #features p,
  .hs-content-id-119091577976 #features p {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .hs-content-id-78673989898 #features p + p,
  .hs-content-id-104851996327 #features p + p,
  .hs-content-id-119091577976 #features p + p,
  .hs-content-id-78673989898 #features ul + p,
  .hs-content-id-104851996327 #features ul + p,
  .hs-content-id-119091577976 #features ul + p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .hs-content-id-78673989898 #features ul li,
  .hs-content-id-104851996327 #features ul li,
  .hs-content-id-119091577976 #features ul li {
    font-size: 1.6rem;
    margin: 0 0 2.2rem 0;
  }
  .page-template-page-distributors #hero {
    padding-bottom: 8rem;
  }
  .page-template-page-distributors #partners .row .flex > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 20rem;
    padding: 0 0 5rem 0;
  }
  .page-template-page-analyticslp #challenge {
    padding: 0 0 10rem 0;
  }
  .page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper {
    padding: 0 0 2.5rem 0;
  }
  .page-template-page-analyticslp #challenge .row .flex > .row-fluid-wrapper .row-fluid span {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 380px) {
  .page-template-page-form #hero .form {
    padding: 3rem 1rem;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header {
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-blueprints-banking #compensation .row .flex > .row-fluid-wrapper .post .header h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .page-template-page-blueprints-banking #roles .row .flex > .row-fluid-wrapper .post .header h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header {
    margin: 0 0 2.5rem 0;
  }
  .page-template-page-blueprints-manufacturing #compensation .row .flex > .row-fluid-wrapper .post .header h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .page-template-page-blueprints-manufacturing #roles .row .flex > .row-fluid-wrapper .post .header h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .page-template-page-blueprints-manufacturing #case h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-blueprints-manufacturing #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-blueprints-manufacturing #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-invitation #hero .txt h1 {
    font-size: 3.0rem;
    line-height: 3.4rem;
  }
  .page-template-page-invitation #hero .txt p {
    font-size: 2.0rem;
    line-height: 2.8rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type .txt h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-analytics #hero .row > .row-fluid-wrapper:first-of-type .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 1rem 0 2rem 0;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1),
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) {
    margin: 0 1.5rem 0 0;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1):after {
    height: 3rem;
    margin: -1.5rem 0 0 0;
    right: -1.5rem;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(1) img {
    height: 1.5rem !important;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2),
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) {
    margin: 0 0 0 1.5rem;
  }
  .page-template-page-opensymmetry .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img,
  .page-template-page-totalrewards .header-container-wrapper .hs_cos_wrapper_type_rich_text a:nth-of-type(2) img {
    height: 1.8rem !important;
  }
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:first-of-type,
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:first-of-type,
  .page-template-page-opensymmetry #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(2),
  .page-template-page-totalrewards #details .row > .row-fluid-wrapper:nth-of-type(2) .form form .hs-form-field:nth-of-type(2) {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-webinar2 #hero .row h1 {
    margin: 0 0 1rem 0;
  }
  .page-template-page-webinar2 #hero .row p {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-webinar2 #hero .row .flex .person > .row-number-1 {
    flex: 1 0 9rem;
    max-width: 9rem;
  }
  .page-template-page-webinar2 #hero .row .flex .person img {
    height: 9rem;
  }
  .page-template-page-webinar2 #more .row .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-webinar2 #more .row .sidebar form input[type=submit] {
    padding: 1.2rem 2rem;
  }
  .page-template-page-webinars #hero .txt > .hs_cos_wrapper {
    padding: 2rem 3rem;
  }
  .page-template-page-webinars #hero .txt h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
  }
  .page-template-page-webinars #hero .new .row-fluid-wrapper:nth-of-type(2) > .row-fluid > .widget-span .row-fluid-wrapper:first-of-type h2 {
    font-size: 2.0rem;
    line-height: 2.6rem;
  }
  .page-template-page-checklist #how h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-checklist #how .flex > .row-fluid-wrapper {
    padding: 0;
  }
  .page-template-page-checklist #how .flex .box {
    padding: 3rem 3rem;
  }
  .page-template-page-checklist #trusted h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-checklist #leader h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .page-template-page-checklist #demo h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-home #hero #mast h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-home #hero #mast .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-home #featured .featured .img img {
    width: 3.5rem !important;
  }
  .page-template-page-home #trusted {
    padding: 6rem 0 4rem 0;
  }
  .page-template-page-home #trusted h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 42rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-home #pros .post .icon {
    transform: scale(0.8);
    margin: 0 auto 3rem auto;
  }
  .page-template-page-home #pros .post h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-home #pros .post .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-home #about .row.lead h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    max-width: 42rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-home #about .row.features .text h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-home #about .row.features .text p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-home #about .row.features .text a {
    margin: 3rem 0 0 0;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) h1 {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
  .page-template-page-bireporting #hero .row.head > .row-fluid-wrapper:nth-of-type(1) p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-businesscase #hero h1 {
    font-size: 3.2rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-businesscase #hero .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-businesscase #hero .form {
    padding: 2rem 2rem;
  }
  .page-template-page-businesscase #lead .row h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-businesscase #lead .row .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-thankyou #hero h1 {
    font-size: 3.2rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-thankyou #hero p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-thankyou #hero a {
    font-size: 1.8rem;
    padding: 1.4rem 2rem;
  }
  .page-template-page-datasheets #about h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-datasheets #lead h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-datasheets #lead p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-datasheets #lead h2 ~ p {
    font-size: 1.4rem;
    line-height: 2.0rem;
  }
  .page-template-page-datasheets #less h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-datasheets #less .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-datasheets #download p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-case #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-case #case h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-case #case .post-listing .post-item .post-header h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-case #case .post-listing .post-item a.more-link {
    font-size: 1.8rem;
    padding: 1.8rem 4rem 0 0;
  }
  .page-template-page-ebooks #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .hs-content-id-43934331560 h1,
  .hs-content-id-104851996327 h1,
  .hs-content-id-78673989898 h1,
  .hs-content-id-119091577976 h1 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .hs-content-id-43934331560 p,
  .hs-content-id-104851996327 p,
  .hs-content-id-78673989898 p,
  .hs-content-id-119091577976 p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-ebooks #ebooks h2,
  .page-template-page-ebooks-post #ebooks h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) h3:after {
    font-size: 1.8rem;
    padding: 0 4rem 0 0;
  }
  .page-template-page-ebooks #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p,
  .page-template-page-ebooks-post #ebooks .flex .ebook > .row-fluid-wrapper:nth-of-type(3) .p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-ebooks-post #hero h1,
  .page-template-page-ebooks-post #hero p {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-ebooks-post #hero .row.head .form {
    padding: 2rem 2rem;
  }
  .page-template-page-datasheets #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-datasheets #datasheets h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) .p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-datasheets #datasheets .flex .ebook > .row-fluid-wrapper:nth-of-type(2) a.hs-button {
    font-size: 1.8rem;
    padding: 1.8rem 4rem 0 0;
  }
  .page-template-page-customerexperience #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-customerexperience #hero .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-customerexperience #services h2 {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
  .page-template-page-customerexperience #services p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-customerexperience #services .row .data > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-customerexperience #services .row .data .post p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .page-template-page-customerexperience #factors h2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .page-template-page-customerexperience #factors h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    max-width: 30rem;
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post .ico {
    transform: scale(0.8);
  }
  .page-template-page-customerexperience #factors .flex > .row-fluid-wrapper .post p {
    font-size: 1.8rem;
  }
  .page-template-page-customerexperience #with {
    padding: 0 0 10rem 0;
  }
  .page-template-page-customerexperience #with h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-customerexperience #with h3 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-customerexperience #with h4 {
    font-size: 2.0rem;
    line-height: 2.6rem;
  }
  .page-template-page-customerexperience #with .flex .post p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .page-template-page-customerexperience #customers h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-customerexperience #customers .header .hs_cos_wrapper_type_rich_text h3 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .page-template-page-customerexperience #customers .flex ul {
    display: block;
  }
  .page-template-page-customerexperience #customers .flex ul li {
    margin: 0 auto;
    max-width: 100%;
  }
  .page-template-page-customerexperience #customers .flex ul li img {
    transform: scale(0.9);
  }
  .page-template-page-customerexperience #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-customerexperience #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-why-different #case h2,
  .page-template-page-customerexperience #case h2,
  .page-template-page-businesscase #case h2,
  .page-template-page-checklist #case h2,
  .page-template-page-distributors #case h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-saas #hero h1 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-saas #hero p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-saas #hero ul li {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .page-template-page-saas #hero a {
    padding: 1.4rem 3rem;
  }
  .page-template-page-saas #platform .flex h3 {
    margin: 4rem 0 1.5rem 0;
  }
  .page-template-page-saas #platform .flex ul {
    padding: 0 0 0 2rem;
  }
  .page-template-page-saas #platform .flex ul li {
    margin: 1.5rem;
    line-height: 2.4rem;
    font-size: 1.6rem;
  }
  .page-template-page-saas #platform .flex > .row-fluid-wrapper > .row-fluid {
    padding: 3rem 2rem;
  }
  .page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(1) {
    flex: 1 0 6.4rem;
    max-width: 6.4rem;
  }
  .page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(1) img {
    height: auto !important;
    width: 100% !important;
  }
  .page-template-page-saas #platform .flex .header > .row-fluid-wrapper:nth-of-type(2) .hs_cos_wrapper_type_text {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-saas #case h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin: 0 0 3rem 0;
  }
  .page-template-page-saas #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-saas #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-saas #ready h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-saas #ready p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 2rem 0;
  }
  .page-template-page-news #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    padding: 3rem 3rem 12rem 3rem;
  }
  .page-template-page-news #hero .row .txt .content h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article p {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }
  .page-template-page-news #news .row .blog-post-listing__listing .blog-post-listing__article a {
    left: 2rem;
    bottom: 2.5rem;
  }
  .page-template-page-blog #hero .row .txt .content {
    padding: 3rem;
  }
  .page-template-page-blog #hero .row .txt .content .body h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-blog #hero .row .txt .content .body p {
    font-size: 1.5rem;
  }
  .page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-blog #hero .row .featured .blog-post-listing__article .blog-post-listing__content p {
    font-size: 1.5rem;
  }
  .page-template-page-blog #webinars .row .content {
    padding: 3rem;
  }
  .page-template-page-blog #webinars .row .content h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-blog #webinars .row .content p {
    font-size: 1.5rem;
  }
  .page-template-page-blog #blog .row .post-listing .post-item h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .page-template-page-blog #blog .row .post-listing .post-item p {
    font-size: 1.5rem;
  }
  .single-news #news .row h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .single-news #news .row h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .single-news #news .row p {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .single-news #news .row .form {
    padding: 3rem 3rem;
  }
  .single-news #news .row .form iframe {
    width: 100%;
  }
  .single-case #more h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-about #hero h1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #drives .row .content .lead h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-about #values h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-about #values .slide .img .pic {
    height: 14rem;
    width: 14rem;
  }
  .page-template-page-about #values .slide .txt h2 {
    font-size: 2.8rem;
    line-height: 3.0rem;
  }
  .page-template-page-about #values .slide .txt h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-about #values .slide .txt ul li {
    font-size: 1.5rem;
  }
  .page-template-page-about #values .owl-nav {
    top: 3rem;
  }
  .page-template-page-about #about {
    padding: 10rem 0 4.5rem 0;
  }
  .page-template-page-about #about .row .txt h2 {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
  .page-template-page-about #about .row .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-about #about .row .numbers {
    display: block;
    margin: 0;
  }
  .page-template-page-about #about .row .numbers > .row-fluid-wrapper {
    padding: 0;
  }
  .page-template-page-about #about .row .numbers .number {
    text-align: center;
  }
  .page-template-page-about #about .row .numbers .number:before {
    width: 6.4rem;
    height: .5rem;
    top: -2.4rem;
    left: 50%;
    margin-left: -3.2rem;
  }
  .page-template-page-about #about .row .numbers .number h3 {
    font-size: 4rem;
    line-height: 4rem;
    margin: 0 0 1rem 0;
  }
  .page-template-page-about #about .row .numbers .number .p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) {
    width: 100%;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers .number {
    padding: 0;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers > .row-fluid-wrapper {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .page-template-page-about #about .row > .row-fluid-wrapper:nth-of-type(2) .numbers > .row-fluid-wrapper:nth-of-type(1) .number:before {
    display: none;
  }
  .page-template-page-about #cta p {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
  .page-template-page-contact #hero .row .txt h1 {
    font-size: 3.0rem;
    line-height: 3.4rem;
  }
  .page-template-page-contact #offices h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-contact #offices .flex .office .content h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    background-size: 3.6rem auto;
  }
  .page-template-page-contact #offices .flex .office .content .p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(2) {
    padding: 2rem 2rem 0 2rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(3) {
    padding: 0 0 0 7.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content > .row-fluid-wrapper:nth-of-type(4) {
    padding: 1rem 0 2rem 7.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content h3 {
    padding-left: 5.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content iframe {
    height: 24rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content .name {
    padding: 0;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content .address {
    padding: 0 0 0 7.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content .phone {
    padding: 0 0 0 0;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper:nth-of-type(1) .content .directions a {
    margin: 1rem 2rem 2rem 7.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content {
    padding: 2rem 2rem 2rem 2rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .name h3 {
    padding-left: 5.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .address {
    padding: 0 0 0 5.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .phone {
    padding: 0 0 0 5.5rem;
  }
  .page-template-page-contact #offices .flex > .row-fluid-wrapper + .row-fluid-wrapper .content .directions a {
    position: static;
    margin: 1rem 0 0 5.5rem;
  }
  .page-template-page-careers #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-careers #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #why .row .slide blockquote p,
  .page-template-page-careers #why .row .slide blockquote ul li {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
  }
  .page-template-page-careers #about .row.text .lead p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-careers #about .row.text .txt h2 {
    font-size: 2.4rem;
    line-height: 4.0rem;
  }
  .page-template-page-careers #about .row.text .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #values h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .page-template-page-careers #values .slide .img .pic {
    height: 14rem;
    width: 14rem;
  }
  .page-template-page-careers #values .slide .txt h2 {
    font-size: 2.8rem;
    line-height: 3.0rem;
  }
  .page-template-page-careers #values .slide .txt h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #values .slide .txt ul li {
    font-size: 1.5rem;
  }
  .page-template-page-careers #values .owl-nav {
    top: 3rem;
  }
  .page-template-page-careers #careers {
    padding: 10rem 0 10rem 0;
  }
  .page-template-page-careers #careers .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #careers h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-careers #careers #whr_embed_hook ul.whr-items > li {
    padding: 3rem 3rem;
    width: 100%;
    margin: 2rem 0;
    max-width: 100%;
  }
  .page-template-page-careers #careers #whr_embed_hook ul.whr-items > li h3 a {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .page-template-page-careers #cta p {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
  .page-template-page-leadership #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-leadership #hero .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-leadership #board h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-leadership #cta p {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
  .page-template-page-roles #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-roles #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-roles #proslead h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-roles #pros .post .icon {
    transform: scale(0.8);
    margin: 0 auto 2rem auto;
  }
  .page-template-page-roles #pros .post h2,
  .page-template-page-roles #pros .post h3,
  .page-template-page-roles #pros .post h4 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-roles #pros .post p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-roles #roles h2 {
    font-size: 2.4rem;
    line-height: 2.6rem;
    max-width: 30rem;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card {
    padding: 3rem;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text h2 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-roles #roles .row .post-listing .post-item .cm-post__card .post__text p {
    margin: 1rem 0 1rem 0;
  }
  .page-template-page-roles #ready h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-roles #ready p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 2rem 0;
  }
  .page-template-page-releasenotes #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-releasenotes #hero p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-releasenotes #ready h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-releasenotes #ready p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 2rem 0;
  }
  .page-template-page-role #more h2 {
    font-size: 2.8rem;
    line-height: 4.2rem;
  }
  .page-template-page-role #more .flex .role a {
    padding: 3rem;
  }
  .page-template-page-role #more .flex .role a .txt h3 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin: 0 0 1.5rem 0;
  }
  .page-template-page-role #more .flex .role a .txt p {
    margin: 1rem 0 1rem 0;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 3rem;
  }
  .page-template-page-role #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 22rem;
  }
  .page-template-page-role #hero .row .txt h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-role #hero .row .txt .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-role #body .section h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-role #body .section h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .page-template-page-role #body .section h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-role #body .section p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-releasenote #hero .row .txt h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .page-template-page-releasenote #hero .row .txt .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-releasenote #body .section h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-releasenote #body .section h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .page-template-page-releasenote #body .section h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .page-template-page-releasenote #body .section p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 3rem;
  }
  .single #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 22rem;
  }
  .single #hero .row .txt h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .single #hero .row .txt .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .single #body .section h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .single #body .section h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .single #body .section h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .single #body .section p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(2) {
    padding: 7rem 3rem;
  }
  .single-case #hero .row > .row-fluid-wrapper:nth-of-type(1) {
    max-width: 22rem;
  }
  .single-case #hero .row .txt h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  .single-case #hero .row .txt .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .single-case #body .section h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .single-case #body .section h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  .single-case #body .section h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  .single-case #body .section p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #hero #mast h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #hero #mast h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-different #hero #mast .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #hero #pros .post .pic span.hs_cos_wrapper {
    margin: 0 0 3rem 0;
  }
  .page-template-page-why-different #hero #pros .post h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-different #hero #pros .post .p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #hero #difference h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-different #hero #difference .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #hero #features .post .txt h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-different #hero #features .post .txt p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #case .row.lead h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-different #case .row.lead p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-why-different #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-why-different #why .text h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-different #why .text h3 {
    font-size: 2.5rem;
    line-height: 3.0rem;
    margin: 6rem 0 2rem 0;
  }
  .page-template-page-why-different #why .text p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #why .text h3 + p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #why .values h3 {
    font-size: 2.5rem;
    line-height: 3.0rem;
    margin: 6rem 0 2rem 0;
  }
  .page-template-page-why-different #why .values .value {
    flex-direction: column;
    margin: 3rem 0;
  }
  .page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(1) {
    flex: auto;
  }
  .page-template-page-why-different #why .values .value > .row-fluid-wrapper:nth-of-type(1) img {
    transform: none;
    max-width: 10rem;
    max-height: 12rem;
    width: auto !important;
    height: auto !important;
    margin: 0 0 3rem 0;
  }
  .page-template-page-why-different #why .values p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .page-template-page-why-different #valued .row .head h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-different #valued .row .txt p {
    font-size: 1.5rem;
  }
  .page-template-page-distributors #case .row.lead h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-distributors #case .row.lead p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-distributors #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-distributors #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-businesscase #case .row.lead h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-businesscase #case .row.lead p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-businesscase #case .slide .txt blockquote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 7rem 0 0 0;
    background-size: 6rem auto;
  }
  .page-template-page-businesscase #case .slide .txt p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .page-template-page-businesscase #valued .row .head h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-businesscase #valued .row .txt p {
    font-size: 1.5rem;
  }
  .page-template-page-why-technology #hero #mast h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-why-technology #hero #mast .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-technology #hero #features .text p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-security #hero #mast h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .page-template-page-why-security #hero #mast h2 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-security #hero #mast .icons h2 {
    font-size: 2.6rem;
    line-height: 3.0rem;
  }
  .page-template-page-why-security #hero #mast .soc h2 {
    font-size: 2.6rem;
    line-height: 3.0rem;
  }
  .page-template-page-why-security #hero #mast p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #learn h2,
  .page-template-page-why-technology #learn h2,
  .page-template-page-why-security #learn h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-why-different #learn .features .feature h2,
  .page-template-page-why-technology #learn .features .feature h2,
  .page-template-page-why-security #learn .features .feature h2 {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
  .page-template-page-why-different #learn .features .feature p,
  .page-template-page-why-technology #learn .features .feature p,
  .page-template-page-why-security #learn .features .feature p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-why-different #ready h2,
  .page-template-page-why-technology #ready h2,
  .page-template-page-why-security #ready h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-why-different #ready .p,
  .page-template-page-why-technology #ready .p,
  .page-template-page-why-security #ready .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 1rem 0 3rem 0;
  }
  .page-template-page-businesscase #about .row .text h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-businesscase #about .row .text p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-businesscase #about .row .text ul li {
    font-size: 1.5rem;
  }
  .page-template-page-businesscase #about .row .text ul.flex {
    display: block;
    margin: 0;
  }
  .page-template-page-businesscase #about .row .text ul.flex li {
    padding: 0 0 0 3.5rem;
    background-position: left top;
  }
  .module-hero,
  .page-template-page-product-incentive #hero,
  .page-template-page-product-sales #hero,
  .page-template-page-product-management #hero,
  .page-template-page-product-integrations #hero,
  .page-template-page-product-reporting #hero {
    height: auto;
  }
  .module-hero h1,
  .page-template-page-product-incentive #hero h1,
  .page-template-page-product-sales #hero h1,
  .page-template-page-product-management #hero h1,
  .page-template-page-product-integrations #hero h1,
  .page-template-page-product-reporting #hero h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  .module-hero .p,
  .page-template-page-product-incentive #hero .p,
  .page-template-page-product-sales #hero .p,
  .page-template-page-product-management #hero .p,
  .page-template-page-product-integrations #hero .p,
  .page-template-page-product-reporting #hero .p {
    margin: 1rem 0 2rem 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #nav h2,
  .page-template-page-product-sales #nav h2,
  .page-template-page-product-management #nav h2,
  .page-template-page-product-integrations #nav h2,
  .page-template-page-product-reporting #nav h2 {
    font-size: 2.3rem;
    line-height: 2.8rem;
  }
  .page-template-page-product-incentive #case .company .text h2,
  .page-template-page-product-sales #case .company .text h2,
  .page-template-page-product-management #case .company .text h2,
  .page-template-page-product-integrations #case .company .text h2,
  .page-template-page-product-reporting #case .company .text h2 {
    font-size: 3.2rem;
    line-height: 4.0rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-product-incentive #case .company .text h2 + p,
  .page-template-page-product-sales #case .company .text h2 + p,
  .page-template-page-product-management #case .company .text h2 + p,
  .page-template-page-product-integrations #case .company .text h2 + p,
  .page-template-page-product-reporting #case .company .text h2 + p {
    font-size: 1.7rem;
    line-height: 2.6rem;
  }
  .page-template-page-product-incentive #case .company .text p,
  .page-template-page-product-sales #case .company .text p,
  .page-template-page-product-management #case .company .text p,
  .page-template-page-product-integrations #case .company .text p,
  .page-template-page-product-reporting #case .company .text p {
    line-height: 2.2rem;
  }
  .page-template-page-product-incentive #case .company .text h3,
  .page-template-page-product-sales #case .company .text h3,
  .page-template-page-product-management #case .company .text h3,
  .page-template-page-product-integrations #case .company .text h3,
  .page-template-page-product-reporting #case .company .text h3 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-product-incentive #case .company .text .benefits .benefit h4,
  .page-template-page-product-sales #case .company .text .benefits .benefit h4,
  .page-template-page-product-management #case .company .text .benefits .benefit h4,
  .page-template-page-product-integrations #case .company .text .benefits .benefit h4,
  .page-template-page-product-reporting #case .company .text .benefits .benefit h4 {
    margin: 0 0 2rem 0;
  }
  .page-template-page-product-incentive #about .row .text h2,
  .page-template-page-product-sales #about .row .text h2,
  .page-template-page-product-management #about .row .text h2,
  .page-template-page-product-integrations #about .row .text h2,
  .page-template-page-product-reporting #about .row .text h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-product-incentive #about .row .text p,
  .page-template-page-product-sales #about .row .text p,
  .page-template-page-product-management #about .row .text p,
  .page-template-page-product-integrations #about .row .text p,
  .page-template-page-product-reporting #about .row .text p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #about .row .text ul li,
  .page-template-page-product-sales #about .row .text ul li,
  .page-template-page-product-management #about .row .text ul li,
  .page-template-page-product-integrations #about .row .text ul li,
  .page-template-page-product-reporting #about .row .text ul li {
    font-size: 1.5rem;
  }
  .page-template-page-product-incentive #about .row .text ul.flex,
  .page-template-page-product-sales #about .row .text ul.flex,
  .page-template-page-product-management #about .row .text ul.flex,
  .page-template-page-product-integrations #about .row .text ul.flex,
  .page-template-page-product-reporting #about .row .text ul.flex {
    display: block;
    margin: 0;
  }
  .page-template-page-product-incentive #about .row .text ul.flex li,
  .page-template-page-product-sales #about .row .text ul.flex li,
  .page-template-page-product-management #about .row .text ul.flex li,
  .page-template-page-product-integrations #about .row .text ul.flex li,
  .page-template-page-product-reporting #about .row .text ul.flex li {
    padding: 0 0 0 3.5rem;
    background-position: left top;
  }
  .page-template-page-product-incentive #proslead h2,
  .page-template-page-product-sales #proslead h2,
  .page-template-page-product-management #proslead h2,
  .page-template-page-product-integrations #proslead h2,
  .page-template-page-product-reporting #proslead h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-product-incentive #proslead p,
  .page-template-page-product-sales #proslead p,
  .page-template-page-product-management #proslead p,
  .page-template-page-product-integrations #proslead p,
  .page-template-page-product-reporting #proslead p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #pros .post .icon,
  .page-template-page-product-sales #pros .post .icon,
  .page-template-page-product-management #pros .post .icon,
  .page-template-page-product-integrations #pros .post .icon,
  .page-template-page-product-reporting #pros .post .icon {
    transform: scale(0.8);
    margin: 0 auto 3rem auto;
  }
  .page-template-page-product-incentive #pros .post h2,
  .page-template-page-product-sales #pros .post h2,
  .page-template-page-product-management #pros .post h2,
  .page-template-page-product-integrations #pros .post h2,
  .page-template-page-product-reporting #pros .post h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  .page-template-page-product-incentive #pros .post .p,
  .page-template-page-product-sales #pros .post .p,
  .page-template-page-product-management #pros .post .p,
  .page-template-page-product-integrations #pros .post .p,
  .page-template-page-product-reporting #pros .post .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #more h2,
  .page-template-page-product-sales #more h2,
  .page-template-page-product-management #more h2,
  .page-template-page-product-integrations #more h2,
  .page-template-page-product-reporting #more h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  .page-template-page-product-incentive #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-sales #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-management #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-integrations #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper,
  .page-template-page-product-reporting #more .row.products .post > .row-fluid-wrapper:nth-of-type(1) span.hs_cos_wrapper {
    margin: 0 auto 2rem auto;
  }
  .page-template-page-product-incentive #more .row.products .post p,
  .page-template-page-product-sales #more .row.products .post p,
  .page-template-page-product-management #more .row.products .post p,
  .page-template-page-product-integrations #more .row.products .post p,
  .page-template-page-product-reporting #more .row.products .post p {
    margin: 1.5rem 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-product-incentive #more .row.products .post p strong,
  .page-template-page-product-sales #more .row.products .post p strong,
  .page-template-page-product-management #more .row.products .post p strong,
  .page-template-page-product-integrations #more .row.products .post p strong,
  .page-template-page-product-reporting #more .row.products .post p strong {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-page-datasheets #about .row .text h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
  }
  .page-template-page-datasheets #about .row .text p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .page-template-page-error #hero h1 {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
  .page-template-page-error #hero h2 {
    font-size: 2.4rem;
    line-height: 3.0rem;
  }
  .page-template-page-error #hero p {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  #demos p {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
  #action h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  #testimonials .row .article .slide blockquote {
    font-size: 1.8rem;
    line-height: 2.4rem;
    background-size: auto 5rem;
  }
  #testimonials .row .article .slide p {
    font-size: 1.6rem;
    line-height: 2.0rem;
  }
  #talk .row {
    max-width: 33rem;
  }
  #talk h2 {
    font-size: 4.0rem;
    line-height: 4.0rem;
  }
  #talk .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2.5rem 0;
  }
}
@media only screen and (max-width: 350px) {
  .page-template-page-distributors #hero {
    padding: 14rem 0 8rem 0;
  }
  .page-template-page-distributors #hero .row > .row-fluid-wrapper:first-of-type {
    margin-top: -19rem;
  }
  .page-template-page-analyticslp #hero .row .txt p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-template-page-analyticslp #hero .row .form form {
    padding: 3.5rem 1rem 3.5rem 2rem;
  }
}
/* accordion */
p.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active,
p.accordion:hover {
  background-color: #ddd;
}
/* Unicode character for "plus" sign (+) */
p.accordion:after {
  content: '\2795';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
  content: "\2796";
}
/* Style the element that is used for the panel class */
div.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  opacity: 0;
  margin-bottom: 10px;
}
div.panel.show {
  opacity: 1;
  max-height: 500px;
  /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

/** LANDING PAGE */
.page-template-page-landing-page .body-container-wrapper {
  font-size: 2.16rem;
  line-height: 1.4;
}

/** FORMS */
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form textarea,
.hs-form select{
  appearance: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  padding: 5px;
}

.hs-error-msgs {
  list-style: none;
  padding: 0;
  margin; 0;
  font-size: 1.2rem;
  color: red;
}