body {
  margin: 0;
}
main,
header,
section,
footer {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
hr {
  width: 100%;
  height: 0;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
  display: inline-block;
}
ul {
  width: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}
ul:before,
ul:after {
  content: '';
  display: table;
}
ul:after {
  clear: both;
}
ul li {
  float: left;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
/* slick base css */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  outline: 0;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@font-face {
  font-family: 'Campton';
  font-weight: 100;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-thin-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-thin-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-thin-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-thin-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-thin-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 200;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-extralight-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-extralight-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-extralight-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-extralight-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 300;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-light-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-light-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-light-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: normal;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-regular-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-regular-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-regular-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 500;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-medium-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-medium-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-medium-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-medium-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 600;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-semibold-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-semibold-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-semibold-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-semibold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Campton';
  font-weight: bold;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-bold-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-bold-webfont.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-bold-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/campton-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-regular-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-regular-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-regular-webfont.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: 600;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-semibold-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-semibold-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-semibold-webfont.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: bold;
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-bold-webfont.eot');
  src: url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-bold-webfont.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-bold-webfont.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/635739/FONTS/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
}
body {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Campton', Arial, Helvetica, sans-serif;
}
h1 {
  margin: -1px 0 -7px;
  font-weight: bold;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: -0.48px;
}
@media (min-width: 768px) {
  h1 {
    margin: -5px 0 -11px;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -0.8px;
  }
}
@media (min-width: 1300px) {
  h1 {
    margin: -5px 0 -13px;
    font-size: 45px;
    line-height: 48px;
    letter-spacing: -0.9px;
  }
}
h2 {
  margin: -2px 0 16px;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.17px;
}
@media (min-width: 768px) {
  h2 {
    margin: -3px 0 24px;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -0.25px;
  }
}
@media (min-width: 1300px) {
  h2 {
    margin: -1px 0 25px;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.29px;
  }
}
h2:after {
  content: '';
  background: #f9cf91;
  width: 50px;
  height: 4px;
  border-radius: 2px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 100%;
  margin-top: 12px;
}
@media (min-width: 768px) {
  h2:after {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  h2:after {
    margin-top: 21px;
  }
}
h3 {
  margin: -2px 0 16px;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.17px;
}
@media (min-width: 768px) {
  h3 {
    margin: -3px 0 24px;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.19px;
  }
}
@media (min-width: 1300px) {
  h3 {
    margin: -1px 0 25px;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.23px;
  }
}
h3:not(.noline):after {
  content: '';
  background: #f9cf91;
  width: 50px;
  height: 4px;
  border-radius: 2px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 100%;
  margin-top: 12px;
}
@media (min-width: 768px) {
  h3:not(.noline):after {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  h3:not(.noline):after {
    margin-top: 21px;
  }
}
h4 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: white;
}
h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.17px;
}
@media (min-width: 768px) {
  h5 {
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.19px;
  }
}
@media (min-width: 1024px) {
  h5 {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.23px;
  }
}
p {
  margin: -5px 0 -6px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 768px) {
  p {
    margin: -6px 0 -8px;
    font-size: 17px;
    line-height: 26px;
  }
}
@media (min-width: 1024px) {
  p {
    margin: -8px 0 -8px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1300px) {
  p {
    margin: -8px 0 -9px;
    font-size: 19px;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  p.p {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1300px) {
  p.p {
    max-width: 800px;
  }
}
p a {
  cursor: pointer;
  font-weight: 600;
  color: #32b4d8;
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}
ul h6 {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.34px;
  color: #4b5c6a;
}
@media (min-width: 768px) {
  ul h6 {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.36px;
  }
}
@media (min-width: 1024px) {
  ul h6 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.41px;
  }
}
ul p {
  margin: 0;
  font-size: 16px;
  line-height: 25px;
}
.white {
  color: white;
}
.content {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  overflow: hidden;
}
.section {
  width: 100%;
  position: relative;
}
.inner {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.inner:before,
.inner:after {
  content: '';
  display: table;
}
.inner:after {
  clear: both;
}
@media (min-width: 768px) {
  .inner {
    width: 670px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .inner {
    width: 920px;
    padding: 0;
  }
}
@media (min-width: 1300px) {
  .inner {
    width: 970px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .inner.large {
    width: 960px;
  }
}
@media (min-width: 1300px) {
  .inner.large {
    width: 1140px;
  }
}
@media (max-width: 767px) {
  .inner.large.full {
    padding: 0;
  }
}
.row {
  width: 100%;
  position: relative;
}
.row:before,
.row:after {
  content: '';
  display: table;
}
.row:after {
  clear: both;
}
.col {
  min-height: 1px;
  float: left;
}
.z2 {
  position: relative;
  z-index: 2;
}
.z3 {
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .sm {
    display: none !important;
  }
}
@media (max-width: 767px), (min-width: 1024px) {
  .md {
    display: none !important;
  }
}
@media (max-width: 1023px), (min-width: 1300px) {
  .lg {
    display: none !important;
  }
}
@media (max-width: 1299px) {
  .xl {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .sm-md {
    display: none !important;
  }
}
@media (max-width: 767px), (min-width: 1024px) and (max-width: 1299px) {
  .md-xl {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .lg-xl {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .md-lg-xl {
    display: none !important;
  }
}
.top--8 {
  margin-top: -80px;
}
.top--5 {
  margin-top: -50px;
}
.top--3 {
  margin-top: -30px;
}
.top--2 {
  margin-top: -20px;
}
.top--1 {
  margin-top: -10px;
}
.top-0 {
  margin-top: 0px;
}
.top-1 {
  margin-top: 10px;
}
.top-2 {
  margin-top: 20px;
}
.top-3 {
  margin-top: 30px;
}
.top-4 {
  margin-top: 40px;
}
.top-5 {
  margin-top: 50px;
}
.top-6 {
  margin-top: 60px;
}
.top-7 {
  margin-top: 70px;
}
.top-8 {
  margin-top: 80px;
}
.top-9 {
  margin-top: 90px;
}
.top-10 {
  margin-top: 100px;
}
.top-11 {
  margin-top: 110px;
}
.top-13 {
  margin-top: 130px;
}
.top-14 {
  margin-top: 140px;
}
.top-15 {
  margin-top: 150px;
}
.top-16 {
  margin-top: 160px;
}
.top-17 {
  margin-top: 170px;
}
.top-18 {
  margin-top: 180px;
}
.top-19 {
  margin-top: 190px;
}
.top-21 {
  margin-top: 210px;
}
.top-23 {
  margin-top: 230px;
}
.top-25 {
  margin-top: 250px;
}
.top-27 {
  margin-top: 270px;
}
.top-30 {
  margin-top: 300px;
}
.top-31 {
  margin-top: 310px;
}
.top-33 {
  margin-top: 330px;
}
.top-34 {
  margin-top: 340px;
}
.top-35 {
  margin-top: 350px;
}
@media (min-width: 768px) {
  .top-md--7 {
    margin-top: -70px;
  }
  .top-md--4 {
    margin-top: -40px;
  }
  .top-md--3 {
    margin-top: -30px;
  }
  .top-md--2 {
    margin-top: -20px;
  }
  .top-md--1 {
    margin-top: -10px;
  }
  .top-md-0 {
    margin-top: 0px;
  }
  .top-md-3 {
    margin-top: 30px;
  }
  .top-md-4 {
    margin-top: 40px;
  }
  .top-md-5 {
    margin-top: 50px;
  }
  .top-md-6 {
    margin-top: 60px;
  }
  .top-md-7 {
    margin-top: 70px;
  }
  .top-md-8 {
    margin-top: 80px;
  }
  .top-md-9 {
    margin-top: 90px;
  }
  .top-md-10 {
    margin-top: 100px;
  }
  .top-md-11 {
    margin-top: 110px;
  }
  .top-md-12 {
    margin-top: 120px;
  }
  .top-md-13 {
    margin-top: 130px;
  }
  .top-md-14 {
    margin-top: 140px;
  }
  .top-md-15 {
    margin-top: 150px;
  }
  .top-md-16 {
    margin-top: 160px;
  }
  .top-md-17 {
    margin-top: 170px;
  }
  .top-md-18 {
    margin-top: 180px;
  }
  .top-md-22 {
    margin-top: 220px;
  }
  .top-md-24 {
    margin-top: 240px;
  }
  .top-md-27 {
    margin-top: 270px;
  }
  .top-md-30 {
    margin-top: 300px;
  }
  .top-md-32 {
    margin-top: 320px;
  }
}
@media (min-width: 1024px) {
  .top-lg--8 {
    margin-top: -80px;
  }
  .top-lg--6 {
    margin-top: -60px;
  }
  .top-lg--4 {
    margin-top: -40px;
  }
  .top-lg-0 {
    margin-top: 0px;
  }
  .top-lg-1 {
    margin-top: 10px;
  }
  .top-lg-4 {
    margin-top: 40px;
  }
  .top-lg-5 {
    margin-top: 50px;
  }
  .top-lg-6 {
    margin-top: 60px;
  }
  .top-lg-7 {
    margin-top: 70px;
  }
  .top-lg-8 {
    margin-top: 80px;
  }
  .top-lg-9 {
    margin-top: 90px;
  }
  .top-lg-10 {
    margin-top: 100px;
  }
  .top-lg-11 {
    margin-top: 110px;
  }
  .top-lg-12 {
    margin-top: 120px;
  }
  .top-lg-13 {
    margin-top: 130px;
  }
  .top-lg-14 {
    margin-top: 140px;
  }
  .top-lg-16 {
    margin-top: 160px;
  }
  .top-lg-17 {
    margin-top: 170px;
  }
  .top-lg-18 {
    margin-top: 180px;
  }
  .top-lg-19 {
    margin-top: 190px;
  }
  .top-lg-20 {
    margin-top: 200px;
  }
  .top-lg-24 {
    margin-top: 240px;
  }
  .top-lg-28 {
    margin-top: 280px;
  }
  .top-lg-32 {
    margin-top: 320px;
  }
}
@media (min-width: 1300px) {
  .top-xl--12 {
    margin-top: -120px;
  }
  .top-xl--6 {
    margin-top: -60px;
  }
  .top-xl--5 {
    margin-top: -50px;
  }
  .top-xl-0 {
    margin-top: 0px;
  }
  .top-xl-2 {
    margin-top: 20px;
  }
  .top-xl-4 {
    margin-top: 40px;
  }
  .top-xl-5 {
    margin-top: 50px;
  }
  .top-xl-7 {
    margin-top: 70px;
  }
  .top-xl-8 {
    margin-top: 80px;
  }
  .top-xl-9 {
    margin-top: 90px;
  }
  .top-xl-10 {
    margin-top: 100px;
  }
  .top-xl-11 {
    margin-top: 110px;
  }
  .top-xl-12 {
    margin-top: 120px;
  }
  .top-xl-13 {
    margin-top: 130px;
  }
  .top-xl-14 {
    margin-top: 140px;
  }
  .top-xl-16 {
    margin-top: 160px;
  }
  .top-xl-17 {
    margin-top: 170px;
  }
  .top-xl-18 {
    margin-top: 180px;
  }
  .top-xl-19 {
    margin-top: 190px;
  }
  .top-xl-20 {
    margin-top: 200px;
  }
  .top-xl-21 {
    margin-top: 210px;
  }
  .top-xl-22 {
    margin-top: 220px;
  }
  .top-xl-23 {
    margin-top: 230px;
  }
  .top-xl-26 {
    margin-top: 260px;
  }
  .top-xl-30 {
    margin-top: 300px;
  }
  .top-xl-36 {
    margin-top: 360px;
  }
  .top-xl-38 {
    margin-top: 380px;
  }
}
[class^='stack-'] {
  width: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  [class^='stack-'] {
    max-width: 400px;
    margin: 0 auto;
  }
}
[class^='stack-'] li {
  display: inline-table;
}
[class^='stack-'] span {
  width: 1%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
[class^='stack-'] span:last-child {
  width: auto;
  padding-left: 25px;
  text-align: left;
}
[class^='stack-'] b {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  [class^='stack-'] b {
    width: 80px;
    height: 80px;
  }
}
[class^='stack-'] b.grey {
  background: #6a7a87;
}
[class^='stack-'] b.green {
  background: #87cc80;
}
[class^='stack-'] b.blue {
  background: #61cae7;
}
[class^='stack-'] b.orange {
  background: #f9c274;
}
[class^='stack-'] b.purple {
  background: #a89cdf;
}
[class^='stack-'] b.red {
  background: #f5828e;
}
[class^='stack-'] b i,
[class^='stack-'] b img {
  position: absolute;
  left: 50%;
  margin-left: -26px;
  top: 50%;
  margin-top: -26px;
}
.stack-cards li {
  padding: 7px 0;
  border: 2px solid #dae3ea;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .stack-cards li {
    padding: 20px 0 25px;
  }
}
@media (min-width: 1024px) {
  .stack-cards li {
    padding: 30px 16px 54px;
  }
}
.stack-cards span {
  width: 50%;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .stack-cards span {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.stack-cards span:last-child {
  padding-left: 0;
}
@media (min-width: 768px) {
  .stack-cards span:last-child {
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .stack-cards span:last-child {
    padding-top: 23px;
  }
}
.stack-boxes li {
  padding: 12px 20px;
  border: 2px solid #dae3ea;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .stack-boxes li {
    padding: 15px 0 25px;
  }
}
@media (min-width: 1024px) {
  .stack-boxes li {
    padding: 14px 15px 12px 15px;
  }
}
.stack-boxes span {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .stack-boxes span {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stack-boxes span {
    width: 100%;
    display: block;
  }
}
.stack-boxes span:last-child {
  padding-left: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stack-boxes span:last-child {
    padding-left: 0;
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .stack-boxes span:last-child {
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  .stack-bullets span {
    width: 100%;
    display: block;
  }
}
@media (max-width: 1023px) {
  .stack-bullets span:last-child {
    padding-left: 0;
    padding-top: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stack-bullets2 span {
    width: 100%;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stack-bullets2 span {
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .stack-bullets2 span:last-child {
    padding-left: 0;
    padding-top: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stack-icons span {
    width: 30%;
    vertical-align: middle;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stack-icons span {
    width: 100%;
    display: block;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stack-icons span:last-child {
    padding-left: 0;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .stack-icons2 span {
    width: 30%;
    vertical-align: middle;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .stack-icons3 span {
    width: 30%;
    vertical-align: middle;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .stack-icons3 span {
    width: 100%;
    display: block;
  }
}
@media (min-width: 768px) {
  .stack-icons3 span:last-child {
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stack-icons4 span {
    width: 100%;
    display: block;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .stack-icons4 span {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .stack-icons4 span:last-child {
    padding-left: 0;
    padding-top: 25px;
  }
}
@media (min-width: 1024px) {
  .stack-icons4 span:last-child {
    padding-left: 0;
    padding-top: 25px;
    text-align: center;
  }
}
.stack-icons5 span {
  width: 100%;
  display: block;
}
.stack-icons5 span:last-child {
  padding-left: 0;
  padding-top: 15px;
  text-align: center;
}
.stack-icons6 span {
  width: 100%;
  display: block;
}
@media (min-width: 1024px) {
  .stack-icons6 span {
    text-align: left;
  }
}
.stack-icons6 span:last-child {
  padding-left: 0;
  padding-top: 15px;
}
@media (max-width: 1023px) {
  .stack-icons6 span:last-child {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stack-icons7 span {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .stack-icons7 span:last-child {
    padding-left: 0;
    padding-top: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stack-icons8 span {
    width: 30%;
    vertical-align: middle;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .stack-icons8 span {
    width: 100%;
    display: block;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .stack-icons8 span:last-child {
    padding-left: 0;
    padding-top: 15px;
  }
}
.size1 li {
  width: 100%;
}
@media (min-width: 768px) {
  .size1 li {
    width: calc(33.333% - 24px);
  }
}
.size1 li + li {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .size1 li + li {
    margin-top: 0;
    margin-left: 36px;
  }
}
.size2 li {
  width: 33.333%;
}
@media (min-width: 1024px) {
  .size2 li {
    width: calc(33.333% - 20px);
  }
}
.size2 li + li {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .size2 li + li {
    margin-left: 30px;
  }
}
.size2 li:nth-child(1):nth-last-child(2),
.size2 li:nth-child(1):nth-last-child(2) + li {
  width: 35%;
}
@media (min-width: 1024px) {
  .size2 li:nth-child(1):nth-last-child(2),
  .size2 li:nth-child(1):nth-last-child(2) + li {
    width: calc(35% - 15px);
  }
}
.size2 li:nth-child(1):nth-last-child(2) {
  margin-left: 15%;
}
.size2 li:nth-child(1):nth-last-child(2) + li {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .size2 li:nth-child(1):nth-last-child(2) + li {
    margin-left: 30px;
  }
}
.size3 li {
  width: 100%;
}
@media (min-width: 768px) {
  .size3 li {
    width: calc(33.333% - 32px);
  }
}
.size3 li + li {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .size3 li + li {
    margin-top: 0;
    margin-left: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .size4 {
    max-width: 540px;
  }
}
.size4 li {
  width: 100%;
}
@media (min-width: 768px) {
  .size4 li {
    width: calc(50% - 18px);
  }
}
.size4 li:nth-child(even) {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .size4 li:nth-child(even) {
    margin-top: 0;
    margin-left: 36px;
  }
}
.size4 li:nth-child(n+3) {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .size4 li:nth-child(n+3) {
    margin-top: 36px;
  }
}
.size5 li {
  width: 100%;
}
.size5 li + li {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .size5 li + li {
    margin-top: 60px;
  }
}
.size6 li {
  width: 100%;
}
@media (min-width: 768px) {
  .size6 li {
    width: calc(33.333% - 24px);
  }
}
@media (min-width: 1024px) {
  .size6 li {
    width: 100%;
  }
}
.size6 li + li {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .size6 li + li {
    margin-top: 0;
    margin-left: 36px;
  }
}
@media (min-width: 1024px) {
  .size6 li + li {
    margin-top: 30px;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .size7 {
    max-width: 460px;
  }
}
.size7 li {
  width: 100%;
}
@media (min-width: 1024px) {
  .size7 li {
    width: calc(33.333% - 32px);
  }
}
.size7 li + li {
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .size7 li + li {
    margin-top: 0;
    margin-left: 48px;
  }
}
.size8 li {
  width: 33.333%;
}
@media (min-width: 768px) {
  .size8 li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .size8 li + li {
    margin-top: 35px;
  }
}
@media (min-width: 1024px) {
  .size8 li + li {
    margin-top: 75px;
  }
}
.size9 li {
  width: 100%;
}
@media (min-width: 768px) {
  .size9 li {
    width: calc(33.333% - 32px);
  }
}
@media (min-width: 1024px) {
  .size9 li {
    width: 100%;
  }
}
.size9 li + li {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .size9 li + li {
    margin-top: 0;
    margin-left: 48px;
  }
}
@media (min-width: 1024px) {
  .size9 li + li {
    margin-top: 60px;
    margin-left: 0;
  }
}
.size10 li {
  width: 50%;
}
@media (min-width: 768px) {
  .size10 li {
    width: calc(50% - 15px);
  }
}
@media (min-width: 1024px) {
  .size10 li {
    width: 100%;
  }
}
.size10 li + li {
  margin-left: 0;
}
@media (min-width: 768px) {
  .size10 li + li {
    margin-left: 30px;
  }
}
@media (min-width: 1024px) {
  .size10 li + li {
    margin-left: 0;
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .size11 {
    max-width: 440px;
  }
}
.size11 li {
  width: 33.333%;
}
@media (min-width: 768px) {
  .size11 li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .size11 li + li {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .size11 li + li {
    margin-top: 90px;
  }
}
@media (min-width: 1300px) {
  .size11 li + li {
    margin-top: 100px;
  }
}
.size12 li {
  width: 33.333%;
}
@media (min-width: 768px) {
  .size12 li {
    width: calc(33.333% - 30px);
  }
}
.size12 li + li {
  margin-left: 0;
}
@media (min-width: 768px) {
  .size12 li + li {
    margin-left: 45px;
  }
}
.size13 li {
  width: 50%;
}
@media (min-width: 768px) {
  .size13 li {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .size13 li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .size13 li:nth-child(n+3) {
    margin-top: 35px;
  }
}
@media (min-width: 1024px) {
  .size13 li + li {
    margin-top: 40px;
  }
}
@media (min-width: 1300px) {
  .size13 li + li {
    margin-top: 55px;
  }
}
.anicon,
.anicon:before,
.anicon:after {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/anicon-sprite.png');
  background-size: 684px 216px;
  width: 36px;
  height: 36px;
  display: inline-block;
}
.anicon {
  position: relative;
}
.anicon:before,
.anicon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.anicon-1 {
  background-position: 0px 0;
}
.anicon-1:before {
  background-position: 0px -36px;
}
.anicon-1:after {
  background-position: 0px -72px;
}
.dark.anicon-1 {
  background-position: 0px -108px;
}
.dark.anicon-1:before {
  background-position: 0px -144px;
}
.dark.anicon-1:after {
  background-position: 0px -180px;
}
.anicon-2 {
  background-position: -36px 0;
}
.anicon-2:before {
  background-position: -36px -36px;
}
.anicon-2:after {
  background-position: -36px -72px;
}
.dark.anicon-2 {
  background-position: -36px -108px;
}
.dark.anicon-2:before {
  background-position: -36px -144px;
}
.dark.anicon-2:after {
  background-position: -36px -180px;
}
.anicon-3 {
  background-position: -72px 0;
}
.anicon-3:before {
  background-position: -72px -36px;
}
.anicon-3:after {
  background-position: -72px -72px;
}
.dark.anicon-3 {
  background-position: -72px -108px;
}
.dark.anicon-3:before {
  background-position: -72px -144px;
}
.dark.anicon-3:after {
  background-position: -72px -180px;
}
.anicon-4 {
  background-position: -108px 0;
}
.anicon-4:before {
  background-position: -108px -36px;
}
.anicon-4:after {
  background-position: -108px -72px;
}
.dark.anicon-4 {
  background-position: -108px -108px;
}
.dark.anicon-4:before {
  background-position: -108px -144px;
}
.dark.anicon-4:after {
  background-position: -108px -180px;
}
.anicon-5 {
  background-position: -144px 0;
}
.anicon-5:before {
  background-position: -144px -36px;
}
.anicon-5:after {
  background-position: -144px -72px;
}
.dark.anicon-5 {
  background-position: -144px -108px;
}
.dark.anicon-5:before {
  background-position: -144px -144px;
}
.dark.anicon-5:after {
  background-position: -144px -180px;
}
.anicon-6 {
  background-position: -180px 0;
}
.anicon-6:before {
  background-position: -180px -36px;
}
.anicon-6:after {
  background-position: -180px -72px;
}
.dark.anicon-6 {
  background-position: -180px -108px;
}
.dark.anicon-6:before {
  background-position: -180px -144px;
}
.dark.anicon-6:after {
  background-position: -180px -180px;
}
.anicon-7 {
  background-position: -216px 0;
}
.anicon-7:before {
  background-position: -216px -36px;
}
.anicon-7:after {
  background-position: -216px -72px;
}
.dark.anicon-7 {
  background-position: -216px -108px;
}
.dark.anicon-7:before {
  background-position: -216px -144px;
}
.dark.anicon-7:after {
  background-position: -216px -180px;
}
.anicon-8 {
  background-position: -252px 0;
}
.anicon-8:before {
  background-position: -252px -36px;
}
.anicon-8:after {
  background-position: -252px -72px;
}
.dark.anicon-8 {
  background-position: -252px -108px;
}
.dark.anicon-8:before {
  background-position: -252px -144px;
}
.dark.anicon-8:after {
  background-position: -252px -180px;
}
.anicon-9 {
  background-position: -288px 0;
}
.anicon-9:before {
  background-position: -288px -36px;
}
.anicon-9:after {
  background-position: -288px -72px;
}
.dark.anicon-9 {
  background-position: -288px -108px;
}
.dark.anicon-9:before {
  background-position: -288px -144px;
}
.dark.anicon-9:after {
  background-position: -288px -180px;
}
.anicon-10 {
  background-position: -324px 0;
}
.anicon-10:before {
  background-position: -324px -36px;
}
.anicon-10:after {
  background-position: -324px -72px;
}
.dark.anicon-10 {
  background-position: -324px -108px;
}
.dark.anicon-10:before {
  background-position: -324px -144px;
}
.dark.anicon-10:after {
  background-position: -324px -180px;
}

.anicon.anicon-11 {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xOSAxN0g2djdoMTN2LTd6TTYgMTVINHYxMWgxN1YxNUg2eiIgZmlsbD0iIzMyYjRkOCIvPjxwYXRoIGQ9Ik0yIDhoMzJ2M0gyVjh6bS0yIDVWOGEyIDIgMCAwIDEgMi0yaDMyYTIgMiAwIDAgMSAyIDJ2MjBhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWMTN6bTIgMGgzMnYxNUgyVjEzem0yMyAxMXYtNGg1djRoLTV6bS0yLTVhMSAxIDAgMCAxIDEtMWg3YTEgMSAwIDAgMSAxIDF2NmExIDEgMCAwIDEtMSAxaC03YTEgMSAwIDAgMS0xLTF2LTZ6bTAtM2ExIDEgMCAwIDEgMS0xaDdhMSAxIDAgMSAxIDAgMmgtN2ExIDEgMCAwIDEtMS0xeiIgZmlsbD0iIzRiNWM2YSIvPjwvc3ZnPg==');
}
.anicon.anicon-11:before,
.anicon.anicon-11:after {
  display: none;
}

.anicon-12 {
  background-position: -396px 0;
}
.anicon-12:before {
  background-position: -396px -36px;
}
.anicon-12:after {
  background-position: -396px -72px;
}
.dark.anicon-12 {
  background-position: -396px -108px;
}
.dark.anicon-12:before {
  background-position: -396px -144px;
}
.dark.anicon-12:after {
  background-position: -396px -180px;
}
.anicon-13 {
  background-position: -432px 0;
}
.anicon-13:before {
  background-position: -432px -36px;
}
.anicon-13:after {
  background-position: -432px -72px;
}
.dark.anicon-13 {
  background-position: -432px -108px;
}
.dark.anicon-13:before {
  background-position: -432px -144px;
}
.dark.anicon-13:after {
  background-position: -432px -180px;
}
.anicon-14 {
  background-position: -468px 0;
}
.anicon-14:before {
  background-position: -468px -36px;
}
.anicon-14:after {
  background-position: -468px -72px;
}
.dark.anicon-14 {
  background-position: -468px -108px;
}
.dark.anicon-14:before {
  background-position: -468px -144px;
}
.dark.anicon-14:after {
  background-position: -468px -180px;
}
.anicon-15 {
  background-position: -504px 0;
}
.anicon-15:before {
  background-position: -504px -36px;
}
.anicon-15:after {
  background-position: -504px -72px;
}
.dark.anicon-15 {
  background-position: -504px -108px;
}
.dark.anicon-15:before {
  background-position: -504px -144px;
}
.dark.anicon-15:after {
  background-position: -504px -180px;
}
.anicon-16 {
  background-position: -540px 0;
}
.anicon-16:before {
  background-position: -540px -36px;
}
.anicon-16:after {
  background-position: -540px -72px;
}
.dark.anicon-16 {
  background-position: -540px -108px;
}
.dark.anicon-16:before {
  background-position: -540px -144px;
}
.dark.anicon-16:after {
  background-position: -540px -180px;
}
.anicon-17 {
  background-position: -576px 0;
}
.anicon-17:before {
  background-position: -576px -36px;
}
.anicon-17:after {
  background-position: -576px -72px;
}
.dark.anicon-17 {
  background-position: -576px -108px;
}
.dark.anicon-17:before {
  background-position: -576px -144px;
}
.dark.anicon-17:after {
  background-position: -576px -180px;
}
.anicon-18 {
  background-position: -612px 0;
}
.anicon-18:before {
  background-position: -612px -36px;
}
.anicon-18:after {
  background-position: -612px -72px;
}
.dark.anicon-18 {
  background-position: -612px -108px;
}
.dark.anicon-18:before {
  background-position: -612px -144px;
}
.dark.anicon-18:after {
  background-position: -612px -180px;
}
.anicon-19 {
  background-position: -648px 0;
}
.anicon-19:before {
  background-position: -648px -36px;
}
.anicon-19:after {
  background-position: -648px -72px;
}
.dark.anicon-19 {
  background-position: -648px -108px;
}
.dark.anicon-19:before {
  background-position: -648px -144px;
}
.dark.anicon-19:after {
  background-position: -648px -180px;
}
.anicon-1:before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98), -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
}
a:hover > .anicon-1:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
a:hover > .anicon-2:before {
  -webkit-animation: handshake-left 0.5s ease-out;
          animation: handshake-left 0.5s ease-out;
}
a:hover > .anicon-2:after {
  -webkit-animation: handshake-right 0.5s ease-out;
          animation: handshake-right 0.5s ease-out;
}
@-webkit-keyframes handshake-left {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  40% {
    -webkit-transform: rotate(-15deg) translate(0, -5px);
            transform: rotate(-15deg) translate(0, -5px);
  }
  60% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  80% {
    -webkit-transform: rotate(-5deg) translate(0, -3px);
            transform: rotate(-5deg) translate(0, -3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
}
@keyframes handshake-left {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  40% {
    -webkit-transform: rotate(-15deg) translate(0, -5px);
            transform: rotate(-15deg) translate(0, -5px);
  }
  60% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  80% {
    -webkit-transform: rotate(-5deg) translate(0, -3px);
            transform: rotate(-5deg) translate(0, -3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
}
@-webkit-keyframes handshake-right {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  40% {
    -webkit-transform: rotate(15deg) translate(0, -5px);
            transform: rotate(15deg) translate(0, -5px);
  }
  60% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  80% {
    -webkit-transform: rotate(5deg) translate(0, -3px);
            transform: rotate(5deg) translate(0, -3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
}
@keyframes handshake-right {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  40% {
    -webkit-transform: rotate(15deg) translate(0, -5px);
            transform: rotate(15deg) translate(0, -5px);
  }
  60% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
  80% {
    -webkit-transform: rotate(5deg) translate(0, -3px);
            transform: rotate(5deg) translate(0, -3px);
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
            transform: rotate(0deg) translate(0, 0);
  }
}
.anicon-3:before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98), -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
}
.anicon-3:after {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
  transition: transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98), -webkit-transform 0.5s cubic-bezier(0.53, 1.04, 0.88, 0.98);
}
a:hover > .anicon-3:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
a:hover > .anicon-3:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
a:hover > .anicon-4:before {
  -webkit-animation: ringing-top 0.5s ease-out;
          animation: ringing-top 0.5s ease-out;
}
@-webkit-keyframes ringing-top {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  40% {
    -webkit-transform: translate(3px, -5px);
            transform: translate(3px, -5px);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  80% {
    -webkit-transform: translate(1px, -2px);
            transform: translate(1px, -2px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ringing-top {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  40% {
    -webkit-transform: translate(3px, -5px);
            transform: translate(3px, -5px);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  80% {
    -webkit-transform: translate(1px, -2px);
            transform: translate(1px, -2px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.anicon-5:before {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
a:hover > .anicon-5:before {
  opacity: 1;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
a:hover > .anicon-5:after {
  -webkit-animation: mouse-moving 1s ease-out;
          animation: mouse-moving 1s ease-out;
}
@-webkit-keyframes mouse-moving {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px);
  }
  66% {
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes mouse-moving {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px);
  }
  66% {
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.anicon-6:after {
  background-position: -216px -89px;
  /* offset 36 : 17 */
  width: 20px;
  height: 15px;
  left: 8px;
  top: 17px;
  -webkit-transition: background 0.35s ease-out;
  transition: background 0.35s ease-out;
}
a:hover > .anicon-6:after {
  background-position: -188px -89px;
  /* offset 8 : 17 */
}
.dark.anicon-6:after {
  background-position: -216px -197px;
  /* offset 36 : 17 */
}
a:hover > .dark.anicon-6:after {
  background-position: -188px -197px;
  /* offset 8 : 17 */
}
.anicon-7:before {
  background-position: -226px -51px;
  /* offset 10 : 15 */
  width: 16px;
  height: 10px;
  left: 10px;
  top: 15px;
  -webkit-transition: background 0.35s ease-out;
  transition: background 0.35s ease-out;
}
.anicon-7:after {
  display: none;
}
a:hover > .anicon-7:before {
  background-position: -234px -51px;
  /* offset 18 : 15 */
}
.dark.anicon-7:before {
  background-position: -226px -159px;
  /* offset 10 : 15 */
}
a:hover > .dark.anicon-7:before {
  background-position: -234px -159px;
  /* offset 18 : 15 */
}
a:hover > .anicon-8:before {
  -webkit-animation: cash-top 0.5s ease-out;
          animation: cash-top 0.5s ease-out;
}
a:hover > .anicon-8:after {
  -webkit-animation: cash-topp 0.5s ease-out;
          animation: cash-topp 0.5s ease-out;
}
@-webkit-keyframes cash-top {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -6px);
            transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes cash-top {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -6px);
            transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes cash-topp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(0, -12px);
            transform: translate(0, -12px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes cash-topp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(0, -12px);
            transform: translate(0, -12px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.anicon-9:before {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.anicon-9:after {
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
a:hover > .anicon-9:before {
  -webkit-transform: translate(-9px, -3px);
          transform: translate(-9px, -3px);
  opacity: 0;
}
a:hover > .anicon-9:after {
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px);
}
.anicon-10:before {
  -webkit-transform: translate(0, -12px);
          transform: translate(0, -12px);
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out, opacity 0.35s ease-out;
  transition: transform 0.35s ease-out, opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.anicon-10:after {
  -webkit-transition: -webkit-transform 0.1s 0.25s ease-out;
  transition: -webkit-transform 0.1s 0.25s ease-out;
  transition: transform 0.1s 0.25s ease-out;
  transition: transform 0.1s 0.25s ease-out, -webkit-transform 0.1s 0.25s ease-out;
}
a:hover > .anicon-10:before {
  -webkit-transform: translate(0, 2px);
          transform: translate(0, 2px);
  opacity: 1;
}
a:hover > .anicon-10:after {
  -webkit-transform: translate(0, 2px);
          transform: translate(0, 2px);
}

.anicon-12:before {
  background-position: -400px -56px;
  /* offset 4 : 20 */
  width: 12px;
  height: 10px;
  left: 4px;
  top: 20px;
  -webkit-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
a:hover > .anicon-12:before {
  -webkit-animation: check-show 0.5s ease-out;
          animation: check-show 0.5s ease-out;
}
.dark.anicon-12:before {
  background-position: -400px -164px;
  /* offset 4 : 20 */
}
@-webkit-keyframes check-show {
  0% {
    width: 0;
  }
  100% {
    width: 12px;
  }
}
@keyframes check-show {
  0% {
    width: 0;
  }
  100% {
    width: 12px;
  }
}
.anicon-13:before {
  overflow: hidden;
  -webkit-transition: width 0.35s ease-out;
  transition: width 0.35s ease-out;
}
.anicon-13:after {
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
a:hover > .anicon-13:before {
  width: 21px;
}
a:hover > .anicon-13:after {
  -webkit-transform: translate(-4px, 4px);
          transform: translate(-4px, 4px);
}
.anicon-14:before {
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.15s ease-out;
  transition: opacity 0.2s 0.15s ease-out;
}
.anicon-14:after {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: opacity 0.2s 0s ease-out, -webkit-transform 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out, -webkit-transform 0.2s 0s ease-out;
  transition: transform 0.2s 0s ease-out, opacity 0.2s 0s ease-out;
  transition: transform 0.2s 0s ease-out, opacity 0.2s 0s ease-out, -webkit-transform 0.2s 0s ease-out;
}
a:hover > .anicon-14:before {
  opacity: 1;
}
a:hover > .anicon-14:after {
  -webkit-transform: translate(-3px, 3px);
          transform: translate(-3px, 3px);
  opacity: 0;
  -webkit-transition: opacity 0.1s 0.15s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.1s 0.15s ease-out, -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out, opacity 0.1s 0.15s ease-out;
  transition: transform 0.25s ease-out, opacity 0.1s 0.15s ease-out, -webkit-transform 0.25s ease-out;
}
a:hover > .anicon-15:before {
  -webkit-animation: signal-in 0.5s ease-out;
          animation: signal-in 0.5s ease-out;
}
a:hover > .anicon-15:after {
  -webkit-animation: signal-inn 0.5s ease-out;
          animation: signal-inn 0.5s ease-out;
}
@-webkit-keyframes signal-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes signal-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes signal-inn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes signal-inn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.anicon-16:before {
  background-position: -551px -52px;
  /* offset 11 : 16 */
  width: 13px;
  height: 11px;
  left: 11px;
  top: 16px;
}
a:hover > .anicon-16:before {
  -webkit-animation: check2-show 0.5s ease-out;
          animation: check2-show 0.5s ease-out;
}
.dark.anicon-16:before {
  background-position: -551px -160px;
  /* offset 11 : 16 */
}
@-webkit-keyframes check2-show {
  0% {
    width: 0;
  }
  100% {
    width: 13px;
  }
}
@keyframes check2-show {
  0% {
    width: 0;
  }
  100% {
    width: 13px;
  }
}
.anicon-17:before {
  background-position: -589px -50px;
  /* offset 13 : 14 */
  width: 10px;
  height: 2px;
  left: 13px;
  top: 14px;
}
a:hover > .anicon-17:before {
  -webkit-animation: checkbank-show 0.5s ease-in-out;
          animation: checkbank-show 0.5s ease-in-out;
}
.dark.anicon-17:before {
  background-position: -589px -158px;
  /* offset 13 : 14 */
}
@-webkit-keyframes checkbank-show {
  0% {
    width: 0;
  }
  100% {
    width: 10px;
  }
}
@keyframes checkbank-show {
  0% {
    width: 0;
  }
  100% {
    width: 10px;
  }
}
.anicon-18:before {
  background-position: -632px -54px;
  /* offset 20 : 18 */
  width: 13px;
  height: 13px;
  left: 20px;
  top: 18px;
}
a:hover > .anicon-18:before {
  -webkit-animation: gear-rotate 0.75s linear;
          animation: gear-rotate 0.75s linear;
}
.dark.anicon-18:before {
  background-position: -632px -162px;
  /* offset 20 : 18 */
}
@-webkit-keyframes gear-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes gear-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
a:hover > .anicon-19:before {
  -webkit-animation: chatdot1-show 0.2s linear;
          animation: chatdot1-show 0.2s linear;
}
a:hover > .anicon-19:after {
  -webkit-animation: chatdot1-show 0.4s linear;
          animation: chatdot1-show 0.4s linear;
}
@-webkit-keyframes chatdot1-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes chatdot1-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes chatdot2-show {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes chatdot2-show {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header .header-fixed {
  width: 100%;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 20px;
}
@media (min-width: 768px) {
  .header .header-fixed {
    top: 40px;
  }
}
.header .header-sticky {
  background: white;
  width: 100%;
  padding: 15px 0;
  -webkit-box-shadow: 0px 1px 0px #EDEEF0;
          box-shadow: 0px 1px 0px #EDEEF0;
  position: fixed;
  z-index: 20;
  left: 0;
  top: -70px;
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
@media (max-width: 767px) {
  .header .header-sticky {
    display: none;
  }
}
.header.sticky .header-sticky {
  top: 0;
}
.header .logo {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/skin-sprite.png');
  background-size: 176px 291px;
  width: 136px;
  height: 32px;
  display: inline-block;
  float: left;
}
.header .header-fixed .logo {
  background-position: 0 -112px;
}
.header .header-sticky .logo {
  background-position: 0 -80px;
}
@media (min-width: 768px) {
  .header .logo {
    width: 168px;
    height: 40px;
  }
  .header .header-fixed .logo {
    background-position: 0 -40px;
  }
  .header .header-sticky .logo {
    background-position: 0 0;
  }
}
.header .logo-client {
  max-height: 32px;
  margin-left: 25px;
  display: inline-block;
  float: left;
}
@media (min-width: 768px) {
  .header .logo-client {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .header .btn-phone {
    width: 36px;
    height: 36px;
    border: 2px solid #c1e7bd;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    position: relative;
    float: right;
    cursor: pointer;
    text-decoration: none;
  }
  .header .btn-phone:before {
    content: '';
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/skin-sprite.png');
    background-size: 176px 291px;
    background-position: -18px -144px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -9px;
  }
  .header .btn-phone span {
    display: none;
  }
}
@media (min-width: 768px) {
  .header .btn-phone {
    height: 40px;
    padding-left: 24px;
    margin-left: 30px;
    display: inline-block;
    position: relative;
    float: right;
    font-family: 'Campton', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    color: white;
    text-decoration: none;
  }
  .header .btn-phone:before {
    content: '';
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/skin-sprite.png');
    background-size: 176px 291px;
    background-position: -18px -144px;
    width: 16px;
    height: 17px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
  }
  .header .header-sticky .btn-phone {
    color: #697A87;
    float: left;
  }
  .header .header-sticky .btn-phone:before {
    background-position: 0 -144px;
  }
}
.header .head-cta {
  background: #78E86D;
  width: auto;
  height: 40px;
  padding: 0 21px;
  border-radius: 7px;
  display: inline-block;
  float: right;
  cursor: pointer;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 42px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
body {
  background: #eef0f0;
}
.content {
  background: white;
}
.section {
  text-align: center;
}
h1 {
  color: #4b5c6a;
}
h2 {
  color: #4b5c6a;
}
h3 {
  color: #4b5c6a;
}
p {
  color: #5c6266;
}
.call-to-action {
  background: #6dd263;
  background: linear-gradient(45deg, #6dd263 0%, #78e86d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dd263', endColorstr='#78e86d', GradientType=1);
  width: auto;
  height: 50px;
  padding: 0 40px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 25px 25px -20px rgba(45, 61, 77, 0.2);
          box-shadow: 0 25px 25px -20px rgba(45, 61, 77, 0.2);
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 52px;
  letter-spacing: -0.1px;
  text-align: center;
  color: white;
  text-decoration: none;
}
.call-to-action span {
  position: relative;
}
@media (min-width: 768px) {
  .call-to-action {
    height: 60px;
    font-size: 16px;
    line-height: 62px;
  }
}
@media (min-width: 1024px) {
  .call-to-action:before {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    border-radius: 7px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
  }
  .call-to-action:hover:before {
    opacity: 1;
  }
}
.footer {
  background: #3F4A5B;
  padding: 30px 0;
  text-align: center;
}
.footer .copy {
  font-size: 13px;
  line-height: 22px;
  color: #A7B5C0;
}
.footer .copy a {
  color: white;
  text-decoration: none;
}
.footer .copy a:hover {
  text-decoration: underline;
}
.bg-head {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.bg-head .bg-head-1,
.bg-head .bg-head-2,
.bg-head .bg-head-3 {
  width: 100%;
  height: 100%;
  padding-top: 7%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -7%;
}
.bg-head .bg-head-1 {
  -webkit-transform: skewY(6.5deg);
          transform: skewY(6.5deg);
  top: 10px;
}
.bg-head .bg-head-2 {
  -webkit-transform: skewY(-6.5deg);
          transform: skewY(-6.5deg);
  overflow: hidden;
}
.bg-head .bg-head-3 {
  -webkit-transform: skewY(13deg);
          transform: skewY(13deg);
  top: 100%;
  margin-top: 130px;
}
.bg-head.blue .bg-head-1 {
  background: #e2e9ee;
}
.bg-head.blue .bg-head-2 {
  background: #5ad4f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#5ad4f6), to(#32b4d8));
  background: linear-gradient(to bottom, #5ad4f6 0%, #32b4d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ad4f6', endColorstr='#32b4d8', GradientType=0);
}
.bg-head.blue .bg-head-3 {
  background: #42a7c8;
}
.bg-head.grey .bg-head-1 {
  background: #e2e9ee;
}
.bg-head.grey .bg-head-2 {
  background: #9aa9b4;
  background: -webkit-gradient(linear, left top, left bottom, from(#9aa9b4), to(#8695a1));
  background: linear-gradient(to bottom, #9aa9b4 0%, #8695a1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9aa9b4', endColorstr='#8695a1', GradientType=0);
}
.bg-head.grey .bg-head-3 {
  background: #768490;
}
.bg-hero {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.bg-hero .bg-img-wrap {
  width: 100%;
  height: 100%;
  padding-top: 6%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -6%;
  overflow: hidden;
  -webkit-transform: skewY(-6.5deg);
          transform: skewY(-6.5deg);
}
.bg-hero .bg-img {
  background: #5AD4F6;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 6%;
  -webkit-transform: skewY(6.5deg);
          transform: skewY(6.5deg);
}
.bg-hero .bg-img.img {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/WEBSITE/veterinary/payment-veterinarians-img.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .bg-hero .bg-img.img {
    background-position: 65% 40%;
  }
}
.bg-hero .bg-img.img2 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/automotive-img.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70% center;
}
@media (min-width: 1300px) {
  .bg-hero .bg-img.img2 {
    background-position: 50% 45%;
  }
}
.bg-hero .bg-img.img3 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-hero .bg-blue {
  background: #32B4D7;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 120px;
  -webkit-transform: skewY(13deg);
          transform: skewY(13deg);
}
.bg-hero .bg-grey {
  background: #E2E9EE;
  width: 100%;
  height: 100%;
  padding-top: 6%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -6%;
  -webkit-transform: skewY(6.5deg);
          transform: skewY(6.5deg);
}
.bg-gif {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.bg-gif .bg-1 {
  background: #e0e8ed;
  width: 100%;
  height: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: skewY(-6.5deg);
          transform: skewY(-6.5deg);
}
.bg-gif .bg-2 {
  background: #5ad4f6;
  background: -webkit-gradient(linear, left top, right top, from(#5ad4f6), to(#32b4d8));
  background: linear-gradient(to right, #5ad4f6 0%, #32b4d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ad4f6', endColorstr='#32b4d8', GradientType=1);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-transform: skewY(6.5deg);
          transform: skewY(6.5deg);
}
@media (min-width: 768px) {
  .hero {
    text-align: left;
  }
}
.hero h1,
.hero p {
  color: white;
}
@media (min-width: 768px) {
  .hero p {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .hero p {
    width: 42%;
  }
}
@media (min-width: 1024px) {
  .hero2 {
    text-align: left;
  }
}
.hero2 h1,
.hero2 p {
  color: white;
}
@media (min-width: 1024px) {
  .hero2 h1 {
    width: 47%;
    min-height: 126px;
  }
  .hero2 p {
    width: 47%;
  }
}
@media (min-width: 1300px) {
  .hero2 h1 {
    width: 44%;
    min-height: 144px;
  }
  .hero2 p {
    width: 44%;
  }
}
@media (min-width: 1024px) {
  .hero-thanks {
    text-align: left;
  }
}
.hero-thanks h1,
.hero-thanks p {
  color: white;
}
@media (min-width: 768px) {
  .hero-thanks h1,
  .hero-thanks p {
    padding: 0 20%;
  }
}
@media (min-width: 1024px) {
  .hero-thanks h1,
  .hero-thanks p {
    padding: 0 55% 0 0;
  }
}
@media (min-width: 1024px) {
  .hero-thanks h1,
  .hero-thanks p {
    padding: 0 60% 0 0;
  }
}
.hero-thanks p a {
  color: white;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .action {
    text-align: left;
  }
  .action h2:after {
    left: 0;
    margin-left: 0;
  }
  .action p {
    width: 50%;
  }
}
.img-centered {
  width: 1800px;
  position: relative;
  left: 50%;
  margin-left: -900px;
}
.img-centered img {
  width: 50%;
  margin: 0 auto;
}
.video-trigger {
  background-size: cover;
  background-position: center;
  width: 348px;
  height: 200px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .video-trigger {
    width: 400px;
    height: 230px;
  }
}
.video-trigger .video-trigger-btn {
  width: auto;
  height: 36px;
  padding: 0 36px 0 16px;
  border: 2px solid #DAE3EA;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: 40%;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  line-height: 32px;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .video-trigger .video-trigger-btn {
    height: 52px;
    padding: 0 50px 0 24px;
    border-radius: 26px;
    font-size: 14px;
    line-height: 48px;
  }
}
.video-trigger .video-trigger-btn:after {
  content: '';
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/play-icon.png');
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 6px;
  top: 6px;
}
@media (min-width: 768px) {
  .video-trigger .video-trigger-btn:after {
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    right: 10px;
    top: 10px;
  }
}
.video-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  visibility: hidden;
  -webkit-transition: all 0s 0.6s ease-out;
  transition: all 0s 0.6s ease-out;
}
.video-modal.open {
  visibility: visible;
  -webkit-transition: all 0s 0s ease-out;
  transition: all 0s 0s ease-out;
}
.video-modal:not(.ready) {
  top: -9999px;
}
.video-modal:before {
  content: '';
  background: rgba(45, 61, 77, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s 0.2s ease-out;
  transition: all 0.4s 0.2s ease-out;
}
.video-modal.open:before {
  opacity: 1;
  -webkit-transition: all 0.6s 0s ease-out;
  transition: all 0.6s 0s ease-out;
}
.video-modal:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.video-modal.open:after {
  display: none;
}
.video-modal .video-modal-inner {
  width: 940px;
  height: 528px;
  position: absolute;
  left: 50%;
  margin-left: -470px;
  top: 50%;
  margin-top: -264px;
}
.video-modal .video-wrap {
  width: 940px;
  height: 528px;
  border-radius: 7px;
  -webkit-box-shadow: 0 20px 80px #2d3d4d;
          box-shadow: 0 20px 80px #2d3d4d;
  overflow: hidden;
  float: left;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  opacity: 0;
  -webkit-transition: all 0.4s 0s ease-out;
  transition: all 0.4s 0s ease-out;
}
.video-modal .video-wrap iframe {
  float: left;
}
.video-modal.open .video-wrap {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: all 0.4s 0.2s ease-out;
  transition: all 0.4s 0.2s ease-out;
}
.video-modal .video-close-wrap {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  top: -57px;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.15s 0s ease-out;
  transition: all 0.15s 0s ease-out;
}
.video-modal.open .video-close-wrap {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 0.15s 0.6s ease-out;
  transition: all 0.15s 0.6s ease-out;
}
.video-modal .video-close {
  width: 35px;
  height: 35px;
  border: 2px solid #8897a3;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  float: left;
  cursor: pointer;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}
.video-modal .video-close:hover {
  background: #8897a3;
}
.video-modal .video-close .icon-video-close {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/skin-sprite.png');
  background-size: 176px 291px;
  background-position: -48px -253px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: all 0.25s cubic-bezier(0.46, 0.96, 0.65, 0.97);
  transition: all 0.25s cubic-bezier(0.46, 0.96, 0.65, 0.97);
}
.video-modal .video-close:hover .icon-video-close {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (max-width: 767px) {
  .list-cards {
    max-width: 400px;
    margin: 0 auto;
  }
}
.list-cards li {
  width: 100%;
  padding: 7px 0;
  border: 2px solid #dae3ea;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-table;
}
@media (min-width: 768px) {
  .list-cards li {
    width: calc(33.333% - 24px);
    padding: 20px 0 25px;
  }
}
@media (min-width: 1024px) {
  .list-cards li {
    padding: 30px 16px 54px;
  }
}
.list-cards li + li {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .list-cards li + li {
    margin-top: 0;
    margin-left: 36px;
  }
}
.list-cards span {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media (min-width: 768px) {
  .list-cards span {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .list-cards span + span {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .list-cards h6 {
    padding: 9px 0 0;
  }
}
@media (min-width: 1024px) {
  .list-cards h6 {
    padding: 23px 0;
  }
}
@media (max-width: 1023px) {
  .list-cards p {
    display: none;
  }
}
.list-cards img {
  width: 100px;
  height: 90px;
  display: inline-block;
}
@media (min-width: 768px) {
  .list-cards img {
    width: 140px;
    height: 126px;
  }
}
@media (min-width: 1300px) {
  .list-cards img {
    width: 200px;
    height: 180px;
  }
}
.list-bullets {
  width: 100%;
  max-width: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
@media (min-width: 768px) {
  .list-bullets {
    max-width: none;
  }
}
.list-bullets li {
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
@media (min-width: 1024px) {
  .list-bullets li {
    width: calc(33.333% - 24px);
    padding-left: 100px;
    position: relative;
    text-align: left;
  }
  .list-bullets li + li {
    margin-left: 36px;
  }
}
.list-bullets.item2 li:first-child {
  margin-left: 15%;
  margin-right: 3.333%;
}
@media (min-width: 768px) {
  .list-bullets.vertical li {
    width: 100%;
  }
  .list-bullets.vertical li + li {
    margin-left: 0;
    margin-top: 35px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .list-bullets.vertical li + li {
    margin-top: 75px;
  }
}
.list-bullets span {
  width: 72px;
  height: 72px;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .list-bullets span {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1024px) {
  .list-bullets span {
    position: absolute;
    left: -10px;
    top: 0;
  }
}
.list-bullets span img {
  width: 100%;
}
.list-bullets h6 {
  padding: 13px 0 0;
}
@media (min-width: 768px) {
  .list-bullets h6 {
    padding: 16px 0 0;
  }
}
@media (min-width: 1024px) {
  .list-bullets h6 {
    padding: 0 0 15px;
  }
}
.list-bullets p {
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 1023px) {
  .list-bullets p {
    display: none;
  }
}
@media (max-width: 767px) {
  .list-stacks {
    max-width: 400px;
    margin: 0 auto;
  }
}
.list-stacks li {
  width: 100%;
  display: inline-table;
}
@media (min-width: 768px) {
  .list-stacks li {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .list-stacks li + li {
    border-top: 2px solid rgba(196, 211, 221, 0.4);
  }
}
.list-stacks a {
  background: transparent;
  width: 100%;
  padding: 35px 10px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}
@media (min-width: 768px) {
  .list-stacks a {
    padding: 5px 10px 20px;
  }
}
@media (min-width: 1024px) {
  .list-stacks a {
    padding: 20px 25px 35px;
  }
}
@media (min-width: 1300px) {
  .list-stacks a {
    padding: 25px 50px 40px;
  }
}
@media (min-width: 768px) {
  .list-stacks a:hover {
    background: #EEF0F0;
  }
}
.list-stacks img {
  width: 140px;
  height: 126px;
  display: inline-block;
}
@media (min-width: 1024px) {
  .list-stacks img {
    width: 200px;
    height: 180px;
  }
}
.list-stacks h6 {
  padding: 9px 0 18px;
}
@media (min-width: 768px) {
  .list-stacks h6 {
    padding: 9px 0 10px;
  }
}
@media (min-width: 1024px) {
  .list-stacks h6 {
    padding: 3px 0 17px;
  }
}
.list-stacks p {
  padding: 0 0 20px;
}
@media (min-width: 768px) {
  .list-stacks p {
    padding: 0 0 25px;
  }
}
@media (min-width: 1024px) {
  .list-stacks p {
    padding: 0 0 37px;
  }
}
.list-stacks span {
  background: #74E169;
  padding: 18px 42px 16px;
  border-radius: 25px;
  display: inline-block;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: white;
  white-space: nowrap;
}
.slide {
  width: 100%;
  display: block;
}
.slide:before,
.slide:after {
  content: '';
  display: table;
}
.slide:after {
  clear: both;
}
.slide .slide-wrap {
  width: 100%;
  display: inline-table;
}
.slide-prev,
.slide-next {
  width: 49px;
  height: 78px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -39px;
}
.slide-prev {
  right: 100%;
}
.slide-next {
  left: 100%;
}
.slide-prev:before,
.slide-next:before {
  content: '';
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/slide-arrows.png');
  background-size: 116px 58px;
  width: 29px;
  height: 58px;
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
}
.slide-prev:before {
  background-position: 0 0;
}
.slide-next:before {
  background-position: -29px 0;
}
.slide-prev:hover:before {
  background-position: -58px 0;
}
.slide-next:hover:before {
  background-position: -87px 0;
}
@media (max-width: 767px) {
  .slide-prev,
  .slide-next {
    display: none;
  }
}
.slide .slide-nav {
  margin-bottom: 36px;
  display: inline-block;
}
.slide .slide-nav a {
  width: 14px;
  height: 14px;
  border: 2px solid #D8D8D8;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
}
.slide .slide-nav a + a {
  margin-left: 15px;
}
.slide.slide-1 .slide-nav a:nth-child(1),
.slide.slide-2 .slide-nav a:nth-child(2),
.slide.slide-3 .slide-nav a:nth-child(3),
.slide.slide-4 .slide-nav a:nth-child(4),
.slide.slide-5 .slide-nav a:nth-child(5) {
  background: #8697A3;
  border-color: #8697A3;
}
.slide-infos {
  position: relative;
}
.slide-img {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 767px) {
  .slide-img {
    width: 100%;
    display: block;
  }
}
.slide-info {
  width: 40%;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
@media (max-width: 1023px) {
  .slide-info {
    width: 40%;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .slide-info {
    width: 100%;
    display: block;
    text-align: center;
  }
}
[class^="slide-img-"] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  padding-top: 69%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease-out, visibility 0s 0.35s ease-out;
  transition: opacity 0.35s ease-out, visibility 0s 0.35s ease-out;
}
[class^="slide-info-"] {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease-out, visibility 0s 0.35s ease-out;
  transition: opacity 0.35s ease-out, visibility 0s 0.35s ease-out;
}
@media (max-width: 767px) {
  [class^="slide-info-"] {
    width: 100%;
  }
}
.slide.slide-1 .slide-img-1,
.slide.slide-2 .slide-img-2,
.slide.slide-3 .slide-img-3,
.slide.slide-4 .slide-img-4,
.slide.slide-5 .slide-img-5,
.slide.slide-1 .slide-info-1,
.slide.slide-2 .slide-info-2,
.slide.slide-3 .slide-info-3,
.slide.slide-4 .slide-info-4,
.slide.slide-5 .slide-info-5 {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-out, visibility 0s 0s ease-out;
  transition: opacity 0.35s ease-out, visibility 0s 0s ease-out;
}
.slide .slide-info h5 {
  color: #4B5C6A;
}
.slide .slide-info p {
  padding: 18px 0 10px;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 767px) {
  .slide .slide-info p {
    padding: 18px 0px 10px;
  }
}
.slide .slide-info a {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  color: #32B4D8;
  text-decoration: none;
}
.slide .slide-info a:hover {
  text-decoration: underline;
}
.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease-out, visibility 0s 0.35s linear;
  transition: opacity 0.35s ease-out, visibility 0s 0.35s linear;
}
.modal:not(.ready) {
  top: -9999px;
}
.modal.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease-out, visibility 0s 0s linear;
  transition: opacity 0.35s ease-out, visibility 0s 0s linear;
}
.modal .modal-bg {
  background: #4B5C6A;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
}
.modal.open .modal-bg {
  opacity: 0.8;
}
.modal .modal-close {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/close-icon.png');
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
.modal .modal-content {
  height: 100%;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  white-space: nowrap;
}
.modal .modal-content:before {
  content: '';
  height: 100%;
  margin-right: -4px;
  display: inline-block;
  vertical-align: middle;
}
.modal .modal-box {
  background: white;
  width: calc(100% - 20px);
  max-width: 440px;
  padding: 44px 47px 62px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: normal;
  opacity: 0;
  -webkit-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
  -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.modal.open .modal-box {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.form-title {
  display: none !important;
}
.hs-form {
  width: 100%;
  margin-top: 68px;
  display: block;
}
.hs-form fieldset {
  width: 100% !important;
  max-width: none !important;
  display: block;
}
.hs-form .hs-form-field {
  width: 100%;
  display: inline-block;
  position: relative;
}
.hs-form .hs-form-field.hs-firstname {
  width: calc(50% - 8px) !important;
}
.hs-form .hs-form-field.hs-lastname {
  width: calc(50% - 8px) !important;
  margin-left: 16px;
}
.hs-form .hs-form-field .input {
  margin: 0 !important;
}
.hs-form .hs-form-field > label {
  margin-top: 10px;
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 28px;
  color: #4b5c6a;
  text-transform: uppercase;
  text-align: left;
}
.hs-form .hs-form-field input {
  width: 100% !important;
  padding: 14px 10px 10px;
  border: 2px solid #dae3ea;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  outline: 0;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #4b5c6a;
  -webkit-transition: border-color 0.15s ease-out;
  transition: border-color 0.15s ease-out;
}
.hs-form .hs-form-field input:focus {
  border-color: #47c5e8;
}
.hs-form .hs-form-field input.error {
  border-color: #f24051;
}
.hs-form .hs-form-field select {
  width: 100% !important;
  padding: 14px 10px 10px;
  border: 2px solid #dae3ea;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  outline: 0;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #4b5c6a;
  -webkit-transition: border-color 0.15s ease-out;
  transition: border-color 0.15s ease-out;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .hs-form .hs-form-field select {
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgBrdIxdsIwDABQSc4B0hM02dr3OuQIhY6d4IA9Qpm6Jj1Chr5XNjhBazYGsJCBQB7EIQrRZPlJ/s+WMfv6yYipAEbrNjAqJ89LGCheCwa7mqcmgg9meHRkpkTOzAAwBoSEIiiy2W8CA8Qes/OUDOQsqZyfEm9z4nrVQOgJiyD3Z1b7cksrr7mdyNIOhQYx4H+xpuiT0xz9054rltqZtmLoxuX7S4nV5r1oF8znWG/qi3bFrsA+qAZrBG+g4zh+WnyP8IgtBFs3YX+CvV1iQbAL6tPAzYJYK1hDcyl7uET9UovdBNvQY3eiwQ4tHaIRrUXog/QG21ANpgKbUC2mBisUnfkE5FiL+dgBMc4NoCRVtcQAAAAASUVORK5CYII=') right 15px center / 14px 8px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
}
@-moz-document url-prefix() {
  .hs-form .hs-form-field select {
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgBrdIxdsIwDABQSc4B0hM02dr3OuQIhY6d4IA9Qpm6Jj1Chr5XNjhBazYGsJCBQB7EIQrRZPlJ/s+WMfv6yYipAEbrNjAqJ89LGCheCwa7mqcmgg9meHRkpkTOzAAwBoSEIiiy2W8CA8Qes/OUDOQsqZyfEm9z4nrVQOgJiyD3Z1b7cksrr7mdyNIOhQYx4H+xpuiT0xz9054rltqZtmLoxuX7S4nV5r1oF8znWG/qi3bFrsA+qAZrBG+g4zh+WnyP8IgtBFs3YX+CvV1iQbAL6tPAzYJYK1hDcyl7uET9UovdBNvQY3eiwQ4tHaIRrUXog/QG21ANpgKbUC2mBisUnfkE5FiL+dgBMc4NoCRVtcQAAAAASUVORK5CYII=') right 15px center / 14px 8px no-repeat;
    -moz-appearance: none;
    appearance: none;
  }
}
.hs-form .hs-form-field select:focus {
  border-color: #47c5e8;
}
.hs-form .hs-form-field select.error {
  border-color: #f24051;
}
.hs-form .hs-recaptcha .input {
  margin-top: 16px !important;
  display: inline-block;
}
.hs-form .hs-error-msgs {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 100%;
  margin-bottom: -31px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s ease-out, visibility 0s 0.15s linear;
  transition: opacity 0.15s ease-out, visibility 0s 0.15s linear;
}
.hs-form .hs-error-msgs li {
  background: #f33f51;
  padding: 9px 14px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  color: white;
  text-align: right;
}
.hs-form .hs-form-field.hs-firstname .hs-error-msgs li,
.hs-form .hs-form-field.hs-lastname .hs-error-msgs li {
  white-space: nowrap;
}
.hs-form .hs-error-msgs li:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid #f33f51;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 8px;
  top: 100%;
}
.hs-form .hs-error-msgs li + li {
  display: none !important;
}
.hs-form .hs-form-field .input:hover ~ .hs-error-msgs {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.15s ease-out, visibility 0s 0s linear;
  transition: opacity 0.15s ease-out, visibility 0s 0s linear;
}
.hs-form input[type='submit'] {
  background: #6dd263;
  background: linear-gradient(45deg, #6dd263 0%, #78e86d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dd263', endColorstr='#78e86d', GradientType=1);
  width: 100%;
  max-width: 270px;
  height: 60px;
  border: 0;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px;
  outline: 0;
  -webkit-box-shadow: 0 25px 25px -20px rgba(45, 61, 77, 0.2);
          box-shadow: 0 25px 25px -20px rgba(45, 61, 77, 0.2);
  display: inline-block;
  cursor: pointer;
  font-family: 'Campton', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: -0.11px;
  text-align: center;
  color: white;
  text-decoration: none;
  text-transform: uppercase !important;
}
.submitted-message {
  margin-bottom: -23px;
  text-align: center;
}
.submitted-message .icon-support {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/icon-support.png');
  background-size: 144px 133px;
  width: 144px;
  height: 133px;
  margin: 123px 0 78px;
  display: inline-block;
  position: relative;
}
.submitted-message .icon-support:before {
  content: '';
  width: 228px;
  height: 228px;
  border: 2px solid #F0F4F7;
  border-radius: 114px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  top: 50%;
  margin-top: -114px;
}
.submitted-message .icon-envelope {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/icon-envelope.png');
  background-size: 159px 159px;
  width: 159px;
  height: 159px;
  margin: 110px 0 65px;
  display: inline-block;
  position: relative;
}
.submitted-message .icon-envelope:before {
  content: '';
  width: 228px;
  height: 228px;
  border: 2px solid #F0F4F7;
  border-radius: 114px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -114px;
  top: 50%;
  margin-top: -114px;
}
.submitted-message big {
  display: block;
  font-family: 'Campton', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 35px;
  color: #4B5C6A;
}
.submitted-message p {
  margin: 8px 0 32px;
  line-height: 28px;
}
.submitted-message small {
  padding-top: 20px;
  border-top: 2px solid #E7EDF1;
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #6A7A87;
}
.submitted-message small a {
  cursor: pointer;
  color: #32B4D8;
  text-decoration: none;
}
.submitted-message small a:hover {
  text-decoration: underline;
}
.list-features {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .list-features {
    max-width: 400px;
  }
}
@media (min-width: 1300px) {
  .list-features {
    max-width: 970px;
  }
}
@media (max-width: 767px) {
  .list-features li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .list-features li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .list-features li {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .list-features li:nth-child(3n) {
    margin-right: 0;
  }
}
.list-features div {
  background: #f8f9f9;
  width: 100%;
  padding: 26px 15px 32px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list-features h5 {
  padding-top: 13px;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #4b5c6a;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .list-features small {
    display: none;
  }
}
@media (min-width: 1024px) {
  .list-features small {
    min-height: 57px;
    padding: 18px 20px 0;
    display: block;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #8797a4;
  }
}
.img-request-terminal {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/request-terminal-img.png');
  background-size: cover;
  display: block;
  width: 310px;
  height: 252px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .img-request-terminal {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/request-terminal-img@2x.png');
  }
}
@media (min-width: 768px) {
  .img-request-terminal {
    width: 434px;
    height: 352px;
  }
}
@media (min-width: 1024px) {
  .img-request-terminal {
    width: 570px;
    height: 463px;
  }
}
@media (min-width: 1300px) {
  .img-request-terminal {
    width: 620px;
    height: 503px;
  }
}
.img-request-terminal {
  position: absolute;
}
@media (max-width: 767px) {
  .img-request-terminal {
    left: 50%;
    margin-left: -100px;
    bottom: 0;
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .img-request-terminal {
    left: 55%;
    top: 50%;
    margin-top: -170px;
  }
}
@media (min-width: 1024px) {
  .img-request-terminal {
    left: 50%;
    margin-top: -220px;
  }
}
@media (min-width: 1300px) {
  .img-request-terminal {
    margin-top: -240px;
  }
}
.img-request-demo {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/request-demo-img.png');
  background-size: cover;
  display: block;
  width: 318px;
  height: 229px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .img-request-demo {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/request-demo-img@2x.png');
  }
}
@media (min-width: 768px) {
  .img-request-demo {
    width: 445px;
    height: 321px;
  }
}
@media (min-width: 1024px) {
  .img-request-demo {
    width: 584px;
    height: 421px;
  }
}
@media (min-width: 1300px) {
  .img-request-demo {
    width: 635px;
    height: 458px;
  }
}
.img-request-demo {
  position: absolute;
  left: 50%;
  margin-left: -159px;
  bottom: 0;
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .img-request-demo {
    margin-left: -222px;
    margin-bottom: -70px;
  }
}
@media (min-width: 1024px) {
  .img-request-demo {
    left: auto;
    right: 0;
    margin-right: -65px;
    bottom: auto;
    top: 50%;
    margin-top: -160px;
  }
}
@media (min-width: 1300px) {
  .img-request-demo {
    margin-top: -190px;
  }
}
.img-start-conversation {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/start-conversation-img.png');
  background-size: cover;
  display: block;
  width: 307px;
  height: 253px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .img-start-conversation {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/start-conversation-img@2x.png');
  }
}
@media (min-width: 768px) {
  .img-start-conversation {
    width: 429px;
    height: 354px;
  }
}
@media (min-width: 1024px) {
  .img-start-conversation {
    width: 564px;
    height: 466px;
  }
}
@media (min-width: 1300px) {
  .img-start-conversation {
    width: 613px;
    height: 506px;
  }
}
.img-start-conversation {
  position: absolute;
  left: 50%;
  margin-left: -159px;
  bottom: 0;
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .img-start-conversation {
    margin-left: -222px;
    margin-bottom: -70px;
  }
}
@media (min-width: 1024px) {
  .img-start-conversation {
    left: auto;
    right: 0;
    margin-right: -30px;
    bottom: auto;
    top: 50%;
    margin-top: -130px;
  }
}
@media (min-width: 1300px) {
  .img-start-conversation {
    margin-top: -140px;
  }
}
.img-savings-report {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/savings-report-img.png');
  background-size: cover;
  display: block;
  width: 322px;
  height: 293px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .img-savings-report {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/savings-report-img@2x.png');
  }
}
@media (min-width: 768px) {
  .img-savings-report {
    width: 451px;
    height: 410px;
  }
}
@media (min-width: 1024px) {
  .img-savings-report {
    width: 592px;
    height: 538px;
  }
}
@media (min-width: 1300px) {
  .img-savings-report {
    width: 644px;
    height: 585px;
  }
}
.img-savings-report {
  position: absolute;
  left: 50%;
  margin-left: -155px;
  bottom: 0;
  margin-bottom: -45px;
}
@media (min-width: 768px) {
  .img-savings-report {
    margin-left: -212px;
    margin-bottom: -75px;
  }
}
@media (min-width: 1024px) {
  .img-savings-report {
    left: auto;
    right: 0;
    margin-right: -40px;
    bottom: auto;
    top: 50%;
    margin-top: -190px;
  }
}
@media (min-width: 1300px) {
  .img-savings-report {
    margin-top: -205px;
  }
}
.img-free-terminal {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/free-terminal-img.svg');
  background-size: cover;
  display: block;
  width: 385px;
  height: 225px;
  position: absolute;
  right: 50%;
  margin-right: -192px;
  bottom: 0;
  margin-bottom: -70px;
}
@media (min-width: 768px) {
  .img-free-terminal {
    width: 540px;
    height: 316px;
    margin-right: -270px;
    margin-bottom: -90px;
  }
}
@media (min-width: 1024px) {
  .img-free-terminal {
    width: 654px;
    height: 382px;
    margin-right: -560px;
    bottom: 50%;
    margin-bottom: -310px;
  }
}
@media (min-width: 1300px) {
  .img-free-terminal {
    width: 770px;
    height: 450px;
    margin-right: -640px;
    margin-bottom: -350px;
  }
}

.section-work-desk .img-work-desk {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/work-desk-img.png');
  background-size: cover;
  display: block;
  width: 393px;
  height: 250px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .section-work-desk .img-work-desk {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/work-desk-img@2x.png');
  }
}
@media (min-width: 768px) {
  .section-work-desk .img-work-desk {
    width: 550px;
    height: 350px;
  }
}
@media (min-width: 1024px) {
  .section-work-desk .img-work-desk {
    width: 722px;
    height: 460px;
  }
}
@media (min-width: 1300px) {
  .section-work-desk .img-work-desk {
    width: 785px;
    height: 500px;
  }
}
.section-work-desk .img-work-paydesk {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/work-paydesk-img.png');
  background-size: cover;
  display: block;
  width: 393px;
  height: 250px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .section-work-desk .img-work-paydesk {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/work-paydesk-img@2x.png');
  }
}
@media (min-width: 768px) {
  .section-work-desk .img-work-paydesk {
    width: 550px;
    height: 350px;
  }
}
@media (min-width: 1024px) {
  .section-work-desk .img-work-paydesk {
    width: 722px;
    height: 460px;
  }
}
@media (min-width: 1300px) {
  .section-work-desk .img-work-paydesk {
    width: 785px;
    height: 500px;
  }
}
.section-work-desk .img-work-desk,
.section-work-desk .img-work-paydesk {
  position: absolute;
  left: 50%;
  margin-left: -175px;
  bottom: 0;
  margin-bottom: -70px;
}
@media (min-width: 768px) {
  .section-work-desk .img-work-desk,
  .section-work-desk .img-work-paydesk {
    margin-left: -260px;
    margin-bottom: -115px;
  }
}
@media (min-width: 1024px) {
  .section-work-desk .img-work-desk,
  .section-work-desk .img-work-paydesk {
    left: auto;
    right: 0;
    margin-right: -150px;
    bottom: auto;
    top: 50%;
    margin-top: -100px;
  }
}
@media (min-width: 1300px) {
  .section-work-desk .img-work-desk,
  .section-work-desk .img-work-paydesk {
    margin-top: -120px;
  }
}
.section-work-desk .logo-wrap {
  width: 25.350%;
  height: 29.600%;
  position: absolute;
  left: 44.585%;
  top: 3.000%;
}
.section-work-desk .logo-wrap-outer {
  width: 100%;
  height: 100%;
  display: inline-table;
}
.section-work-desk .logo-wrap-inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.section-work-desk img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.section-work-desk img.size-90 {
  max-width: 90%;
  max-height: 90%;
}
.section-work-desk img.size-85 {
  max-width: 85%;
  max-height: 85%;
}
.section-work-desk img.size-80 {
  max-width: 80%;
  max-height: 80%;
}
.section-work-desk img.size-75 {
  max-width: 75%;
  max-height: 75%;
}
.section-work-desk img.size-70 {
  max-width: 70%;
  max-height: 70%;
}
.two-cards {
  width: 350px;
  height: 280px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .two-cards {
    width: 100%;
    height: 210px;
  }
}
@media (min-width: 1024px) {
  .two-cards {
    height: 250px;
  }
}
.two-cards .amazon-card {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/amazon-card-img.png');
  background-size: 275px 203px;
  width: 275px;
  height: 203px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 768px) {
  .two-cards .amazon-card {
    background-size: 315px 232px;
    width: 315px;
    height: 232px;
  }
}
@media (min-width: 1024px) {
  .two-cards .amazon-card {
    background-size: 394px 290px;
    width: 394px;
    height: 290px;
  }
}
.two-cards .nomv-card {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/nomv-card-img.png');
  background-size: 287px 200px;
  width: 287px;
  height: 200px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .two-cards .nomv-card {
    background-size: 328px 229px;
    width: 328px;
    height: 229px;
    bottom: auto;
    top: 0;
  }
}
@media (min-width: 1024px) {
  .two-cards .nomv-card {
    background-size: 411px 287px;
    width: 411px;
    height: 287px;
  }
}
.two-cards .plus-icon {
  background: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/plus-icon.png');
  background-size: 21px 22px;
  width: 21px;
  height: 22px;
  display: block;
  position: absolute;
  margin: 0 0 75px 65px;
  left: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .two-cards .plus-icon {
    margin: 0;
    bottom: auto;
    left: 50%;
    margin-left: -11px;
    top: 50%;
    margin-top: -11px;
  }
}
@media (min-width: 1024px) {
  .two-cards .plus-icon:before,
  .two-cards .plus-icon:after {
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAMCAYAAADWBmv0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB3ZZBSsNAFIbfe1NLoJu6sFDU0iysdGW9Qb2BHsEb2BNIT6A3sEfoEXIDuxN0kWgFwW6y0N3MPCdCS4gwmUiipP9qMu9/3wxh8mcQUnparsZKw4gEn7DiZ631bOh3IyioLAcFzgcHnQUUVFUcIh0cHXaDtAc35pfVDSNf/aAw3g56exNwXbRGnE/1MT31/Th5JKs5kZl/NHVwWXS5uv4Tzuv7HTgoj9PaaW32gw/hW180RAg5UqDOhpnjlFbdOYTUOAcHocaRrS6EGEMJHBJkrVfFIQTddmoAtPqYuQ+lcKgP/8AhM3JKYY06stZNEkMJHCZZyn6KcqipmoF5K7EVihyZjymweTzpLRghqiuHfH83liAvbA2g5STvPpFwNKtLqBHH5MN0zfn+fSapqaTyzTB7nIIkVY97+3NwUAWcoErOoNeZrScw23wfhm2v4Y1AQvSbW+W2c7ZeX5J8OWqvfnwzAAAAAElFTkSuQmCC');
    background-size: 33px 6px;
    width: 33px;
    height: 6px;
    display: block;
    position: absolute;
    left: 100%;
    margin-left: 20px;
    top: 50%;
    margin-top: -3px;
  }
  .two-cards .plus-icon:before {
    left: auto;
    right: 100%;
    margin-right: 20px;
  }
}
.img-thank-you {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/thank-you-img.png');
  background-size: cover;
  display: block;
  width: 246px;
  height: 258px;
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .img-thank-you {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/thank-you-img@2x.png');
  }
}
@media (min-width: 768px) {
  .img-thank-you {
    width: 344px;
    height: 361px;
  }
}
@media (min-width: 1024px) {
  .img-thank-you {
    width: 453px;
    height: 474px;
  }
}
@media (min-width: 1300px) {
  .img-thank-you {
    width: 492px;
    height: 515px;
  }
}
.img-thank-you {
  position: absolute;
  left: 50%;
  margin-left: -120px;
  bottom: 0;
  margin-bottom: -135px;
}
@media (min-width: 768px) {
  .img-thank-you {
    margin-left: -170px;
    margin-bottom: -185px;
  }
}
@media (min-width: 1024px) {
  .img-thank-you {
    left: auto;
    right: 0;
    margin-right: 5px;
    bottom: auto;
    top: 50%;
    margin-top: -80px;
  }
}
@media (min-width: 1300px) {
  .img-thank-you {
    margin-top: -80px;
  }
}
.section-img-list2 .col-1 {
  width: 100%;
}
@media (min-width: 1024px) {
  .section-img-list2 .col-1 {
    width: 30%;
    float: right;
  }
}
.section-img-list2 .col-2 {
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .section-img-list2 .col-2 {
    width: 70%;
    float: left;
  }
}
.section-img-list2 .image-dev1 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img1.png');
  background-size: cover;
  width: 307px;
  height: 194px;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -154px;
}
@media (min-width: 768px) {
  .section-img-list2 .image-dev1 {
    width: 430px;
    height: 272px;
    margin-left: -215px;
  }
}
@media (min-width: 1024px) {
  .section-img-list2 .image-dev1 {
    width: 565px;
    height: 357px;
    margin-left: -310px;
  }
}
@media (min-width: 1300px) {
  .section-img-list2 .image-dev1 {
    width: 614px;
    height: 388px;
    margin-left: -350px;
  }
}
.section-img-list2 i[class^="icon52-"] {
  background: red;
  width: 52px;
  height: 52px;
  display: inline-block;
}
.section-img-list3 .col-1 {
  width: 100%;
}
@media (min-width: 768px) {
  .section-img-list3 .col-1 {
    width: 25%;
    float: right;
  }
}
@media (min-width: 1024px) {
  .section-img-list3 .col-1 {
    width: 45%;
  }
}
.section-img-list3 .col-2 {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .section-img-list3 .col-2 {
    width: 75%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .section-img-list3 .col-2 {
    width: 55%;
  }
}
.section-img-list3 .image-dev2 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img2.svg');
  background-size: cover;
  width: 235px;
  height: 250px;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -118px;
}
@media (min-width: 768px) {
  .section-img-list3 .image-dev2 {
    width: 329px;
    height: 350px;
    margin-left: -200px;
  }
}
@media (min-width: 1024px) {
  .section-img-list3 .image-dev2 {
    width: 432px;
    height: 460px;
    margin-left: -270px;
  }
}
@media (min-width: 1300px) {
  .section-img-list3 .image-dev2 {
    width: 470px;
    height: 500px;
    margin-left: -300px;
  }
}
.section-img-list3 i[class^="icon52-"] {
  background: red;
  width: 52px;
  height: 52px;
  display: inline-block;
}
.section-img-list4 .col {
  width: 44%;
  float: right;
}
@media (min-width: 768px) {
  .section-img-list4 .col {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-img-list4 .col {
    width: 100%;
  }
}
.section-img-list4 .image-dev3 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img-v3.svg');
  background-size: cover;
  width: 104px;
  height: 411px;
  display: block;
  position: absolute;
  right: 100%;
  margin-right: 30px;
  top: 0;
  margin-top: -20px;
}
@media (min-width: 768px) {
  .section-img-list4 .image-dev3 {
    width: 174px;
    height: 685px;
    margin-right: 50px;
  }
}
@media (min-width: 1024px) {
  .section-img-list4 .image-dev3 {
    background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img-h3.svg');
    width: 967px;
    height: 234px;
    right: 50%;
    margin-right: -483px;
    margin-top: -230px;
  }
}
.section-img-list4 ul {
  width: 100%;
  position: relative;
}
.section-img-list4 ul li {
  width: 100%;
  text-align: left;
}
@media (min-width: 1024px) {
  .section-img-list4 ul li {
    width: 25%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
}
.section-img-list4 ul li + li {
  margin-top: 73px;
}
@media (min-width: 768px) {
  .section-img-list4 ul li + li {
    margin-top: 90px;
  }
}
@media (min-width: 1024px) {
  .section-img-list4 ul li + li {
    margin-top: 0;
  }
}
.section-img-list4 ul h6,
.section-img-list4 ul p {
  color: white;
}
.section-img-list4 ul h6 {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
@media (min-width: 768px) {
  .section-img-list4 ul h6 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 33px;
  }
}
.image-dev4 {
  background-image: url('https://cdn2.hubspot.net/hubfs/635739/LANDING%20PAGES/Partners/images/dev-img4.svg');
  background-size: cover;
  width: 425px;
  height: 305px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -212px;
  bottom: 0;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .image-dev4 {
    width: 595px;
    height: 426px;
    margin-left: -130px;
    bottom: auto;
    top: 0;
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  .image-dev4 {
    width: 782px;
    height: 560px;
    margin-left: -160px;
    margin-top: 30px;
  }
}
@media (min-width: 1300px) {
  .image-dev4 {
    width: 850px;
    height: 609px;
    margin-left: -160px;
    margin-top: 80px;
  }
}
.video-trigger2 {
  width: 100%;
  max-width: 350px;
  display: inline-block;
}
@media (min-width: 768px) {
  .video-trigger2 {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .video-trigger2 {
    max-width: 640px;
  }
}
@media (min-width: 1300px) {
  .video-trigger2 {
    max-width: 720px;
  }
}
.video-trigger2 a {
  background-size: cover;
  width: 100%;
  padding-top: 58%;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 32px rgba(24, 32, 37, 0.15);
          box-shadow: 0 12px 32px rgba(24, 32, 37, 0.15);
  position: relative;
  display: inline-block;
  float: left;
  cursor: pointer;
}
@media (min-width: 768px) {
  .video-trigger2 a {
    border-radius: 6px;
    -webkit-box-shadow: 0 24px 64px rgba(24, 32, 37, 0.15);
            box-shadow: 0 24px 64px rgba(24, 32, 37, 0.15);
  }
}
@media (min-width: 1024px) {
  .video-trigger2 a {
    border-radius: 8px;
    -webkit-box-shadow: 0 30px 80px rgba(24, 32, 37, 0.15);
            box-shadow: 0 30px 80px rgba(24, 32, 37, 0.15);
  }
}
.video-trigger2 a:before {
  content: '';
  background: rgba(24, 32, 37, 0.3);
  width: 56px;
  height: 56px;
  border: 4px solid white;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 12px 30px rgba(24, 32, 37, 0.4);
          box-shadow: 0 12px 30px rgba(24, 32, 37, 0.4);
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -28px;
  top: 50%;
  margin-top: -28px;
}
@media (min-width: 768px) {
  .video-trigger2 a:before {
    width: 70px;
    height: 70px;
    border-width: 5px;
    margin-left: -35px;
    margin-top: -35px;
  }
}
.video-trigger2 a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid white;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -8px;
}
@media (min-width: 768px) {
  .video-trigger2 a:after {
    border-left-width: 18px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-left: -7px;
    margin-top: -10px;
  }
}

.quote .blockquote {
  width: 100%;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .quote .blockquote {
    padding-top: 0;
    padding-left: 90px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .quote .blockquote {
    max-width: 720px;
    margin: 0 auto;
  }
}
.quote .blockquote .quote-owner-avatar {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 0;
}
@media (min-width: 768px) {
  .quote .blockquote .quote-owner-avatar {
    left: 0;
    margin-left: 0;
    top: 0;
  }
}
.quote .blockquote q {
  padding: 14px 0 12px;
  display: block;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
  color: #5c6266;
}
@media (min-width: 768px) {
  .quote .blockquote q {
    padding: 5px 0 9px;
    font-size: 19px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  .quote .blockquote q {
    padding: 1px 0 28px;
    font-size: 22px;
    line-height: 30px;
  }
}
.quote .blockquote .quote-owner {
  text-align: center;
}
.quote .blockquote .quote-owner-name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: #32b4d8;
}
.quote .blockquote .quote-owner-position {
  display: block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: #a7b5c0;
}
@media (min-width: 768px) {
  .quote .blockquote .quote-owner-position {
    display: inline-block;
  }
  .quote .blockquote .quote-owner-position:before {
    content: '|';
    margin: 0 11px 0 7px;
  }
}

.list-security li {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .list-security li {
    width: calc(33% - 32px);
  }
}
@media (min-width: 1024px) {
  .list-security li {
    width: calc(33% - 50px);
  }
}
.list-security li + li {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .list-security li + li {
    margin-top: 0;
    margin-left: 48px;
  }
}
@media (min-width: 1024px) {
  .list-security li + li {
    margin-left: 75px;
  }
}
.list-security h6 {
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #6A7A87;
}
.list-security img {
  width: 175px;
  height: 126px;
  display: inline-block;
}
@media (min-width: 1024px) {
  .list-security img {
    width: 225px;
    height: 162px;
  }
}
@media (min-width: 1300px) {
  .list-security img {
    width: 250px;
    height: 180px;
  }
}