/* GENERAL */
:root {
    --linq-primary-blue: #0280BF;
    --linq-blue-charcoal: #32465F;
    --linq-blue-grey: #5C707A;
    --linq-light-blue-grey: #9CA8AE;
    --linq-extra-light-blue-grey: #EBEDF0;
    --linq-orange-accent: #F2592A;
    --radius: 0.25rem;
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    font-size: 16px;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    line-height: 1.4;
    color: #333333;
}

body {
    display: flex;
    flex-direction: column;
    padding-top: 4rem; /* For header */
}

.flex-content {
    flex: 1 1 auto;
}

body .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}
.container::before,
.container::after
{
    display:none;
}
.container.align-center
{
    align-items:center;
}
.row {
    width:calc(100% + 30px);
}

.container.container__wide {
    max-width: 1600px;
}

.container.container__narrow {
    max-width: 1120px;
}

.container.container__tiny {
    max-width: 820px;
}

.container.container__vertical {
    flex-direction: column;
    flex-wrap: nowrap;
}

a,
a:visited {
    color: var(--linq-orange-accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.page-title {
    width:100%;
    font-size:2.5em;
    font-size:max(min(2.75em, 2.75vw), 2em);
    text-align:center;
    margin:0 auto 1em;
    color:var(--linq-blue-charcoal);
}

@media (min-width:992px) {
    body {
        padding-top: 5rem; /* For header */
    }
}
/* END GENERAL */

/* BUTTONS */
.button {
    --button-color: var(--linq-blue-grey);
    --button-text: #FFFFFF;
    --button-glow: 0 0.75em 1.5em rgba(92, 112, 122, 0.34);
    --button-glow-hover: 0 0.75em 1.5em rgba(92, 112, 122, 0.4);
    --button-shadow: 0 0.75em 1.5em rgba(0, 0, 0, 0.34);
    --button-shadow-hover: 0 0.75em 1.5em rgba(0, 0, 0, 0.4);
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: var(--button-text);
    font-weight: 700;
    font-size: 1em;
    text-shadow: none !important;
    text-decoration: none !important;
    border-width: 0.125rem;
    border-style: solid;
    border-color: var(--button-color);
    border-radius: var(--radius);
    background: var(--button-color);
    padding: 0 3em;
    height: 3em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background .2s ease, color .2s ease;
}
.button:visited {
    color:var(--button-text);
}

.button:hover,
.button:focus,
.button:active {
    background: transparent;
    color: var(--button-color);
}

.button__condensed {
    padding: 0 1.5em;
    height: 3em;
}

.button__fullwidth {
    width: 100%;
}

.button.glowing,
.button.shadowed {
    transition: box-shadow .3s ease, transform .3s ease;
}

.button.glowing:hover,
.button.glowing:focus,
.button.glowing:active,
.button.shadowed:hover,
.button.shadowed:focus,
.button.shadowed:active {
    background: var(--button-color);
    color: var(--button-text);
    transform: scale(1.03);
}

.button.shadowed {
    -webkit-box-shadow: var(--button-shadow);
    -moz-box-shadow: var(--button-shadow);
    box-shadow: var(--button-shadow);
}

.button.shadowed:hover,
.button.shadowed:focus,
.button.shadowed:active {
    -webkit-box-shadow: var(--button-shadow-hover);
    -moz-box-shadow: var(--button-shadow-hover);
    box-shadow: var(--button-shadow-hover);
}

.button.glowing {
    -webkit-box-shadow: var(--button-glow);
    -moz-box-shadow: var(--button-glow);
    box-shadow: var(--button-glow);
}

.button.glowing:hover,
.button.glowing:focus,
.button.glowing:active {
    -webkit-box-shadow: var(--button-glow-hover);
    -moz-box-shadow: var(--button-glow-hover);
    box-shadow: var(--button-glow-hover);
}

.button__orange {
    --button-color: var(--linq-orange-accent);
    --button-glow: 0 0.75em 1.5em rgba(242, 89, 42, 0.34);
    --button-glow-hover: 0 0.75em 1.5em rgba(242, 89, 42, 0.4);
}

.button__blue {
    --button-color: var(--linq-primary-blue);
    --button-glow: 0 0.75em 1.5em rgba(2, 128, 191, 0.34);
    --button-glow-hover: 0 0.75em 1.5em rgba(2, 128, 191, 0.4);
}

.button__white {
    --button-color: #FFFFFF;
    --button-text: var(--linq-orange-accent);
    --button-glow: 0 0.75em 1.5em rgba(158, 168, 174, 0.34);
    --button-glow-hover: 0 0.75em 1.5em rgba(158, 168, 174, 0.4);
}

.button__charcoal {
    --button-color: var(--linq-blue-charcoal);
    --button-glow: 0 0.75em 1.5em rgba(50, 70, 95, 0.34);
    --button-glow-hover: 0 0.75em 1.5em rgba(50, 70, 95, 0.4);
}
.button__facebook {
    --button-color: #3b5998;
}
.button-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1em -1em;
}
.button-row .button {
    margin: 0.5em;
}
.button--icon {
    margin-right:0.75em;
}
.button--icon.icon__right {
    margin-right:0;
    margin-left:0.75em;
}
.button__margin{
    margin:0 0 1em;
}
/* END BUTTONS */

/* ACCENTS */
.accent__blue {
    color: var(--linq-primary-blue) !important;
}

.accent__orange {
    color: var(--linq-orange-accent) !important;
}

.accent__charcoal {
    color: var(--linq-blue-charcoal) !important;
}
.accent__red {
    color: #dc3545 !important;
}
/* END ACCENTS */

/* LINKS */
.link {
    position: relative;
    text-decoration: none !important;
    color: var(--linq-blue-charcoal);
}

.link::after {
    content: '';
    display: block;
    height: 0.0625em;
    width: 0;
    background: var(--linq-blue-charcoal);
    position: absolute;
    bottom: -0.1875em;
    left: 50%;
    transform: translateX(-50%);
    transition: width .2s ease;
}

.link:hover::after,
.link:focus::after {
    width: 100%;
}

.link__bold {
    font-weight: 700;
}

.link__bold::after {
    height: 0.125em;
}

.link__orange {
    color: var(--linq-orange-accent);
}

.link__orange::after {
    background: var(--linq-orange-accent);
}
.link__margin {
    display:inline-block;
    margin-bottom:1em;
}
/* END LINKS */

/* HEADER */
.site-header {
    flex: none;
    position: fixed;
    top: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 9999;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
}

.header--container {
    height: 4rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    transition: height .1s ease, padding .1s ease;
}

.header--logo-box {
    margin-right: auto;
    flex: 1;
    padding: 0 1rem;
    display: flex;
}

.header--logo {
    display: block;
    height: 2.5em;
    position: relative;
    bottom: -0.125em;
    transition: transform .3s ease;
}

.header--logo:hover {
    transform: scale(1.03);
}

.header--logo img {
    height: 100%;
    display: block;
}

.header--button-box {
    text-align: right;
    flex: none;
}

.header--button-box .button {
    height: 2.5em;
}

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

.btnSignUpFree {
    display: none !important;
}

@media (min-width:992px) {
    .site-header {
        font-size: 1rem;
    }

    .header--container {
        height: 5rem;
    }

    .header__condensed .header--container {
        height: 4rem;
    }

    .header--logo-box {
        margin: 0;
    }

    .header--button-box {
        padding: 0 1rem;
    }

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

    .btnLogin {
        display: none !important;
    }
}
/* END HEADER */

/* TOP NAV */
.desktop-nav {
    flex: none;
    display: none;
    padding: 0;
    margin: 0;
    margin-left: auto;
    position: relative;
    z-index: 6;
    height: 100%;
}

.desktop-nav a:hover,
.desktop-nav a:focus,
.desktop-nav a:active {
    text-decoration: none;
}

.nav-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    list-style-type: none;
    padding: 0 1rem;
    margin: 0;
    height: 100%;
}

.nav-group > .menu-item {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 2vw;
}

.nav-group > .menu-item > a {
    position: relative;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--linq-blue-charcoal);
    cursor: pointer;
    font-weight: 600;
    text-decoration: none !important;
    transition: color .2s ease;
}

.nav-group > .menu-item > a:not([href]) {
    cursor: default;
}

.nav-group > .menu-item > a[href]:hover,
.nav-group > .menu-item > a.active {
    color: var(--linq-orange-accent);
}

.nav-group > .menu-item > a[href]::after {
    content: '';
    display: block;
    background: var(--linq-blue-charcoal);
    height: 0.125em;
    width: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: -0.125em;
    left: 50%;
    transition: width .2s ease, background .2s ease;
}

.nav-group > .menu-item > a:hover::after,
.nav-group > .menu-item > a.active::after {
    width: 100%;
    background: var(--linq-orange-accent);
}

.menu-item--icon {
    margin-right: 0.5em;
}

.sub-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    margin: 0;
    padding: 0.75em;
    width: calc(15em + 10vw);
    max-width: 25em;
    display: none;
    background: var(--linq-primary-blue);
    z-index: 999;
    -webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
}

.nav-group > .menu-item:hover .sub-menu {
    display: block;
}

.nav-group > .menu-item.menu-item-has-children:hover::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.0625em;
    width: 1.5em;
    height: 1.5em;
    background: var(--linq-primary-blue);
    z-index: 9999;
    transform: translateY(50%) rotate(-45deg);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}

.sub-menu .menu-item {
    display: block;
    padding: 0.3125em 0.5em;
}

.sub-menu .menu-item > a {
    display: block;
    font-weight: 400;
    font-size: 0.9375em;
    color: #FFFFFF;
    padding: 0.3125em 0.5em;
    transition: transform .2s ease;
}

.sub-menu .menu-item > a:hover {
    color: #FFFFFF;
    text-decoration: none;
    transform: translateX(0.3125em);
}

.nav-group > .menu-item:nth-child(1n+3) .sub-menu {
    left: auto;
    right: 0;
}

.slicknav_menu {
    font-size: 1rem;
    width: 100%;
    background: #FFFFFF;
    padding: 0;
    margin: 0;
}

.slicknav_btn {
    display: none;
}

.mobile-button--outer {
    flex: none;
    padding: 0 0.5rem;
}

#header--mobile-button {
    display: block;
    position: relative;
    height: 1.5em;
    width: 1.5em;
    cursor: pointer;
}

.mobile-button--line {
    display: block;
    position: absolute;
    left: 0;
    border-radius: 0.125em;
    width: 100%;
    height: 2px;
    background: var(--linq-blue-charcoal);
    transition: transform .2s ease, top .2s ease, bottom .2s ease, background .2s ease, opacity .1s ease;
}

#header--mobile-button:hover .mobile-button--line {
    background: var(--linq-primary-blue);
}

.line__top {
    top: 10%;
}

.line__middle {
    top: 50%;
    transform: translateY(-50%);
}

.line_bottom {
    bottom: 10%;
}

.mobile-button__open .line__top {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.mobile-button__open .line__middle {
    opacity: 0;
}

.mobile-button__open .line_bottom {
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}

.slicknav_nav {
    font-size: 1em;
    padding: 1rem;
    user-select: none;
    -webkit-user-select: none;
}

.slicknav_nav li {
    display: flex;
    flex-direction: column;
}

.slicknav_nav a {
    display: inline-block;
    text-decoration: none;
    color: var(--linq-blue-charcoal);
    padding: 0.325em 1em;
    transition: transform .2s ease;
    margin: 0.325em 0;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav a:active,
.slicknav_nav .slicknav_item:hover a,
.slicknav_nav .slicknav_item:focus a,
.slicknav_nav .slicknav_item:active a {
    background: transparent;
    color: var(--linq-blue-charcoal);
    text-decoration: none;
    outline: none;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_item:hover a {
    color: var(--linq-orange-accent);
}

.slicknav_nav a:not([disabled]):hover,
.slicknav_nav a:not([disabled]):focus,
.slicknav_nav a:not([disabled]):active {
    transform: translateX(0.5em);
}

.slicknav_nav .slicknav_row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--linq-blue-charcoal);
    padding: 0.325em 1em;
    margin: 0.325em 0;
}

.slicknav_nav .slicknav_row:hover {
    background: transparent;
    color: var(--linq-orange-accent);
}

.slicknav_nav .slicknav_arrow {
    font-size: 1.25em;
    float: none;
    margin: 0 0 0 auto;
    padding: 0;
}

@media (min-width:992px) {
    .slicknav_menu,
    .mobile-button--outer {
        display: none;
    }

    .desktop-nav {
        display: block;
    }
}

@media(min-width:100rem) {
    .nav-group > .menu-item {
        padding: 0 2rem;
    }
}
/* END TOP NAV */

/* FOOTER */
.site-footer {
    background: var(--linq-extra-light-blue-grey);
    padding: 6em 0;
    font-weight: 700;
    font-size:0.875em;
}
.site-footer > .container {
    flex-direction:column;
    align-items:center;
}

.footer--list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;

    text-align:center;

    list-style:none;
    margin:0 0 2em;
    padding:0;
}
.footer--list > li {
    margin:0.5em 1em;
}
.list__upper a {
    color:var(--linq-blue-charcoal);
}
.list__lower a {
    font-size: 0.875em;
    color: var(--linq-blue-grey);
}
.list__social a {
    color: var(--linq-blue-charcoal);
    font-size: 1.875em;
    text-decoration: none !important;
    transition: color .2s ease;
}
.list__social a:hover {
    color: var(--linq-orange-accent);
}
.list__social a > * {
    transition: transform .2s ease;
}
.list__social a:hover > * {
    transform: scale(1.05) rotate(-5deg);
}
.footer--info {
    padding: 0 1em;
    font-size: 0.875em;
    color: var(--linq-blue-grey);
    text-align:center;
}
@media (min-width:768px) {
    .site-footer {
        font-size:1em;
    }
    .site-footer > .container {
        flex-direction:row;
        justify-content: space-between;
    }
    .site-footer > .container:first-of-type {
        margin-bottom: 3em;
    }
    .footer--list {
        margin-bottom:0;
        text-align:left;
    }
    .footer--info {
        text-align:right;
    }
}
/* END FOOTER */

/* PAGE SECTIONS */
.page-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 0.875em;
    padding: 4em 0;
    background-color: #FFFFFF;
}

.section__grey {
    background-color: var(--linq-extra-light-blue-grey);
}

.section__lightgrey {
    background-color: #F5F6F7;
}

.section__blue {
    background-color: var(--linq-primary-blue);
    color: #FFFFFF;
}

.section-group {
    padding: 2em 0;
    background-color: #FFFFFF;
}

.section-group__grey {
    background-color: var(--linq-extra-light-blue-grey);
}

.section-group__lightgrey {
    background-color: #F5F6F7;
}

.section-group__blue {
    background-color: var(--linq-primary-blue);
}

.section-group .page-section {
    padding: 2em 0;
}

.section--header {
    width: 100%;
    padding: 0 1rem;
    margin: 0 0 1.5em;
    font-size: 2em;
    font-weight: 700;
    color: var(--linq-blue-charcoal);
    text-align: center;
    line-height: 1.4;
    word-break: keep-all;
}
.header__nopadding {
    padding:0;
}
.header__left {
    text-align:left;
}
.header__large {
    font-size: 2.25em;
}

.header__smallmargin {
    margin: 0 0 0.625em;
}

.section--text {
    width: 100%;
    max-width: 62rem;
    padding: 0 1rem;
    margin: 0 auto 2.5em;
    font-size: 1.25em;
    font-weight: 400;
    color: var(--linq-blue-grey);
    text-align: center;
    line-height: 1.6;
}
.section--text.text__left {
    text-align: left;
}
.section--text.text__small {
    font-size: 1em;
}
.section--text.text__nopadding {
    padding: 0;
}

.page-section h3 {
    font-size: 1.5em;
    width: 100%;
    margin: 1.5em 0 1em;
}
.page-section p:not(.section--text) {
    margin:0 0 0.5em;
}

.text__nomargin {
    margin-bottom: 0;
}

.section__blue .section--header,
.section__blue .section--text {
    color: #FFFFFF;
}

@media (min-width:768px) {
    .page-section {
        padding: 6em 0;
        font-size: 1em;
    }

    .section-group {
        padding: 3em 0;
    }

        .section-group .page-section {
            padding: 3em 0;
        }

    .section--text {
        font-size: 1.5em;
    }
}

@media (min-width:992px) {
    .header__large {
        font-size: 2.75em;
    }
}
/* END PAGE SECTIONS */

/* SPLIT HEADER */
.split {
    width: 100%;
    font-size: 0.875em;
    background: #FFFFFF;
}

.split__gradient {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
}

.split--image {
    display: none;
    position: relative;
}
.image__homepage {
    background: url(../images/header-curve.svg);
    background-size: cover;
    background-position: right center;
}
.split--image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
}
.image__homepage > img {
    top: auto;
    bottom: 0;
    height: calc(100% - min(4vw, 4rem));
    object-position: center bottom;
}

.split--content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.split--content--inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 5em 3em;
}

.split--header {
    color: var(--linq-blue-charcoal);
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.3;
    margin: 0 0 0.5em;
}

.split--text {
    margin: 0 0 1.5em;
    color: var(--linq-blue-grey);
    font-size: 1.25em;
}

@media (min-width:768px) {
    .split--content--inner {
        padding: 5em;
    }
}

@media (min-width:992px) {
    .split {
        font-size: 1em;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .split--image {
        display: block;
    }

    .split--content--inner {
        align-items: flex-start;
        text-align: left;
        max-width: 50rem;
        padding: 7.5vw;
    }
}

@media (min-width:100rem) {
    .split--content--inner {
        padding: 7.5rem;
    }
}
/* END SPLIT HEADER */

/* FEATURED */
.featured {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 2em 1rem;
    grid-gap:4em;
    gap: 4em;
    max-width: 30rem;
    margin: 0 auto;
}

.featured-item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin: 0;
    padding: 0;
}

.featured-item--text,
.featured-item--image {
    width: 100%;
}

.featured-item--text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.featured-item--title {
    font-weight: 700;
    color: var(--linq-blue-charcoal);
    font-size: 1.5em;
    line-height: 1.4;
    margin: 0 0 1.25em;
}

.featured-item--description {
    color: var(--linq-blue-grey);
    font-size: 1em;
    line-height: 1.8;
    margin: 0 0 1em;
}

.featured-item--link {
    color: var(--linq-orange-accent);
    font-weight: 700;
    font-size: 1em;
}

.featured-item--link:hover,
.featured-item--link:focus {
    color: var(--linq-orange-accent);
}

.featured-item--image {
    margin: 0 0 1.5em;
}

.featured-item--image img {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    width: 100%;
}

@media (max-width:767.9px) {
    .featured-item:not(:last-of-type) .featured-item--line {
        position: absolute;
        height: 4em;
        bottom: 0;
        border-right: 2px dashed var(--linq-light-blue-grey);
        transform: translate(-50%, 100%);
    }

    .featured-item:not(:last-of-type) .featured-item--line::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 1px;
        width: 8px;
        height: 8px;
        border-left: 2px solid var(--linq-light-blue-grey);
        border-bottom: 2px solid var(--linq-light-blue-grey);
        transform: rotate(-45deg);
        transform-origin: bottom left;
    }
}

@media (min-width:768px) {
    .featured {
        max-width: unset;
        grid-auto-rows: 1fr;
        grid-gap:0;
        gap: 0;
    }

    .featured__lines {
        grid-gap:2em;
        gap: 2em;
    }

    .featured-item {
        flex-direction: row;
        height: 30em;
    }

    .featured-item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .featured-item--image,
    .featured-item--text {
        flex: 1 1 50%;
    }

    .featured-item--text {
        padding: 3em 2em;
    }

    .featured-item--image {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        justify-content: center;
        padding: 0 2em;
        margin: 0;
    }

    .featured-item--image img {
        flex: 1;
        width: 100%;
        margin: -1em 0;
        object-fit: contain;
        object-position: center center;
    }

    .featured-item--image img.image__offset {
        position: relative;
        left: auto;
        right: -7.5%;
    }

    .featured-item:nth-child(2n) .featured-item--image img.image__offset {
        left: -7.5%;
        right: auto;
    }

    .featured-item--line {
        position: absolute;
        bottom: -1em;
        width: calc(50% - 13em);
        left: 50%;
        transform: translateX(-50%);
        height: 0;
        border-top: 2px dashed var(--linq-light-blue-grey);
    }

    .featured__lines .featured-item:last-of-type .featured-item--line {
        display: none;
    }

    .featured__lines .featured-item:not(:first-of-type)::after,
    .featured__lines .featured-item:not(:last-of-type)::before {
        content: '';
        position: absolute;
        height: calc(50% + 1em);
        width: 6.25em;
    }

    .featured__lines .featured-item:nth-child(2n):not(:first-of-type)::after {
        left: 25%;
        top: calc(-1em - 2px);
        border-top: 2px dashed var(--linq-light-blue-grey);
        border-left: 2px dashed var(--linq-light-blue-grey);
        border-top-left-radius: 6.25em;
    }

    .featured__lines .featured-item:nth-child(2n + 1):not(:first-of-type)::after {
        right: 25%;
        top: calc(-1em - 2px);
        border-top: 2px dashed var(--linq-light-blue-grey);
        border-right: 2px dashed var(--linq-light-blue-grey);
        border-top-right-radius: 6.25em;
    }

    .featured__lines .featured-item:nth-child(2n + 1):not(:last-of-type)::before {
        right: 25%;
        bottom: -1em;
        border-bottom: 2px dashed var(--linq-light-blue-grey);
        border-right: 2px dashed var(--linq-light-blue-grey);
        border-bottom-right-radius: 6.25em;
    }

    .featured__lines .featured-item:nth-child(2n):not(:last-of-type)::before {
        left: 25%;
        bottom: -1em;
        border-bottom: 2px dashed var(--linq-light-blue-grey);
        border-left: 2px dashed var(--linq-light-blue-grey);
        border-bottom-left-radius: 6.25em;
    }
}

@media (min-width:992px) {
    .featured-item--text {
        padding: 3em;
    }
}

@media (min-width:1600px) {
    .featured-item:nth-child(2n) .featured-item--image {
        align-items: flex-end;
    }

    .featured-item--image img {
        flex: none;
        width: 125%;
    }
}
/* END FEATURED */

/* HOW IT WORKS */
.hiw-list {
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    grid-auto-rows:1fr;
    --hiw-gap:1.25em;
    grid-gap:var(--hiw-gap);
    gap:var(--hiw-gap);

    list-style:none;
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:32rem;
}
.hiw-item {
    position:relative;

    display: flex;
    flex-direction: row;
    align-items: center;

    text-align: center;

    --number-height:3.25em;
}
.hiw-item:not(:last-of-type)::before,
.hiw-item:not(:last-of-type)::after {
    content:'';
    display:block;
    position:absolute;

    left:calc(var(--number-height) / 2);

    border-color:var(--linq-light-blue-grey);
}
.hiw-item:not(:last-of-type)::before {
    border-style:dashed;
    border-width:0 2px 0 0;

    bottom:calc(-1 * var(--hiw-gap) / 2);

    width:0;
    height:calc(100% - var(--number-height) - var(--hiw-gap));

    transform:translate(-50%, 50%);
}
.hiw-item:not(:last-of-type)::after {
    height:6px;
    width:6px;

    border-style:solid;
    border-width:0 2px 2px 0;

    bottom:calc(-50% + var(--hiw-gap));

    transform:translateX(-50%) rotate(45deg);
}

.hiw-item--number {
    flex:none;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.875em;
    color: var(--linq-blue-charcoal);
    font-weight: 600;

    padding: 0;
    margin: 0 calc(var(--hiw-gap) / 1.875) 0 0;
    height: calc(var(--number-height) / 1.875);
    width: calc(var(--number-height) / 1.875);

    border: 2px solid var(--linq-blue-charcoal);
    border-radius: 100%;
    background: #fff;

    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.hiw-item--content {
    flex: 1 1 auto;

    display:flex;
    flex-direction:column;
    align-items:center;

    padding: 1.5em;
    height:100%;

    border-radius: var(--radius);
    background: #fff;
    color: var(--linq-blue-grey);

    --el-box-shadow: 0 0 1.25em 0 rgba(91, 11, 123, 0.1);
    -webkit-box-shadow: var(--el-box-shadow);
    -moz-box-shadow: var(--el-box-shadow);
    box-shadow: var(--el-box-shadow);
}
.hiw-item--icon {
    flex:1;
    display:block;

    width:100%;
    max-width:8.25em;
    margin:0 auto;

    object-fit:contain;
    object-position:center center;
}
.hiw-item--text {
    font-weight:600;
    margin:2em 0 0;
}
@media screen and (min-width:992px) {
    .hiw-list {
        grid-template-columns: repeat(3, 1fr);
        width:992px;
        max-width:100%;
    }
    .hiw-item {
        flex-direction:column;
    }
    .hiw-item:not(:last-of-type)::before,
    .hiw-item:not(:last-of-type)::after {
        left:auto;
        bottom:auto;
        top: calc(var(--number-height) / 2);
    }
    .hiw-item:not(:last-of-type)::before {
        height: 0;
        width: calc(100% - var(--number-height) + var(--hiw-gap) - var(--hiw-gap) * 2);
        border-width:2px 0 0 0;
        right: 0;
        transform: translate(50%, -50%);
    }
    .hiw-item:not(:last-of-type)::after {
        border-width:2px 2px 0 0;
        right:calc(-50% + var(--hiw-gap) * 2);
        transform:translate(100%, -50%) rotate(45deg);
    }
    .hiw-item--content {
        flex:1 0 auto;
        margin: 2.5em 0 0;
        width:100%;
        height:auto;
    }
}
/* END HOW IT WORKS */

/* QUICK POINTS */
.quick-points {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-auto-rows:1fr;
    grid-row-gap:1.5em;
    row-gap:2em;
    grid-column-gap:1.25em;
    column-gap:1.25em;


    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}
.quick-point {
    display:flex;
    flex-direction:column;
    align-items:center;
}
.quick-point--icon {
    display: block;
    background: #fff;
    padding:2em;
    width: 7.25em;
    height: 7.25em;
    border-radius: 100%;

    font-size:0.875em;

    --el-box-shadow: 0 0 1.25em 0 rgba(91, 11, 123, 0.1);
    -webkit-box-shadow: var(--el-box-shadow);
    -moz-box-shadow: var(--el-box-shadow);
    box-shadow: var(--el-box-shadow);
}
.quick-point--icon img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
}
.quick-point--title {
    font-weight:600;
    color:var(--linq-blue-charcoal);
    text-align:center;
    margin:1em 0 0;
}
@media (min-width:768px) {
    .quick-points {
        grid-template-columns:repeat(4, 1fr);
    }
}
@media (min-width:992px) {
    .quick-point--icon {
        font-size:1em;
    }
}
/* END QUICK POINTS */

/* GENERAL CTA */
.cta {
    font-size: 0.875em;
    padding: 4em 0;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.cta::before {
    content: '';
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(1,64,96,0.75);
    background: -moz-linear-gradient(top, rgba(1,64,96,0.75) 0%, rgba(2,128,191,0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,64,96,0.75)), color-stop(100%, rgba(2,128,191,0.75)));
    background: -webkit-linear-gradient(top, rgba(1,64,96,0.75) 0%, rgba(2,128,191,0.75) 100%);
    background: -o-linear-gradient(top, rgba(1,64,96,0.75) 0%, rgba(2,128,191,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(1,64,96,0.75) 0%, rgba(2,128,191,0.75) 100%);
    background: linear-gradient(to bottom, rgba(1,64,96,0.75) 0%, rgba(2,128,191,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014060', endColorstr='#0280bf', GradientType=0 );
}
.cta .container {
    position: relative;
    z-index: 3;
}
.cta--content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    color: #fff;
    text-align: center;
    text-shadow: 0.125em 0.125em 0.3125em rgba(50, 70, 95, 0.5);
}
.cta--title {
    font-size: 2.75em;
    font-weight: 700;
    margin: 0 0 1em;
    line-height: 1.1;
}
.cta--text {
    font-size:1.25em;
}
.cta--title + .cta--text {
    margin-top:-1em;
}
@media (min-width:768px) {
    .cta {
        font-size: 1em;
        padding: 6em 0;
    }
}
/* END GENERAL CTA */

/* HEADER FORMATTING */
.header-break {
    display: inline;
    width: auto;
}
.header-break::before {
    content: ' ';
    font-size: 1em;
    font-family: inherit;
}
.small-break {
    display: block;
}
@media (min-width:768px) {
    .header-break {
        display: block;
    }
    .header-break::before {
        display: none;
    }
    .small-break {
        display: inline;
        width: auto;
    }
    .small-break::before {
        content: ' ';
        font-size: 1em;
        font-family: inherit;
    }
}
/* END HEADER FORMATTING */

/* STATISTICS */
.statistics--list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:1.25em;
    gap: 1.25em;
    font-size: 0.75em;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
}

.statistic-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3em 1em;
    margin: 0;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    background: #FFFFFF;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0.625em 1.875em 0 rgba(50, 69, 95, 0.4);
    -moz-box-shadow: 0 0.625em 1.875em 0 rgba(50, 69, 95, 0.4);
    box-shadow: 0 0.625em 1.875em 0 rgba(50, 69, 95, 0.4);
}

.statistic-item--value {
    color: var(--linq-primary-blue);
    font-size: 3em;
    margin: 0 0 0.0625em;
}

.statistic-item--description {
    color: var(--linq-blue-grey);
}

@media (min-width:768px) {
    .statistics--list {
        font-size: 1em;
    }

    .statistic-item--value {
        font-size: 3.5em;
    }
}

@media (min-width:992px) {
    .statistics--list {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* END STATISTICS */

/* LOGIN FORM */
.login-form {
    display:flex;
    flex-direction:column;
    align-items:center;

    width:100%;
    max-width:25rem;
    margin:auto;

    text-align:center;
}
.login-form ul {
    list-style:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0;
    margin:1em 0;
}
.login-form .section--header {
    margin:1em 0;
}
/* END LOGIN FORM */

/* GENERAL FORMS */
.form {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:1.5em;
    gap: 1.5em;
    padding: 1.5em 0;
}

.form-group {
    width:100%;
    display:flex;
    flex-direction:column;
    margin:0 0 1em;
}

.form--item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
}
.control-label {
    text-align:left;
}
.form--label {
    font-weight: 400;
    margin: 0 0 0.5em;
}

.form--control {
    position:relative;
    display: flex;
    -webkit-appearance: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    height: 3em;
    width: 100%;
    padding: 0 1.5em;
    margin: 0;
    background: #FFFFFF;

    text-align: left;
    font-weight: 600;
    font-size:1em;
    color: var(--linq-blue-grey);

    border-radius: 0.25rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #C3CACE;
}
.form-group .form--control {
    border-radius:0;
    margin:0 0 -0.0625rem;
}
.form-group .form--control:first-of-type {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
.form-group .form--control:last-of-type {
    margin: 0;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
textarea.form--control {
    padding-top: 0.65em;
    padding-bottom: 0.65em;
    resize: vertical;
}
.form--control::placeholder {
    color: var(--linq-light-blue-grey);
}
.form--control:focus {
    z-index: 1;
    outline: 0;
    box-shadow: 0.0625rem 0.0625rem 0 var(--linq-primary-blue), -0.0625rem -0.0625rem 0 var(--linq-primary-blue), -0.0625rem 0.0625rem 0 var(--linq-primary-blue), 0.0625rem -0.0625rem 0 var(--linq-primary-blue);
}
@media (min-width:992px) {
    .form.form__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* END GENERAL FORMS */

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}