:root {
  --primaryfont: visbycf-bold, arial, sans-serif;
  --secondaryfont: 'Work Sans', arial, sans-serif;
  --btnheightsm: 40px;
  --btnheightreg: 50px;
  --hero-height: 848px;

  --dpnavy: #2c345b;
  --dpgold: #F4B975; 
  --dpnavyhover: #444B6C;
  --dpblue: #3291c1;
  --dpbluehover: #4DA7D4;
  --dpgreen: #42ba96;
  --dpgreenhover: #5FC8A8;
  --dp-navy-900: #2c345b;
  --dp-navy-700: #787d96;
  --dp-navy-500: #b3b6c4;
  --dp-navy-300: #dddfE5;
  --dp-navy-100: #f7f7f8;

  --dp-blue-900: #3291c1;
  --dp-blue-700: #5ba7cd;
  --dp-blue-500: #84bdda;
  --dp-blue-300: #add3e6;
  --dp-blue-100: #d6e9f3;

  --dp-green-900: #42ba96;
  --dp-green-700: #68c8ab;
  --dp-green-500: #8ed6c0;
  --dp-green-300: #b3e3d5;
  --dp-green-100: #d9f1ea;

  --dp-gold-900: #efcd6f;
  --dp-gold-700: #f2d78b;
  --dp-gold-500: #f5e1a8;
  --dp-gold-300: #f9ebc5;
  --dp-gold-100: #fcf5e2;

  --dp-purple-900: #7257E0;
  --dp-purple-700: #8C76E2;
  --dp-purple-500: #A695E5;
  --dp-purple-300: #C0B3E7;
  --dp-purple-100: #DAD2E9;

  --dp-grey-900: #444444;
  --dp-grey-800: #626262;
  --dp-grey-700: #848484;
  --dp-grey-600: #a4a4a4;
  --dp-grey-500: #c6c6c6;
  --dp-grey-400: #d8d8d8;
  --dp-grey-300: #e5e5e5;
  --dp-grey-200: #f0f0f0;
  --dp-grey-100: #f8f8f8;

  --fontsizeh2: 48px;

  --ugc-video-size-mult: 5;
  --ugc-video-player-width: calc(90 * var(--video-size-mult));
  --ugc-video-player-height: calc(160 * var(--video-size-mult));
}
h1, h2, h3, h4, h5, h6 { font-family: var(--primaryfont) }
p { font-family: var(--secondaryfont) }
a, button {
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
p { margin-bottom: 0!important; }
.author-text .author-link { text-decoration: underline; }
.site-main p, .site-main li { font-size: 16px; line-height: 26px; }
.contact-thank-you p { width: 90%; text-align: center; max-width: 700px; margin: 0 auto; }
.contact-thank-you i { color: #42BA96; font-size: 100pt; }
.contact-thank-you { margin-bottom: 100px; }
.header-2 {
  padding: 0px 0px 0px 0px !important;
  font-family: visbycf-bold !important;
  color: white !important;
  font-size: 48px !important;
}
.dp-green-background { background-image: url("/images/ctabackground1-1.jpg"); background-size: cover; background-repeat: no-repeat;}
.homepage-get-custom-proposal-block { height: 428px !important; padding-top: 126px !important; }
.cta-block-container { text-align: center; padding: 0 20px 0 20px; }
.button-top-margin { margin-top: 30px; }
.success-cta-full {
  width: 100%;
  height: 428px;
  background-image: url("/images/ctabackground1-1.jpg");
  background-size: cover;
  background-position: 64%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-block-container h2 {
    font-family: visbycf-bold, arial, sans-serif;
    color: white;
    font-size: 48px;
  }
.portfolio-lp-full {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hp-foreground {margin-top: -140px; }
.foreground-scene { max-width: 100%; }
.avg-client-bar { position: relative; }
.dp-button {
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0px 2px 4px rgba(0,0,0, .16);
}
.dp-button-nav { height: var(--btnheightsm); width: 260px; line-height: var(--btnheightsm); }
.dp-btn-ctahome { height: var(--btnheightreg); width: 380px; line-height: var(--btnheightreg); }
.dp-btn-ctahome i { font-size: 12px; margin-left: 10px;}
.dp-button-tiny {
  cursor: pointer;
  border-radius: 0px;
  font-size: 14px;
  display: inline-block;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: visbycf-regular, arial, sans-serif;
  white-space: nowrap;
  padding: 8px 16px 8px 16px;
}
.dp-button-modal {
  max-height: 50px;
  cursor: pointer;
  border-radius: 0px;
  font-size: 16px;
  display: inline-block;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  margin: 40px auto 20px;
}
.dp-button-modal-2 {
  width: 100%;
  height: 40px;
  cursor: pointer;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  margin: 40px auto 20px;
}
.dp-button-modal:focus, .dp-button-modal-2:focus { border: none; outline: none;}
.modal-page .form-group p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #555555;
}
.modal-body-right .form-group p {
  margin-bottom: 20px!important;
}
.modal-page .form-group select {
  color: #555555;
  width: calc(100% - 10px);
  max-height: 40px;
  min-width: 200px;
  padding-left: 10px;
}
.modal-page .form-group input {
  font-family: var(--secondaryfont);
  color: #555555;
  background-color: #fafafa;
  font-size: 14px;
  width: 100%;
  height: 40px;
  min-width: 320px;
  padding-left: 18px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.form-group input:focus-visible { outline: none; box-shadow: 0 0 0 1px #cacaca; }
.modal-intro p {padding-top: 20px!important; }
.modal-select-group {
  height: 40px;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  background-color: #fafafa;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.goals-select-group {
  max-width: 280px;
  margin-top: 8px;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.modal-page .form-group .goals-select-group input {
  font-family: var(--secondaryfont);
  color: #555555;
  font-size: 14px;
  width: unset;
  height: unset;
  min-width: unset;
  padding-left: 18px;
  margin-top: unset;
  margin-bottom: unset;
}
.goals-select-group .checkbox-group { margin: 10px 0; }
.checkbox-group label { line-height: 150%; }
.modal-select-margin {
  display: none;
  background-color: white;
  height: 40px;
  width: 10px;
}
.g-recaptcha { margin-top: 20px; }
select { background-color: #fafafa; margin: 8px; }
.dp-button-wide { padding: 16px 56px 16px 56px; }
.dp-button-wwd-wide { padding: 16px 56px 16px 56px; }
.dp-button-cmowwd-wide { height: 40px; width: 100%; display: flex; justify-content: center; align-items: center; }
.dp-button-compact { padding: 14px 32px 14px 32px; }
.dp-button-on-green { background-color: #eeeeee; color: #42BA96 !important; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-on-green:hover { background-color: white; color: #42BA96 !important; box-shadow: 0px 0px 10px 4px #00000016; }
.dp-button-on-navy { background-color: #eeeeee; color: #2c345b !important; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-on-navy:hover { background-color: white; color: #2c345b !important; box-shadow: 0px 0px 10px 4px #00000016; }
.dp-button-on-blue { background-color: #eeeeee; color: #3291C1 !important; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-on-blue:hover { background-color: white; color: #3291C1 !important; box-shadow: 0px 0px 10px 4px #00000016; }
.dp-button-navy-on-white { background-color: #2c345b; color: #eeeeee; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-navy-on-white:hover { background-color: #414368; color: #eeeeee !important; box-shadow: 0px 0px 10px 4px #00000016; }
.dp-button-blue-on-white { background-color: #3291C1; color: #eeeeee; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-blue-on-white:hover { background-color: #3A81A6; color: #ffffff; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-green-on-white { background-color: #42BA96; color: #eeeeee !important; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-button-green-on-white:hover { background-color: #41AA8A; color: #ffffff !important; box-shadow: 0px 0px 10px 4px #00000016; }
.dp-button-yellow-on-navy {
  width: auto;
  max-width: 360px;
  height: var(--btnheightreg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #DBB13B;
  color: #fafafa !important;
  box-shadow: 0px 0px 8px 4px #00000008;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dp-button-yellow-on-navy:hover {
  background-color: #e1c474;
  color: #fafafa !important;
  box-shadow: 0px 0px 10px 4px #00000016;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dp-button-green-on-navy {
  background-color: #42BA96;
  color: #fafafa !important;
  box-shadow: 0px 0px 8px 4px #00000008;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dp-button-green-on-navy:hover {
  background-color: #1cbaa0;
  color: #fafafa !important;
  box-shadow: 0px 0px 10px 4px #00000016;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dp-button-white-on-navy {
  background-color: white;
  color: #2c345b !important;
  box-shadow: 0px 0px 8px 4px #00000008;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dp-button-white-on-navy:hover {
  background-color: #fafafa;
  color: #2c345b !important;
  box-shadow: 0px 0px 10px 4px #00000016;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.45);
}
.dpb-center { text-align: center }
.dpb-top-margin { margin-top: 40px; }
.dpb-sm-top-margin { margin-top: 20px; }
.dpb-bottom-margin { margin-bottom: 40px; }
.dpb-sm-bottom-margin { margin-bottom: 20px; }
.dp-light-grey { background-color: #eeeeee}
.flipper { background-color:	#E1E1E1; }
.team-page-full { text-align: center; max-width: 1400px; margin: 0 auto 120px; }
.page-description-container {
  position: relative;
  max-width: 1290px;
  margin: 0 auto;
  background-color: #E1E1E1;
  padding: 40px 60px;
  margin: -68px auto 0px auto;
  box-shadow: -8px 8px 4px #00000022;
}
.page-description-container img {
  max-width: 80px;
  height: auto;
  margin: 20px auto 0;
}
.page-description, .page-description p {
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  max-width: 100%;
}
.team-container {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.team-card-container { padding-top: 26px; max-width: 300px; margin: 0 15px; }
.team-card {
  position: relative;
  text-align: center;
  background-color: var(--dp-grey-400);
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  box-shadow: -6px 8px 4px #00000036;
}
.team-card-desc {
  background-color: var(--dp-grey-200);
  width: 300px;
  height: 390px;
  margin: 0 auto;
  padding: 20px 20px 40px;
}
.team-card-desc h2 {
  color: var(--dp-navy-900);
  font-family: var(--primaryfont);
  font-size: 22px;
  padding: 0 0 5px!important;
  text-align: left;
}
.team-card-desc h4 {
  color: var(--dp-grey-700);
  font-family: var(--primaryfont);
  font-size: 14px;
  text-align: left;
  padding: 0!important;
}
.team-card-desc p {
  font-family: var(--secondaryfont);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  padding-top: 4px;
  text-align: left;
}
.team-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.team-dept-label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  font-family: var(--secondaryfont);
  font-weight: 700;
  font-size: 10px;
  color: white;
  padding: 0 5px;
  border-radius: 2px;
}
.social-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}
.no-filter{
  filter: none !important;
}
.hero-box-divider {
  width: 186px;
  height: 8px;
  text-align: center;
  background-color: white;
  margin: 26px auto;
}
.cs-box-divider {
  width: 186px;
  height: 8px;
  text-align: center;
  background-color: #2c345b;
  margin: 0 auto 88px auto;
}
.faq-box-divider {
  width: 186px;
  height: 8px;
  text-align: center;
  background-color: #2c345b;
  margin: 0 auto;
}
.box-divider {
  width: 186px;
  height: 8px;
  text-align: center;
  background-color: #2c345b;
  margin: 0 auto 120px auto;
}
.lp-hero h1 {
  color: white;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 62px;
  text-align: center;
  padding: 200px 20px 0 20px;
  margin: 0;
}
.lp-hero h1 sm {
  font-size: 56px;
}
.lp-hero h1 xsm {
  font-size: 56px;
}
.lp-hero h2 {
  padding: 30px 20px 10px 20px;
}
.lp-hero h2, .lp-hero h2 b, .blog-lp-hero h2, .blog-lp-hero h2 b {
  color: white;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
}
.lp-hero h2 b {
  font-family: visbycf-bold;
}
.lp-hero h2 sm {
  line-height: 32px;
  font-size: 28px;
}
.lp-hero h2 xsm {
  line-height: 32px;
  font-size: 26px;
}
.team-landing-page-main {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: 520px;
  background-attachment: scroll;
}
.landing-page-hero-full {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: 520px;
  background-attachment: scroll;
}
.ata-hero-full {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: 520px;
  background-attachment: scroll;
}
.privacy-sitemap-hero-full {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: 380px;
  background-attachment: scroll;
}
.user-name,
.user-name a {
  display: flex;
  align-items: center;
  color: #eeeeee;
  font-size: 15px;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}
.user a i { font-size: 14px; font-weight: 300; }
.contact-address { display: flex; flex-direction: column; }
.contactinfo { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; font-size: 18px; }
.contactinfo a { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; font-size: 18px; }
.contact-address {
  display: flex;
  flex-direction: column;
  line-height: 22px;
  font-weight: 300;
}
.contactinfo li span { font-size: 16px; color: #eee }
.footerlisttitle span { font-size: 16px; }
.contactinfo {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 18px !important;
  padding-top: 42px;
}
.contactinfo a { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; font-size: 18px; }
.socialicons {
  color: #42BA96;
  text-align: center;
  font-size: 28px;
  padding-top: 35px;
}
.socialicons a { color: #42ba96; }
.footer-address p {
  font-family: var(--secondaryfont), arial, sans-serif;
font-weight: 400;
color: #cacaca;
padding-top: 30px;
}
.footer-addresses { padding-bottom: 80px; }
.footer-contact-us { margin-top: 28px; }
.footer-contact-us ul { margin-bottom: 0; }
.footer-main { display: flex; margin: 100px 40px 40px; }
.footer { background-color: #2c345b; background-image: radial-gradient(#2c345b, #2c345b, #1c1e3b); }
.footer-divider {
  margin: 4px 130px 20px 130px;
  background-color: white;
  width: 2px;
  height: 516px;
}
.bottom-nav {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 26px;
}
.bnav-list { height: auto; }
.bnav-list a {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  color: #cfcfcf;
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
}
.bnav-list a:hover { color: #eeeeee; }
.bnav-list ul { margin-right: 3.542vw; margin-bottom: 60px; }
.bnav-title { padding-bottom: 30px; }
.bnav-title a { font-family: visbycf-bold, arial, sans-serif; color: white; }
.footerlisttitle b { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; color: white; }
.resources-full { background-color: #eeeeee; }
.resources-block-header span {
  color: #2c345b;
  text-align: center;
  font-family: visbycf-bold;
  font-size: 36px;
  padding-bottom: 20px;
  margin: 0 auto;
}
.resources-block-header p {
  max-width: 680px;
  color: #555555;
  text-align: center;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 20px;
  margin: 0 auto;
}
.resources-block-header { display: flex; flex-direction: column; align-items: center; }
.resources-block-green {
  max-width: 1600px;
  box-shadow: -8px 8px 4px #00000022;
  height: auto;
  margin: 60px auto 0;
  padding: 64px 40px 40px 40px;
  background-color: #42BA96;
  overflow: auto;
}
.resources-block {
  justify-content: center;
  max-width: 1600px;
  height: auto;
  margin: 0 auto;
  padding: 60px 20px;
  overflow: auto;
}
.section-icon { max-height: 100px; }
.section-icon img { height: 100%; max-width: 100%; }
.resources-lp-container { background-color: #eee; padding: 0 40px; }
.resources-items-all { display: flex; justify-content: center; flex-wrap: wrap; }
.resources-item {
  position: relative;
  display: flex;
  background-color: #f5f5f5;
  flex-direction: column;
  align-items: center;
  max-width: 320px;
  min-height: 460px;
  border: 1px solid #e1e1e1;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
  padding: 30px;
  margin: 20px;
}
.section-icon { display: block; margin-bottom: 15px; }
.tools-icon-bg, .tools-icon-bg-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20%;
}
.tools-icon-bg {width: 80px; height: 80px; }
.tools-icon-bg-nav {width: 50px; height: 50px; }
.tools-icon-bg img { max-width: 95%; height: auto; max-height: 95%; }
.tools-icon-bg-nav img { max-width: 95%; height: auto; max-height: 95%; }
.resources-section-desc h3 {
  font-family: visbycf-bold;
  font-size: 24px;
  text-align: center;
  padding-bottom: 10px;
}
.resources-section-desc p {
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 80px!important;
}
.resources-section-button {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 30px;
}
.dp-button-tools {
  cursor: pointer;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 188px;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: var(--secondaryfont), arial, sans-serif;
  white-space: nowrap;
}
.resources-dotted-line, .resources-dotted-line-short {
  position: absolute;
  left: 50%;
  transform: translate( -860px, 0);
  width: 12px;
  margin-top: 20px;
  background-image: repeating-linear-gradient(180deg, rgb(225, 225, 225) 0px, rgb(225, 225, 225) 77px, rgb(238, 238, 238) 77px, rgb(238, 238, 238) 106px);
}
.resources-dotted-line { height: 64%; }
.resources-dotted-line-short { height: 54%; }
.resources-ghost-line { display: none; width: 12px; }
.resources-divider-line {
  background-color: #ffffff66;
  height: 1px;
  width: 80%;
  margin: 16px auto 30px;
}
.portfolio-lp-container {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto 114px;
  overflow: visible;
}
.portfolio-brand-logo {height: 349px; }
.brand-img { width: 100%; height: auto; object-fit: cover; overflow: hidden; }
.brand-logo { max-width: 70%; height: auto; padding: 20px 0 20px 0; }
.service-label {
  pointer-events: none;
  margin-top: 20px;
  font-size: 18px;
  display: inline-block;
  padding: 15px 50px 15px 50px;
  text-decoration: none!important;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: visbycf-bold, arial, sans-serif;
}
.ppc-service-label-on { color: white; background-color: #3291C1; }
.seo-service-label-on { color: white; background-color: #42BA96; }
.service-label-off { color: #e1e1e1; background-color: #cacaca; }
.featured-client-container {
  width: 1200px;
  height: 100%;
  padding-bottom: 50px;
  margin: 0 auto;
  overflow: visible;
  }
.cs-list-container {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  }
.cs-full-collection {
  font-family: visbycf-bold, arial, sans;
  font-size: 48px;
  margin: 50px auto 26px;
  color: #2c345b;
  text-align: center;
  padding: 0 20px 0 20px;
  }
.cs-block-group {
  position: relative;
  padding: 50px 0 128px 0;
  z-index: 400;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.cs-bg-white { background-color: white; }
.cs-bg-lightgrey { background-color: #eee; }
.section-shadow { box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14); }
.cs-block {
  position: relative;
  width: 420px;
  height: 260px;
  margin: 12px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
.cs-template-logo {
  padding: 0 20px 0 20px;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -116px);
  }
.cs-template-bg { max-width: 100%; height: auto; object-fit: cover; }
.cs-template-link, .cs-template-link a {
    text-decoration: none;
    position: absolute;
    bottom: 33px;
    left: 50%;
    min-width: 260px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transform: translate(-50%);
    -webkit-appearance: none;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background-color: #42BA96;
    border-radius: 0px;
    font-family: var(--secondaryfont), arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #eeeeee;
    box-shadow: 0px 0px 8px 4px #00000008;
}
.cs-template-link:hover, .cs-template-link a:hover {
  filter: brightness(1.10);
}
.case-study-links { display: flex; flex-wrap: wrap; justify-content: center; }
.avgclientbar {
  z-index: -1;
  background-color: white;
  width: 100%;
  text-align: center;
  }
  .avgclientbar-local {
    z-index: -1;
    background-color: white;
    width: 100%;
    text-align: center;
    min-height: 272px;
    }
.avgclientbar h3 {
  font-family: visbycf-medium, arial, sans-serif;
  font-size: 48px;
  color: #2c345b;
  padding: 40px 26px 32px 26px;
}
.avgclientbar-local h4 {
  font-family: visbycf-medium, arial, sans-serif;
  font-size: 48px;
  color: #2c345b;
  padding: 40px 26px 24px 26px;
}
.avgclientbar h3 b { font-family: visbycf-bold, arial, sans-serif; color: #42BA96; }
.avgclientbar-local h4 b { font-family: visbycf-bold, arial, sans-serif; color: #42BA96; }
.googlerating { max-width: 240px; height: auto; padding-bottom: 38px; }
.lp-container-cs-temp {
  max-width: 1400px;
  padding: 0 40px 0 40px;
  height: 100%;
  margin: 0 auto;
  overflow: visible;
}
.cs-brand-logo { margin-top: 10px; max-width: 75%; max-height: 200px; }
.cs-hero {
  background-image: url(/images/landing-pages/case-studies/case-studies-banner-2.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 480px;
  z-index: 500;
  position: relative;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.cs-hero-text h1 {
  position: absolute;
  bottom: 70px;
  left: 50%;
  -webkit-transform:translate(-50%, 0);
  color: white;
  font-family: var(--secondaryfont);
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
}
.cs-temp-header {
font-family: visbycf-bold, arial, sans-serif;
font-size: 48px;
color: #2c345b;
text-align: center;
padding: 106px 20px 50px 20px;
}
.journey-container {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.case-study-body-text p {
  max-width: 1200px;
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto;
}
.cs-journey {/* padding-right: 75px; */}
.case-study-body-img { max-width: 33%; height: auto; box-shadow: 50px 50px 0px 0px rgba(0,0,0,0.06); float: right; margin-left: 75px; margin-bottom: 75px; }
.case-study-results {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 60px;
}
.cs-card {
  background-color: #fafafa;
  box-shadow: 0px 0px 8px rgb(0 0 0 / 14%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 240px;
  height: 200px;
  padding: 20px;
  margin: 12px;
}
.case-study-section { width: 100%; }
.card-text-big {
  color: #42ba96;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
}
.card-text-small {
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 0 8px;
}
.cs-card-values { text-align: center; }
.case-study-full { position: relative; z-index: 410; padding-bottom: 40px; }
.home-lp-hero-full {
  background-image: url("/images/homepage/background-4.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  border-style: none;
  height: auto;
  background-attachment: scroll;
}
.main-lp-hero-full {
  background-image: url("/images/homepage/background-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: auto;
  background-attachment: scroll;
}
.main-lp-hero-full-local {
  background-image: url("/images/homepage/background-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: auto;
  background-attachment: scroll;
  position: relative;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.main-tagline { text-align: left; padding: 204px 135px 44px; }
.main-tagline-local { text-align: center!important; padding: 172px 0px 92px 0px !important; }
.main-tagline-local h2 { margin: 0 auto; max-width: 850px!important; }
.avgclientbar-local img { filter: brightness(.75); }
.cmo-form-body-left span { margin-top: 40px; margin-bottom: 2px!important; }
.main-tagline h2, .main-tagline h2 b {
  max-width: 500px;
  padding: 0;
  font-size: 56px;
  color: white;
  line-height: 66px;
  font-family: visbycf-bold, arial, sans-serif;
}
.main-tagline h2 b { color: #42ba96; }
.main-tagline h3 {
  font-size: 60px;
  color: white;
  line-height: 56px;
  font-family: visbycf-light, arial, sans-serif;
  font-weight: 100;
}
.tagline-desc { padding: 40px 0px 26px; max-width: 420px; }
.tagline-desc-local { padding: 50px 20px 18px 20px; }
.tagline-desc span, .tagline-desc h1 {
  text-align: left;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 15px;
  line-height: 25px;
}
.tagline-desc-local span, .tagline-desc-local h1 {
  text-align: center;
  font-family: visbycf-demibold, arial, sans-serif;
  color: white;
  font-size: 24px;
  line-height: 32px;
}
.platform-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 58px;
}
.checkmark2 { padding-right: 16px; }
.platform-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #eeeeee;
  padding: 4px 26px;
  margin: 5px 5px 10px;
}
.avg-client-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 4px 0px 14px 0px;
}
.client-logo-mobile {
  max-width: 260px;
  height: auto;
  object-fit: scale-down;
}
.down-symbol { text-align: center; padding: 66px 20px 40px 20px; }
.wwd-full-section {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  justify-content: flex-end;
  padding: 120px 0px 120px 20px;
  background-color: #eeeeee;
  margin: 0 auto;
}
.wwd-full-desc-container {
    max-width: 740px;
    padding: 0 40px 20px 0;
    margin-left: 20px;
    position: relative;
}
.fm-wwd-full-desc-container {
  max-width: 480px;
  padding: 0 40px 50px 0;
  margin-left: 20px;
  position: relative;
}
.wwd-full-desc { text-align: right; max-width: 450px; }
.wwd-full-desc h2 {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 60px;
  color: #2c345b;
  text-shadow: 0px 0px 3px rgba(48,51,106, 0.1);
  padding-bottom: 20px;
}
.wwd-full-desc h2 sm {
  font-size: 52px;
}
.wwd-box-divider {
  width: 186px;
  height: 8px;
  background-color: #2c345b;
  margin-left: auto;
}
.wwd-full-desc-text { padding: 30px 0px 40px 0px; }
.wwd-full-desc-text p {
  float: right;
  max-width: 444px;
  font-family: visbycf-light, arial, sans-serif;
  font-size: 22px;
  line-height: 36px;
  font-weight: 100;
  color: #2c345b;
  text-shadow: 0px 0px 1.6px rgba(48,51,106, 0.40);
  padding-bottom: 30px;
}
.wwd-content-strip, .wwd-content-strip-home, .bb-content-strip, .lseo-content-strip, .gpr-content-strip, .fseo-content-strip {
  display: flex;
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  background-color: #e1e1e1;
  box-shadow: -6px 8px 4px 0px rgb(0 0 0 / 14%);
}
.wwd-content-strip-home { overflow: visible!important; padding: 86px 80px 86px 3vw; }
.wwd-content-strip { padding: 86px 40px 86px 2vw; }
.bb-content-strip { padding: 40px 0 40px 60px; }
.lseo-content-strip { padding: 60px 0 40px 3vw; width: 60vw; }
.fseo-content-strip { padding: 60px 0 40px 3vw; margin-top: 40px; margin-bottom: 40px; }
.gpr-content-strip { padding: 96px 0 96px 80px; }
.ppcseo-servicebox-container { display: flex; }
.service-box {
  position: relative;
  width: 45%;
  max-width: 460px;
  min-width: 300px;
  height: auto;
  padding: 40px 30px 140px 30px;
  margin: 10px;
}
.cmo-service-box {
  display: flex;
  flex-direction: row;
  position: relative;
  width: calc(90% + 20px);
  min-width: 620px;
  height: auto;
  align-items: center;
  padding: 30px;
  margin: 10px;
}
.cmo-box-title-container h3 {font-size: 68px; line-height: 68px; }
.cmo-box-title-container { margin-bottom: 10px; margin-right: 30px; }
.cmo-box-divider {
  flex-basis: 100%;
  max-width: 8px;
  height: 140px;
  background-color: white;
  margin: 0 30px;
}
.cmo-servicebox-container { max-width: 100%; }
.navy-box { background-color: #2c345b; }
.blue-box { background-color: #3291C1; }
.teal2-box { background-color: #32ACC1 }
.teal3-box { background-color: #31B5AC }
.green-box { background-color: #42BA96; }
.dark-box { background-color: #444444; }
.google-bing-badge {
  height: 80px;
  margin-top: 20px;
  max-width: 100%;
  max-height: 100%;
}
.wwd-content-strip-inner { max-width: 860px; }
.service-box-title { display: flex; align-items: baseline; margin-bottom: 10px; }
.service-box-title h3 { font-family: visbycf-bold, arial, sans-serif; font-size: 68px; color: white; }
.box-filler {
  width: 100%;
  background-color: white;
  height: 8px;
  margin-left: 18px;
}
.service-box-desc {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.anchor-bottom {
  position: absolute;
  left: 50%;
  -webkit-transform:translate(-50%, 0);
  bottom: 50px;
}
.pys-full-section { margin-bottom: 124px; }
.pys-desc p {
  color: #2c345bcc;
  font-family: visbycf-medium, arial, sans-serif;
  font-size: 34px;
  line-height: 41px;
  margin: 20px 0 20px 16%;
}
.pys-metric { display: flex; margin-bottom: 22px; }
.pys-gradient-bar {
  width: 0%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 125px;
  text-align: right;
  background: linear-gradient(90deg, rgba(50,145,193,1) 0%, rgba(66,186,150,1) 100%);
  border-radius: 0 8px 8px 0;
}
.pys-gradient-bar p {
  white-space: nowrap;
  padding-right: 42px;
  font-family: visbycf-medium;
  font-size: 42px;
  color: white;
  text-shadow: 0px 0px 2px rgba(255,255,255, 0.30);
}
.pys-bar-container-l { width: 60%; }
.pys-bar-container-s { width: 47%; }
.pys-gb-start { width: 0%; }
.bartext-start { opacity: 0%; }
.pys-gb-first, .pys-gb-second {
  animation-duration: 2.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.82,0,.08,.92);
}
.bartext1, .bartext2 {
  animation-duration: 2.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.74, 0, 0.26, 0.99);
}
.pys-gb-first { animation-name: expandbar1; }
.pys-gb-second { animation-name: expandbar2; }
.bartext1 { animation-name: textfade1; }
.bartext2 { animation-name: textfade2; }

@keyframes expandbar1 {
  0% { width: 0%; }
  20% { width: 100%; }
  100% {width: 100%; }
}

@keyframes textfade1 {
  0% { opacity: 0%; }
  30% { opacity: 0%; }
  40% { opacity: 100%; }
  100% { opacity: 100%; }
}

@keyframes expandbar2 {
  0% { width: 0%; }
  50% { width: 0%; }
  70% { width: 100%; }
  100% { width: 100%; }
}

@keyframes textfade2 {
  0% { opacity: 0%; }
  80% { opacity: 0%; }
  90% { opacity: 100%; }
  100% { opacity: 100%; }
}

.pys-metric img { align-self: center; padding-left: 35px; }
.client-results-section-full { background-color: #3291c1; padding: 130px 0 80px 0; }
.client-results-section { background-color: #3291c1; padding: 130px 0 80px 0; }
.no-review { padding: 120px 0 50px !important;}
.client-results-container {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
  padding: 0px 40px 0px 40px;
}
.client-results-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.client-results-right {padding-left: 48px; }
.cr-client-logo {
  max-width: 100%;
  max-height: 120px;
  height: auto;
  margin: 0px 25px 50px;
}
.cr-copy h3 {
  color: #FFF;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 36px;
}
.cr-copy p {
  max-width: 696px;
  color: #FFF;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.cr-copy p sm {
  max-width: 696px;
  color: #FFF;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}
.cr-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 50px 0 20px 0;
}
.cr-card {
  background-color: #65ABCF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 180px;
  height: 160px;
  padding: 10px 10px 20px 10px;
  margin: 0 20px 20px 0;
}
.cr-card-values { text-align: center; }
.cr-card-text-big {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
}
.cr-card-text-big sm {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
}
.cr-card-text-small {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.landing-page-hero-alt {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: auto;
  background-attachment: scroll;
  padding-bottom: 80px;
}
.lp-container-alt {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1600px;
  padding: 200px 20px 60px 20px;
  margin: 0 auto;
}
.lp-hero-alt { padding-right: 80px; max-width: 760px;}
.lp-hero-alt h1 {
  color: white;
  font-family: visbycf-light, arial, sans-serif;
  font-size: 18px;
  text-align: left;
  margin: 0;
}
.lp-hero-alt h2, .lp-hero-alt h2 sm, .lp-hero-alt h2 g {
  color: white;
  font-size: 36px;
  text-align: left;
  margin: 0;
}
.lp-hero-alt h2 { font-family: visbycf-bold, arial, sans-serif; }
.lp-hero-alt h2 sm { font-family: visbycf-medium, arial, sans-serif; }
.lp-hero-alt h2 g { color: #42ba96; }
.lp-hero-alt p {
  max-width: 420px;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: white;
  line-height: 24px;
  padding: 10px 0;
}
.lpa-featured-video {
  position: relative;
  display: block;
  height: auto;
  padding: 0;
}
.lpa-fleetfeet-video { width:calc(280px + 14.5835vw); height:calc(157.5px + 8.203vw); }
.lpa-box-divider {
  width: 186px;
  height: 8px;
  background-color: white;
  margin: 20px 0;
}
.lpa-badges {max-width: 100%; height: auto; padding-top: 22px;}
.lpa-cta { text-align: center; padding: 20px 0 60px; }
.lpa-avg-relationship { padding: 40px; }
.center-button-div { text-align: center; margin: 80px auto; }
.cr-button-div { text-align: center; margin: 56px auto; }
.cr-testimonial-container { padding-top: 34px; max-width: 968px; margin: 0 auto; }
.cr-testimonial { display: flex; }
.cr-t-text p {
  color: #eeeeee;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  padding: 22px 20px 10px 36px;
}
.cr-t-sign p {
  color: #DBB13B;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 26px;
  line-height: 29px;
  padding: 10px 52px 0 36px;
}
.cr-t-sign { text-align: right; }
.open-book-full-section {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 100px 0;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.ob-title { text-align: center; }
.ob-title h3 {
  color: #2c345b;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 60px;
  line-height: 72px;
}
.ob-content {
  padding: 60px 0px 40px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ob-copy { max-width: 510px; text-align: right; padding: 20px 60px 0 0; }
.ob-copy p {
  color: #616161;
  font-family: "Work Sans", arial, sans-serif;
  font-size: 18px;
  line-height: 36px;
}
.ob-copy p b {
  color: #3291c1;
  font-family: "Work Sans", arial, sans-serif;
  font-size: 18px;
  line-height: 36px;
}
.ob-anytime { padding: 60px 0 10px 0; }
.ob-anytime p {
  color: #42BA96;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 38px;
  line-height: 48px;
}
.tablet-container { max-width: 60%; }
.ob-datapulse-tablet { max-width: 100%; height: auto; }
.faq-full-section { padding: 80px 0 94px 0; background-color: white; }
.faq-full-container { margin: 0 auto; max-width: 1460px; }
.faq-full-container a { text-decoration: underline; }
.faq-title { padding: 0px 20px 20px 20px; text-align: center; }
.faq-title h2, .faq-title h2 b { font-family: visbycf-bold, arial, sans-serif; font-size: 60px; }
.faq-title h2 { color: #2c345b; }
.faq-title h2 b { color: #3291c1; }
.faq-items-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 70px 0 10px 0;
}
.faq-item { max-width: 45%; min-height: 224px; margin: 0 28px 30px 28px; }
.faq-item h3 {
  padding-bottom: 12px;
  color: #2c345b;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
}
.faq-item p {
  color: #616161;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.faq-item p b {
  color: #616161;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 26px;
}
.faq-cta { text-align: center; padding: 60px 20px 0px 20px; }
.faq-cta a { margin-top: 50px; }
.faq-cta p {
  color: #65ABCF;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 42px;
  line-height: 50px;
}
.faq-extra-container {
  background-color: #eeeeee;
  padding: 40px;
  max-width: 860px;
  margin: 0 auto;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.faq-extra-container h2 {
  font-family: visbycf-bold;
  padding-top: 0;
  margin-bottom: 12px;
  color: #2c345b;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
}
.faq-extra-container p {
  color: #555555;
  font-size: 16px;
  line-height: 26px;
}
.faq-extra-container ul { margin: 20px 0; }
.faq-extra-container ul li { display: flex; }
.faq-extra-container ul li p.green-bullet { color: #42ba96; margin-right: 16px; margin-top: -1px; }
.process-box {
  position: relative;
  max-width: 15vw;
  min-width: 200px;
  height: 100%;
  padding: 20px 18px 20px 18px;
  margin: 6px;
}
.techseo-process-box {
  position: relative;
  max-width: 290px;
  height: 402px;
  padding: 20px 24px 20px 24px;
  margin: 10px;
}
.process-box-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 80px;
}
.process-box-title h3 { font-family: visbycf-bold, arial, sans-serif; font-size: 20px; color: white; }
.process-box-desc, .process-box-desc a {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-shadow:  0px 0px 1px rgba(255,255,255,0.8);
  margin-bottom: 26px;
}
.process-box-desc a { text-decoration: underline; }
.process-column { display: flex; flex-direction: column; align-items: center; }
.process-step-line-4 {
  position: absolute;
  z-index: 1999;
  width: 1800px;
  height: 7px;
  bottom: 132px;
  left: 180px;
  background-color: #c8c8c8;
}
.process-pt2-full { position: relative; padding: 10px 0 40px 0; box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14); }
.process-pt2-container {
  display: flex;
  flex-direction: column;
  max-width: 1250px;
  margin: 0 auto;
}
.info-block-left {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 1040px;
  height: 240px;
  margin-bottom: 32px;
}
.info-block-right {
  align-self: flex-end;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 1040px;
  height: 240px;
  margin-bottom: 32px;
}
.info-block-93percent {
  text-align: center;
  margin: 20px auto 100px auto;
}
.info-block-copy-container { padding: 0 36px 0 36px; }
.info-block-copy-container p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.info-block-copy-container p a { text-decoration: underline; }
.info-block-copy-container bl {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  color: #3291C1;
}
.info-block-copy-container gr {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  color: #42BA96;
}
.op-bar {
  position: relative;
  width: 8vw;
  min-width: 108px;
  max-width: 150px;
  padding: 28px 18px 20px 18px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 294px;
  height: 140px;
}
.op-bar-sz1 { animation: barsz1 1s cubic-bezier(.82,0,.08,.92) 0.2s 1 normal forwards; }
.op-bar-sz2 { animation: barsz2 1s cubic-bezier(.82,0,.08,.92) 0.4s 1 normal forwards; }
.op-bar-sz3 { animation: barsz3 1s cubic-bezier(.82,0,.08,.92) 0.6s 1 normal forwards; }
.op-bar-sz4 { animation: barsz4 1s cubic-bezier(.82,0,.08,.92) 0.8s 1 normal forwards; }
.op-bar-sz5 { animation: barsz5 1s cubic-bezier(.82,0,.08,.92) 1s 1 normal forwards; }
.op-bar-sz6 { animation: barsz6 1s cubic-bezier(.82,0,.08,.92) 1.2s 1 normal forwards; }
.op-item-hue1 { background-color: #3291c1; }
.op-item-hue2 { background-color: #32A7C1; }
.op-item-hue3 { background-color: #42B3BA; }
.op-item-hue4 { background-color: #32C1B4; }
.op-item-hue5 { background-color: #32C1B0; }
.op-item-hue6 { background-color: #32C1AC; }
.op-item-hue7 { background-color: #42BA96; }

@keyframes barsz1 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 242px; margin-top: 192px; }
}
@keyframes barsz2 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 337px; margin-top: 97px; }
}
@keyframes barsz3 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 292px; margin-top: 142px; }
}
@keyframes barsz4 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 387px; margin-top: 47px; }
}
@keyframes barsz5 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 292px; margin-top: 142px; }
}
@keyframes barsz6 {
  0% { height: 140px; margin-top: 294px; }
  100% { height: 434px; margin-top: 0px; }
}

.op-bar-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  height: 100px;
}
.op-bar-title h3, .op-bar-title h3 a {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
}
.process-step-line-6 {
  position: absolute;
  z-index: 1999;
  width: 1800px;
  height: 7px;
  bottom: 119px;
  left: 120px;
  background-color: #c8c8c8;
}
.wwd-google-rating {
  max-width: 40%;
  height: auto;
  padding-left: 4px;
  margin: 0 auto 20px;
}
.info-block-93percent h3 {
  color: #3291C1;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 900;
  font-size: 118px;
  text-shadow: -6px 8px 4px rgba(0,0,0,0.14);
}
.fm-column { display: flex; flex-direction: column; justify-content: center; }
.fm-box-lrg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 15.625vw;
  max-width: 300px;
  height: 213px;
  padding: 20px 22px 20px 22px;
  margin: 95px 10px 95px 10px;
}
.fm-box-lrg img { max-width: 100%; height: auto;}
.fm-box-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 15.625vw;
  max-width: 300px;
  height: 190px;
  padding: 20px 22px 20px 22px;
  margin: 0px 45px 0px 45px;
}
.fm-box-sm img { max-width: 100%; height: auto;}
.process-step-no-3 {
  align-self: center;
  height: 101px;
  z-index: 2000;
  margin-top: 35px;
}
.process-step-no-4 {
  align-self: center;
  height: 101px;
  z-index: 2000;
  margin-top: 35px;
}
.process-step-no-6 {
  align-self: center;
  height: 67px;
  z-index: 2000;
  margin-top: 35px;
}
.fm-box-margin { margin-bottom: 23px; }
.fm-connector-lines {
  max-width: 48.2vw;
  height: auto;
  position: absolute;
  left: 70px;
  bottom: calc(324px + (1905px - 100vw)/16);
}
.opo-item-container {
  max-width: calc(540px + 28.125vw);
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.opo-item-box {
  width: calc(60px + 9.375vw);
  height: 280px;
  margin: 0 20px 20px 0;
  padding: 0 20px 0 20px;
}
.opo-item-box h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-top: 12px;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  height: 68px;
}
.opo-item-box p {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
}
.kw-item-container {
  max-width: 1080px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 40px;
}
.kw-item-box {
  position: relative;
  max-width: calc(300px + 5.208vw);
  height: 300px;
  margin: 10px;
  padding: 0 32px 0 32px;
}
.kw-item-box h3 {
  padding-top: 46px;
  color: white;
  font-family: var(--primaryfont), arial, sans-serif;
  font-size: 26px;
  line-height: 31px;
  text-align: center;
  height: 100px;
}
.kw-item-box p {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}
.kw-circle {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 100px;
  background-color: #c8c8c890;
  text-align: center;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
.bb-item-container img { max-width: 100%; height: auto; }
.honeycomb-full { display: inherit; }
.honeycomb-compact { display: none; }
.lseo-item-container {
  margin-left: 20px;
  max-width: 860px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.fseo-item-container {
  max-width: 1080px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.lseo-item-box {
  max-width: 340px;
  height: 320px;
  margin: 8px;
  padding: 18px 18px 40px;
}
.fseo-item-box {
  width: calc(180px + 3.646vw);
  height: 280px;
  margin: 0 10px 10px 0;
  padding: 0 20px 0 20px;
}
.lseo-item-box h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 16px;
  color: white;
  font-family: var(--primaryfont), arial, sans-serif;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
}
.fseo-item-box h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 18px;
  padding-bottom: 12px;
  color: white;
  font-family: var(--primaryfont), arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.lseo-item-box p {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.fseo-item-box p {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 19px;
  text-align: left;
}
.gpr-item-container {
  position: relative;
  max-width: 1080px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.gpr-item-box {
  width: 350px;
  height: 560px;
  margin-right: 50px;
  padding: 50px;
}
.gpr-item-box h3 {
  color: white;
  font-family: var(--primaryfont), arial, sans-serif;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  height: 50px;
}
.gpr-item-box p {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.versus-icon {
  max-width: 120px;
  position: absolute;
  top: 50%;
  left: 39.2%;
  transform: translate(0, -50%);
}
.lp-container { width: auto; }
.client-results-right img { max-width: 787px; height: auto; }
.fm-down-arrow { display: none; }
.ht-section {
  max-width: 100%;
  background-image: url(/images/homepage/background-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-top: 110px;
  padding-bottom: 200px;
}
.ht-section h2 {
  font-size: 48px;
  font-family: visbycf-bold;
  color: white;
  text-align: center;
}
.ht-stats {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.ht-inner {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 0px 20px;
}
.ht-inner-2 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 0px 20px;
}
.ht-inner .review { width: 854px; z-index: 10; }
.ht-inner p, .ht-inner-2 p { color: white; }
.ht-stat {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
}
.ht-stat img { padding-right: 20px; height: 75px; }
.ht-stat .title { font-family: var(--secondaryfont), arial, sans-serif; font-size: 35px; }
.ht-stat .text {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  padding-top: 5px;
}
.client-info { }
.client-quote {
  left: 40%;
  right: 0px;
  padding: 134px 90px 160px 90px;
  position: absolute;
  background-color: rgba(0,0,0,0.32);
  margin-top: -68px;
}
.client-quote p { color: #E1E1E1;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  max-width: 440px;
}
.client-info .quote-author { font-family: var(--secondaryfont); font-size: 20px; }
.client-info .author-title {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0px 25px 0px;
}
.ht-nav { position: relative; }
.ht-nav .line {
  position: absolute;
  height: 1px;
  width: calc(60% + 380px);
  background-color: #64678E;
  right: 0;
  top: 38px;
}
.ht-nav .first {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #42BA96;
  border-radius: 50%;
  top: -13px;
  left: -13px;
}
.ht-nav .second {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #64678E;
  border-radius: 50%;
  top: -7px;
  left: 50px;
}
.ht-nav .third {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #64678E;
  border-radius: 50%;
  top: -7px;
  left: 100px;
}
.or-container {
    max-width: 1760px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: 120px 0 120px 80px;
}
.blog-posts-block { background-color: #EEE; }
.bg-color-lightgrey5 { background-color: #fafafa; }
.dp-navy-button { background-color: #2c345b; color: #eeeeee !important; box-shadow: 0px 0px 8px 4px #00000008; }
.dp-navy-button:hover { background-color: #21234a; }
.desktop-view-all { display: inline; }
.mobile-view-all { display: none; text-align: center; margin: 10px 0 30px 0;}
.blog-posts-container h2 {
  color: #2c345b;
  font-size: 48px;
  font-family: visbycf-bold;
  text-align: left;
}
.blog-posts-container .first-tile { width: 260px; margin: 0 40px 40px 0; float: left; }
.blog-posts-container .first-tile .dp-navy-button { float: left; }
.blog-posts-container .posts-from-blog { }
.blog-posts-container .overlay {
  position: relative;
  box-shadow: -6px 4px 12px 0 rgba(0,0,0,0.14);
  height: 100%;
  background-color: white;
}
.post_categories span {
  width: 80px;
  font-family: var(--secondaryfont)!important;
  font-weight: 700!important;
  border-radius: 1px!important;
  color: #ffffffcc !important;
  padding: 6px 8px!important;
  font-size: 12px!important;
}
.post_categories .PPC { background-color: #4891c1; }
.post_categories .SEO { background-color: #42ba96; }
.post_categories .CMO { background-color: #2c345b; }
.post-2 a { text-decoration: none!important; }
.homepage-video { max-width: 854px; }
.testimonial-logo img { max-width: 100%; height: auto; text-align: center; }
.view-portfolio-btn { margin-top: 20px; text-align: left; }
.client-info { padding: 10px; }
.sitemap p, .privacy-container ul, .privacy-container a {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.privacy-container p, .privacy-container ul { color: #555555; }
.privacy-container a { color: #3F4499; }
.sitemap h4 {
  font-family: visbycf-bold;
  color: #2c345b;
  font-size: 26px;
  line-height: 30px;
}
.sitemap-container p, .sitemap-container ul, .sitemap-container a {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  color: #555555;
  font-size: 16px;
  line-height: 28px;
}
.sitemap-container h2 a { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 700; color: #2c345b; }
.sitemap-container a h3 { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; color: #2c345b; }
.form-group { margin: 20px auto; }
.form-group p { font-family: visbycf-regular, arial, sans-serif; font-size: 18px; text-shadow: 0px 0px 1px rgba(48,51,106, 0.35); }
.form-group option, .form-group select { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; font-size: 14px; }
.form-group select { border: none; outline: none!important; }
.form-group input { border: none; }
.form-group label { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 400; color: #555555; }
.dp-fg ul { padding: 10px 0; }
.onb-fg { padding: 10px 0; }
.onb-desc {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #646464;
  line-height: 20px;
  margin-bottom: 10px;
}
.onb-label {
  color: #646464;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.tiny-remove {
width: 20px;
height: 20px;
color: white;
background-color: #D97358;
padding: 1px 1px;
font-size: 12px;
line-height: 20px;
border-radius: 50px;
border: none;
margin-top: 8px;
}
.first-fg {padding: 0 0 10px !important;}
.tools-container { max-width: 860px; }
.golv-container { max-width: 1000px; margin: 50px auto 80px;  }
.tools-container p {
  padding: 20px;
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.tools-container p {
    line-height: 26px;
    text-align: left;
}
.tools-container .breadcrumb-trail i { margin-right: 10px; }
.profit-instructions p { font-size: 16px; line-height: 24px; text-align: left; }
.fa-chevron-left { font-size: 14px !important; }
.profit-form p { text-align: left; }
#gw-form { height: auto; }
#gw-form #inputdiv label { font-family: var(--secondaryfont), arial, sans-serif; font-weight: 700; }
.profit-instructions h4 { padding-top: 10px; }
#in_title { height: 80px; padding: 10px; line-height: 20px; }
#in_snippet { height: 120px; padding: 10px; line-height: 20px; }
#in_url { height: 60px; padding: 10px; line-height: 20px; }
#in_bold { height: 120px; padding: 10px; line-height: 20px; }
.tools-container form { margin-top: 10px; }
.breadcrumb-trail a { color: #2c345b; }
.profit-instructions p it { font-style: italic; font-size: 16px; }
.cs-featured-full {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1000;
  background-image: url("/images/landing-pages/case-studies/cs-featured-bg.jpg");
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.local-featured-full {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1000;
  background-image: url("/images/landing-pages/case-studies/local-featured-bg.jpg");
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  box-shadow: -6px 8px 6px 0px rgba(0,0,0,0.14);
}
.cs-featured-container { padding: 100px 0; max-width: 1420px; margin: 0 auto; }
.cs-featured-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 40px;
}
.cs-featured-title-row img { max-width: 100%; height: auto; }
.cs-featured-title-row h3 { font-family: visbycf-bold, arial, sans-serif; font-size: 48px; color: #2c345b; }
.cs-featured-body { display: flex; justify-content: center; width: 100%; }
.cs-featured-video {
  position: relative;
  display: block;
  height: auto;
  padding: 0;
}
.csf-fleetfeet-video { width: 58.858vw; height: 33.08vw; }
.cs-featured-metrics {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}
.cs-featured-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 12.5vw;
  height: 10.417vw;
  background-color: #2c345b;
  padding: 20px;
  margin: 0 0 0.938vw 2.604vw;
}
.csf-card-text-big {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 700;
  font-size: 36px;
}
.csf-card-text-small {
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 0 8px;
}
.cs-featured-review {
  max-width: 1060px;
  margin: 0 auto;
  padding: 50px 0 60px;
}
.csf-review-text p {
  color: #666;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  padding: 16px 20px 10px 36px;
}
.csf-review-sign p {
  color: #42BA96;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 26px;
  line-height: 29px;
  padding: 10px 52px 0 36px;
}
.csf-review-sign { text-align: right; }
.csf-cta { text-align: center; }
.csf-box-divider {
  display: none;
  width: 186px;
  height: 8px;
  text-align: center;
  background-color: #2c345b;
  margin: 26px auto;
}
.contact-right p {
  color: #2c345b;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.contact-right p b {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
}
.copyright-info, .copyright-info a {
  text-align: left;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #eeeeee
}

#slideshow {
  margin: 10px auto 20px;
  position: relative;
  width: 260px;
  height: 100px;
  padding: 10px;
}

#slideshow > div {
  position: absolute;
  max-width: 260px;
  height: 100px;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: auto;
  display: none;
}

.hp-clients-big { display: block;}
.hp-clients-small { display: none;}
.ata-full { max-width: 1200px; margin: 0 auto 80px; box-shadow: -6px 8px 4px #00000036; }
.ata-container { background-color: #e1e1e1; margin: -80px auto 0; padding: 40px 40px 60px; }
.ata-pic {
  margin: -120px 40px 0;
  width: 300px;
  height: 300px;
  border: 10px solid white;
  border-radius: 50%;
  overflow: hidden;
}
.ata-pic img {
  max-width: 280px;
  height: auto;
  margin: 0 auto;
  object-fit: cover;
}
.ata-header {
  position: relative;
  padding: 0 60px;
  display: flex;
  flex-direction: row;
}
.ata-socials { max-width: 1200px; }
.ata-social-button { position: absolute; top: 32px; right: 80px; }
.ata-name h2 {
  font-family: visbycf-bold;
  font-size: 42px;
  color: #2c345b;
  padding: 20px 0 0;
}
.ata-name span {
  font-family: visbycf-bold;
  font-size: 24px;
  line-height: 34px;
  color: #555555;
}
.ata-more-from .blog-posts-container ul {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	padding: 0;
	margin-top: 20px;
}
.ata-full .ata-more-from .post-2 .post-text { line-height: 1.2; padding: 20px; height: 200px; }
.ata-more-from .post-2 {
	text-align: center;
	width: 30%;
	min-height: 360px;
	min-width: 260px;
	height: auto;
	margin: 10px;
}
.ata-more-from .post_title {
    font-family: var(--secondaryfont), arial, sans-serif;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 500;
    color: #555555 !important;
    padding: 8px 0px;
    margin-top: 6px;
}
.ata-more-from .blog-posts-container { padding: 0px; }
.ata-body { padding: 40px 60px 60px; }
.ata-body p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.ata-more-from {
  padding: 0 60px;
  font-family: visbycf-bold;
  color: #2c345b;
  font-size: 28px;
  margin: 0 0px 50px;
}
.ata-more-from .recent-posts { background-color: #e1e1e100; }
.ata-more-from .rp-tile { background-color: #eeeeee!important; }
.ata-more-from .blog-posts-container ul { display: flex; justify-content: center;}
.ata-more-from .blog-posts-container .post_text { line-height: 1.2; padding: 20px; }
.ata-related-posts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto;
}
.ata-post {
  margin: 10px;
  width: 300px;
  background-color: white;
  height: 300px;
  box-shadow: -6px 8px 4px #00000014;
}
.ata-post-thumb { overflow: hidden; }
.ata-post-thumb img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.ata-post-text { padding: 20px; }
.ata-post-title {
    font-weight: bold;
    font-family: var(--secondaryfont), arial, sans-serif;
    font-size: 16px !important;
    color: #32356B !important;
    height: 80px;
  }
.ata-post-date { font-family: var(--secondaryfont), arial, sans-serif; font-size: 14px !important; color: #9394A6 !important; }
.downarrow-container {
  background-color: #eeeeee;
  text-align: center;
  z-index: 1;
}
.downarrow-local {
  position: relative;
  top: -1px;
}
.white-bg { background-color: white !important; }
.lightgrey-bg { background-color: #eeeeee !important; }
.no-shadow { box-shadow: -6px 8px 4px 0px rgba(0,0,0,0); }

.datapulse-nav {
  filter: brightness(.9);
  width: 80px;
  height: auto;
  margin-left: 20px;
}
.datapulse-nav:hover { filter: brightness(1); }

.datapulse-nav a img {
  width: auto;
  height: 100%;
}
#topnav { z-index: 10000; transform: translateZ(0px); }
#topnav li div.datapulse-mobile-nav a #datapulse-mobile { padding: 8px 0 8px 2px !important; }

nav.nav ul, .nav {
    display: flex;
    align-items: center;
}

.mobile-nav-x { display: none; }

/************************ Blog Pop-up Styles 3/5/21 ************************/



/************************ Nav Megamenu 4/13/21 ************************/

.margin-bottom-10 { margin-bottom: 10px; }
.megamenu-services {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  margin: 0 auto;
}
.megamenu-services h4 {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 16px;
  padding-top: 0px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mm-fp-title { color: #ffffff; }
.mm-category-title { margin-bottom: 16px; }
.mm-tools-title { margin-bottom: 12px; }
.mm-categories-all {
  width: 960px;
  background-color: #f5f5f5;
  border: #E1E1E1 solid 1px;
  margin: 20px 10px;
  padding: 18px 38px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.mm-tools-all {
  background-color: #f5f5f5;
  border: #E1E1E1 solid 1px;
  margin: 20px 10px;
  padding: 18px 38px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.mm-title-divider { width: 80px; height: 4px; margin: 10px 0 16px; }
.mm-fp-title-divider { width: 80px; height: 4px; margin: 10px 0 8px; }
.bg-blue { background-color: #3291C1; }
.bg-green { background-color: #42BA96; }
.bg-white { background-color: #ffffff; }
.bg-navy { background-color: #2c345b; }
.bg-navy700 { background-color: var(--dp-navy-700); }
.bg-leadership { border: 2px solid var(--dp-green-900); }
.bg-gold { background-color: #F4B975; }
.bg-red { background-color: #D87357; }
.bg-darkgrey { background-color: var(--dp-grey-800); }
.color-blue { color: #3291C1; }
.color-green { color: #42BA96; }
.color-white { color: #ffffff; }
.color-navy { color: #2c345b; }
.bg-white:hover { background-color: #ffffff; }
.mm-category {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 20px;
  line-height: 120%;
  min-width: 80px;
}
.mm-tools {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.mm-cat-items {
  max-height: 320px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 8px;
}
.mm-tools-items {
  max-height: 140px;
  display: flex;
  flex-direction: row;
  text-align: center;
  margin-top: 16px;
}
.mm-item {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #555555 !important;
  font-weight: 400;
  padding: 7px 0px;
  margin-right: 42px;
}
.tools-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 14px;
}
.mm-plat-items {
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  text-align: center;
  margin-top: 8px;
}
.mm-plat-item-box {
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 4px;
  padding: 4px;
  border: 1px solid #eeeeee00;
}
.mm-plat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mm-plat-item-box:hover { background-color: #fcfcfc; border: 1px solid #eeeeee; }
.mm-plat-item img { max-height: 24px; width: auto; margin-bottom: 8px; }
.mm-plat-item span {
  color: #555555;
  font-size: 13px;
  line-height: 120%;
}
.tools-item-title {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #888888 !important;
  font-weight: 500;
  padding: 8px 0px;
  max-width: 112px;
}
.process-cta {
  background-color: #eeeeee;
  margin-top: 0px!important;
  padding: 20px 0 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mm-item:hover { color: #2c345b !important; }
.tools-item-title:hover { color: #2c345b !important; }
.mm-category-divider {
  height: 180px;
  width: 1px;
  background-color: #e1e1e1;
  margin: 0 20px;
}
.mm-featured-posts-all {
  background-color: #f5f5f5;
  border: #E1E1E1 solid 1px;
  margin: 20px 10px;
  padding: 18px 38px;
}
.mm-fp-top-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
}
.mm-tools-top-line { display: flex; flex-direction: row; justify-content: space-between; }
.mm-fp-items { display: flex; flex-direction: row; }
.fp-seo-bg { background: rgb(66,186,150); background: radial-gradient(circle, rgba(66,186,150,1) 0%, rgba(55,164,150,1) 100%); transition-duration: 2s; }
.fp-ppc-bg { background: rgb(50,145,193); background: radial-gradient(circle, rgba(50,145,193,1) 0%, rgba(48,166,185,1) 100%); transition-duration: 2s; }
.fp-item { display: flex; flex-direction: column; margin-right: 30px; }
.fp-thumb {
  max-width: 168px;
  max-height: 94px;
  overflow: hidden;
  height: auto;
  margin-bottom: 8px;
}
.fp-thumb img { max-width: 100%; height: auto; }
.fp-item-title {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  max-width: 168px;
  text-align: left;
}
#topnav li a#datapulse-mobile {
  display: flex;
  flex-wrap: nowrap;
  line-height: unset;
  align-items: center;
  justify-content: center;
  padding: 4px!important;
  color: white;
  font-size: 14px;
  margin-right: 0;
}
#datapulse-mobile img {
  height: 14px;
  padding-top: 1px;
  width: auto;
  margin-left: 8px;
}
.datapulse-mobile-nav, .get-proposal-mobile-button {
  max-width: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  padding: 2px 20px;
  margin: 10px;
}
#topnav li a.getProposalButton {
    display: flex;
    line-height: unset;
    align-items: center;
    justify-content: center;
    padding: 4px!important;
    color: white;
    font-size: 14px;
    margin-right: 0;
}
.get-proposal-mobile-button { color: white; }
.datapulse-login-prompt { margin-top: 3px; }
.fp-view-more a {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #888888 !important;
  padding-bottom: 8px;
}
.fp-view-more a:hover { color: #2c345b !important; }
.mm-featured-posts a { text-decoration-color: #ffffff;}
.tools-icon img { max-width: 100px; height: auto; }
#top-nav ul { padding-inline-start: 0px!important; }
.mobile-ppc-title, .mobile-seo-title, .mobile-resources-title {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 14px;
  margin: 4px 10px 6px 0;
  padding-top: 0px!important;
}
.no-inline-start { padding-inline-start: 0px!important; }
.mobile-categories-all { display: flex; flex-wrap: wrap;}
.mobile-categories-all li a {
  font-family: var(--secondaryfont)!important;
  font-weight: 400!important;
  font-size: 14px!important;
  line-height: 14px!important;
  color: #888888!important;
}
.mobile-categories-all li a:hover { color: #3a3c55!important; }
.mobile-ppc-title { color: #3291c1; }
.mobile-seo-title { color: #42ba96; }
.mobile-resources-title { color: #2c345b; }
.mobile-ppc-category, .mobile-seo-category, .mobile-resources-category {
  background-color: #fafafadd;
  border: #E1E1E1 solid 1px;
  padding: 14px 12px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mobile-ppc-category, .mobile-seo-category { min-width: 214px; }
.mobile-resources-category {min-width: 268px; }
.mobile-title-divider, .mobile-title-divider-last { width: auto; height: 1px; background-color: #dedede; }
.mobile-title-divider-last { margin-bottom: 20px; }
.rotate { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.rotate.down {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mobile-buttons { margin: 0; }
.ppc-profit-icon img { max-width: 80px; height: auto; }
.tools-description { display: flex; justify-content: center; align-items: center; }
.profit-form-line {
  display: flex;
  justify-content:
  space-between;
  align-items: center;
  margin: 5px 0;
}
.utm-generator-container .profit-form-line { margin: 10px 0; }
.profit-form-input, .profit-form-input:focus-within {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #e4e4e4;
  padding: 0 10px;
  width: 200px;
}
.profit-form-input:focus-within { border: 1px solid #cacaca;}
.profit-form-input span { padding-top: 2px; }
.fake-browser-container {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 20px 40px;
}
#ires img { width: inherit; height: auto; margin-bottom: 20px; }
.golv-label { margin: 20px 20px 10px; }
.golv-label span {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 22px;
  color: #2c345b;
  background-color: #eeeeee;
  text-align: left;
}
.golv-container p { text-align: center; }
.fake-browser-container img {width: 100%; height: auto; }
.previewer-left-input label, .golv-display-label span {
  display: block;
  font-family: visbycf-bold, arial, sans-serif!important;
  font-size: 18px!important;
  color: #2c345b;
  margin-bottom: 5px!important;
}
.previewer-left-input textarea {
  border-radius: 0px;
  border: 1px solid #e4e4e4!important;
  font-family: var(--secondaryfont)!important;
  font-weight: 400;
  font-size: 16px!important;
  color: #888888!important;
  min-width: 200px;
  min-height: 40px;
  padding: 10px!important;
}
.previewer-left-input { margin-right: 30px; margin-bottom: 30px; }
.golv-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.display-box-fix {
  width: 200px;
}
.display-box-fix label span, .display-box-fix label {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #2c345b!important;
  margin-bottom: 0!important;
}
.golv-display-options input {
  height: 15px!important;
  width: 15px!important;
  margin: 10px 5px;
  border-radius: 8px!important;
  border: 1px solid #e4e4e4!important;
}
.golv-display-label { margin-bottom: 10px; }
.golv-refresh-button button {
  width: 100px;
  height: 30px;
  margin: 5px 0 40px;
  background-color: #3291C1;
  color: white;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  border-radius: 0px;
  border: none;
}
#titlechar, #snippetchar {
  padding-right: 2px!important;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 700;
  color: #2c345b;
}
.golv-display-line { display: flex; align-items: center; }
.golv-display-line label { margin-left: 10px; }
#out-title { margin-bottom: 4px; }
.golv-desc, .utm-desc { max-width: 800px; margin: 0 auto; }
.utm-generator-container {
  max-width: 860px;
  background-color: #fafafa;
  padding: 40px;
  box-shadow: -6px 8px 4px #00000014;
  margin: 20px;
}
.utm-generator-container span {
  color: #555555;
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.utm-generator-container input {
background-color: #ffffff;
border-radius: 0px;
border: 1px solid #e4e4e4;
padding: 0 10px;
width: 360px;
}
.utm-output {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.utm-output textarea {
  font-family: var(--secondaryfont)!important;
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  white-space: nowrap;
  overflow: hidden;
  height: 40px!important;
  padding: 10px;
  border-radius: 0px;
  border: 1px solid #e4e4e4;
}
.utm-output button {
  font-family: var(--secondaryfont)!important;
  font-weight: 400;
  font-size: 16px;
  height: 40px;
  padding: 10px 30px;
  text-align: center;
  margin: 10px auto;
  background-color: #3291C1;
  color: white;
  border: none;
  border-radius: 0px;
}
.utm-output button:focus { outline: none!important; background-color: #1B77A6; }
.wordpress-404-class h1 { font-family: visbycf-bold, arial, sans-serif; font-size: 26px; color: #2c345b; line-height: 28px; padding-top: 40px;}
.entry-content .wordpress-404-class p {margin: 0!important}
#page-6 .entry-header .entry-title {margin: 0 auto; }
#page-6 h1.entry-title {font-size: 48px; }
.no-scroll {overflow: hidden; }
.cmo-lp-hero-full {
  background-image: url("/images/landing-pages/meet-the-team/team-background1-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-style: none;
  height: 640px;
  background-attachment: scroll;
}
.cmo-full-section1 {
  position: relative;
  background-color: #eeeeee;
  width: 100%;
  padding: 100px 0px 100px;
}
.cmo-full-section2 {
  display: flex;
  flex-direction: column;
  background-color: #2c345b;
  width: 100%;
  padding: 60px 40px 80px;
  text-align: center;
}
.cmo-s1-pair1, .cmo-s1-pair2, .cmo-s1-pair3 { display: flex; flex-direction: row; align-items: center; }
.cmo-s1-pair1 { margin-bottom: 75px; }
.cmo-pair1-leftbg {
  display: flex;
  align-items: center;
  background-color: #e1e1e1;
  object-fit: cover;
  background-position: right;
  width: 60%;
  height: 732px;
}
.cmo-pair1-leftbg img { max-width: 100%; height: auto; padding: 40px 20px; }
.cmo-pair1-rightbg { width: 40%; }
.cmo-s1-pair2 {
  justify-content: space-between;
  flex-basis: 100%;
  padding: 60px 0 40px 40px;
  margin: 0 auto;
  max-width: 1200px;
}
.cmo-s1-pair3 {
  justify-content: center;
  flex-basis: 100%;
  padding: 80px 40px 40px;
  margin: 0 auto;
  max-width: 1200px;
}
.cmo-what-is-full {
  background-color: #eeeeee;
  max-width: 750px;
  height: auto;
  padding: 45px 80px 80px 60px;
  box-shadow: -8px 8px 4px #00000022;
  margin-left: -206px;
  margin-bottom: 40px;
}
.cmo-why-full {
  position: relative;
  width: 540px;
  max-width: 55vw;
  z-index: 500;
}
.cmo-chessboard-container { max-width: 30vw; }
.cmo-s1-pair3 img { max-width: 80%; height: auto; }
.cmo-full-section1 h2 {
  font-family: visbycf-bold;
  font-size: 60px;
  line-height: 72px;
  color: #2c345b;
}
.cmo-what-is-full h2, .cmo-why-full h2 { max-width: 480px; }
.cmo-full-section1 p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}
.cmo-divider {
  width: 100%;
  height: 8px;
  max-width: 186px;
  margin: 10px 0 30px;
}
.cmo-divider-whydp {
  background-color: white;
  width: 100%;
  height: 8px;
  max-width: 186px;
  margin: 10px auto 30px;
}
.navy { background-color: #2c345b; }
.cmo-full-section2 h2 {
  font-family: visbycf-bold;
  font-size: 60px;
  line-height: 72px;
  color: white;
}
.cmo-full-section2 p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: white;
  max-width: 925px;
  text-align: left;
  margin: 0 auto 10px;
}
.cmo-full-section2 span {
  margin: 20px auto;
  font-family: visbycf-bold, arial, sans-serif;
  color: white;
  font-size: 18px;
  line-height: 28px;
}
.cmo-button { max-width: 420px; margin: 0 auto; }
.cmo-form-body {
  background: url("/images/cmo-cta-bg1.jpg");
  display: flex;
  align-items: center;
  max-width: 1200px;
  height: 720px;
  background-color: #fafafa;
  margin: -240px auto 40px;
  box-shadow: -8px 8px 4px #00000022;
  padding: 40px;
}
.cmo-form-body-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 15px;
}
.cmo-form-body-right {
  width: 50%;
  margin: 0 15px;
}
.cmo-form-body img {
  max-width: 100%;
  height: auto;
  padding: 40px;
}
.cmo-button-full img { padding: 0px!important; }
.cmo-form-body h3 {
  font-family: visbycf-bold;
  font-size: 28px;
  line-height: 36px;
  color: #2c345b;
  margin-bottom: 30px;
}
.cmo-form-body p { margin-bottom: 40px; }
.cmo-form-body span {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  margin-bottom: 10px;
}
.cmo-form-list p { margin-bottom: 2px; margin-left: 16px; font-size: 14px; line-height: 22px; font-weight: 500; }
.cmo-form-list { margin-top: 6px; }
.cmo-bulletpoint p.cmo-gold-bullet { color: #dbb13b; margin-right: 8px; margin-top: -1px; }
.cmo-bulletpoint { display: flex; }
.cmo-form-body-right p {
  max-width: 400px;
  margin: 20px auto;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}
.cmo-button-main, .cmo-button-secondary {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 50px;
  margin: 0 auto;
  cursor: pointer;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  white-space: nowrap;
  overflow: visible;
}
.cmo-button-main {
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.cmo-button-container {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: center;
}
@keyframes pulse {
  0% { -webkit-box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);
box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);  }
  25% { -webkit-box-shadow: 0px 0px 12px 1px #42BA96cc;
box-shadow: 0px 0px 12px 2px #42BA96cc;  }
50% { -webkit-box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);
box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);  }
100% { -webkit-box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);
box-shadow: 0px 0px 8px 0px rgba(66,186,150,0.2);  }
}
@keyframes wiggle {
  0% {transform: rotate(0deg); }
  5% {transform: rotate(0deg); }
  10% {transform: rotate(8deg); }
  15% {transform: rotate(0deg); }
  20% {transform: rotate(-8deg); }
  25% {transform: rotate(0deg); }
  100% {transform: rotate(0deg); }
}
.cmo-bulletpoint p { max-width: 380px; }
.cmo-form-body-right p strong { font-weight: 800; }
.cmo-button-full {
  max-width: 400px;
  width: 100%;
  height: 50px;
  position: relative;
  margin: 5px 10px;
}
.cmo-button-main img {
  margin: 0px 10px 0px;
  animation-name: wiggle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.cmo-button-main img, .cmo-button-secondary img { padding: 0px; }
.cmo-button-secondary img { margin: 0px 10px 0px; }
.cmo-button-main span, .cmo-button-secondary span {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: white;
  margin: 0 10px 0 0;
}
.cmo-featurelist-full {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.cmo-featurelist-item {
  width: 244px;
  height: 244px;
  background: rgb(134,213,221);
  background: linear-gradient(45deg, rgba(134,213,221,1) 0%, rgba(169,175,207,1) 100%);
  background-size: 300%;
  background-position: left;
  animation-name: flowing-gradient;
  animation-duration: 10s;
  animation-direction: normal;
  margin: 8px;
}
@keyframes flowing-gradient {
  0% { background-position: left; }
  50% { background-position: right; }
  100% { background-position: left; }
}
.cmo-featurelist-inner {
  width: 236px;
  height: 236px;
  margin: 4px;
  background-color: #2c345bcc;
  padding: 12px;
}
.cmo-featurelist-item img {
  max-height: 60px;
  width: auto;
}
.cmo-featurelist-item h3 {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: white;
  margin-top: 15px;
}
.cmo-featurelist-item p {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #e1e1e1;
  margin-top: 5px;
}
.cmo-book-text p {
  margin: 20px auto 0;
}
.cmo-chess-pieces { width: unset; position: relative; width: 50vw; }
.cmo-s1-pair2 img {
  position: absolute;
  right: 0%;
  margin-top: 100px;
  margin-left: 40px;
  max-width: 50vw;
  height: auto;
}
.cmo-s1-pair3 .cmo-why-full { padding-right: 20px; }
.cmo-video-container { margin: 40px auto; }
.cs-thumb-label {
  display: flex;
  position: absolute;
  right: 0%;
  top: 0%;
  margin: 12px;
}
.cs-cmo-label, .cs-ppc-label, .cs-seo-label {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  color: white;
  padding: 5px;
  border-radius: 1px;
  margin: 2px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.45);
}
.cs-cmo-label { background-color: #2c345b; border: 1px solid #dadada44; }
.cs-ppc-label { background-color: #3291c1; }
.cs-seo-label { background-color: #42ba96; }
.cmo-form-body-right p.cmo-pricing-line {
    max-width: 400px;
    margin: 10px auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
}
.g-recaptcha-branding {
  text-align: left;
  font-size: 12px;
  max-width: 360px;
  margin: 0 auto 30px;
  padding: 0 20px;
  line-height: 17px;
}
.grecaptcha-badge { visibility: hidden; }
.margin-top-20 { margin-top: 20px; }
.contact-left h2 {
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 36px;
  color: #2c345b;
  padding: 30px 24px 20px;
}
.green-text { color: #42ba96; }
.mm-fp-items .post-3 a { text-decoration: none; }
.mm-fp-items .post-3 { margin: 8px; }
.mm-fp-items .post_thumbnail_image {
  max-width: 168px!important;
  max-height: 94px!important;
  overflow: hidden;
  height: auto;
  margin-bottom: 6px;
}
.mm-fp-items .post_thumbnail_image img { max-width: 100%; height: auto; }
.mm-fp-items .post_title {
  font-family: var(--secondaryfont), arial, sans-serif;
  font-weight: 500;
  font-size: 12px!important;
  line-height: 18px;
  max-width: 168px;
  text-align: left;
}
.mm-fp-items ul { align-items: flex-start!important; }

/* WEBSITE DP 2.0 REDESIGN - 6/17/22 */
.hero2-container {
  overflow-x: hidden;
  width: 100vw;
  height: var(--hero-height);
}
.hero2-bluebgall {
  position: absolute;
  top: 0;
  left: 0;
  transform: skewX(-16deg);
  display: flex;
  justify-content: left;
  width: 1200px;
  height: var(--hero-height);
  margin-left: -320px;
}
.hero2-bluebg1 { width: 90%; height: 100%; background-color: #2c345b; }
.hero2-bluebg2 { width: 10%; height: 100%; background-color: #8E91A4; }
.homepage-container {
	perspective: 8px;
	perspective-origin: 0 0;
	height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #eeeeee;
}
.hero2-scene3bg { position: absolute; top: 0; right: 0; }
.hero-layer {
	top: 0;
	left: 0;
	background: none;
	justify-content: center;
}
.hero2-layer3 { transform-origin: 0 0; transform: translateZ(-6px) scale(1.75); z-index: 580; }
.hero2-layer2 {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  transform-origin: 0 0;
  transform: translateZ(-2px) scale(1.25);
  overflow-y: hidden;
}
.hero2-layer1 {
  display: flex;
  min-height: 804px;
  justify-content: flex-start;
  position: relative;
  width: 100vw;
  z-index: 600;
}
.scene-ext { margin-left: -60px; display: none; }
.layer3scene { position: relative; }
.avg-client-bar {
  margin-top: -130px;
  background: rgb(34,36,49);
  background: linear-gradient(0deg, rgba(34,36,49,1) 75%, rgba(35,41,45,0) 100%);
  text-align: center;
  padding: 70px 20px 10px;
  z-index: 620;
}
.avg-client-bar h4 {
  color: #cacaca;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  padding: 0;
  text-shadow: 0px 0px 18px rgba(34,36,49,0.94);
  margin-bottom: 15px;
}
.avg-client-logos { opacity: .8; }
.client-logo {
    max-width: 200px;
    height: auto;
    max-height: 60px;
    object-fit: scale-down;
    margin: 15px 20px 15px 20px;
}
.auth-group iframe {
  border: none;
}
.hero2-slant-down {
	text-align: center;
	position: inherit;
	height: 28px;
}
.throwaway-section {
	background-color: #eeeeee;
	position: relative;
	height: 2000px;
}
.homepage-cta {
	position: absolute;
	margin-left: 135px;
	margin-top: 180px;
	max-width: 512px;
	z-index: 1000;
}
.homepage-cta h2, .homepage-cta h2 b {
  padding: 0;
  font-size: 56px;
  color: white;
  line-height: 66px;
  font-family: visbycf-bold, arial, sans-serif;
}
.home-testimonials { z-index: 640; }
.home-testimonials, .home-dpa-section {
	background: rgb(238,238,238);
  background: radial-gradient(circle, rgba(238,238,238,1) 50%, rgba(225,225,225,1) 100%);
	position: relative;
  transform: translateZ(0px);
}
.home-dpa-section { padding: 120px 0 40px; }
.testimonial-full {
	padding: 65px 0 100px;
}
.testimonial-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
.testimonial-cols {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.testimonial-full i { font-size: 24px!important; color: #555555; }
.testimonial-col1, .testimonial-col2 { display: flex; flex-direction: column; margin: 0 30px; }
.testimonial-col1 { flex-grow: 2; max-width: 520px; }
.testimonial-col2 { flex-grow: 1; max-width: 430px; }
.homepage-video { width: 100%; height: auto; }
.stats-container-full { display: flex; justify-content: space-between; }
.stat-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 152px;
	height: 152px;
	background-color: #dedede;
	text-align: center;
	padding: 10px;
}
.st-metric, .st-desc { font-family: var(--secondaryfont); }
.st-metric { font-size: 28px; color: #42ba96; font-weight: 600; }
.st-desc {
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
	margin-top: 4px;
}
.testimonial-header, .dpa-header { width: 100%; text-align: center; margin-bottom: 50px; }
.testimonial-header h2, .dpa-header h2 { font-family: var(--primaryfont); font-size: var(--fontsizeh2); color: #2c345b; }
.testimonial-content p {
	font-family: var(--secondaryfont);
	font-size: 16px;
	line-height: 26px;
	color: #555555;
}
.testimonial-info { margin-top: 15px; }
.testimonial-info p { font-family: var(--secondaryfont); color: #555555; }
.testimonial-info p.t-name { font-size: 16px; line-height: 26px; font-weight: 600; }
.testimonial-info p.t-title { font-size: 14px; line-height: 24px; font-weight: 400; }
.t-arrow-left, .t-arrow-right { margin: 30px; opacity: 0; }
.stats-container-full { margin-top: 20px; }
.hp-t-button {
	color: #eeeeee;
	background-color: #2c345b;
	margin-top: 40px;
	height: var(--btnheightsm);
	width: 340px;
	line-height: var(--btnheightsm);
	font-weight: 400;
}
.hp-t-button:hover { background-color: #444B6C; color: #eeeeee; }
.testimonial-links { display: flex; flex-direction: column; }
.cs-all-link {
  width: fit-content;
  color: #555555;
  margin-top: 26px;
  line-height: 26px;
}
a.cs-all-link:hover { color: #4291c1!important; }
.testimonial-links i { font-size: 14px!important; margin_left: 2px; }
.quote-icon { margin-bottom: 20px; }
.testimonial-header h2 b { color: #42ba96; }
.testimonial-header p, .dpa-header p {
	max-width: 715px;
	margin: 4px auto 8px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
}
.testimonial-header p b { font-weight: 800; }
.home-auth-badges {
	min-height: 100px;
	background-color: #F5F5F5;
	display: flex;
	justify-content: center;
	align-items: center;
  flex-wrap: wrap;
  padding: 10px;
}
.google-auth { display: flex; }
.auth-group { margin: 10px 40px; }
.auth-inc-cred img { width: 90px; height: auto; }
.auth-as-cred img { width: auto; height: 90px; }
.g-badge { margin: 0 10px; }
.dpa-services-full {
	max-width: 1260px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.dpa-service {
	position: relative;
	width: 30%;
	height: 360px;
	margin: 20px 40px;
}
.dpa-service-header { display: flex; align-items: center; margin-bottom: 20px; }
.service-icon {
	width: 76px;
	height: 76px;
	margin-right: 20px;
	padding: 10px;
}
.bg-blue { background-color: var(--dpblue); }
.bg-green { background-color: var(--dpgreen); }
.bg-navy { background-color: var(--dpnavy); }
.text-blue { color: var(--dpblue); }
.text-green { color: var(--dpgreen); }
.text-navy { color: var(--dpnavy); }
.button-blue { background-color: var(--dpblue); color: #eeeeee; }
.button-blue:hover { background-color: var(--dpbluehover); color: #eeeeee; }
.button-green { background-color: var(--dpgreen); color: #eeeeee!important; }
.button-green:hover { background-color: var(--dpgreenhover); color: #eeeeee!important; }
.button-navy { background-color: var(--dpnavy); color: #eeeeee; }
.button-navy:hover { background-color: var(--dpnavyhover); color: #eeeeee; }
.service-title { font-family: var(--primaryfont); font-size: 48px; }
.dpa-service-desc p { font-size: 14px; line-height: 24px; }
.dpa-service-button {
	position: absolute;
	bottom: 0;
	width: 260px;
	margin-top: 40px;
}
.dpa-s-button {
	height: var(--btnheightreg);
	display: flex;
	justify-content: center;
	align-items: center;
}
.pastyear-section { position: relative; margin-top: 120px; }
.py-desc {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	z-index: 600;
  padding: 0 20px;
}
.py-desc p {
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	font-weight: 800;
}
.py-metric {
	position: relative;
	z-index: 600;
	display: flex;
	align-items: center;
}
.py-bar {
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 40px;
}
.py-bar-container { height: 90px; margin: 15px 0; }
.bar-w60 { width: 56%; }
.bar-w50 { width: 48%; }
.bar-w52 { width: 50%; }
.bar-text {
  font-family: var(--primaryfont);
  font-size: 24px;
  color: #eeeeee;
  text-align: right;
}
.pys-metric-no {
	color: #888888;
	font-size: 48px;
	font-weight: 800;
	margin-left: 40px;
}
.py-cta-button {
	color: #eeeeee!important;
	width: 380px;
	height: var(--btnheightreg);
	line-height: var(--btnheightreg);
}
.py-graph-bg {
	z-index: 500;
	position: absolute;
  margin-top: -140px;
	top: 0;
	left: 0;
  opacity: 0.5;
}
.py-cta {
	position: relative;
	z-index: 600;
	text-align: center;
	padding-top: 140px;
}
.homepage-cta h2 b { color: #42ba96; }
.bottom-cta {
	width: 100vw;
  border: 1px solid #e1e1e1;
	position: relative;
	text-align: center;
	background: rgb(238,238,238);
	background: radial-gradient(circle, rgba(238,238,238,1) 50%, rgba(225,225,225,1) 100%);
	padding: 100px 0;
}
.bottom-cta-inner {
	max-width: 520px;
	margin: 0 auto;
}
.bottom-cta-inner h3 {
	font-family: var(--primaryfont);
	font-size: 36px;
	line-height: 46px;
	color: #555555;
	margin-bottom: 4px;
}
.bottom-cta-inner h3 b { color: #42ba96; }
.bottom-cta-inner p {
	font-family: var(--secondaryfont);
	font-size: 14px;
	line-height: 24px;
	color: #555555;
}
.bottom-cta-btn { margin-top: 40px; }
.footer2 {
	width: 100%;
	display: flex;
}
.footer2-s1 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	max-width: 500px;
	background-color: #222431;
	padding: 70px 80px;
	flex-grow: 2;
}
.f2-s1-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.f2-s2-inner {
	display: flex;
	align-items: flex-start;
}
.footer2-s2 {
	width: 100%;
	background: rgb(44,52,91);
	background: radial-gradient(circle, rgba(44,52,91,1) 0%, rgba(47,54,85,1) 100%);
	padding: 70px 80px 50px;
}
.f2-logo { width: 100%; max-height: 35px; margin-bottom: 20px; }
.f2-logo img { width: 100%; max-height: 35px; }
.f2-socials { margin-bottom: 40px;}
.f2-socials a { margin-right: 20px; }
.f2-contact a span { color: #eeeeee; }
.f2-contact a span:hover { color: white; }
.f2-info { margin: 10px 0; }
.footer2 ul { padding: 0; }
.footer2 a:hover { color: white; }
.f2-info li.title, .f2-s2-inner li.title a { font-weight: 600; color: #eeeeee; }
.f2-info li, .f2-s2-inner li a {
	color: #e1e1e1;
	font-size: 16px;
	line-height: 26px;
}
.f2-s2-inner li a {
	color: #e1e1e1;
	font-size: 14px;
	line-height: 30px;
}
.f2-s2-inner { margin-top: 20px; }
.f2-s2-group { margin-bottom: 30px; }
.f2-s2-col { margin-right: 80px; }
.sitemap-links { display: flex; }
.sitemap-links a { color: #eeeeee; }
.datapulse-login-btn { margin-bottom: 40px; }
.datapulse-login-btn a {
	height: var(--btnheightsm);
	padding: 0 60px;
	border: 2px white solid;
	background-color: #ffffff00;
	color: #eeeeee!important;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 280px;
}
.datapulse-login-btn a:hover { background-color: #ffffff11; }
.datapulse-login-btn a img {
	margin-left: 8px;
	max-height: 16px;
}
.copyright-container p { color: #eeeeee; }
.sitemap-links { margin-top: 10px; }
.sitemap-links p { margin: 0 10px; }
.f2-s2-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.recent-posts-inner, .recent-posts-inner-author {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 100%;
	text-align: center;
}
.recent-posts-inner { padding: 100px 0 100px; }
.recent-posts-inner-author { padding: 20px; justify-content: center; }
.dp-btn-blog { height: var(--btnheightsm); line-height: var(--btnheightsm); font-size: 14px; }
.recent-posts { background-color: #CACACA; }
.recent-posts .first-tile {
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.recent-posts .first-tile h2 {
	font-family: var(--primaryfont);
	font-size: 36px;
	line-height: 46px;
	color: #2c345b;
	text-align: left;
	margin-bottom: 10px;
}
.rp-tile {
	max-width: 285px;
	height: 375px;
	margin: 10px;
	background-color: #e1e1e1;
	box-shadow: -2px 2px 8px rgba(0,0,0,.10);
}
.post-text { padding: 20px; }
.rp-tile .overlay { display: flex; flex-direction: column; height: 100%; }
.overlay .post-text {
	flex-grow: 2;
	position: relative;
	height: auto;
	padding: 20px;
}
.post-bottom-info { position: absolute; bottom: 20px; }
.overlay { transition: filter .2s ease-in-out; filter: brightness(.95); }
.overlay:hover { filter: brightness(1.15); }
.post_categories span { margin-right: 6px; }
.service-icon { display: flex; justify-content: center; align-items: center; }
.service-icon img { max-width: 100%; height: auto; margin: 6px; }
.contact-submit {
  width: 100%;
  max-width: 400px;
  height: var(--btnheightreg);
  line-height: var(--btnheightreg);
}
.header-container { background-color: #2c345b; }
.creative-page { width: 100vw; height: auto; padding-top: 70px; background-color: #fafafa; }
.creative-hero { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-height: 660px; background-color: #eeeeee; }
.creative-hero-left { min-width: 700px; max-width: 50%; margin-left: 200px; }
.creative-hero-right { position: relative; top: 90px; right: 0px; padding: 0 40px; }
.creative-headline { max-width: 680px; }
.creative-headline h1, .paid-social-headline h1 {
  color: #555555;
  font-family: var(--primaryfont);
  font-size: 64px;
  line-height: 120%;
}
.creative-headline p, .paid-social-headline p {
  margin-top: 20px;
  color: #555555;
  font-family: var(--secondaryfont);
  font-size: 16px;
  line-height: 150%;
}
.creative-headline h1 b, .paid-social-headline h1 b { color: #42ba96!important; }
.creative-cta-button {
  height: 50px;
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.creative-button { margin-top: 36px; }

.creative-social-icons{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-left:200px;
   }
.creative-instagram{
    margin: 40px;
}
.creative-content-1{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 90px;
}

.ps-section-content h2, .ps-section-content-2 h2 {
  color: #555555;
  font-family: var(--primaryfont);
  font-size: 32px;
  line-height: 140%;
  max-width: 90%;
  margin-bottom: 5px;
}
.ps-section-content h2 b, .ps-section-content-2 h2 b { color: #42ba96!important;}
.creative-content-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.creative-content-2-image-1 { max-width:50%; position: relative; }
.creative-content-2-image-1 img { position: absolute; top: -100px; left: -160px; }
.creative-content-2-image-2 { align-self: flex-end; }
.creative-content-2 h2{
  color: #555555;
  font-family: var(--primaryfont);
  line-height: 110%;
  max-width: 70%;
}
.creative-social-icons img { max-width: 100px; }
.creative-ex-container img { max-height: 750px; }
.creative-content-2 h2 gr{
  background: linear-gradient(45deg, rgba(50,145,193,1) 0%, rgba(66,186,150,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.creative-content-2 p{
  margin-top: 20px;
  color: #555555;
  font-family: var(--secondaryfont);
  font-size: 16px;
  line-height: 155%;
  max-width: 70%;
}
.creative-content-2-text{
  position: relative;
  margin-left: 100px;
  padding-top: 60px;
}
.creative-content-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 100px 0 40px;
  background-color: #eeeeee;
}
.creative-content-3-left h2{
  color: #555555;
  font-family: var(--primaryfont);
  line-height: 120%;
  max-width: 70%;
}
.creative-content-3 b { color: #42ba96!important; }
.creative-content-3-left {
  margin-left: 200px;
  min-width: 500px;
  max-width: 50%;
  padding-top: 40px;
}
.creative-content-3-left p{
  margin-top: 20px;
  color: #555555;
  font-family: var(--secondaryfont);
  font-size: 16px;
  line-height: 150%;
  max-width: 60%;
}
.creative-content-3-right{ position: relative; right: 180px; }
.faqs-creative .faq-title h3 {
  text-align: center;
  font-family: var(--primaryfont);
  font-size: 36px;
  line-height: 120%;
  width: 100%;
  color: #2c345b;
  padding-bottom: 20px;
}
.faqs-creative {
  width: 80%;
  max-width: 960px;
  padding: 100px 0 50px;
  margin: 0 auto;
}
.tt-cta a span {
  color: white;
  font-size: 14px;
  font-weight: 400;
}
.tt-cta { margin-top: 20px; }
.faqs-creative .faq-container { margin-bottom: 40px; }
.faqs-creative .question-title p {
  font-family: var(--primaryfont);
  font-size: 24px;
  line-height: 150%;
  color: #2c345b;
  margin-bottom: 10px!important;
}
.faqs-creative .question-response p {
    font-family: var(--secondaryfont);
    font-size: 16px;
    line-height: 150%;
    color: #555555;
}
.creative-strat-left {
  margin-left: 400px;
  margin-top: 260px;
  margin-right: 100px;
}

#caroline-picture {
  transform-origin: bottom;
  transform: rotate(4deg);
  top: -74px;
  left: -126px;
  animation-name: headbob;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes headbob {
  0% { transform: rotate(4deg); }
  100% { transform: rotate(-1deg); }
}

.page-body { width: 100vw; height: auto; }
.tiktok-hero {
  width: 100%;
  height: 705px;
  display: flex;
  background-color: #222431;
  padding-top: 70px;
  align-items: center;
  justify-content: space-between;
  overflow-x: overflow;
}
.tiktok-hero-left {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  margin-left: 200px;
}
.tiktok-hero-left p {
  font-family: var(--primaryfont);
  font-size: 36px;
  color: white;
  line-height: 140%;
}
.tiktok-hero-left p b { color: #42ba96; }
.tiktok-hero-left a, .tiktok-hero-left span {
  font-family: var(--secondaryfont);
  font-size: 16px;
  color: white;
  line-height: 150%;
  margin-top: 20px;
}
.tiktok-hero-left p.emoji {
  position: relative;
  font-size: 64px!important;
  line-height: 0%;
  top: -40px;
  right: -68px;
  align-self: flex-end;
}
.tiktok-hero-left img { width: 365px; height: auto; margin: 20px 0; }
.tiktok-hero-right {
  display: flex;
  align-items: center;
  overflow-x: visible;
  padding-left: 80px;
  max-width: 60%;
  margin-right: 20px;
  margin-left: 20px;
}
.tiktok-phone-video {
  z-index: 10000;
  position: relative;
  top: 70px;
  width: 500px;
  height: 750px;
  margin-right: 200px;
}
.tt-service-left { margin-right: 40px; }
.tiktok-phone-video img, .tiktok-phone-video video {
  position: absolute;
  max-width: 500px;
  height: auto;
  margin-right: -40px;
}
.tiktok-phone-stills {
  display: none;
  position: relative;
  top: 20px;
  left: 426px;
}
.tiktok-phone-stills img { max-width: 400px; height: auto; margin: 0 -30px; }
.tiktok-stats-section {
  background-color: #eeeeee;
  width: 100vw;
  height: auto;
}
.tiktok-stats-section { padding: 80px 200px 20px;}
.stats-title span {
  font-family: var(--primaryfont);
  font-size: 36px;
  line-height: 120%;
  color: #2c345b;
}
.tiktok-stats-container {
    margin: 40px 0 64px;
    display: flex;
    justify-content: space-between;
}
.tiktok-stat-box {
  min-width: 200px;
  max-width: 240px;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-box-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.tiktok-stat-box p {
    font-size: 16px;
    font-family: var(--secondaryfont);
    color: #555555;
    line-height: 150%;
}
.tiktok-stats-source {
    text-align: center;
    margin: 0 auto;
    font-family: var(--secondaryfont);
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 150%;
}
#phone-video {
    width: 352px;
    height: auto;
    top: 42px;
    left: 34px;
}
#phone-case {
    top: -25px;
    left: -40px;
}
.tiktok-service-section {
  padding: 100px 200px;
  background-color: #222431;
  display: flex;
  justify-content: space-between;
}
.tt-service-left { max-width: 430px; }
.tt-service-left p {
  font-family: var(--secondaryfont);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #fafafa;
  margin-bottom: 30px!important;
}
.tt-service-left span {
  font-family: var(--secondaryfont);
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #eeeeee;
}
.tt-plus-icon { margin: 0 30px; }
.tt-service-right { max-width: 52%; display: flex; }
.tt-service-right img { max-width: 100%; height: auto; }
.faq-section { width: 100vw; background-color: #fafafa; }
.mobile-nav-x { margin-bottom: 20px; text-align: right; }
.dp-blog-header {
  color: white;
  font-family: visbycf-bold, arial, sans-serif;
  font-size: 62px;
  text-align: center;
  padding: 200px 20px 0 20px;
  margin-bottom: 20px;
}
iframe a.tawk-branding { display: none!important; }
.blog-lp-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.paid-social-headline h1 { font-size: 48px; }
.paid-social-headline { max-width: 560px; }
.creative-page {
  background-color: var(--dp-grey-200);
}
.social-services-section {
  padding: 120px 200px 80px;
  background-color: var(--dp-grey-200)!important;
}
.social-services-section h2 {
  font-family: var(--primaryfont);
}
.ss-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
}
.ss-icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.ss-service-box {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 60px;
}
.ss-service-box h3 {
  font-family: var(--primaryfont);
  font-size: 1.5rem;
  line-height: 120%;
  margin-bottom: 10px;
}
.ss-service-box p {
  width: 100%;
  font-family: var(--secondaryfont);
  font-size: 1rem;
  line-height: 165%;
}
.social-badges { margin-top: 40px; display: flex; }
.creative-hero-right { margin: 40px 0; }
.paid-social-section, .paid-social-section-2 {
  background-color: var(--dp-grey-200);
  padding: 100px 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ps-section-content, .ps-section-content-2 { max-width: 40%; }
.section-spacer { width: 100px; height: 100px; }
.ps-section-content, .ps-section-image, .ps-section-content-2, .ps-section-image-2 { flex-grow: 2; }
.ps-section-image, .ps-section-image-2 { display: flex; justify-content: center; }
.ps-section-image img { max-width: 100%; height: auto; }
.carousel {
  margin: 60px;
  position: relative;
  overflow: hidden;
  width: 450px;
  height: 800px;
  border-radius: 50px;
  border: 16px solid var(--dp-grey-900);
  box-shadow: -2px 2px 16px rgba(0, 0, 0, .2);
}
.carousel-inner { position: relative; display: flex; height: 800px; /* 9:16 aspect ratio */ }
.carousel-item {
  width: 100%;
  height: 100%;
  display: none;
  transition: opacity 0.5s;
}
.carousel-item.active { display: block; opacity: 1; }
.carousel-item video { object-fit: cover; height: 100%; }
.video-ctrl-prev, .video-ctrl-next {
  width: 60px;
  height: 80px;
  border-radius: 1px;
  border: none;
  outline: none!important;
  background-color: var(--dp-green-900);
}
.video-ctrl-prev:hover, .video-ctrl-next:hover { background-color: var(--dp-green-700); }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.ps-video-player { display: flex; align-items: center; }
.phone-speaker {
  position: absolute;
  width: 100px;
  height: 16px;
  background-color: var(--dp-grey-900);
  top: 30px;
  z-index: 100;
  border-radius: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.page-container {
  width: 100vw;
  background-color: var(--dp-grey-200);
  padding-top: 120px;
  padding-right: 10px;
}
.content-creator-hero {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.content-creator-hero h2, .content-creator-table-section h2, .content-creator-form-section h2 {
  font-family: var(--primaryfont);
  font-size: 3rem;
  color: var(--dp-grey-900);
  margin-bottom: 10px;
}
.cc-hero-column-left, .cc-hero-column-right { max-width: 25%; overflow: hidden; }
.cc-hero-column-main {
  max-width: 450px;
  min-width: 260px;
  text-align: center;
  margin: 60px 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cc-hero-column-left { text-align: left; margin-top: 160px; }
.cc-hero-column-right { text-align: right; }
.cc-cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  max-width: 350px;
  margin: 50px auto 20px;
}
.cc-form-icon { margin-right: 10px; }
.justify-center { justify-content: center; }
.content-creator-table-section { height: auto; padding: 120px 0; }
.content-creator-table-section h2, .content-creator-form-section h2 { text-align: center; }
.cc-table-section-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.cc-table-container, .cc-table-desc { margin: 20px 40px; }
.cc-table-desc p { max-width: 560px; }
.cc-table-container table { line-height: 150%; }
.cc-main-col-top .social-badges > :first-child { margin-right: 40px; }
.cc-table-container .cell {
  font-family: var(--secondaryfont);
  color: var(--dp-grey-900);
  border: 1px solid #cacaca;
  padding: 20px 40px;
}
.cc-table-container .other-header {
  font-family: var(--primaryfont);
  color: var(--dp-navy-700);
}
.cc-table-container .green-cell {
  background-color: var(--dp-green-900);
  font-family: var(--primaryfont);
  color: white;
}
.cc-table-container .invisible-cell {
  border: none;
}
.content-creator-form-section { padding-bottom: 160px; }
.content-creator-form-section h2 { position: relative; z-index: 500; }
.cc-form-container { position: relative; }
.cc-form-background {
  text-align: center;
  position: absolute;
  top: -62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 499;
}
.cc-form {
  max-width: 340px;
  position: relative;
  top: 0;
  margin: 0 auto;
  z-index: 500;
  margin-bottom: 4px;
}
.cc-form .label {
  font-family: var(--secondaryfont);
  color: var(--dp-grey-900);
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 10px!important;
  line-height: 100%;
}
.cc-form .note {
  font-family: var(--secondaryfont);
  color: var(--dp-grey-900);
  font-weight: 400;
  font-size: .75rem;
  margin-bottom: 8px!important;
}
.cc-form .form-group input {
  height: 40px;
  width: 100%;
  border: 1px solid var(--dp-grey-400);
  border-radius: 1px;
  padding: 10px;
  font-family: var(--secondaryfont);
  color: var(--dp-grey-900);
}
.dp-button-submit {
  width: 100%;
  height: 50px;
  cursor: pointer;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  text-decoration: none !important;
  text-transform: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  border: none;
  font-family: var(--secondaryfont);
  font-weight: 400;
  white-space: nowrap;
  margin: 40px auto 20px;
}
.content-creator-button { width: 100%; }

/* NEW RESPONSIVE STYLES */

@media screen and (max-width: 1400px) {
  .hero2-slant-down { display: flex; align-items: flex-start; justify-content: center; }
  .f2-s2-col { margin-right: 40px; }
}

@media screen and (max-width: 1200px) {
  :root {
    --fontsizeh2: 48px;
  }
  .hero2-bluebgall { width: calc(60vw + 300px); min-width: 840px; }
  .homepage-cta { margin-left: 40px; margin-top: 165px; max-width: 420px; }
  .tagline-desc { max-width: 400px; }
  .homepage-cta h2, .homepage-cta h2 b { font-size: 48px; line-height: 58px; letter-spacing: 0px; }
  .dp-btn-ctahome { width: 75vw; max-width: 360px; }
  .hero2-slant-down img { max-width: calc(100vw - 15px); }
  .testimonial-header, .dpa-header, .bottom-cta-inner { padding: 0 20px; }
  .testimonial-cols { flex-direction: column; }
  .testimonial-col1 { margin-bottom: 40px; }
  .testimonial-col1, .testimonial-col2 {
    max-width: unset;
    width: 100%;
    margin: 0 auto 40px;
    align-items: center;
  }
  .home-dpa-section { padding: 80px 0 40px; }
  .pastyear-section { margin-top: 80px; }
  .dpa-services-full { flex-wrap: wrap; }
  .dpa-service {
    width: 40%;
    height: auto;
    padding-bottom: 100px;
    margin: 20px 20px 40px;
  }
  .dpa-service-button { width: 100%; }
  .py-cta { max-width: 400px; width: 80%; margin: 0 auto; }
  .py-cta-button { width: 100%; }
  .recent-posts { padding: 0 20px; }
  .recent-posts-inner {
    margin: 0 auto;
    justify-content: center;
    max-width: 760px;
    flex-wrap: wrap;
  }
  .rp-tile { width: 80%; max-width: 400px; min-width: 240px; }
  .footer2 { flex-direction: column; }
  .footer2-s1, .footer2-s2 { max-width: unset; padding: 40px; }
  .f2-s1-inner {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .f2-socials { margin-bottom: 10px; }
  .footer2 ul { margin: 10px auto; }
  .f2-info { margin: 10px; width: 46%; }
  .f2-logo img { width: auto; }
  .f2-s2-inner { flex-wrap: wrap; }
  .dp-button-nav { width: 195px; font-size: 12px!important; }
  .user a i { font-size: 12px; }
  .datapulse-nav { margin-left: 1vw; }
  .stat-box { margin: 6px; }
}

@media screen and (max-width: 576px) {
  :root {
    --fontsizeh2: 36px;
  }
  .hero2-layer3 { margin-top: -100px; }
  .homepage-cta { margin: 0 20px; margin-top: 140px; min-width: 240px; }
  .homepage-cta h2, .homepage-cta h2 b { font-size: 36px; line-height: 46px; }
  .tagline-desc { min-width: 240px; }
  .tagline-desc span { font-size: 14px; }
  .dp-btn-ctahome { min-width: 240px; }
  .testimonial-full { padding: 45px 0 80px; }
  .testimonial-cols { padding: 0 20px; }
  .testimonial-col1, .testimonial-col2 { max-width: 100vw; margin: 0 auto 40px; }
  #slideshow { width: unset; }
  #slideshow img { max-width: 80vw; height: auto; }
  .stats-container-full { flex-direction: column; margin-top: 0px; }
  .stat-box { width: 100%; height: unset; margin: 5px auto; }
  .hp-t-button { width: 100%; min-width: 250px; font-size: 12px; }
  .home-auth-badges { height: auto; flex-direction: column; padding: 10px 0; }
  .auth-group { margin: 10px 20px; }
  .home-dpa-section { padding: 80px 0 40px; }
  .dpa-services-full { flex-direction: column; align-items: center; }
  .dpa-service {
    width: auto;
    max-width: 400px;
    height: auto;
    margin: 0 20px 60px;
    padding-bottom: 0px;
}
  .dpa-service-button { position: relative; }
  .t-arrow-left, .t-arrow-right { margin: 5px; }
  .bar-text { font-size: 18px; line-height: 24px; }
  .py-bar {padding: 10px 20px; }
  .pys-metric-no { font-size: 36px; margin-left: 20px; }
  .footer2-s1, .footer2-s2 { max-width: unset; padding: 40px 20px; }
  .f2-info { width: 100%; }
  .mobile-hero {
    height: auto;
    background: none;
    position: relative;
  }
}

@media screen and (max-width: 400px) {
  .rp-tile { height: 350px; }
}