@import url("https://fonts.googleapis.com/css?family=Barlow:400,700,900&display=swap");

@charset "utf-8";

/* CSS Document */
@media(max-width:63.9375em) {
    .menu--footer>.menu {
        margin-top: 50px
    }

    .menu--footer>.menu>li {
        margin-top: 14px
    }
}

.menu--footer>.menu li li {
    margin-top: 7px
}

.menu--footer .menu .menu {
    margin: 14px 0
}

.menu--footer a {
    text-decoration: none
}

.menu--footer a:hover,
.menu--footer a:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: #504ca2;
    text-decoration-color: #504ca2
}

.menu--footer .nav-lvl-1 {
    position: relative
}

.menu--footer .nav-lvl-1 a:first-child {
    display: inline-block;
    border-bottom: 1px solid transparent;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 18px;
    color: #fff;
    text-decoration: none
}

.menu--footer .nav-lvl-1 a:first-child:hover,
.menu--footer .nav-lvl-1 a:first-child:focus {
    border-bottom-color: #504ca2
}

.menu--footer .nav-lvl-1 .expandcollapse {
    position: absolute;
    right: -12px;
    top: -5px;
    width: 40px;
    height: 40px
}

@media only screen and (min-width:64em) {
    .menu--footer .nav-lvl-1 .expandcollapse {
        display: none
    }
}

.menu--footer .nav-lvl-1 .expandcollapse svg {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 12px;
    right: 12px;
    fill: #fff
}

.menu--footer .nav-lvl-2 a {
    font-size: 16px;
    color: rgba(255, 255, 255, .5)
}

.menu--follow .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu--follow ul {
    margin-left: -12px;
    margin-right: -12px
}

.menu--follow li {
    padding-left: 2px;
    padding-right: 2px
}

.menu--follow a {
    display: block;
   
}

.menu--follow a .icon {
    display: block;
    border-bottom: 1px solid transparent
}

.menu--follow a:hover .icon,
.menu--follow a:focus .icon {
    border-bottom-color: #504ca2
}

.menu--follow svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.back-to-top {
    border: none;
}

.back-to-top svg {
    position: absolute;
    width: 24px;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    fill: #fff
}

.back-to-top:hover {
    background: #fff
}

.back-to-top:hover svg {}

.back-to-top:focus {
    border: 1px dashed #fff
}

.block-qd-child-listing {
    background: #f4f4f4
}

@media only screen and (max-width:39.9375em) {
    .block-qd-child-listing {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:40em) {
    .block-qd-child-listing {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:39.9375em) {
    .block-qd-child-listing {
        padding: 40px 0
    }
}

@media only screen and (min-width:40em) {
    .block-qd-child-listing {
        padding: 80px 0
    }
}

.qd-layouts-cell--1-of-1:last-child .block-qd-child-listing {
    margin-bottom: 0; padding-left: 6%; padding-right: 6vw; 
}

.block-qd-child-listing h2 {
    margin-bottom: 40px
}

.block-qd-child-listing .menu>li {
    background: #fff
}

.block-qd-child-listing .menu>li a:hover {
    background: #504ca2;
    color: #ffffff !important;
}

.block-qd-child-listing .menu>li~li {
    margin-top: 16px
}

.block-qd-child-listing .menu-item a {
    display: block;
    width: 100%;
    padding: 24px;
    text-decoration: none;
    background-position: top 33px right 24px
}

.block-qd-child-listing .menu-item a:hover .title,
.block-qd-child-listing .menu-item a:focus .title {
    text-decoration: underline;
    -webkit-text-decoration-color: #504ca2;
    text-decoration-color: #504ca2
}

.block-qd-child-listing .title {
    font-size: 18px;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    margin-right: 26px; text-align: center  ;
}

.block-qd-child-listing .description {
    margin-top: 10px;
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc((100% - 16px)/2);
        margin-right: 16px
    }

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(2n) {
        margin-right: 0
    }

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(2)~li {
        margin-top: 16px
    }
}

@media only screen and (min-width:64em) {
    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc((68% - 2 * 16px - 1px)/3); margin-left: 3vw; margin-right: 3vw;
     
    }

   .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(3n + 1) {
  /* Targets 1st, 4th, 7th, etc. (first in each row) */
  margin-left: 0;
 
}
   .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(3n + 3) {
  /* Targets 1st, 4th, 7th, etc. (first in each row) */
  margin-right: 0;
 
}

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(3n) {
        margin-right: 0
    }

    .qd-layouts-cell--1-of-1 .block-qd-child-listing .menu>li:nth-child(3)~li {
        margin-top: 16px
    }
}

.field--name-field-toll-content-ref {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media only screen and (max-width:39.9375em) {
    .field--name-field-toll-content-ref {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:40em) {
    .field--name-field-toll-content-ref {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:64em) {
    .field--name-field-toll-content-ref.has-one-item.has-one-item {
        max-width: 1440px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        padding: 0
    }
}

.node--view-mode-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-decoration: none;
    background: #f4f4f4
}

.node--view-mode-tile:first-child:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.node--view-mode-tile .wrap-teaser-image {
    background: #2a2c28;
    margin-bottom: 30px
}

@media(min-width:30em) {
    .node--view-mode-tile .wrap-teaser-image {
        margin-bottom: 40px
    }
}

.node--view-mode-tile .field--name-field-toll-teaser-image {
    padding-top: 62.5%;
    position: relative
}

.node--view-mode-tile .field--name-field-toll-teaser-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.node--view-mode-tile .wrap-hero-image {
    display: none
}

.node--view-mode-tile .node__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
     padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px
}

@media(min-width:30em) {
    .node--view-mode-tile .node__content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .node--view-mode-tile2 .node__content2 {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px
    }
}

.node--view-mode-tile .field--type-text-with-summary {
    margin-top: 20px
}

.node--view-mode-tile:hover h3,
.node--view-mode-tile:focus h3 {
    text-decoration: underline;
    -webkit-text-decoration-color: #504ca2;
    text-decoration-color: #504ca2
}

@media only screen and (min-width:64em) {

    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2),
    .qd-layouts-cell--2-of-3 .node--view-mode-tile {
        position: relative
    }

    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .field--name-field-toll-teaser-image,
    .qd-layouts-cell--2-of-3 .node--view-mode-tile .field--name-field-toll-teaser-image {
        min-height: 100%
    }

    .supports-object-fit .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .field--name-field-toll-teaser-image img,
    .supports-object-fit .qd-layouts-cell--2-of-3 .node--view-mode-tile .field--name-field-toll-teaser-image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .wrap-teaser-image,
    .qd-layouts-cell--2-of-3 .node--view-mode-tile .wrap-teaser-image {
        height: 100%;
        margin: 0
    }

    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .wrap-teaser-image~.node__content,
    .qd-layouts-cell--2-of-3 .node--view-mode-tile .wrap-teaser-image~.node__content {
        width: 75%;
        max-height: 100%;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .6);
        color: #fff;
        padding: 40px
    }

    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .wrap-teaser-image~.node__content h3,
    .qd-layouts-cell--1-of-1 .node--view-mode-tile:first-child:nth-last-child(2) .wrap-teaser-image~.node__content .field--type-datetime,
    .qd-layouts-cell--2-of-3 .node--view-mode-tile .wrap-teaser-image~.node__content h3,
    .qd-layouts-cell--2-of-3 .node--view-mode-tile .wrap-teaser-image~.node__content .field--type-datetime {
        color: inherit
    }
}

@media only screen and (min-width:64em) {
    .tile--large {
        position: relative;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: 0 0
    }

    .tile--large .wrap-hero-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    .tile--large .wrap-hero-image img {
        display: block;
        width: 100%;
        height: auto
    }

    .tile--large .wrap-teaser-image {
        display: none
    }

    .tile--large .node__content {
        position: relative;
        z-index: 3;
        background-color: #f4f4f4;
        padding: 40px;
        width: 40%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        top: -550px;
    }
}

@media only screen and (min-width:64em) and (max-width:77.4375em) {
    .tile--large {
        min-height: calc((100vw - 34px)/11 * 5 + 100px)
    }

    .tile--large .wrap-hero-image {
        width: calc(105vw - 34px);
        margin-top: -20px;
        height: 300px;
        overflow: hidden;
    }
}

@media only screen and (min-width:77.5em) and (max-width:89.9375em) {
    .tile--large {
        min-height: calc((100vw - (100vw - 1240px)/2 - 34px)/11 * 5 + 100px)
    }

    .tile--large .wrap-hero-image {
        width: calc(100vw - (100vw - 1240px)/2 - 34px)
    }
}

@media only screen and (min-width:90em) {
    .tile--large {
        min-height: 693.63636px
    }

    .tile--large .wrap-hero-image {
        width: 1306px
    }
}

@media only screen and (max-width:39.9375em) {
    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile {
        margin-top: 16px
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile {
        width: calc((100% - 16px)/2);
        margin-right: 16px
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:nth-child(2n) {
        margin-right: 0
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:nth-child(2)~.node--view-mode-tile {
        margin-top: 16px
    }
}

@media only screen and (min-width:64em) {
    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile {
        width: calc((100% - 2 * 16px - 1px)/3);
        margin-right: 16px
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:nth-child(3n),
    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:last-child:nth-child(2) {
        margin-right: 0
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:nth-child(3)~.node--view-mode-tile {
        margin-top: 16px
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:first-child:nth-last-child(2) {
        width: calc((100% - 2 * 16px)/3 * 2 + 16px)
    }

    .qd-layouts-cell--1-of-1 .field--name-field-toll-content-ref .node--view-mode-tile:first-child:last-child {
        width: 100%;
        margin-right: 0
    }
}

.region-sidebar-second .node--view-mode-tile {
    margin-top: 50px
}

.region-sidebar-second .node--view-mode-tile:first-child {
    margin-top: 0
}

.page-node-type-page .region-content .field--name-field-toll-content-ref {
    margin: 80px 0
}

.page-node-type-page .region-content .node--view-mode-tile {
    border-bottom: 1px solid #eaeaea;
    background: 0 0;
    margin-bottom: 30px
}

@media(min-width:30em) {
    .page-node-type-page .region-content .node--view-mode-tile {
        margin-bottom: 40px
    }
}

.page-node-type-page .region-content .node--view-mode-tile .node__content {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:40em) {
    .page-node-type-page .region-content .node--view-mode-tile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page-node-type-page .region-content .node--view-mode-tile .wrap-teaser-image {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 265px;
        margin-right: 30px
    }
}

.page-node-type-page .region-content .node--view-mode-tile:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.wrap-teaser-image .contextual-region {
    position: initial
}

.landing-header {
    position: relative
}

@media only screen and (max-width:39.9375em) {
    .landing-header {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:40em) {
    .landing-header {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:29.9375em) {
    .landing-header.landing-header--tall {
        min-height: 133vw
    }

    .is-ie11 .landing-header.landing-header--tall .landing-header__inner {
        min-height: 133vw
    }
}

@media(min-width:30em) and (max-width:47.9375em) {
    .landing-header.landing-header--tall {
        min-height: 60vw
    }

    .is-ie11 .landing-header.landing-header--tall .landing-header__inner {
        min-height: 60vw
    }
}

@media only screen and (min-width:48em) and (max-width:89.9375em) {
    .landing-header.landing-header--tall {
        min-height: 40vw
    }

    .is-ie11 .landing-header.landing-header--tall .landing-header__inner {
        min-height: calc(40vw - 7px)
    }
}

@media only screen and (min-width:90em) {
    .landing-header.landing-header--tall {
        /* min-height: 36vw */
    }

    .is-ie11 .landing-header.landing-header--tall .landing-header__inner {
        min-height: 576px
    }
}

@media only screen and (min-width:40em) {
    .landing-header.landing-header--tall {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    [id=panels-ipe-content] .landing-header.landing-header--tall {
        display: block
    }
}

@media(min-width:30em) and (max-width:47.9375em) {
    .landing-header.landing-header--short {
        min-height: 60vw
    }

    .is-ie11 .landing-header.landing-header--short .landing-header__inner {
        min-height: 60vw
    }
}

@media only screen and (min-width:48em) and (max-width:89.9375em) {
    .landing-header.landing-header--short {
        min-height: 30vw
    }

    .is-ie11 .landing-header.landing-header--short .landing-header__inner {
        min-height: 30vw
    }
}

@media only screen and (min-width:90em) {
    .landing-header.landing-header--short {
        min-height: 432px
    }

    .is-ie11 .landing-header.landing-header--short .landing-header__inner {
        min-height: 432px
    }
}

@media(min-width:30em) {
    .landing-header.landing-header--short {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    [id=panels-ipe-content] .landing-header.landing-header--short {
        display: block
    }
}

@media only screen and (min-width:64em) and (max-width:89.9375em) {
    .landing-header.has-video {
        min-height: 41.66vw
    }

    .is-ie11 .landing-header.has-video .landing-header__inner {
        min-height: calc(41.66vw - 7px)
    }
}

@media only screen and (min-width:90em) {
    .landing-header.has-video {
        min-height: 600px
    }

    .is-ie11 .landing-header.has-video .landing-header__inner {
        min-height: 600px
    }
}

.landing-header .ipe-actions-block {
    position: relative;
    z-index: 3
}

.landing-header .field--name-field-toll-hero-image,
.landing-header .field--type-video-embed-field {
    margin: 0
}

.landing-header .field--name-field-toll-hero-video,
.landing-header .btn-pause {
    display: none
}

@media only screen and (max-width:39.9375em) {
    .landing-header__tasks .field__item svg {
        top: 23px;
        left: 35px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width:40em) {
    .landing-header__tasks .field__item svg {
        top: 20px;
        left: 50%;
        margin-left: -27px
    }
}

@media only screen and (min-width:48em) {
    .landing-header__tasks .field__item svg {
        top: 44px
    }
}

.landing-header__image {
    position: absolute;
    top: -6vw;
    left: 0;
    min-width: 100vw;
    z-index: 1
}

.landing-header__image .video-embed-field-responsive-video {
    position: static
}

.landing-header__image .video-embed-field-responsive-video:after {
    content: none
}

.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image {
    position: relative
}

.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media only screen and (max-width:29.9375em) {
    .landing-header--tall.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background-size: 133.33% 100%
    }
}

@media(min-width:30em) and (max-width:47.9375em) {
    .landing-header--tall.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background-size: 100% 167%
    }
}

@media only screen and (min-width:48em) {
    .landing-header--tall.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background-size: 100% 250%
    }
}

@media only screen and (max-width:29.9375em) {
    .landing-header--short.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background-size: 100% 100%
    }
}

@media(min-width:30em) and (max-width:47.9375em) {
    .landing-header--short.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) center right;
        background-size: 100% 166.667%
    }
}

@media only screen and (min-width:48em) {
    .landing-header--short.hero-overlay-tint .landing-header__image .field--name-field-toll-hero-image:before {
        background: -o-radial-gradient(bottom right, ellipse, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background: radial-gradient(ellipse at bottom right, transparent 0%, transparent 35%, rgba(0, 0, 0, 0.85) 71%) bottom right;
        background-size: 100% 333.333%
    }

    @media only screen and (min-width:90em) {
        .tasks-menu-link {
            padding-left: 59px
        }

        .tasks-menu-content {
            background-size: calc(50% + -216px) 100%
        }

        .tasks-menu-blocks .taxonomy-term {
            padding: 40px 59px
        }

        .tasks-menu-blocks--multiple:before {
            right: calc(50% + -252px)
        }
    }

    .region-primary-menu .nav-onscreen {
        display: none;
        z-index: 350
    }

    @media only screen and (min-width:64em) {
        .region-primary-menu .nav-onscreen {
            display: block
        }

        .region-primary-menu .nav-onscreen .dropdown {
            left: 0;
            width: 100%;
            z-index: 100;
            top: 90px
        }
    }

    .nav-onscreen .dropdown.visible {
        visibility: visible !important;
        margin-left: 0 !important;
        opacity: 1 !important
    }

    @media only screen and (min-width:64em) and (min-width:77.5em) {
        .region-primary-menu .menu--main .menu-item-lvl-2 {
            width: 33.33%
        }
    }

    @media only screen and (min-width:64em) {
        .region-primary-menu .menu--main .menu-item-lvl-2>a {
            display: block;
            padding: 7px 35px 7px 0;
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            position: relative;
            font-size: 16px
        }

        .region-primary-menu .menu--main .menu-item-lvl-2>a:hover,
        .region-primary-menu .menu--main .menu-item-lvl-2>a:focus {
            background-position: right 10px top 14px;
            border-bottom-color: #504ca2
        }

        .region-primary-menu .menu--main .find-out-more {
            margin-top: 10px;
            font-size: 16px;
            line-height: 1.2;
            font-family: nexa-heavy, Helvetica, Arial, sans-serif;
            font-weight: 700
        }
    }