:root {
    --main-dark: #151922;
    --secondary-dark-text: #62656B;
    --primary-pink: #E93A5E;
    --primary-pink-hover: #ed5373;
    --lightpink: #F9C1CD;
    
    --dark-grey: #212B36;
    --dark-blue: #0A2C3D;
    
    --blueish-grey: #7B8290;
    --info-blue: #2D74FF;
    --info-blue-hover: #4986ff;
    --lightblue: #B3CDFF;
    
    --grey: #959BA6;
    --light-grey: #C4CDD5;
    --very-light-grey: #F4F5F8;
    --darkgrey: #21252F;
    
    --success-green: #41D37F;
    --green: #43A5A1;
    --lightgreen: #BBDFDD;
    --turquoise: #36D3B5;
    
    --purple: #7F7AEE;
    --lightpurple: #D1CFF9;
    --orange: #FF7245;
    --red: #FF5E5E;
    --yellow: #FECB6D;
    --lightyellow: #FEE2AD;
    --secondary-blue: #01A3EF;
    
    --white: #FFFFFF;
    --black: #000000;
  }

body {
  font-family: "Relativetheory", -apple-system, system-ui, BlinkMacSystemFont, Helvetica, Lato, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Relativetheory";
  src: url("../../../fonts/relativetheory/relative-book-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-book-pro.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Medium";
  src: url("../../../fonts/relativetheory/relative-medium-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-medium-pro.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Black";
  src: url("../../../fonts/relativetheory/relative-black-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-black-pro.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Light";
  src: url("../../../fonts/relativetheory/relative-book-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-book-pro.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Bold";
  src: url("../../../fonts/relativetheory/relative-bold-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-bold-pro.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Italic";
  src: url("../../../fonts/relativetheory/relative-italic-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-italic-pro.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Medium Italic";
  src: url("../../../fonts/relativetheory/relative-medium-italic-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-medium-italic-pro.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Bold Italic";
  src: url("../../../fonts/relativetheory/relative-bold-italic-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-bold-italic-pro.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Relativetheory Black Italic";
  src: url("../../../fonts/relativetheory/relative-black-italic-pro.woff2") format("woff2");
  src: url("../../../fonts/relativetheory/relative-black-italic-pro.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
.textbox, textarea, input, .microcopy, .subscript, p, span, div, li {
  font-family: var(--font-regular);
}

h1, h1 span {
  font-family: var(--font-bold) !important;
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 1.2;
  text-align: center;
  color: var(--main-dark);
  letter-spacing: -1.68px;
  margin: 1.5rem 0;
}
h1 .bolditalic, h1 span .bolditalic {
  font-family: var(--font-bold-italic);
}
h1 span.titleblue, h1 span span.titleblue {
  color: var(--info-blue);
  display: block;
}
@media (min-width: 1050px) {
  h1 span.titleblue, h1 span span.titleblue {
    display: inline-block;
  }
}
@media (max-width: 360px) {
  h1, h1 span {
    font-size: 2.35rem;
  }
}
@media (min-width: 361px) and (max-width: 415px) {
  h1, h1 span {
    font-size: 2.65rem;
  }
}
@media (min-width: 416px) and (max-width: 559px) {
  h1, h1 span {
    font-size: 3rem;
  }
}
@media (min-width: 560px) and (max-width: 640px) {
  h1, h1 span {
    font-size: 3.5rem;
  }
}

h1 span {
  margin: auto;
}

h2, h2 span {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.3;
  color: var(--main-dark);
  letter-spacing: -1px;
}
h2 strong, h2 span strong {
  font-family: var(--font-black);
}

.text h2 {
  margin-bottom: 1.5rem;
}

p, div, label, span, li {
  font-size: 1em;
  letter-spacing: 0;
}

ul.tabs li.tab-link, a {
  font-family: var(--font-medium);
}

.label, .sidebar-bp-menu .menu li.menu-item a label:not(.sub-menu-list ul li a label) {
  font-family: var(--font-bold);
  letter-spacing: 0;
}

.sidebar-bp-menu .menu .sub-menu-list ul li a label {
  font-family: var(--font-regular);
}

p {
  font-family: var(--font-regular);
  color: var(--secondary-dark-text);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 1rem;
  letter-spacing: 0;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark p{
  color: #fff;
}

p.subtitle {
  font-size: 1.375rem;
  font-family: var(--font-medium);
  max-width: 90%;
}
p.title {
  font-family: var(--font-bold);
  font-weight: 700;
  margin-top: 0.5rem;
}
p.white {
  font-size: 1.2rem;
}

a, a span {
  text-decoration: none;
  font-family: var(--font-medium);
  font-weight: 500;
  font-family: var(--font-medium);
  transition: all 220ms ease-in-out;
}
a:hover, a:active, a:visited, a span:hover, a span:active, a span:visited {
  text-decoration: none;
}

.btn, .button, button {
  font-family: var(--font-medium);
}

@font-face {
  font-family: "better-proposals";
  src: url("/fonts/fontastic/better-proposals.eot?v=2");
  src: url("/fonts/fontastic/better-proposals.eot?v=2#iefix") format("embedded-opentype"), url("/fonts/fontastic/better-proposals.woff?v=2") format("woff"), url("/fonts/fontastic/better-proposals.ttf?v=2") format("truetype"), url("/fonts/fontastic/better-proposals.svg?v=2#better-proposals") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-ico]:before {
  font-family: "better-proposals" !important;
  content: attr(data-ico);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
}

[class^=ico-]:before,
[class*=" ico-"]:before {
  font-family: "better-proposals" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
}

.ico-back-time:before {
  content: "a";
}

.ico-exit:before {
  content: "Q";
}

.ico-external-link:before {
  content: "R";
}

.ico-facebook:before {
  content: "S";
}

.ico-users:before {
  content: "T";
}

.ico-heart-outline:before {
  content: "V";
}

.ico-info-circle-outline:before {
  content: "W";
}

.ico-youtube:before {
  content: "b";
}

.ico-twitter:before {
  content: "c";
}

.ico-locker:before {
  content: "d";
}

.ico-trash:before {
  content: "e";
}

.ico-file-blank:before {
  content: "f";
}

.ico-file-new:before {
  content: "g";
}

.ico-share-outline:before {
  content: "h";
}

.ico-link:before {
  content: "i";
}

.ico-log-out:before {
  content: "l";
}

.ico-user:before {
  content: "m";
}

.ico-add-note:before {
  content: "n";
}

.ico-analytics:before {
  content: "o";
}

.ico-apps:before {
  content: "p";
}

.ico-arrow-left:before {
  content: "q";
}

.ico-arrow-right:before {
  content: "q";
  display: inline-block;
  position: relative;
  transform: rotate(180deg);
}

.btn .ico-arrow-right:before {
  font-size: 0.7rem !important;
  margin-top: 3px;
}

.ico-attached-file:before {
  content: "r";
}

.ico-attachment:before {
  content: "s";
}

.ico-balance:before {
  content: "t";
}

.ico-bank:before {
  content: "u";
}

.ico-billing-dollar:before {
  content: "v";
}

.ico-billing-eur:before {
  content: "w";
}

.ico-billing-pounds:before {
  content: "x";
}

.ico-blockquote:before {
  content: "y";
}

.ico-blog:before {
  content: "z";
}

.ico-book:before {
  content: "A";
}

.ico-browser-plus:before {
  content: "B";
}

.ico-calendar:before {
  content: "C";
}

.ico-calendar-tick:before {
  content: "D";
}

.ico-camera:before {
  content: "E";
}

.ico-card-reader:before {
  content: "F";
}

.ico-cash-dollar:before {
  content: "G";
}

.ico-cash-eur:before {
  content: "H";
}

.ico-cash-pounds:before {
  content: "I";
}

.ico-categories:before {
  content: "J";
}

.ico-chat:before {
  content: "K";
}

.ico-check:before {
  content: "L";
}

.ico-checklist:before {
  content: "N";
}

.ico-chevron-left:before {
  content: "O";
}

.ico-circle-alert:before {
  content: "P";
}

.ico-circle-check:before {
  content: "X";
}

.ico-circle-disabled:before {
  content: "Y";
}

.ico-circle-info:before {
  content: "Z";
}

.ico-circle-left:before {
  content: "0";
}

.ico-circle-plus:before {
  content: "1";
}

.ico-click:before {
  content: "2";
}

.ico-clock:before {
  content: "3";
}

.ico-code:before {
  content: "4";
}

.ico-confetti:before {
  content: "5";
}

.ico-cross:before {
  content: "6";
}

.ico-customer-plus:before {
  content: "7";
}

.ico-customers:before {
  content: "8";
}

.ico-data-visualization:before {
  content: "9";
}

.ico-delete:before {
  content: "!";
}

.ico-design-tools:before {
  content: '"';
}

.ico-desktop:before {
  content: "#";
}

.ico-dns:before {
  content: "$";
}

.ico-domains:before {
  content: "%";
}

.ico-draft-order:before {
  content: "&";
}

.ico-edit:before {
  content: "'";
}

.ico-email:before {
  content: "(";
}

.ico-exchange:before {
  content: ")";
}

.ico-glasses:before {
  content: "+";
}

.ico-globe:before {
  content: ",";
}

.ico-grammar:before {
  content: "-";
}

.ico-hashtag:before {
  content: ".";
}

.ico-question-circle:before {
  content: "/";
}

.ico-idea:before {
  content: ":";
}

.ico-illustration:before {
  content: ";";
}

.ico-image:before {
  content: "<";
}

.ico-images:before {
  content: "=";
}

.ico-jobs:before {
  content: ">";
}

.ico-key:before {
  content: "?";
}

.ico-label:before {
  content: "@";
}

.ico-landing-page:before {
  content: "[";
}

.ico-legal:before {
  content: "]";
}

.ico-location:before {
  content: "^";
}

.ico-managed-store:before {
  content: "`";
}

.ico-marketing:before {
  content: "{";
}

.ico-mic:before {
  content: "|";
}

.ico-mobile-hamburger:before {
  content: "}";
}

.ico-monotone:before {
  content: "~";
}

.ico-navigation:before {
  content: "\\";
}

.ico-newsletter:before {
  content: "\e000";
}

.ico-note:before {
  content: "\e001";
}

.ico-notification:before {
  content: "\e002";
}

.ico-page-attached:before {
  content: "\e003";
}

.ico-play:before {
  content: "\e004";
}

.ico-play-button:before {
  content: "\e005";
}

.ico-plus:before {
  content: "\e006";
}

.ico-printer:before {
  content: "\e007";
}

.ico-profile-circle:before {
  content: "\e008";
}

.ico-question-mark:before {
  content: "\e009";
}

.ico-recipe:before {
  content: "\e00a";
}

.ico-refresh:before {
  content: "\e00b";
}

.ico-refund:before {
  content: "\e00c";
}

.ico-reports:before {
  content: "\e00d";
}

.ico-risk:before {
  content: "\e00e";
}

.ico-search:before {
  content: "\e00f";
}

.ico-send-email:before {
  content: "\e010";
}

.ico-settings:before {
  content: "\e012";
}

.ico-smile-sad:before {
  content: "\e013";
}

.ico-smiley-happy:before {
  content: "\e014";
}

.ico-smiley-joy:before {
  content: "\e015";
}

.ico-smiley-neutral:before {
  content: "\e016";
}

.ico-social-ad:before {
  content: "\e017";
}

.ico-social-post:before {
  content: "\e018";
}

.ico-star:before {
  content: "\e019";
}

.ico-store:before {
  content: "\e01a";
}

.ico-thumbs-down:before {
  content: "\e01b";
}

.ico-tips:before {
  content: "\e01c";
}

.ico-tools:before {
  content: "\e01d";
}

.ico-undo:before {
  content: "\e01e";
}

.ico-wand:before {
  content: "\e01f";
}

.ico-hide:before {
  content: "\e020";
}

.ico-arrow:before {
  content: "\e021";
}

.ico-copy:before {
  content: "\e022";
}

.ico-move:before {
  content: "\e023";
}

.ico-filter:before {
  content: "\e024";
}

.ico-send:before {
  content: "\e025";
}

.ico-add-image:before {
  content: "\e026";
}

.ico-gift:before {
  content: "\e027";
}

.ico-moon:before {
  content: "\e028";
}

.ico-multiple-tags:before {
  content: "M";
}

.ico-tag-empty:before {
  content: "_";
}

.ico-flag:before {
  content: "*";
}

.ico-file-text:before {
  content: "\e011";
}

.ico-file-minus:before {
  content: "\e02c";
}

.ico-file-sum:before {
  content: "\e029";
}

.ico-file-search-find:before {
  content: "\e02a";
}

.ico-dashboard:before {
  content: "\e02b";
}

.ico-mail-open:before {
  content: "\e02d";
}

.ico-line-chart-up:before {
  content: "\e02e";
}

.ico-download:before {
  content: "\e02f";
}

.ico-pie-chart-outline:before {
  content: "\e030";
}

.ico-chevron:before {
  content: "j";
}

.ico-tag:before {
  content: "k";
}

.ico-info-circle:before {
  content: "U";
}

.ico-error:before {
  content: "\e031";
}

.ico-fast-forward:before {
  content: "\e032";
}

.ico-show:before {
  content: "\e033";
}

.ico-ico-mail:before {
  content: "\e034";
}

.ico-contract-tag:before {
  content: "\e035";
}

.ico-brochure-tag:before {
  content: "\e036";
}

.ico-statement-of-work-tag:before {
  content: "\e037";
}

.ico-quotes-tag:before {
  content: "\e038";
}

.ico-proposal-tag:before {
  content: "\e039";
}

.ico-sign-off-tag:before {
  content: "\e03a";
}

.ico-simple-file:before {
  content: "\e03b";
}

* {
  padding: 0;
  margin: 0;
}
/*Comment out to let in the new font sizing
html {
  scroll-behavior: smooth;
  font-size: 16px;
}
*/

body {
  font-family: var(--font-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: white;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 400;
  color: var(--dark-grey);
}

.bg-light {
  background-color: #F8F8F8;
}

.position-relative {
  position: relative;
}

h1, h2, h3, h4 {
  font-family: var(--font-bold);
  line-height: initial;
}

h2, .h2 {
  line-height: 1.24;
  font-size: 2rem;
}
@media (min-width: 600px) {
  h2, .h2 {
    font-size: 2.3rem;
  }
}

.h2-medium {
  font-size: 2.1rem;
}

.h2-small {
  font-size: 1.9rem;
}

h3, .h3 {
  color: var(--dark-grey);
  font-size: 1.8rem;
}

p {
  padding: 0;
}
p.title-subtitle {
  font-family: var(--font-medium);
  font-size: 1.15rem;
  opacity: 0.8;
  letter-spacing: -0.1px;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  p.title-subtitle {
    font-size: 1.125rem;
  }
}
p.h1-subtitle, p li.h1-subtitle {
  font-family: var(--font-regular);
  color: var(--secondary-dark-text);
  font-size: 1.375rem;
}
p.h1-subtitle.dark, p li.h1-subtitle.dark {
  color: var(--main-dark);
}
p.h1-subtitle.white-text, p li.h1-subtitle.white-text {
  color: var(--white) !important;
}
@media (max-width: 768px) {
  p.h1-subtitle, p li.h1-subtitle {
    text-align: center !important;
  }
}

.bold, p.bold {
  font-family: var(--font-bold);
}

.text-pink {
  color: var(--primary-pink);
}

.text-green {
  color: var(--success-green);
}

.text-blue {
  color: var(--info-blue);
}

.white-text, p.white-text {
  color: var(--white) !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

button {
  border: none;
  outline: none;
}

.btn {
  font-family: var(--font-medium);
  display: inline-block;
  text-align: center;
  background-color: var(--primary-pink);
  border: 1px solid transparent;
  color: var(--white);
  width: auto;
  border-radius: 4px;
  font-size: 1rem;
  text-decoration: none;
  padding: 0.875rem 1rem;
  letter-spacing: -0.1px;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}
.btn:hover {
  color: white;
  background-color: var(--primary-pink-hover);
}
.btn.btn-large {
  padding: 0.9rem 1.5rem;
  font-size: 1rem;
}
.btn.btn-wide {
  padding: 0.875rem 2.5rem;
}
.btn.btn-turquoise {
  background-color: var(--turquoise);
  color: white;
}
.btn.btn-turquoise:hover {
  background-color: #37D3B5;
}
.btn.btn-info {
  background-color: var(--info-blue);
  color: white;
}
.btn.btn-info:hover {
  background-color: var(--info-blue-hover);
}
.btn.btn-info-outline {
  background: #FFFFFF;
  color: var(--info-blue);
  border: 1px solid var(--info-blue);
}
.btn.btn-info-outline:hover {
  background: var(--info-blue);
  color: white;
}
.btn.btn-pink-outline {
  background: #FFFFFF;
  color: var(--primary-pink);
  border: 1px solid var(--primary-pink);
}
.btn.btn-pink-outline:hover {
  background: var(--primary-pink);
  color: white;
}

.text-grey-dark {
  color: var(--blueish-grey) !important;
}

.text-dark-grey {
  color: var(--dark-grey) !important;
}

.columns-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 1rem;
}

.container {
  width: auto;
  max-width: 1200px;
  padding: 0 1rem;
  margin: auto;
}
.container.container-sm {
  width: 100%;
  max-width: 800px;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

@media (min-width: 991px) {
  .d-lg-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block;
  }
}

@media (min-width: 991px) {
  .d-lg-none {
    display: none;
  }
}

.d-flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.justify-center {
  justify-content: center !important;
}

.align-center {
  align-items: center !important;
}

.flex-start {
  align-items: flex-start !important;
}

.justify-between {
  justify-content: space-between !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-item-half {
  flex: 0 1 calc(50% - 2rem);
}
.flex-item-half:first-of-type {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .flex-item-half:first-of-type {
    order: 2;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .flex-item-half {
    flex: 0 1 100%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .flex-item-half:last-of-type {
    order: 1;
    margin-bottom: 2rem;
  }
}

.flex-item-third {
  flex: 0 1 calc(33% - 2rem);
  margin-right: 2rem;
  margin-top: 2rem;
}
.flex-item-third:nth-of-type(3n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .flex-item-third {
    flex: 0 1 100%;
    margin: 2rem auto;
  }
}

.mt-1 {
  margin-top: 1rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pt-6 {
  padding-top: 6rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.margin-top {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .margin-top {
    margin-top: 4.5rem;
  }
}
@media (max-width: 768px) {
  .margin-top.firstone {
    margin-top: 0.5rem;
  }
}

.margin-bottom {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .margin-bottom {
    margin-bottom: 4.5rem;
  }
}

.margin-bottom-sm {
  margin-bottom: 2rem;
}

.margin-top-sm {
  margin-top: 2rem;
}

.margin-top-md {
  margin-top: 4rem;
}

.margin-bottom-md {
  margin-bottom: 4rem;
}

.underlinelink {
  margin-left: 1.5rem;
  font-family: var(--font-medium);
  border-bottom: 2px solid var(--secondary-dark-text);
  transition: all 0.3s ease-in;
}
.underlinelink:hover {
  text-decoration: none;
  border-bottom: 4px solid var(--secondary-dark-text);
  transition: all 0.3s ease-in;
}

@media (min-width: 991px) {
  .pt-lg-6 {
    padding-top: 6rem;
  }
}
.mb-0 {
  margin-bottom: 0;
}