@charset "UTF-8";
/*
 * Settings
 * used with preprocessors and contain font, colors definitions, etc.
 */
/**
 * @license
 * MyFonts Webfont Build ID 3619001, 2018-08-06T02:09:28-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *

 * Webfont: TTNorms-BlackItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/black-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-ExtraBoldItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exbold-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Black by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/black/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-BoldItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/bold-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Bold by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/bold/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-ExtraBold by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exbold/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-ExtraLightItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exlight-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-ExtraLight by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exlight/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-HeavyItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/heavy-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Heavy by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/heavy/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Italic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-LightItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/light-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Light by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/light/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-MediumItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/med-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Medium by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/medium/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Regular by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/regular/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-ThinItalic by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/thin-ital/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: TTNorms-Thin by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-norms/thin/
 * Copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * Licensed pageviews: 200,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3619001
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3738b9");
@font-face {
  font-family: 'AngleciaProText-Bold';
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_5_0.eot");
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_5_0.eot?#iefix") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_5_0.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_5_0.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'TTNorms-Bold';
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_E_0.eot");
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_E_0?#iefix") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_E_0.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_E_0.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_E_0.ttf") format("truetype"); }

@font-face {
  font-family: 'TTNorms-ExtraBold';
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_F_0.eot");
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_F_0.eot?#iefix") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_F_0.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_F_0.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_F_0.ttf") format("truetype"); }

@font-face {
  font-family: 'TTNorms-Medium';
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_18_0.eot");
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_18_0.eot?#iefix") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_18_0.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_18_0.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_18_0.ttf") format("truetype"); }

@font-face {
  font-family: 'TTNorms-Regular';
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_19_0.eot");
  src: url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_19_0.eot?#iefix") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_19_0.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_19_0.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/4391689/webfonts/3738B9_19_0.ttf") format("truetype"); }

/*
 *  Default Settings
 *  ---
 *  Only override the !default variables in '_settings.project.scss' to suit your project needs
 */
/*
 * Base typographical styles and baseline grid.
 */
/**
 * Font family's
 */
/**
 * Font sizes
 */
/*
 * Spacing values are determined based on your project’s global line height (i.e
 * your baseline grid). It is not recommended that you modify these following
 * variables (it can break your vertical rhythm), but if you need to, you can.
 */
/**
 * Wrapper
 */
/*
 * How many times larger/smaller than the default should our spacing unit
 * variants be?
*/
/**
 * Breakpoints
 */
/**
 * Font weights
 */
/*
 *  Project Settings
 *  ---
 *  Tweak default variables from '_settings.default.scss' to suit your project needs
 */
/*
* Spacing
*/
/*
* Colours
*/
/**
 * Font sizes
 */
/*
* Media Queries
*/
/*
 *  Settings: Colors
 *  ---
 *  Every color that is being used should be defined here.
 *  Based on : http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/
 *
 *  Usage:
 *      color: palette(color-<color-name>, <tint>);
 *      e.g.: palette(color-base, base); outputs -> #333;
 */
/*
 * Tools
 * Globally used mixins and functions. It’s important not to output any
 * CSS in the first 2 layers.
 */
/*
 *  Tools: Mixins
 *  ---
 *  Global mixins available to the entire project.
 *  Define file-specific mixins inside the file to which they relate.
 */
/**
 * Hide elements in an accessible way
 *
 * Usage: @include visually-hidden();
 */
/**
 * Clear floats
 *
 * Usage: @include clearfix();
 */
/**
 * Center align a block-level element
 */
/*
 *  Tools: Functions
 *  ---
 *  Functions that you can use during the theming process.
 */
/**
 * Convert any px value into its rem equivalent.
 *
 * Usage: rem(number);
 */
/**
 * Convert any px value into its em equivalent.
 *
 * Usage: em(number);
 */
/**
 * The palette function works with a base color and a tint.
 * Reads from '_settings.colors.scss'
 *
 * Usage: palette(color-alpha,base)
 */
/*
 * Generic
 * Reset and/or normalize styles, box-sizing definition, etc. This is the
 * first layer which generates actual CSS.
 */
/*
 *  Generic: box-sizing
 *  ---
 *  Set a better box model as default
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*
 *  Generic: Shared
 *  ---
 *  Shared declarations for certain elements.
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 1.44444em; }

ul, ol,
dd {
  margin-left: 1.44444em; }

/*
 *  Utilities: Print
 *  ---
 *  Predefined print styles to have a decent default
 */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*
 * Elements
 * Styling for bare HTML elements (like H1, A, etc.). These come with default
 * styling from the browser so we can redefine them here.
 */
/*
 *  Elements: page
 *  ---
 *  Simple page-level setup.
 */
/**
 * 1. Ensure the page always fills at least the entire height of the viewport.
 */
html {
  font-size: 18px;
  min-height: 100%;
  /* [1] */
  font-family: "TTNorms-Regular", serif;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 1200px) {
    html {
      font-size: calc(14.8px + 0.26667vw) ; } }

body {
  margin: 0; }

/*
 *  Parapgraphs
 *  ---
 *  Default styles for paragraphs
 */
p, .c-text, .c-content .m-rich-text {
  font-size: 21px;
  line-height: 36px; }
  @media (max-width: 1200px) {
    p, .c-text, .c-content .m-rich-text {
      font-size: calc(15.4px + 0.46667vw) ; } }
  @media (max-width: 768px) {
    p, .c-text, .c-content .m-rich-text {
      font-size: 18px;
      line-height: 25px; } }

p {
  margin: 0 0 1rem; }
  p:empty {
    display: none; }
  p + p {
    margin-top: 0; }

.c-content p, .c-content .m-rich-text {
  margin-bottom: 1.5rem; }

.hs_cos_wrapper_type_rich_text ul, .hs_cos_wrapper_type_rich_text ol {
  margin: 0 0 2rem 2rem;
  padding: 0; }

.hs_cos_wrapper_type_rich_text li {
  line-height: 1.5;
  margin: 0 0 0.1rem;
  padding: 0; }

/*
 *  Elements: Headings
 *  ---
 *  We have all of our heading font sizes defined here. Passing these pixel
 *  values into our `rfs()` mixin will generate a fluid font-size
 */
h1, h2, h3, h4, h5, h6 {
  font-family: "TTNorms-Medium", serif;
  margin: 0 0 1rem;
  color: #000;
  font-weight: normal; }

h1 {
  font-size: 64px;
  margin-bottom: 1.5rem; }
  @media (max-width: 1200px) {
    h1 {
      font-size: calc(24px + 3.33333vw) ; } }
  .c-content h1 {
    margin-bottom: 1rem; }

h2 {
  font-size: 44px; }
  @media (max-width: 1200px) {
    h2 {
      font-size: calc(20px + 2vw) ; } }
  .c-content h2 {
    margin-bottom: .5rem; }

h3 {
  font-size: 36px;
  margin: 1.25rem 0; }
  @media (max-width: 1200px) {
    h3 {
      font-size: calc(18.4px + 1.46667vw) ; } }
  .c-content h3 {
    margin-bottom: .5rem; }

h4 {
  font-size: 24px; }
  @media (max-width: 1200px) {
    h4 {
      font-size: calc(16px + 0.66667vw) ; } }
  .c-content h4 {
    margin-bottom: .5rem; }

h5, .c-subtitle {
  font-size: 18px;
  font-family: "TTNorms-Bold", serif;
  text-transform: uppercase;
  color: #0077e5;
  letter-spacing: 2px; }
  @media (max-width: 1200px) {
    h5, .c-subtitle {
      font-size: calc(14.8px + 0.26667vw) ; } }
  .c-content h5, .c-content .c-subtitle {
    margin-bottom: .5rem; }

.c-subtitle {
  display: block;
  font-size: 12px;
  margin-bottom: 1.5rem; }

h6 {
  font-size: 16px;
  font-family: "TTNorms-Bold", serif;
  letter-spacing: 2px; }
  @media (max-width: 1200px) {
    h6 {
      font-size: calc(14.4px + 0.13333vw) ; } }
  .c-content h6 {
    margin-bottom: .5rem; }

/*
 *  Images
 *  ---
 *  Default styles for images
 */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/*
 *  Link
 *  ---
 *  Default styles for links
 *
 *  1: Provide focus styles to make sure the visitor knows what is highlighted.
 */
a {
  color: #0077e5;
  transition: 0.3s all ease-in;
  text-decoration: none; }
  a:focus, a:hover {
    text-decoration: underline; }

/*
 * Objects
 * Class-based selectors which define undecorated design patterns, for example
 * media object known from OOCSS
 */
/*
 *  Object: Wrapper
 *  ---
 *  Class to wrap content
 */
.o-wrapper {
  width: 100%;
  max-width: 1450px;
  float: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important; }
  @media (max-width: 1200px) {
    .o-wrapper {
      max-width: 960px; } }
  @media (max-width: 991px) {
    .o-wrapper {
      max-width: 720px; } }
  @media (max-width: 767px) {
    .o-wrapper {
      max-width: 540px; } }

/**
 * Center wrapper
 */
.o-wrapper--center {
  margin-left: auto !important;
  margin-right: auto !important; }

/*
 * Layout
 */
.body-container-wrapper .l-content-sidebar {
  width: 68%; }
  @media (max-width: 1024px) {
    .body-container-wrapper .l-content-sidebar {
      width: 62%; } }
  @media (max-width: 768px) {
    .body-container-wrapper .l-content-sidebar {
      width: 100%; } }

.body-container-wrapper .l-sidebar {
  float: right;
  width: 28%;
  margin: 0; }
  @media (max-width: 1024px) {
    .body-container-wrapper .l-sidebar {
      width: 35%; } }
  @media (max-width: 768px) {
    .body-container-wrapper .l-sidebar {
      width: 100%; } }
  .body-container-wrapper .l-sidebar .hs_cos_wrapper_widget + .hs_cos_wrapper_widget {
    margin-top: 2rem; }

/*
 * Components
 * Specific UI components. This is where majority of our work takes place and
 * our UI components are often composed of Objects and Components
 */
/*
 *  Components: Buttons
 *  ---
 *  Collection of buttons
 */
.c-btn, input[type=submit], button[type=submit], .hs-button {
  font-family: "TTNorms-Medium", serif;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  transition: 0.3s all ease-in;
  position: relative;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  height: 44px;
  padding: 0 15px;
  text-decoration: none;
  z-index: 1;
  font-weight: 500;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer; }
  @media (max-width: 1200px) {
    .c-btn, input[type=submit], button[type=submit], .hs-button {
      font-size: calc(14.4px + 0.13333vw) ; } }
  .c-btn:hover, .c-btn:focus, input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus, .hs-button:hover, .hs-button:focus {
    text-decoration: none; }

.c-btn--large {
  height: 53px;
  padding: 0 25px;
  font-size: 18px; }
  @media (max-width: 1200px) {
    .c-btn--large {
      font-size: calc(14.8px + 0.26667vw) ; } }
  @media (max-width: 768px) {
    .c-btn--large {
      height: 46px;
      padding: 0 15px;
      font-size: 14px; } }

.c-btn + .button {
  margin-left: 30px; }
  @media (max-width: 767px) {
    .c-btn + .button {
      margin-left: 20px; } }

.c-btn--primary, .hs-button.primary {
  background-color: #0077e5;
  color: #fff; }
  .c-btn--primary:before, .hs-button.primary:before {
    content: "";
    background-color: #0077e5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .3s ease;
    border-radius: 3px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16); }
  .c-btn--primary:hover, .c-btn--primary:focus, .hs-button.primary:hover, .hs-button.primary:focus {
    background-color: #0077e5;
    color: #fff; }
    .c-btn--primary:hover:before, .c-btn--primary:focus:before, .hs-button.primary:hover:before, .hs-button.primary:focus:before {
      box-shadow: 0 8px 4px -5px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.16);
      -webkit-transform: scale(1.09);
              transform: scale(1.09); }

.c-btn--secondary {
  background-color: #fff;
  color: #0d31bd !important; }
  .c-btn--secondary:before {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .3s ease;
    border-radius: 3px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.16); }
  .c-btn--secondary:hover, .c-btn--secondary:focus {
    background-color: #fff; }
    .c-btn--secondary:hover:before, .c-btn--secondary:focus:before {
      box-shadow: 0 8px 4px -5px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.16);
      -webkit-transform: scale(1.09);
              transform: scale(1.09); }

.hs-button {
  margin: 0;
  border: none;
  cursor: pointer;
  line-height: 1; }

.inputs-list, .hs-error-msgs {
  padding: 0;
  margin: 0; }
  .inputs-list li, .hs-error-msgs li {
    list-style: none;
    margin: 0;
    padding: 0; }

.hs-error-msgs li {
  display: block;
  margin: 0;
  padding: 3px 0;
  color: red; }
  .hs-error-msgs li label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0; }

.hs_error_rollup {
  display: none; }

fieldset {
  max-width: none !important; }

label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700; }

input, textarea, select {
  background-color: #fff;
  border: 1px solid #0077e5;
  border-radius: 4px;
  padding: 17px 20px;
  margin: 0;
  font-size: .9rem; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #C5C5C5; }
  input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #C5C5C5; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #C5C5C5; }
  input::placeholder, textarea::placeholder, select::placeholder {
    color: #C5C5C5; }
  input.error, textarea.error, select.error {
    border-color: #ff2b00; }

select {
  background-image: url(https://cdn2.hubspot.net/hubfs/2661429/Projectnaam/Icons/icon-triangle.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 15px;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

.input input, select, textarea {
  width: 100% !important; }

input[type=checkbox], input[type=radio], .checkbox-row .fakelabel input[type=checkbox] {
  width: auto !important;
  margin: 3px 0 0 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0; }
  input[type=checkbox] + span, input[type=radio] + span, .checkbox-row .fakelabel input[type=checkbox] + span {
    display: block;
    float: none;
    font-weight: normal;
    position: relative;
    padding: 0 0 0 35px; }
    input[type=checkbox] + span:before, input[type=radio] + span:before, .checkbox-row .fakelabel input[type=checkbox] + span:before {
      content: '';
      width: 1.375rem;
      height: 1.375rem;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: inline-block;
      margin-right: .5rem;
      vertical-align: middle;
      border: 1px solid #0077e5;
      border-radius: 3px;
      background-color: #fff;
      position: absolute;
      left: 0; }
    input[type=checkbox] + span:after, input[type=radio] + span:after, .checkbox-row .fakelabel input[type=checkbox] + span:after {
      content: '';
      top: 4px;
      left: 1px;
      position: absolute;
      width: 1.3125rem;
      height: 1.0625rem;
      background-image: url(https://f.hubspotusercontent30.net/hubfs/4391689/Blueriq2021-Website/Icons/check.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 80%;
      opacity: 0;
      transition: .2s;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: center center;
              transform-origin: center center; }
  input[type=checkbox]:checked + span:after, input[type=radio]:checked + span:after, .checkbox-row .fakelabel input[type=checkbox]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

.submitted-message {
  color: #27b027;
  background: #caeaca;
  padding: 15px; }

.legal-consent-container .hs-richtext {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 1rem; }

.header-container-wrapper {
  padding: 0 4rem; }
  @media (max-width: 1200px) {
    .header-container-wrapper {
      padding: 0 2rem; } }
  @media (max-width: 991px) {
    .header-container-wrapper {
      padding: 0; } }
  @media (max-width: 1300px) {
    .header-container-wrapper .o-wrapper {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  @media (max-width: 991px) {
    .header-container-wrapper .o-wrapper {
      padding-left: 20px !important;
      padding-right: 20px !important; } }

.header-container-wrapper .c-header {
  padding: .8rem 0; }
  .header-container-wrapper .c-header .o-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .header-container-wrapper .c-header ul, .header-container-wrapper .c-header li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .header-container-wrapper .c-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header-container-wrapper .c-header li:not(:last-child) {
    margin-right: 2rem; }
  .header-container-wrapper .c-header li a, .header-container-wrapper .c-header .c-header__info a {
    font-size: 16px;
    font-family: "TTNorms-Regular", serif;
    color: #000;
    letter-spacing: .6px;
    position: relative;
    display: block; }
    @media (max-width: 1200px) {
      .header-container-wrapper .c-header li a, .header-container-wrapper .c-header .c-header__info a {
        font-size: calc(14.4px + 0.13333vw) ; } }
    .header-container-wrapper .c-header li a:before, .header-container-wrapper .c-header .c-header__info a:before {
      content: "";
      position: absolute;
      right: 0;
      width: 0;
      height: 2px;
      bottom: -15px;
      background-color: #0077e5;
      transition: width 0.3s ease-out;
      border-radius: 1px; }
    .header-container-wrapper .c-header li a:hover, .header-container-wrapper .c-header li a:focus, .header-container-wrapper .c-header .c-header__info a:hover, .header-container-wrapper .c-header .c-header__info a:focus {
      text-decoration: none;
      background: 0 0;
      box-shadow: initial;
      transition-duration: .35s; }
    .header-container-wrapper .c-header li a:hover:before, .header-container-wrapper .c-header li a:active:before, .header-container-wrapper .c-header .c-header__info a:hover:before, .header-container-wrapper .c-header .c-header__info a:active:before {
      left: 0;
      right: auto;
      width: 100%; }

.header-container-wrapper .c-header--simple .o-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.header-container-wrapper .c-header--simple .c-header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 135px;
          flex: 0 0 135px; }
  @media (max-width: 1024px) {
    .header-container-wrapper .c-header--simple .c-header__logo {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px; } }

.header-container-wrapper .c-header--simple .c-header__cta, .header-container-wrapper .c-header--simple .c-header__right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.header-container-wrapper .c-header--simple .c-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 575px) {
    .header-container-wrapper .c-header--simple .c-header__right .c-header__info {
      display: none; } }
  .header-container-wrapper .c-header--simple .c-header__right .c-header__cta {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.c-header__logo {
  width: 135px;
  display: block; }
  @media (max-width: 1024px) {
    .c-header__logo {
      width: 80px; } }

.c-header__nav {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.c-header__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header-container-wrapper .c-header--simple .o-container > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 575px) {
    .header-container-wrapper .c-header--simple .o-container > .row-fluid-wrapper > .row-fluid {
      display: block;
      text-align: center; } }

.header-container-wrapper .c-header--simple .c-header--right > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 575px) {
    .header-container-wrapper .c-header--simple .c-header--right > .row-fluid-wrapper > .row-fluid {
      display: block; } }

@media (max-width: 575px) {
  .header-container-wrapper .c-header--simple .c-logo {
    float: none;
    display: inline-block;
    margin-bottom: .8rem; } }

.header-container-wrapper .c-header--simple .c-header--right {
  width: 95%; }
  @media (max-width: 1024px) {
    .header-container-wrapper .c-header--simple .c-header--right {
      width: 100%;
      text-align: center; } }

@media (max-width: 1024px) {
  .header-container-wrapper .c-header--simple .c-header__info ul {
    display: inline-block; } }

@media (max-width: 420px) {
  .header-container-wrapper .c-header--simple .c-header__info ul li {
    display: block;
    margin-left: 0; }
    .header-container-wrapper .c-header--simple .c-header__info ul li:not(:last-child) {
      margin: 0 0 4px; } }

.header-container-wrapper .c-header--simple .c-header__cta {
  margin-left: 1.5rem; }
  @media (max-width: 575px) {
    .header-container-wrapper .c-header--simple .c-header__cta {
      margin-left: 0;
      width: 100%; } }
  .header-container-wrapper .c-header--simple .c-header__cta .c-btn {
    padding-left: 20px;
    padding-right: 20px; }

@media (max-width: 991px) {
  .c-content {
    width: 100% !important; } }

@media (max-width: 768px) {
  .c-content {
    padding-top: 2rem; } }

.c-content.span8 {
  padding-right: 2rem; }
  @media (max-width: 1200px) {
    .c-content.span8 {
      width: 60% !important; } }
  @media (max-width: 991px) {
    .c-content.span8 {
      padding-right: 0;
      margin-bottom: 2rem;
      width: 100% !important; } }

.c-content ul, .c-content ol {
  padding: 0;
  margin: 1rem 0 1rem 23px; }
  .c-content ul li, .c-content ol li {
    margin-bottom: .5rem;
    font-size: 21px; }
    @media (max-width: 1200px) {
      .c-content ul li, .c-content ol li {
        font-size: calc(15.4px + 0.46667vw) ; } }

.footer-container-wrapper ul {
  margin: 0;
  padding: 0; }
  .footer-container-wrapper ul li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .footer-container-wrapper ul a {
    text-decoration: none; }

.footer-container-wrapper .c-logo {
  margin-bottom: 1rem; }

.c-footer__main {
  padding: 4rem 0; }
  @media (max-width: 991px) {
    .c-footer__main {
      padding-top: 2rem;
      padding-bottom: 1rem; } }
  .c-footer__main ul li {
    display: block; }
  .c-footer__main--left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    @media (max-width: 991px) {
      .c-footer__main--left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 1rem; } }
  .c-footer__main--right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 991px) {
      .c-footer__main--right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .c-footer__main .o-wrapper {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (max-width: 991px) {
      .c-footer__main .o-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .c-footer__main .c-logo {
    width: 135px; }
    .c-footer__main .c-logo a {
      display: block; }
  .c-footer__main .col-3 {
    width: 100%; }
    @media (min-width: 992px) {
      .c-footer__main .col-3 {
        width: 25%;
        padding: 0 20px 0 0; } }
    @media (max-width: 768px) {
      .c-footer__main .col-3 {
        padding: 0 20px; } }
  .c-footer__main .col-2 {
    width: 100%; }
    @media (min-width: 992px) {
      .c-footer__main .col-2 {
        width: 16.66667%; } }

.c-footer__bottom .o-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem 0;
  color: #000;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px; }
  @media (max-width: 768px) {
    .c-footer__bottom .o-wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.c-footer__bottom li {
  display: inline-block;
  vertical-align: top; }
  @media (max-width: 575px) {
    .c-footer__bottom li {
      display: block;
      text-align: center; } }

.c-footer__bottom li + li {
  margin-left: 30px; }
  @media (max-width: 575px) {
    .c-footer__bottom li + li {
      margin-left: 0;
      margin-top: 10px; } }

.c-footer__bottom--left {
  letter-spacing: .44px; }
  @media (max-width: 768px) {
    .c-footer__bottom--left {
      text-align: center;
      width: 100%;
      margin-bottom: .8rem; } }

.c-footer__bottom--right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 768px) {
    .c-footer__bottom--right {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }
  .c-footer__bottom--right a {
    color: #000;
    position: relative;
    display: block;
    text-decoration: none; }
    .c-footer__bottom--right a:before {
      content: "";
      position: absolute;
      right: 0;
      width: 0;
      height: 2px;
      bottom: -10px;
      background-color: #0077e5;
      transition: width 0.3s ease-out;
      border-radius: 1px; }
    .c-footer__bottom--right a:hover, .c-footer__bottom--right a:focus {
      text-decoration: none;
      background: 0 0;
      box-shadow: initial;
      transition-duration: .35s; }
    .c-footer__bottom--right a:hover:before, .c-footer__bottom--right a:active:before {
      left: 0;
      right: auto;
      width: 100%; }

.c-footer__title {
  font-family: "TTNorms-Bold", serif;
  font-weight: normal;
  letter-spacing: 1.33px;
  font-size: 14px;
  color: #0077e5;
  text-transform: uppercase;
  padding: 1.125rem 1.5rem;
  display: block; }
  @media (max-width: 1200px) {
    .c-footer__title {
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 768px) {
    .c-footer__title {
      font-size: 12px; } }

@media (max-width: 991px) {
  .c-footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.c-footer__info__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px !important; }
  @media (min-width: 992px) {
    .c-footer__info__title {
      display: none;
      visibility: hidden; } }

.c-footer__info__link {
  text-decoration: none; }
  @media (min-width: 992px) {
    .c-footer__info__link {
      color: #000; } }
  .c-footer__info__link:hover {
    text-decoration: none; }

.c-footer__info__left p, .c-footer__info__right p {
  line-height: 1.5rem;
  letter-spacing: .33px;
  margin-bottom: 0;
  font-size: 16px; }
  @media (max-width: 1200px) {
    .c-footer__info__left p, .c-footer__info__right p {
      font-size: calc(14.4px + 0.13333vw) ; } }
  @media (max-width: 768px) {
    .c-footer__info__left p, .c-footer__info__right p {
      font-size: 12px; } }

.c-footer__info__left {
  margin-bottom: 1rem; }
  @media (max-width: 991px) {
    .c-footer__info__left {
      width: 60%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%; } }

@media (max-width: 991px) {
  .c-footer__info__right {
    width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; } }

.c-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 1201px) {
    .c-accordion__item .c-footer__social {
      padding-left: 20px; } }
  .c-footer__social a {
    line-height: 0; }
  .c-footer__social svg {
    width: 48px;
    height: 48px;
    display: block; }
  .c-footer__social .c-social {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border: 1px solid #222;
    border-radius: 50%;
    margin-right: 1rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;

}
    .c-footer__social .c-social:not(:last-child) {
      margin-right: 1rem; }

.c-footermenu__list {
  padding: 0;
  margin: 0; }
  .c-footermenu__list li {
    list-style: none;
    padding: 0;
    margin: 0; }

.c-header .c-logo {
  float: left;
  width: 160px; }
  @media (max-width: 768px) {
    .c-header .c-logo {
      width: 120px; } }
  .c-header .c-logo img {
    width: 100% !important;
    height: auto !important; }

@media (max-width: 991px) {
  .c-sidebar {
    width: 100% !important;
    margin-bottom: 3rem;
    padding-left: 20px;
    padding-right: 20px; } }

.c-sidebar.span4 {
  padding-right: 25px; }
  @media (max-width: 1200px) {
    .c-sidebar.span4 {
      width: 40% !important;
      margin-left: 0;
      padding-right: 0; } }
  @media (max-width: 991px) {
    .c-sidebar.span4 {
      width: 100% !important;
      padding-right: 25px; } }

.u-orange .c-corner path {
  fill: #F87900; }

.u-red .c-corner path {
  fill: #dc4250; }

.u-green .c-corner path {
  fill: #00a482; }

.u-yellow .c-corner path {
  fill: #f8c14b; }

.u-blue .c-corner path {
  fill: #0077e5; }

.u-blue-lagoon .c-corner path {
  fill: #007882; }

.u-purple .c-corner path {
  fill: #7837d7; }

.u-corner-bottom-right--gradient {
  position: relative;
  width: 100%;
  height: 100%; }
  .u-corner-bottom-right--gradient:after {
    content: "";
    width: 90%;
    height: 80%;
    display: block;
    background-image: linear-gradient(90deg, #0376E5 0%, #7839B2 100%);
    position: absolute;
    right: -23px;
    bottom: -23px;
    z-index: -1; }

.c-accordion {
  width: 100%; }
  @media (max-width: 1200px) {
    .c-accordion {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .c-accordion__item {
      padding: 0 20px; } }
  @media (min-width: 769px) and (max-width: 991px) {
    .c-accordion__item:not(:last-child) {
      margin-bottom: 1rem; } }
  @media (max-width: 768px) {
    .c-accordion__item {
      border-top: 1px solid #dbdbdb;
      padding: 0 20px; } }
  @media (max-width: 768px) {
    .c-accordion__toggle {
      position: relative; }
      .c-accordion__toggle:after {
        content: '';
        width: 8px;
        height: 8px;
        display: block;
        border-top: 2px solid #0077e5;
        border-right: 2px solid #0077e5;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%) rotate(135deg);
                transform: translateY(-50%) rotate(135deg); } }
  @media (max-width: 768px) {
    .c-accordion__toggle-content {
      display: none; }
      .c-accordion__toggle-content.open {
        display: block; } }
  .c-accordion ul {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    @media (max-width: 1200px) {
      .c-accordion ul {
        padding-left: 0;
        padding-right: 0; } }
    .c-accordion ul li {
      margin-bottom: .5rem; }
    .c-accordion ul a {
      color: #333;
      transition: .2s;
      font-size: .875rem;
      letter-spacing: .44px; }

.c-newsletter {
  padding: 0 1.5rem; }
  @media (max-width: 1200px) {
    .c-newsletter {
      padding: 0; } }
  .c-newsletter h3 {
    display: none; }
  .c-newsletter form {
    position: relative;
    height: 48px;
    overflow: hidden; }
  .c-newsletter input {
    padding: 0 55px 0 15px;
    height: 47px; }
  .c-newsletter label {
    display: none; }
  .c-newsletter .hs-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 47px;
    padding: 0 1rem;
    background: #0d31bd url(https://cdn2.hubspot.net/hubfs/4391689/Theme/Icons/arrow-1.svg) no-repeat 19px center;
    background-size: 15px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-indent: -9999px; }
    .c-newsletter .hs-button:hover {
      background-color: #0d31bd; }

/*
 * Modules
 * Only add modules that your project needs
 */
.m-rich-text {
  color: #666; }
  .m-rich-text p {
    color: inherit; }

.m-hero img {
  width: 100%;
  height: 25rem;
  margin-top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'; }
  @media (max-width: 991px) {
    .m-hero img {
      height: 14rem; } }
  .m-hero img.mobile {
    display: none; }
    @media (max-width: 575px) {
      .m-hero img.mobile {
        display: block;
        height: auto; } }
  @media (max-width: 575px) {
    .m-hero img.desktop {
      display: none; } }

.m-info .o-wrapper {
  max-width: 65%;
  margin: 0 !important; }
  @media (max-width: 1200px) {
    .m-info .o-wrapper {
      max-width: 80%; } }
  @media (max-width: 768px) {
    .m-info .o-wrapper {
      max-width: none; } }

.m-info h4 {
  margin-bottom: 0; }

.m-info-inner {
  padding: 4rem; }
  .u-indent--left .m-info-inner {
    padding-left: 0;
    position: relative; }
    .u-indent--left .m-info-inner:before {
      background-color: #FAFAFA;
      display: block;
      content: '';
      width: 50rem;
      height: 100%;
      position: absolute;
      left: -50rem;
      top: 0; }

.m-form {
  background: #FFFFFF;
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.12);
  padding: 2.5rem;
  position: relative; }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .m-form {
      padding: 1.8rem; } }
  @media (min-width: 992px) {
    .c-sidebar .m-form {
      margin-top: -8.8rem; } }
  .m-form .form-title {
    display: none; }
  .m-form .c-text {
    font-size: 18px;
    line-height: 1.3; }
    @media (max-width: 1200px) {
      .m-form .c-text {
        font-size: calc(14.8px + 0.26667vw) ; } }
  .m-form .c-corner {
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 5; }
    @media (min-width: 1024px) and (max-width: 1200px) {
      .m-form .c-corner {
        width: 80px;
        top: -35px;
        left: -15px; } }
  .m-form .hs-form-field {
    margin-bottom: 1rem; }
  .m-form input[type=checkbox] + span {
    font-size: 18px;
    line-height: 1.5; }
    @media (max-width: 1200px) {
      .m-form input[type=checkbox] + span {
        font-size: calc(14.8px + 0.26667vw) ; } }
  .m-form .hs-button {
    padding: 1rem 3rem;
    height: auto;
    font-size: 20px;
    margin-top: 1rem;
    width: auto; }
    @media (max-width: 1200px) {
      .m-form .hs-button {
        font-size: calc(15.2px + 0.4vw) ; } }

.c-form__header {
  margin-bottom: 1.5rem; }
  .c-form__header h3 {
    margin: 0 0 1rem; }

.m-banner {
  width: 100%;
  background: linear-gradient(113.93deg, #0077e5 0, #7837d7 117.99%, #783b95 100%);
  position: relative;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }
  @media (max-width: 768px) {
    .m-banner {
      min-height: inherit; } }
  .m-banner * {
    color: #fff; }

.m-banner__content {
  max-width: 750px;
  position: relative;
  z-index: 5;
  padding: 3rem 0; }
  .m-banner__content .c-btn {
    margin-top: 1.5rem; }

.m-banner--dynamic:after {
  content: "";
  background: url(https://www.blueriq.com/Static/images/iconsbg.png) repeat;
  ackground-position: 50% 50%;
  background-size: 100% auto;
  background-repeat: repeat-y;
  z-index: 300;
  -webkit-animation: move 8s ease-in-out infinite;
          animation: move 8s ease-in-out infinite;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }

@-webkit-keyframes move {
  0%, 100% {
    top: 0; }
  50% {
    top: 120px; } }

@keyframes move {
  0%, 100% {
    top: 0; }
  50% {
    top: 120px; } }

/*
 * Utilities
 * Utilities and helper classes with ability to override anything which goes
 * before in the triangle, eg. hide helper class
 */
/*
 *  Utilities: Hide
 *  ---
 *  Set of helper classes to hide content in various ways
 */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/**
 * Hide visually and from screen readers.
 */
.u-hidden {
  display: none !important; }

.u-hide-labels .hs-form-field > label {
  display: none; }

/*
 *  Helpers flexbox
 *  ---
 *  A set of helper classes used in combination with flexbox
 */
/*  FLEX.css  */
/*  DECLARATION  ---------------------------------------------------------------

/*  FLEX CONTAINER ( SET )
    Summary:    make the elements inside a <tag> flow with flexbox by setting the
                tag's display property to 'flex'.
    Reference:  https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_flexbox_to_lay_out_web_applications
*/
.u-flex-set {
  /* MID: IE 10 */
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW, Chrome 21–28, Safari 6.1+ */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-inline-flex-set {
  /* MID: IE 10 */
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  /* NEW, Chrome 21–28, Safari 6.1+ */
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

/*  FLEX ITEM
    Summary:    a shorthand property specifying the ability of a flex item to alter
                its dimensions to fill available space. Summarizes {flex-grow, flex-shrink, flex-basis }
    Reference:  https://developer.mozilla.org/en-US/docs/Web/CSS/flex
    Default:    0 1 0 !important;
*/
.u-flexed-item {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 0 !important;
          flex: 1 1 0% !important;
  /* VERY OLD Safari, iOS  */
  box-flex: 1 !important; }

.u-flex--no-shrink {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

.u-flexed-item--auto {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  /* VERY OLD Safari, iOS  */
  box-flex: 1 !important; }

/*  DIRECTION ( ORIENTATION )  -------------------------------------------------
    Summary:    specifies how flex items are placed in the flex container defining
                the main axis and the direction (normal or reversed).
    Options:
        Column: set main axis to vertical
        Row :   set main axis to horizontal
    Reference:  https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
    Default:    flex-direction: row !important;
*/
.u-flex--column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.u-flex--row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

/*  JUSTIFICATION (Main axis)   ------------------------------------------------
    Summary:    defines how the browser distributes space between and around flex
    items along the main-axis of their container.
    Reference:  https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
    Default:    justify-content: flex-start !important;
*/
/* Pack items around the center */
.u-flex--content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

/* Pack flex items from the start  */
.u-flex--content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

/* Pack items from the end */
.u-flex--content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

/* Distribute items evenly,
    The first item at the start, the last at the end */
.u-flex--content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

/* Distribute items evenly
    Items have equal space around them */
.u-flex--content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

/*
    ALIGN CONTENT ( Cross axis )  ----------------------------------------------
    Summary:   aligns a flex container's lines within the flex container when
               there is extra space on the cross-axis.
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
    Default:   align-content: flex-start !important;
*/
/* Pack lines from the cross-axis start */
.u-flex--align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

/* Pack lines to the cross-axis end */
.u-flex--align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

/* Pack lines around the cross-axis center */
.u-flex--align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

/* Distribute lines along the cross-axis, start to end */
.u-flex--align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

/* Distribute lines along the cross-axis, equally spaced */
.u-flex--align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

/* Stretch lines to occupy the whole cross-axis */
.u-flex--align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

/* push flex item to right */
.u-flex--push-right {
  margin-right: auto !important; }

/* push flex item to left */
.u-flex--push-left {
  margin-left: auto !important; }

/* push flex item to bottom */
.u-flex--push-bottom {
  margin-bottom: auto !important; }

/* push flex item to top */
.u-flex--push-top {
  margin-top: auto !important; }

/*
    ALIGN ITEMS ( Cross axis )  ------------------------------------------------
    Summary:   aligns flex items of the current flex line the same way as
               justify-content but in the perpendicular direction.
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
    Default:   align-items: stretch !important;
*/
/* Center items in the cross-axis */
.u-flex--align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
              -ms-grid-row-align: center !important;
          align-items: center !important; }

/* Align to cross-start */
.u-flex--align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
              -ms-grid-row-align: flex-start !important;
          align-items: flex-start !important; }

/* Align to cross-end */
.u-flex--align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
              -ms-grid-row-align: flex-end !important;
          align-items: flex-end !important; }

/* Align the items' baselines */
.u-flex--align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
              -ms-grid-row-align: baseline !important;
          align-items: baseline !important; }

/* Stretch the items to fit
    DEFAULT VALUE  */
.u-flex--align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-items: stretch !important; }

/*
    ALIGN SELF ( Cross axis )  ------------------------------------------------
    Summary:   aligns flex items of the current flex line overriding the align-items value.
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
    Default:   align-self: auto !important;
*/
/*  Computes to parent's align-items value or stretch if the element has no parent.  */
.u-flex--align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

/*  Cross-start margin edge of the flex item is flushed with the cross-start edge of the line.  */
.u-flex--align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

/*  Cross-end margin edge of the flex item is flushed with the cross-end edge of the line.  */
.u-flex--align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

/* Flex item's margin box is centered within the line on the cross-axis.
    If the cross-size of the item is larger than the flex container, it will
    overflow equally in both directions.  */
.u-flex--align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

/*  All flex items are aligned such that their baselines align. The item with
    the largest distance between its cross-start margin edge and its baseline is
    flushed with the cross-start edge of the line.  */
.u-flex--align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

/*  Flex items are stretched such as the cross-size of the item's margin box is
    the same as the line while respecting width and height constraints.  */
.u-flex--align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

/*
    WRAPPING -------------------------------------------------------------------
    Summary:   specifies whether flex items are forced into a single line or can
               be wrapped onto multiple lines. If wrapping is allowed, this property
               also enables you to control the direction in which lines are stacked.
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
    Default:   flex-wrap: nowrap !important;
*/
.u-flex--no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.u-flex--reverse-wrap {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

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

/*
    VISUAL ORDER ---------------------------------------------------------------
    Summary:   specifies the order used to lay out flex items in their flex container.
               Elements are laid out in the ascending order of the order value.
               Elements with the same order value are laid out in the order in
               which they appear in the source code.
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/order
    Default:   order: 0 !important; { no order }
*/
.u-flex--order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important; }

.u-flex--order-one {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important; }

.u-flex--order-two {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important; }

.u-flex--order-three {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important; }

/*
 *  Utilities: Colors
 *  ---
 *  Foreground & background color utilities
 */
/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-base-light {
  color: #e6e6e6 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-base-light {
  background-color: #e6e6e6 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-base-base {
  color: #333 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-base-base {
  background-color: #333 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-base-dark {
  color: black !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-base-dark {
  background-color: black !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-neutral-light {
  color: #e6e6e6 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-neutral-light {
  background-color: #e6e6e6 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-neutral-base {
  color: #AAA !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-neutral-base {
  background-color: #AAA !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-neutral-dark {
  color: #4d4d4d !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-neutral-dark {
  background-color: #4d4d4d !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-accent-light {
  color: #e05295 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-accent-light {
  background-color: #e05295 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-accent-base {
  color: #ff0079 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-accent-base {
  background-color: #ff0079 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-accent-dark {
  color: #b30055 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-accent-dark {
  background-color: #b30055 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-error-light {
  color: #e05255 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-error-light {
  background-color: #e05255 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-error-base {
  color: #DA2327 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-error-base {
  background-color: #DA2327 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-error-dark {
  color: #b30004 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-error-dark {
  background-color: #b30004 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-success-light {
  color: #52e0a1 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-success-light {
  background-color: #52e0a1 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-success-base {
  color: #3D9970 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-success-base {
  background-color: #3D9970 !important; }

/**
     * text color classes (e.g.: u-color-black-base)
     */
.u-color-success-dark {
  color: #1a6644 !important; }

/**
     * background color classes (e.g.: u-bgcolor-black-base)
     */
.u-bgcolor-success-dark {
  background-color: #1a6644 !important; }

/**
 * Background-colors
 */
.u-bg-grey {
  background-color: #FAFAFA; }

/**
 * Inherit font color
 */
.u-color-inherit {
  color: inherit !important; }

.u-pt-10 {
  padding-top: 1rem; }

.u-pt-20 {
  padding-top: 2rem; }

.u-pt-30 {
  padding-top: 3rem; }

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

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

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

.u-pt-70 {
  padding-top: 7rem; }

.u-pt-80 {
  padding-top: 8rem; }

.u-pt-90 {
  padding-top: 9rem; }

.u-pt-100 {
  padding-top: 10rem; }

.u-pb-10 {
  padding-bottom: 1rem; }

.u-pb-20 {
  padding-bottom: 2rem; }

.u-pb-30 {
  padding-bottom: 3rem; }

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

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

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

.u-pb-70 {
  padding-bottom: 7rem; }

.u-pb-80 {
  padding-bottom: 8rem; }

.u-pb-90 {
  padding-bottom: 9rem; }

.u-pb-100 {
  padding-bottom: 10rem; }

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

.u-mt-20 {
  margin-top: 2rem; }

.u-mt-30 {
  margin-top: 3rem; }

.u-mt-40 {
  margin-top: 4rem; }

.u-mt-50 {
  margin-top: 5rem; }

.u-mt-60 {
  margin-top: 6rem; }

.u-mt-70 {
  margin-top: 7rem; }

.u-mt-80 {
  margin-top: 8rem; }

.u-mt-90 {
  margin-top: 9rem; }

.u-mt-100 {
  margin-top: 10rem; }

.u-mb-10 {
  margin-bottom: 1rem; }

.u-mb-20 {
  margin-bottom: 2rem; }

.u-mb-30 {
  margin-bottom: 3rem; }

.u-mb-40 {
  margin-bottom: 4rem; }

.u-mb-50 {
  margin-bottom: 5rem; }

.u-mb-60 {
  margin-bottom: 6rem; }

.u-mb-70 {
  margin-bottom: 7rem; }

.u-mb-80 {
  margin-bottom: 8rem; }

.u-mb-90 {
  margin-bottom: 9rem; }

.u-mb-100 {
  margin-bottom: 10rem; }

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/*
 *  Utilities: Headings
 *  ---
 *  Redefine all of our basic heading styles against utility classes so as to
 *  allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 *  but we want it to be sized like an H1:
 *
 *   <h2 class="u-h1"></h2>
 *
 */
.u-h1 {
  font-size: 64px; }
  @media (max-width: 1200px) {
    .u-h1 {
      font-size: calc(24px + 3.33333vw) ; } }

.u-h2 {
  font-size: 44px; }
  @media (max-width: 1200px) {
    .u-h2 {
      font-size: calc(20px + 2vw) ; } }

.u-h3 {
  font-size: 36px; }
  @media (max-width: 1200px) {
    .u-h3 {
      font-size: calc(18.4px + 1.46667vw) ; } }

.u-h4 {
  font-size: 24px; }
  @media (max-width: 1200px) {
    .u-h4 {
      font-size: calc(16px + 0.66667vw) ; } }

.u-h5 {
  font-size: 18px; }
  @media (max-width: 1200px) {
    .u-h5 {
      font-size: calc(14.8px + 0.26667vw) ; } }

.u-h6 {
  font-size: 16px; }
  @media (max-width: 1200px) {
    .u-h6 {
      font-size: calc(14.4px + 0.13333vw) ; } }

/*
 *  Utilities: Clearfix
 *  ---
 *  Helper class to clear floats from a container
 */
.u-clearfix::after, .o-wrapper::after {
  content: "";
  clear: both;
  display: table; }

/*
 *  Utilities: Weights
 *  ---
 *  Utility classes for font weights
 */
.u-light {
  font-weight: 300 !important; }

.u-normal {
  font-weight: 400 !important; }

.u-semi-bold {
  font-weight: 600 !important; }

.u-bold {
  font-weight: 700 !important; }

.u-extra-bold {
  font-weight: 800 !important; }

.u-pos-fit,
.u-pos-absolute-center,
.u-pos-absolute {
  position: absolute !important; }

/**
 * Element will be centered to its nearest relatively-positioned
 * ancestor.
 */
.u-pos-fixed-center,
.u-pos-absolute-center {
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important; }

.u-pos-fit,
.u-pos-fullscreen {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  top: 0 !important; }

/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-pos-fullscreen,
.u-pos-fixed-center,
.u-pos-fixed {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */
  position: fixed !important; }

.u-pos-relative {
  position: relative !important; }

.u-pos-static {
  position: static !important; }

.u-center-block {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important; }

/* Pull left / right
 * To be used in combination with clearfix on parent
 */
.u-pull-left {
  float: left; }

.u-pull-right {
  float: right; }

/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-text-break {
  word-wrap: break-word !important; }

/**
 * Prevent whitespace wrapping
 */
.u-text-no-wrap {
  white-space: nowrap !important; }

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-text-truncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */ }

/**
 * Horizontal text alignment
 */
.u-text-justify {
  text-align: justify !important; }

.u-text-nowrap {
  white-space: nowrap !important; }

.u-text-align-left {
  text-align: left !important; }

.u-text-align-center {
  text-align: center !important; }

.u-text-align-right {
  text-align: right !important; }

/**
 * Text transformation
 */
.u-text-lowercase {
  text-transform: lowercase !important; }

.u-text-uppercase {
  text-transform: uppercase !important; }

.u-text-capitalize {
  text-transform: capitalize !important; }

.u-text-strike {
  text-decoration: line-through !important; }

/**
 * Text weights & italics
 */
.u-font-weight-normal {
  font-weight: normal; }

.u-font-weight-bold {
  font-weight: bold; }

.u-font-italic {
  font-style: italic; }

.u-indent--left {
  position: relative; }

/*# sourceMappingURL=blueriq-global.css.map */

body.has-meeting-frame .m-banner__content {
  padding-bottom: 8rem;
}

.meetings-iframe-container {
  margin-top: -120px;
  position: relative;
  z-index: 9;
}

@media (max-width: 768px) {
  .meetings-iframe-container {
    margin-top: -80px;
  }
}

.social__icon {
    fill: #222;
    width: 3rem;
    height: 3rem;
    transition: fill .2s ease;
}