@charset "UTF-8";



/* Old compiled css: */
@font-face {
    font-family: "Foundry Sterling Book";
    src: url("../fonts/fostbook-webfont-4C2F8Hn.eot");
    src: url("../fonts/fostbook-webfont-4C2F8Hn.eot") format("embedded-opentype"), url("../fonts/fostbook-webfont-9onOTeB.woff") format("woff"), url("../fonts/fostbook-webfont-Kdvew84.ttf") format("truetype"), url("../fonts/fostbook-webfont--sIyY0O.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Foundry Sterling Book";
        src: url("../fonts/fostbook-webfont--sIyY0O.svg") format("svg");
        font-weight: 400;
        font-style: normal;
    }
}
@font-face {
    font-family: "Foundry Sterling Demi";
    src: url("../fonts/fostdemi-webfont-amXH_-f.eot");
    src: url("../fonts/fostdemi-webfont-amXH_-f.eot") format("embedded-opentype"), url("../fonts/fostdemi-webfont-yl9kMZX.woff") format("woff"), url("../fonts/fostdemi-webfont-5xFBF7d.ttf") format("truetype"), url("../fonts/fostdemi-webfont-3QIlyr5.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Foundry Sterling Demi";
        src: url("../fonts/fostdemi-webfont-3QIlyr5.svg") format("svg");
        font-weight: 400;
        font-style: normal;
    }
}
@font-face {
    font-family: "Foundry Sterling Medium";
    src: url("../fonts/fostmedm-webfont-mIJPcsU.eot");
    src: url("../fonts/fostmedm-webfont-mIJPcsU.eot") format("embedded-opentype"), url("../fonts/fostmedm-webfont-4hV4_2l.woff") format("woff"), url("../fonts/fostmedm-webfont-snSWI45.ttf") format("truetype"), url("../fonts/fostmedm-webfont-MQ9-nyW.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Foundry Sterling Medium";
        src: url("../fonts/fostmedm-webfont-MQ9-nyW.svg") format("svg");
        font-weight: 400;
        font-style: normal;
    }
}
@font-face {
    font-family: "Foundry Sterling Light";
    src: url("../fonts/fostlight-webfont-SAFB1fE.eot");
    src: url("../fonts/fostlight-webfont-SAFB1fE.eot") format("embedded-opentype"), url("../fonts/fostlight-webfont--rxXsnG.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "CoopervisionIcons";
    src: url("../fonts/fontcustom-z9_fvKq.eot");
    src: url("../fonts/fontcustom-z9_fvKq.eot") format("embedded-opentype"), url("../fonts/fontcustom-FUqWQpR.woff") format("woff"), url("../fonts/fontcustom-J_UKyKi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: "";
    content: none;
}

q:before, q:after {
    content: "";
    content: none;
}

span.is-highlight {
    color: #6c2196;
}

html {
    box-sizing: border-box;
}

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

html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
    font-size: 16px;
    line-height: 1;
    font-family: "Foundry Sterling Book", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #646363;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
body.is-modal {
    overflow: hidden;
}

input, select, textarea, button {
    font-family: "Foundry Sterling Book", sans-serif;
    box-sizing: border-box;
}

a {
    color: inherit;
}
a.no-underline {
    text-decoration: none;
}

hr {
    display: block;
    width: 100%;
    border-top: 1px solid rgba(206, 206, 206, 0.5);
    height: 1px;
    background: none;
}

p {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.3;
}
p a {
    color: #6c2196;
}
p.large {
    font-size: 1em;
}
p.large a {
    color: #6c2196;
}
@media (min-width: 992px) {
    p.large {
        font-size: 1.25em;
    }
}
@media (min-width: 1200px) {
    p.large {
        font-size: 1.5em;
    }
}

.inner-wrap {
    max-width: 1230px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 999px) {
    .inner-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.header-inner-wrap {
    padding-left: 0px;
    padding-right: 0px;
}

.inner-wrap-purple {
    max-width: 1230px;
    margin: 0 auto;
    padding: 30px;
    background: rgba(108, 33, 150, 0.1);
}
@media (max-width: 767px) {
    .inner-wrap-purple {
        padding-left: 0;
        padding-right: 0;
    }
}

footer .inner-wrap {
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 767px) {
    footer .inner-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

strong {
    font-family: "Foundry Sterling Demi";
}

h1 {
    line-height: 1.1;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-family: "Foundry Sterling Demi";
    color: #6c2196;
    position: relative;
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    h1 {
        line-height: 1;
    }
}
@media (min-width: sm) {
    h1 {
        line-height: 1;
    }
}
@media (max-width: 767px) {
    h1 {
        margin-bottom: 0px;
    }
}
h1.tight-bottom {
    margin-bottom: 0;
}
h1 em {
    color: #9FA3A3;
}
@media (min-width: 768px) {
    h1 em {
        display: block;
        padding-left: 0;
    }
}
@media (min-width: sm) {
    h1 em {
        display: block;
        padding-left: 0;
    }
}
h1.range-left:after {
    left: 0;
    margin-left: 0;
}

h2 {
    font-size: 2.5625em;
    color: white;
}
h2 em {
    opacity: 0.6;
}

h3 {
    color: #6c2196;
    font-size: 1.5em;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.125em;
    color: #646363;
    margin-bottom: 1em;
}

h5 {
    font-size: 1em;
    line-height: 1.125;
    color: #6c2196;
    margin-bottom: 0.5em;
}
@media (max-width: 399px) {
    h5 {
        font-size: 0.875em;
    }
}
@media (min-width: 768px) {
    h5 {
        font-size: 1.125em;
    }
}
@media (min-width: sm) {
    h5 {
        font-size: 1.125em;
    }
}
h5 em {
    color: #9FA3A3;
}

h6 {
    font-size: 1em;
    color: #05a0d4;
    margin-bottom: 0.3em;
}

.territory-uk h6 {
    color: #05a0d4;
}

/*! Tablesaw - v3.0.0-beta.4 - 2016-10-12
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */
.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0;
}

.tablesaw * {
    box-sizing: border-box;
}

.tablesaw th,
.tablesaw td {
    padding: 0.5em 0.7em;
}

.tablesaw thead tr:first-child th {
    padding-top: 0.9em;
    padding-bottom: 0.7em;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
    /* Show the table cells as a block level element */
    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }
    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }
    /* Make the label elements a percentage width */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 0.6em 0 0;
        display: inline-block;
        font-weight: 600;
    }
    .tablesaw-stack td .tablesaw-cell-label:after,
    .tablesaw-stack th .tablesaw-cell-label:after {
        content: ":";
    }
    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: 0.4em 0;
        margin: 0.4em 0;
    }
    .tablesaw-cell-label {
        display: block;
    }
    /* Avoid double strokes when stacked */
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }
    /* Avoid double strokes when stacked */
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}
@media (max-width: 39.9375em) {
    /* Table rows have a gray bottom stroke by default */
    .tablesaw-stack--container {
        margin-left: -30px;
        margin-right: -30px;
        display: block;
        background: white;
    }
    .tablesaw-stack tbody tr {
        border-bottom: 1px solid #dfdfdf;
    }
    .tablesaw-stack tbody tr:first-child {
        border-top: 1px solid #dfdfdf;
    }
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }
    .js-hide-first-header td:first-child .tablesaw-cell-label {
        display: none;
    }
    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        border-bottom: none;
    }
    .tablesaw-stack tbody td:first-child {
        padding-top: 20px;
    }
    .tablesaw-stack tbody td:last-child {
        padding-bottom: 20px;
    }
    .tablesaw-cell-label {
        vertical-align: top;
    }
    .tablesaw-cell-content {
        max-width: 40%;
        display: inline-block;
    }
}
@media (max-width: 39.9375em) and (max-width: 767px) {
    .tablesaw-cell-content {
        max-width: 70%;
    }
}
@media (max-width: 39.9375em) {
    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }
    /* Show the table header rows */
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }
}
.l__strong {
    font-size: 1em;
    line-height: 1.1875;
    font-weight: 600;
}

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

.l__align-center img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .l__align-center-mobile {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .l__img-center-mobile {
        margin-left: auto;
        margin-right: auto;
    }
}

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

.l__margin-top {
    margin-top: 1em;
}

.l__margin-top--pdf {
    margin-top: 3.5em;
}

.l__float-left {
    float: left;
}

.l__float-right {
    float: right;
}

.l__margin-bottom {
    margin-bottom: 1em;
}

.l__margin-top--double {
    margin-top: 2em;
}

.l__margin-bottom--double {
    margin-bottom: 2em;
}

.l__clear-both {
    clear: both;
}

@media (max-width: 767px) {
    .l__pad-special-mobile {
        padding-top: 120px !important;
    }
}

.l__position-relative {
    position: relative;
}

.l__position-absolute {
    position: absolute !important;
}

.l__full-image img {
    display: block;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {
    .l__small-image-mobile {
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .l__full-image-mobile img {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

.l__pad-sides {
    padding-left: 10%;
    padding-right: 10%;
}

@media (min-width: 768px) {
    .l__pad-sides-desktop {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media (min-width: sm) {
    .l__pad-sides-desktop {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.l__clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.l__desktop-only {
    position: relative;
}
@media (max-width: 767px) {
    .l__desktop-only {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .l__mobile-only {
        display: none !important;
    }
}
@media (min-width: sm) {
    .l__mobile-only {
        display: none !important;
    }
}

@media (min-width: 1000px) {
    .l__bmobile-only {
        display: none !important;
    }
}

.l__clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.mt-15 {
    margin-top: 15px;
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mb-50 {
    margin-bottom: 50px;
}

.p-1 {
    padding: 1rem;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.d-grid {
    display: grid;
}

.flex-nowrap {
    white-space: nowrap;
}

.gap-4 {
    gap: 4rem;
}

@media (max-width: 991px) {
    .sm-gap-2 {
        gap: 2rem;
    }
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 991px) {
    .sm-grid-cols-1 {
        grid-template-columns: 1fr;
    }
}

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

.text-xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px;
}

.border-2 {
    border: 2px solid;
}

.border-color-dark-blue {
    border-color: #6c2196;
}

.full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
}

.rating {
    width: 112px;
    height: 30px;
    position: relative;
    cursor: pointer;
    margin: 5px 10px;
}

.rating__stars--empty {
    position: absolute;
    left: 0;
    color: lightgrey;
    font-size: 25px;
}

.rating__stars--filled {
    position: absolute;
    left: 0;
    color: #45a935;
    font-size: 25px;
    overflow: hidden;
}

.feedback-form .radio {
    display: inline-block;
    margin: 0 2%;
}

.promo .rating {
    float: right;
}

.filter-items .rating__stars--empty, .filter-items .rating__stars--filled {
    top: -13px;
}

.filter-items .rating {
    margin-left: -5px;
    height: 0;
}

.rating__message {
    margin-left: 112px;
    margin-top: -5px;
}

.leave-feedback {
    border-left: 5px solid #e11d4f;
}

.purple-feedback {
    border-left: none;
    padding: 10px;
    margin-bottom: 2em;
    background-color: #6c2196;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.cv-feedback {
    border-left: none;
    padding: 10px;
    margin-bottom: 2em;
    background-color: #202e58;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.leave-feedback-title {
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Foundry Sterling Demi";
    margin-bottom: 10px;
}

.leave-feedback-image {
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    padding: 0;
}
.leave-feedback-image img {
    width: 100%;
}

.leave-feedback-text {
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 10px;
}
.leave-feedback-text p a {
    color: #ffffff;
}

.container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}
.container:after {
    content: " ";
    display: block;
    clear: both;
}
@media (min-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: sm) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .container--pad-mobile {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .container--small-pad-mobile {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .container--pad-mobile-tight {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.video-container {
    margin-bottom: 1em;
}
@media (min-width: 768px) {
    .video-container {
        margin: 0 auto 1em;
        max-width: 600px;
    }
}
@media (min-width: sm) {
    .video-container {
        margin: 0 auto 1em;
        max-width: 600px;
    }
}

@media (min-width: 768px) {
    .container--no-pad-right {
        padding-right: 0;
    }
}
@media (min-width: sm) {
    .container--no-pad-right {
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .container--no-pad {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: sm) {
    .container--no-pad {
        padding-right: 0;
        padding-left: 0;
    }
}

.container--inner {
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .container--inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: sm) {
    .container--inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon-OYpXnaD.eot");
    src: url("../fonts/icomoon-OYpXnaD.eot") format("embedded-opentype"), url("../fonts/icomoon-0md8LFV.ttf") format("truetype"), url("../fonts/icomoon-cwncERl.woff") format("woff"), url("../fonts/icomoon-3z3U6KF.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-account {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M5.057.4C2.447.4.329 2.549.329 5.203c0 2.651 2.118 4.801 4.728 4.801s4.725-2.15 4.725-4.801C9.782 2.549 7.667.4 5.057.4z' id='a'/%3E%3Cpath id='c' d='M0 .332h16.111V13H.001z'/%3E%3Cpath d='M6.051.332C2.716.332 0 3.092 0 6.48v4.985l.013.078.338.107C3.533 12.662 6.301 13 8.578 13c4.447 0 7.026-1.29 7.185-1.372l.316-.163h.032V6.376C16.056 3.035 13.363.332 10.062.332H6.051z' id='e'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M3.33 4.802c0 2.651 2.116 4.802 4.727 4.802 2.61 0 4.724-2.15 4.724-4.802C12.781 2.15 10.666 0 8.057 0 5.447 0 3.33 2.15 3.33 4.802' fill='%23FFF'/%3E%3Cg transform='translate(3 -.4)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23FFF' mask='url(%23b)' d='M.329 10.004h9.452V.4H.329z'/%3E%3C/g%3E%3Cg transform='translate(0 10.6)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M6.051.332C2.716.332.001 3.092.001 6.48v4.986l.012.077.338.107C3.533 12.662 6.301 13 8.577 13c4.448 0 7.027-1.29 7.186-1.372l.315-.162h.034V6.48c0-3.388-2.714-6.148-6.05-6.148h-4.01z' fill='%23FFF' mask='url(%23d)'/%3E%3C/g%3E%3Cg transform='translate(0 10.6)'%3E%3Cmask id='f' fill='%23fff'%3E%3Cuse xlink:href='%23e'/%3E%3C/mask%3E%3Cpath fill='%23FFF' mask='url(%23f)' d='M0 13h16.11V.332H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 17px;
    height: 24px;
    background-size: 100%;
    margin-right: 12px !important;
    vertical-align: -7px;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .icon-account {
        display: none !important;
    }
}

.icon-youtube:before {
    content: "\e900";
}

.icon-instagram:before {
    content: "\e901";
}

.icon-cart:before {
    content: "\e90e";
}

.icon-search:before {
    content: "\e604";
}

.icon-file-pdf:before {
    content: "\e916";
}

.icon-menu:before {
    content: "\f11b";
    font-family: "CoopervisionIcons" !important;
    font-size: 38px;
}

.icon-linkedin:before {
    content: "\e910";
}

.icon-twitter:before {
    content: "\e911";
}

.icon-facebook:before {
    content: "\e912";
}

.icon-up-arrow:before {
    content: "\e913";
}

.icon-down-arrow:before {
    content: "\e914";
}

.icon-left-arrow:before {
    content: "\e917";
}

.icon-right-arrow:before {
    content: "\e918";
}

.icon-tick:before {
    content: "\e919";
}

.icon-certificate:before {
    content: "\e915";
}

/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
    position: relative;
    display: block;
    padding: 0;
    font-size: 1em;
    background: white;
    border: 1px solid #646363;
    color: #00B9D2;
    height: auto;
    margin-bottom: 22px;
}
.has-error .custom-select {
    border-color: #ae0000;
}
@media (max-width: 399px) {
    .custom-select {
        font-size: 14px;
    }
}
.custom-select.custom-select--narrow {
    float: left;
    width: 100px;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .js-show-if-not-empty .custom-select {
        float: left;
        width: 60%;
        max-width: 400px;
        margin-right: 10px;
    }
}
@media (min-width: sm) {
    .js-show-if-not-empty .custom-select {
        float: left;
        width: 60%;
        max-width: 400px;
        margin-right: 10px;
    }
}
.custom-select.is-disabled {
    border-color: #f8f8f8;
    color: white;
}
.custom-select.is-disabled select {
    color: white;
}
.custom-select.is-disabled:after {
    opacity: 0.4;
}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.custom-select select {
    width: 100%;
    margin: 0;
    -webkit-appearance: none;
    background: none;
    border: 1px solid transparent;
    outline: none;
    color: #646363;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    height: 2.5em;
    font-family: "Foundry Sterling Light";
    padding: 0.2em 15px 0.3em 15px;
    outline: none;
    /* Prefixed box-sizing rules necessary for older browsers */
    box-sizing: border-box;
    /* Remove select styling */
    appearance: none;
    -webkit-appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
}
.custom-select select:focus {
    outline: none;
}
@media (min-width: 768px) {
    .custom-select select {
        font-weight: 300;
    }
}
@media (min-width: sm) {
    .custom-select select {
        font-weight: 300;
    }
}
@media (max-width: 399px) {
    .custom-select select {
        font-size: 14px;
        padding: 0.4em 30px 0.6em 30px;
        height: 50px;
    }
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.custom-select::after {
    content: "\e914";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border-left: 1px solid #646363;
    padding-left: 1em;
    height: 100%;
    line-height: 2.5em;
    color: #646363;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 1em;
    z-index: 2;
    /* This hack make the select behind the arrow clickable in some browsers */
    pointer-events: none;
    display: none;
}

/* Hover style */
/* Focus style */
.custom-select select:focus {
    outline: none;
}

/* Set options to normal weight */
.custom-select option {
    font-weight: normal;
}

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
@media screen {
    /* autoprefixer: off */
    @supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
        /* Show custom arrow */
        .custom-select::after {
            display: block;
        }
        /* Remove select styling */
        .custom-select select {
            padding-right: 2em; /* Match-01 */
            /* inside @supports so that iOS <= 8 display the native arrow */
            background: none; /* Match-04 */
            /* inside @supports so that Android <= 4.3 display the native arrow */
            border: 1px solid transparent; /* Match-05 */
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
    }
}
/* Adds Firefox < 35 support */
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
    /* Warning: this kills the focus outline style */
    .custom-select {
        overflow: hidden;
    }
    .custom-select::after {
        display: block;
    }
    /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
    .custom-select select {
        overflow: -moz-hidden-unscrollable;
        padding-right: 0.4em;
        background: none; /* Match-04 */
        border: 1px solid transparent; /* Match-05 */
        /* Firefox < 4 */
        min-width: 6em;
        width: 130%;
        /* Firefox 4-15 */
        min-width: -moz-calc(0em);
        width: -moz-calc(100% + 2.4em);
        /* Firefox 16+ */
        min-width: 0em;
        width: calc(100% + 2.4em);
    }
    /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
    @supports (mask-type: alpha) {
        .custom-select {
            overflow: visible;
        }
        .custom-select select {
            -moz-appearance: none;
            width: 100%;
            padding-right: 2em; /* Match-01 padding-right */
        }
    }
}
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .custom-select select::-ms-expand {
        display: none;
    }
    .custom-select select:focus {
        border-color: #aaa; /* Match-03 */
    }
    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222; /* Match-02*/
    }
    .custom-select select {
        padding-right: 2em; /* Match-01 */
        background: none; /* Match-04 */
        border: 1px solid transparent; /* Match-05 */
    }
    .custom-select::after {
        display: block;
    }
}
.territory-uk .custom-select {
    color: #239638;
}

.form--block-pad-top {
    padding-top: 1em;
}

.form--subblock {
    padding: 2em 0 0;
}

label {
    font-size: 1em;
    margin-bottom: 0.75em;
    display: block;
}

.show-required .required label:after {
    content: "*";
    margin-left: 0.3em;
    display: inline-block;
}

.checkbox {
    padding-left: 45px;
    position: relative;
    margin-bottom: 22px;
    min-height: 33px;
}
.checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.checkbox label {
    font-weight: 400;
    color: #646363;
    padding-top: 6px;
    line-height: 1.3;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    text-align: center;
    line-height: 33px;
    color: #646363;
    width: 33px;
    height: 33px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    border: 1px solid #9FA3A3;
}
.checkbox input:checked + label:before {
    content: "\e919";
}

.has-error .checkbox label:before {
    border-color: red;
}

.radio-inline {
    display: inline-block;
    margin-right: 1em;
}

input[type=text], input[type=search], input[type=password], textarea {
    padding: 0.4em 0.6em;
    border: 1px solid #646363;
    font-size: 1em;
    margin-bottom: 1.5em;
    line-height: 1;
    display: block;
    width: 100%;
    color: #646363;
}
.has-error input[type=text], .has-error input[type=search], .has-error input[type=password], .has-error textarea {
    border-color: #ae0000;
}
.has-inline input[type=text], input[type=text] .js-show-if-not-empty, .has-inline input[type=search], input[type=search] .js-show-if-not-empty, .has-inline input[type=password], input[type=password] .js-show-if-not-empty, .has-inline textarea, textarea .js-show-if-not-empty {
    overflow: hidden;
    width: auto;
}
input[type=text]:disabled, input[type=search]:disabled, input[type=password]:disabled, textarea:disabled {
    border-color: #f8f8f8;
    color: white;
}
input[type=text].narrow-inline, input[type=search].narrow-inline, input[type=password].narrow-inline, textarea.narrow-inline {
    max-width: 250px;
    margin-bottom: 0;
}

.js-show-if-not-empty {
    display: none;
}
.js-show-if-not-empty:after {
    content: "";
    display: table;
    clear: both;
}
.js-show-if-not-empty.is-visible {
    display: block;
}

.js-show-if-not-empty input {
    display: none;
}

.js-show-if-not-empty.is-active {
    margin-bottom: 0.5em;
}
.js-show-if-not-empty.is-active input {
    display: block;
}
@media (min-width: 768px) {
    .js-show-if-not-empty.is-active input {
        max-width: 200px;
    }
}
@media (min-width: sm) {
    .js-show-if-not-empty.is-active input {
        max-width: 200px;
    }
}

.form--separator {
    margin-right: 10px;
    line-height: 30px;
    float: left;
}

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

.help-block {
    font-size: 0.7em;
}

.help-block-error {
    color: #ae0000;
    font-size: 16px;
    font-weight: 500;
    margin-top: -16px;
    margin-bottom: 22px !important;
}
.help-block-error:empty {
    display: none;
}
.js-is-other, .js-profession-student-dependent-fields {
    display: none;
}

.js-is-visible {
    display: block;
}

.date-range-picker input[type=date] {
    padding: 0.4em 0.6em;
    border: 1px solid #646363;
    font-size: 1em;
    margin-bottom: 1.5em;
    line-height: 1;
    color: #646363;
}

.asterisk-inline p {
    display: inline;
}

.blog--feature {
    width: 100%;
    height: 0;
    padding-bottom: 48.55%;
    position: relative;
}

.blog--title {
    background-color: #6c2196;
    padding: 20px;
}
.blog--title h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "Foundry Sterling Demi";
}

.blog--feature-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.blog--feature-image img {
    display: block;
    width: 100%;
}

.blog--date {
    font-size: 15px;
    background: white;
    text-transform: uppercase;
    color: #6c2196;
    position: absolute;
    width: 80px;
    height: 80px;
    text-align: center;
    left: 0;
    top: 20px;
}
.blog--date em {
    font-size: 41px;
    text-align: center;
}
.blog--date span {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .blog--date {
        bottom: 40px;
        top: auto;
    }
}
@media (min-width: sm) {
    .blog--date {
        bottom: 40px;
        top: auto;
    }
}

.blog--content {
    padding-top: 2em;
}
.blog--content ul, .blog--content ol {
    padding-left: 0.5em;
    margin-left: 0;
    margin-bottom: 1em;
}
.blog--content li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0.5em;
}
.blog--content ol li {
    list-style-type: decimal;
}
.blog--content p {
    font-size: 1em;
    line-height: 1.375;
}

.blog--content-text {
    padding-bottom: 1em;
}

.blog-author {
    padding: 20px 20px;
    margin-bottom: 2em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #f6f6f6;
}
@media (max-width: 767px) {
    .blog-author {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.blog-author--portrait {
    width: 16.0305343511%;
    float: left;
    margin-right: 0.7633587786%;
}
.blog-author--portrait img {
    max-width: 100%;
}

.blog-author--info {
    overflow: hidden;
}

.blog--published-date {
    font-family: "Foundry Sterling Demi";
    color: #6c2196;
    padding-bottom: 25px;
    font-size: 18px;
}

.blog--locked-image-container {
    background: rgba(92, 125, 208, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog--locked-image-container img.blog--locked-image {
    width: 15%;
}

.blog--locked-links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.blog--locked-links-container img {
    height: 30px;
    padding-right: 5px;
}
.blog--locked-links-container p {
    margin-left: 10px;
    margin-top: 10px;
}

.blog-comments {
    padding: 20px 20px;
    margin-bottom: 2em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
@media (max-width: 767px) {
    .blog-comments {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.blog-comment {
    padding: 20px 20px;
    margin-bottom: 1em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #f6f6f6;
}
@media (max-width: 767px) {
    .blog-comment {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
.blog-comment p {
    font-size: 16px;
}

.blog-comment--add-comment {
    padding: 20px 20px;
    margin-bottom: 2em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.account-nav {
    text-align: left;
    padding-top: 1em;
}
.account-nav li {
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    padding-right: 0.5em;
    margin-right: 0.5em;
    font-size: 16px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .account-nav li {
        padding-right: 1em;
        margin-right: 1em;
    }
}
@media (min-width: sm) {
    .account-nav li {
        padding-right: 1em;
        margin-right: 1em;
    }
}
.account-nav li a {
    font-family: "Foundry Sterling Light";
    text-decoration: none;
}
.account-nav li.is-active a {
    font-family: "Foundry Sterling Demi";
    color: #6c2196;
}
.account-nav li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.iframe--wrap {
    width: 100%;
    height: 0;
    max-width: 850px;
    position: relative;
}
.iframe--wrap iframe, .iframe--wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .iframe--wrap {
        width: auto;
        margin-left: -30px;
        margin-right: -30px;
    }
}

.iframe--fullscreen-wrap {
    width: 100%;
    height: 100%;
    padding-top: 40px;
}
.iframe--fullscreen-wrap iframe, .iframe--fullscreen-wrap object {
    width: 100%;
    min-height: 100%;
}

.iframe--nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
    height: 40px;
    z-index: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.event--header {
    height: 270px;
    padding-top: 55px;
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .event--header {
        height: 498px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (min-width: sm) {
    .event--header {
        height: 498px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.event--header .container {
    z-index: 5;
    position: relative;
}
.event--header h2 {
    padding-top: 15px;
    font-size: 24px;
}
@media (min-width: 768px) {
    .event--header h2 {
        font-size: 41px;
        padding-top: 10px;
    }
}
@media (min-width: sm) {
    .event--header h2 {
        font-size: 41px;
        padding-top: 10px;
    }
}

.event--header-image {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.event--header-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-image: radial-gradient(circle, #749aaf, #202e58);
}
.event--header-image img {
    position: absolute;
    width: 120%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 399px) {
    .event--header-image img {
        width: 130%;
    }
}
@media (min-width: 768px) {
    .event--header-image img {
        width: 100%;
    }
}
@media (min-width: sm) {
    .event--header-image img {
        width: 100%;
    }
}

.event--header-date {
    font-size: 15px;
    background: white;
    text-transform: uppercase;
    padding-top: 11px;
    color: #749aaf;
    width: 80px;
    height: 80px;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.event--header-date em {
    font-size: 41px;
    text-align: center;
}

.country-selector {
    background: transparent url(/images/country-selector-base-bg.png) no-repeat center bottom;
    background-size: contain;
    padding-bottom: 150px;
}
.country-selector h4 {
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px #e6e6e6 solid;
    margin-bottom: 10px;
}
.country-selector p {
    font-size: 14px;
}
.country-selector p span {
    display: inline-block;
    padding: 0 5px;
}
.country-selector p a {
    color: #6c2196;
    text-decoration: none;
}
.country-selector p a:hover {
    text-decoration: underline;
}

.country-selector--columns {
    max-width: 450px;
}

.country-selector--territory {
    margin-bottom: 2em;
}

@media (min-width: 601px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 175px;
    }
}
@media (min-width: 769px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 225px;
    }
}
@media (min-width: 1000px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 300px;
    }
}
@media (min-width: 1500px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 350px;
    }
}
@media (min-width: 1800px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 400px;
    }
}
@media (min-width: 2100px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 450px;
    }
}
@media (min-width: 2400px) {
    /* line 49, ../sass/components/_main-content.scss */
    .country-selector {
        padding-bottom: 500px;
    }
}
.register-inner {
    color: #646363;
    font-size: 1em;
    line-height: 1.4;
}
.register-inner h2 {
    color: #6c2196;
    line-height: 1.1;
    margin-bottom: 20px;
    font-size: 1.5em;
}
.register-inner p {
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 0;
}
.register-inner p.with-margin {
    margin-bottom: 1em;
}
.register-inner p.help-block {
    font-size: 0.7em;
}
@media (max-width: 767px) {
    .register-inner {
        border-top: none;
        padding-top: 0;
    }
}

.login-cols h2 {
    font-family: "Foundry Sterling Demi";
    color: #6c2196;
    font-size: 1.1em;
    margin-bottom: 1em;
}
.login-cols p a {
    text-decoration: none;
}

.privacy-block {
    margin-top: 3em;
}

.register-header {
    padding-top: 45px !important;
}

.carousel {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
    .carousel {
        margin-top: 189px;
    }
    .js-scrolled .carousel {
        margin-top: 110px;
    }
}

.carousel--target > div {
    display: none;
}
.carousel--target > div:first-child {
    display: block;
}
.carousel--target.slick-initialized > div {
    display: inherit;
}
.carousel--target img {
    display: block;
    width: 100%;
}

.carousel--content {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 29.8%;
    overflow: hidden;
}
@media (max-width: 767px) {
    .carousel--content {
        padding-bottom: 45.55%;
    }
}
.carousel--content img {
    position: absolute;
    height: 100%;
    width: auto;
    right: 0;
}

.carousel--inner {
    position: absolute;
    left: 30px;
    top: 40px;
    bottom: 40px;
}
@media (max-width: 767px) {
    .carousel--inner {
        left: 10px;
        top: 10px;
        bottom: 10px;
        width: 42%;
    }
}
.carousel--inner h3 {
    color: #6c2196;
    font-size: 24px;
}
@media (max-width: 767px) {
    .carousel--inner h3 {
        font-size: 14px;
    }
}
.carousel--inner p {
    color: #646363;
    font-size: 14px;
}
@media (max-width: 767px) {
    .carousel--inner p {
        font-size: 11px;
        max-width: 80%;
    }
}
.carousel--inner p span {
    color: #6c2196;
    padding-left: 1em;
}
.carousel--inner p span:after {
    padding-left: 0.3em;
    content: "→";
}
@media (max-width: 767px) {
    .carousel--inner p span {
        display: block;
        font-size: 11px;
        padding-left: 0;
        margin-top: 1em;
    }
}

.carousel--dots {
    height: 55px;
    position: relative;
    width: 100%;
}
@media (max-width: 767px) {
    .carousel--dots {
        height: 42px;
    }
}
.carousel--dots:after {
    position: absolute;
    content: "";
    width: 90%;
    left: 5%;
    bottom: 0;
    border-bottom: 1px solid rgba(206, 206, 206, 0.5);
}

.ath-viewport * {
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -ms-transform: translate(0, -79px);
    transform: translate(0, -79px);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.js-scrolled .ath-viewport {
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-container small {
    font-size: 0.8em;
    line-height: 1.3em;
    display: block;
    margin-top: 0.5em;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

/* close icon */
.ath-container:before {
    content: "";
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}

/* applied only if the application icon is shown */
.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
}

.ath-ios.ath-phone:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -ms-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -ms-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }
    .ath-android.ath-phone {
        margin-left: -12em;
    }
    .ath-ios.ath-phone {
        margin-left: -12em;
    }
    .ath-ios6:after {
        left: 39%;
    }
    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }
    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }
}
/**
 * rome - Customizable date (and time) picker. Opt-in UI, no jQuery!
 * @version v2.1.22
 * @link https://github.com/bevacqua/rome
 * @license MIT
 */
.rd-container {
    display: none;
    border: 1px solid #333;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

.rd-container-attachment {
    position: absolute;
}

.rd-month {
    display: inline-block;
    margin-right: 25px;
}

.rd-month:last-child {
    margin-right: 0;
}

.rd-back,
.rd-next {
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
}

.rd-back[disabled],
.rd-next[disabled] {
    cursor: default;
}

.rd-back {
    float: left;
}

.rd-next {
    float: right;
}

.rd-back:before {
    display: block;
    content: "←";
}

.rd-next:before {
    display: block;
    content: "→";
}

.rd-day-body {
    cursor: pointer;
    text-align: center;
}

.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
    cursor: pointer;
    background-color: #333;
    color: #fff;
}

.rd-day-prev-month,
.rd-day-next-month {
    color: #999;
}

.rd-day-disabled {
    cursor: default;
    color: #fcc;
}

.rd-time {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    min-width: 80px;
}

.rd-time-list {
    display: none;
    position: absolute;
    overflow-y: scroll;
    max-height: 160px;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #333;
}

.rd-time-selected {
    padding: 5px;
}

.rd-time-option {
    padding: 5px;
}

.rd-day-concealed {
    visibility: hidden;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/slick-n_TsPim.eot");
    src: url("../fonts/slick-n_TsPim.eot") format("embedded-opentype"), url("../fonts/slick-cXxzPs3.woff") format("woff"), url("../fonts/slick-vCGH19a.ttf") format("truetype"), url("../fonts/slick-yGqbHgR.svg") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    z-index: 1;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
@media (max-width: 767px) {
    .slick-prev,
    .slick-next {
        display: none !important;
    }
}

.slick-next {
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "icomoon";
    font-size: 40px;
    line-height: 1;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next {
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}

.slick-prev {
    -ms-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    left: 20px;
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "\e913";
    font-weight: bold;
}

[dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: 20px;
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "\e913";
    font-weight: bold;
}

[dir=rtl] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: 18px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
@media (max-width: 767px) {
    .slick-dots {
        bottom: 13px;
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer;
}
@media (max-width: 767px) {
    .slick-dots li {
        width: 16px;
        height: 16px;
        margin: 0 10px;
    }
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: white;
    border-radius: 50%;
    border: 1px solid rgba(159, 163, 163, 0.5);
}
@media (max-width: 767px) {
    .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}

.slick-dots li.slick-active button {
    background: #6c2196;
    border-color: #6c2196;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    content: "";
    width: 22px;
    height: 22px;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

.panel {
    padding: 20px 13px;
    background: #f6f6f6;
    margin-bottom: 2em;
}
.panel.panel--tight-bottom {
    padding-bottom: 0;
}
.slab__lightest-grey .panel {
    background: white;
}
.panel *:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .panel {
        margin-left: -30px;
        margin-right: -30px;
        padding: 20px 33px;
        margin-bottom: 0em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}
.panel.panel--white {
    background: white;
}
.panel h5 {
    margin-bottom: 1em;
}
.panel .dynamic-content {
    margin-bottom: 1em;
}
.panel .dynamic-content li {
    margin-bottom: 0.5em;
    font-size: 1em;
    line-height: 1.3;
}

.help--image {
    background-color: white;
    margin: 2px 2px 2em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    position: relative;
    height: 0;
    padding: 0 32px 40%;
    background-image: url(/images/help-image.png);
    background-position: 95% bottom;
    background-repeat: no-repeat;
    background-size: auto 95%;
    overflow: hidden;
    margin-bottom: 2em;
}
@media (max-width: 767px) {
    .help--image {
        padding: 0;
        box-shadow: none;
        height: auto;
        margin-bottom: 1em;
        background-size: auto 90%;
    }
}
.help--image h2 {
    padding-top: 17%;
    color: #6c2196;
    font-size: 40px;
    font-family: "Foundry Sterling Book";
    margin-bottom: 0.4em;
}
@media (max-width: 767px) {
    .help--image h2 {
        font-size: 25px;
        padding-top: 1em;
    }
}
.help--image p {
    color: #606060;
    font-size: 26px;
    font-family: "Foundry Sterling Book";
    line-height: 1.2;
}
@media (max-width: 767px) {
    .help--image p {
        font-size: 16px;
        margin-bottom: 0;
    }
}

.help--body h2 {
    margin-top: 0.4em;
    color: #6c2196;
    font-size: 32px;
    font-family: "Foundry Sterling Book";
    margin-bottom: 0.3em;
}
@media (max-width: 767px) {
    .help--body h2 {
        font-size: 20px;
    }
}
.help--body h3 {
    color: #606060;
    font-size: 22px;
    font-family: "Foundry Sterling Book";
    line-height: 1.2;
    margin-bottom: 0.8em;
}
@media (max-width: 767px) {
    .help--body h3 {
        font-size: 16px;
    }
}
.help--body p {
    color: #606060;
    font-size: 20px;
    line-height: 1.2;
}
.help--body p strong {
    font-family: "Foundry Sterling Book";
}
@media (max-width: 767px) {
    .help--body p {
        font-size: 14px;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.modal--wrap {
    position: fixed;
    z-index: 20;
    background: rgba(255, 255, 255, 0.8);
    top: 145px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: none;
}
.modal--wrap.is-active {
    display: block;
    animation: fadein 0.5s;
}
@media (max-width: 767px) {
    .modal--wrap {
        top: 0;
    }
}

.modal {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 20px;
    background: white;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    padding: 50px 30px 20px;
    height: 100%;
    position: relative;
}

.modal--inner {
    max-height: 100%;
    overflow: auto;
}

.modal--close {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 10;
    font-size: 18px;
    color: #6c2196;
    cursor: pointer;
}
@media (max-width: 767px) {
    .modal--close {
        font-size: 16px;
    }
}
.modal--close span:after {
    display: inline-block;
    content: "X";
    margin-left: 0.25em;
}

.highlight {
    padding: 10px;
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 1em;
}
.highlight span {
    margin-right: 5px;
}
.highlight span, .highlight em {
    display: inline-block;
    vertical-align: middle;
}
.highlight p:last-child {
    margin-bottom: 0;
}

.edited-content {
    /* These are technically the same, but use both */
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.edited-content ul, .edited-content ol {
    padding-left: 0.5em;
    margin-left: 0;
    margin-bottom: 1em;
}
.edited-content li {
    list-style: disc;
    list-style-position: outside;
    padding-left: 0;
    margin-left: 1em;
    margin-bottom: 0.5em;
}
.edited-content ol li {
    list-style-type: decimal;
}
.edited-content p {
    font-size: 1em;
    line-height: 1.375;
}
.edited-content p img, .edited-content li img {
    max-width: 100%;
}

.slab.breadcrumbs {
    font-size: 0;
    background: white;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .slab.breadcrumbs {
        display: none;
    }
}
.slab.breadcrumbs li {
    display: inline-block;
    font-size: 13px;
}
.slab.breadcrumbs li a {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}
.slab.breadcrumbs li a:hover {
    text-decoration: underline;
}
.slab.breadcrumbs li:first-child {
    color: #6c2196;
}
.slab.breadcrumbs li:after {
    content: ">";
    display: inline-block;
    padding: 0 5px;
}
.slab.breadcrumbs li:last-child:after {
    display: none;
}

.nav__profile .breadcrumb--new {
    float: left;
    font-size: 1em;
    line-height: 35px;
    padding-top: 3px;
    color: #646363;
}
.nav__profile .breadcrumb--new a {
    display: inline !important;
    padding: 0;
}
.nav__profile .breadcrumb--new a:hover {
    text-decoration: underline;
}

.legal li {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.3;
    list-style: disc;
    list-style-position: outside;
    padding-left: 0;
    margin-left: 2em;
}
@media (min-width: 992px) {
    .legal li {
        font-size: 1.125em;
    }
}
@media (min-width: 1200px) {
    .legal li {
        font-size: 1.25em;
    }
}
.legal ul {
    margin-bottom: 2em;
}
.legal p em {
    font-style: italic;
}
.legal p {
    font-size: 1em;
}
@media (min-width: 992px) {
    .legal p {
        font-size: 1.125em;
    }
}
@media (min-width: 1200px) {
    .legal p {
        font-size: 1.25em;
    }
}
.legal p strong {
    font-family: "Foundry Sterling Demi";
}

.training-nav {
    font-size: 0;
    height: 40px;
}
.training-nav li.is-plain {
    padding: 10px 15px 9px 15px;
    cursor: default;
}
.training-nav li.is-plain:hover {
    background: none;
    color: #666;
}
.training-nav li {
    line-height: 20px;
    color: #666;
    background: white;
    font-family: "Foundry Sterling Medium";
    position: relative;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}
.training-nav li:hover {
    background: #3b76c4 url(/images/main-menu-bg.png) repeat center center;
    color: white;
}
.training-nav li.is-active {
    background: #3857a7 url(/images/main-menu-bg.png) repeat center center;
    color: white;
}
.training-nav li ul {
    display: none;
}
.training-nav li:hover ul {
    display: block;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    height: auto;
    width: 225px;
    z-index: 10;
    border: 1px solid #e6e6e6;
    background: white;
    box-shadow: 5px 0 15px 0 rgba(0, 0, 0, 0.2);
    color: #005cab;
}
.training-nav li:hover ul li {
    display: block;
    font-family: "Foundry Sterling Book";
    margin: 0;
    list-style: none;
    font-size: 17px;
    text-align: left;
    color: #005cab;
}
.training-nav li:hover ul li:hover {
    background: none;
    text-decoration: underline;
}
.training-nav li:hover ul li a {
    color: #005cab;
    padding: 12px 15px 8px 15px;
    border-bottom: 1px #e6e6e6 solid;
    line-height: 20px;
}
.training-nav li:hover ul li a:hover {
    text-decoration: underline;
}
.training-nav li a {
    color: inherit;
    text-decoration: none;
    padding: 10px 15px 9px 15px;
    display: block;
}
@media (max-width: 999px) {
    .training-nav {
        display: none !important;
    }
}

.expander {
    background: rgba(248, 248, 248, 0.5);
    transition: background-color 0.3s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.95);
}
.expander:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.95);
}
.expander .expand-content {
    display: none;
    margin-bottom: 2em;
}
.expander .expand-trigger {
    font-weight: 600;
    text-decoration: none;
    display: block;
    line-height: 1.3;
    padding: 10px 0;
    width: 100%;
}
.expander .expand-trigger:before {
    content: "▶";
    margin-right: 5px;
    display: inline-block;
}
.expander:hover {
    background-color: rgba(248, 248, 248, 0.6);
}

.expanded {
    background-color: rgba(248, 248, 248, 0.6);
}
.expanded .expand-content {
    display: block;
}
.expanded .expand-trigger {
    margin-bottom: 1em;
}
.expanded .expand-trigger:before {
    content: "▼";
}

.panel .expander {
    margin-left: -13px;
    margin-right: -13px;
    padding-left: 13px;
    padding-right: 13px;
}
@media (max-width: 767px) {
    .panel .expander {
        margin-left: -33px;
        padding-left: 33px;
        margin-right: -33px;
        padding-right: 33px;
    }
}

.cols--wrap {
    overflow: hidden;
}

@media (min-width: 768px) {
    .cols--left {
        float: left;
        width: 48%;
        padding-right: 5%;
    }
}
@media (min-width: sm) {
    .cols--left {
        float: left;
        width: 48%;
        padding-right: 5%;
    }
}

@media (min-width: 768px) {
    .cols--right {
        border-left: 1px solid #dedede;
        float: left;
        width: 52%;
        padding-left: 2%;
        padding-right: 5%;
    }
}
@media (min-width: sm) {
    .cols--right {
        border-left: 1px solid #dedede;
        float: left;
        width: 52%;
        padding-left: 2%;
        padding-right: 5%;
    }
}

.details-block {
    padding: 1em 0;
}
.details-block p {
    font-size: 16px;
    font-weight: 400;
}
.details-block label {
    font-family: "Foundry Sterling Medium";
}

table {
    width: 100%;
    border-spacing: 0;
    margin-bottom: 2em;
}
table:last-child {
    margin-bottom: 0;
}

figure.table table {
    border: 0.1px solid #9FA3A3;
}
figure.table table tbody tr {
    background: transparent;
}
figure.table table tbody tr td {
    border: 0.1px solid #9FA3A3;
}

th {
    text-transform: uppercase;
    font-family: "Foundry Sterling Demi";
}

thead {
    border-bottom: 2px solid #b1b1b1;
}

td, th {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    border-bottom: 1px solid rgba(100, 99, 99, 0.1);
    padding: 20px 10px;
    text-align: left;
    box-sizing: border-box;
}
.plain-row td, .plain-row th {
    border-bottom-color: transparent;
}
td p, th p {
    margin-bottom: 0;
}
td a span, th a span {
    text-decoration: none;
    font-size: 1.3em;
}
td a, th a {
    text-decoration: none;
}
td .is-subtitle, th .is-subtitle {
    color: #9FA3A3;
}
td a.small-link, th a.small-link {
    margin-top: 0.3em;
    display: block;
    font-size: 0.8em;
}

td {
    font-family: "Foundry Sterling Book";
}
td p.is-light {
    font-family: "Foundry Sterling Light";
    font-size: 16px;
    margin-top: 0.5em;
}

th.action, td.action {
    max-width: 150px;
    text-align: center;
}
@media (min-width: 768px) {
    th.action, td.action {
        width: 150px;
    }
}
@media (min-width: sm) {
    th.action, td.action {
        width: 150px;
    }
}

th.price, td.price {
    width: 80px;
}
@media (min-width: 768px) {
    th.price, td.price {
        width: 80px;
    }
}
@media (min-width: sm) {
    th.price, td.price {
        width: 80px;
    }
}

th.book-now, td.book-now {
    width: 110px;
}
@media (min-width: 768px) {
    th.book-now, td.book-now {
        width: 110px;
    }
}
@media (min-width: sm) {
    th.book-now, td.book-now {
        width: 110px;
    }
}

th.narrow-action {
    max-width: 80px;
}
@media (min-width: 768px) {
    th.narrow-action {
        width: 80px;
    }
}
@media (min-width: sm) {
    th.narrow-action {
        width: 80px;
    }
}

.table--highlight {
    color: #ae0000;
}

tbody tr {
    background: #f4eef7;
}

tbody tr:nth-child(even) {
    background: #f7f4f9;
}

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }
    .pinned table th, .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0;
    }
    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }
    div.table-wrapper div.scrollable {
        margin-left: 35%;
    }
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }
}
@media (min-width: 768px) {
    .grid--two-thirds, .promo-feature, .support .support-col-wide {
        width: 66.4122137405%;
        float: left;
        margin-right: 0.7633587786%;
        float: right;
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .grid--two-thirds, .promo-feature, .support .support-col-wide {
        width: 66.4122137405%;
        float: left;
        margin-right: 0.7633587786%;
        float: right;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .grid--half {
        width: 49.6183206107%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .grid--half:nth-child(2n) {
        float: right;
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .grid--half {
        width: 49.6183206107%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .grid--half:nth-child(2n) {
        float: right;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .grid--third, .support .support-col {
        width: 32.8244274809%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .grid--third:nth-child(3n), .support .support-col:nth-child(3n) {
        float: right;
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .grid--third, .support .support-col {
        width: 32.8244274809%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .grid--third:nth-child(3n), .support .support-col:nth-child(3n) {
        float: right;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .grid--two-thirds, .promo-feature, .support .support-col-wide {
        width: 66.4122137405%;
        float: left;
        margin-right: 0.7633587786%;
    }
}
@media (min-width: sm) {
    .grid--two-thirds, .promo-feature, .support .support-col-wide {
        width: 66.4122137405%;
        float: left;
        margin-right: 0.7633587786%;
    }
}

@media (min-width: 768px) {
    .grid--three-quarters, .whyjoin .whyjoin-wide {
        width: 74.8091603053%;
        float: left;
        margin-right: 0.7633587786%;
    }
}
@media (min-width: sm) {
    .grid--three-quarters, .whyjoin .whyjoin-wide {
        width: 74.8091603053%;
        float: left;
        margin-right: 0.7633587786%;
    }
}

@media (min-width: 768px) {
    .grid--pad-right {
        padding-right: 10%;
    }
}
@media (min-width: sm) {
    .grid--pad-right {
        padding-right: 10%;
    }
}

@media (min-width: 768px) {
    .grid--quarter, .panel-blog, .promo, .cet-module, .whyjoin .whyjoin-narrow {
        width: 24.427480916%;
        float: left;
        margin-right: 0.7633587786%;
    }
}
@media (min-width: sm) {
    .grid--quarter, .panel-blog, .promo, .cet-module, .whyjoin .whyjoin-narrow {
        width: 24.427480916%;
        float: left;
        margin-right: 0.7633587786%;
    }
}

@media (min-width: 768px) {
    .grid--1-6 {
        width: 15.3846153846%;
        float: left;
        margin-right: 1.5384615385%;
    }
}
@media (min-width: sm) {
    .grid--1-6 {
        width: 15.3846153846%;
        float: left;
        margin-right: 1.5384615385%;
    }
}

@media (min-width: 768px) {
    .grid--5-6 {
        width: 83.0769230769%;
        float: left;
        margin-right: 1.5384615385%;
    }
}
@media (min-width: sm) {
    .grid--5-6 {
        width: 83.0769230769%;
        float: left;
        margin-right: 1.5384615385%;
    }
}

.grid--1-6-all {
    width: 15.3846153846%;
    float: left;
    margin-right: 1.5384615385%;
}

.grid--5-6-all {
    width: 83.0769230769%;
    float: left;
    margin-right: 1.5384615385%;
}

@media (min-width: 768px) {
    .grid--narrow-row {
        width: 80%;
        margin-left: 10%;
    }
    .grid--narrow-row:after {
        content: "";
        display: table;
        clear: both;
    }
}
@media (min-width: sm) {
    .grid--narrow-row {
        width: 80%;
        margin-left: 10%;
    }
    .grid--narrow-row:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (min-width: 768px) {
    .grid--last {
        float: right;
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .grid--last {
        float: right;
        margin-right: 0;
    }
}

.grid--last-all {
    float: right;
    margin-right: 0;
}

.slab {
    padding-top: 25px;
    padding-bottom: 40px;
    position: relative;
}
@media (min-width: 768px) {
    .slab {
        padding-top: 40px;
    }
}
@media (min-width: sm) {
    .slab {
        padding-top: 40px;
    }
}

.slab__triangle:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: solid 20px #e15915;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
    z-index: 6;
}

.slab__register-header--outer {
    background: #00B9D2;
    background-image: url("data:image/svg+xml,%3Csvg width='414' height='258' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M33.77 179.265h186.746V63.247H33.77v116.018zM31.507 58.72a2.262 2.262 0 0 0-2.272 2.263v120.546a2.27 2.27 0 0 0 2.272 2.273h191.282a2.27 2.27 0 0 0 2.263-2.273V60.983a2.261 2.261 0 0 0-2.263-2.263H31.507zm57.467 143.695a2.266 2.266 0 0 1 0-4.533h74.814a2.266 2.266 0 1 1 0 4.533H88.974zM228.579 52.348H25.708c-.937 0-1.783.384-2.399 1h-.01a3.397 3.397 0 0 0-.987 2.405v134.411h209.672V55.753a3.43 3.43 0 0 0-1-2.405 3.407 3.407 0 0 0-2.405-1zM25.708 47.812h202.871c2.185 0 4.172.893 5.605 2.326a7.94 7.94 0 0 1 2.326 5.615v134.411h9.846a7.95 7.95 0 0 1 5.463 2.191l.142.142a7.906 7.906 0 0 1 2.326 5.598v4.873a7.901 7.901 0 0 1-2.326 5.605 7.905 7.905 0 0 1-5.605 2.326H7.937a7.907 7.907 0 0 1-5.611-2.326l.006-.01h-.006A7.893 7.893 0 0 1 0 202.968v-4.873c0-2.175.889-4.162 2.326-5.598h.006a7.904 7.904 0 0 1 5.605-2.333h9.839V55.753c0-2.185.89-4.172 2.327-5.596l.009-.009-.009-.01a7.916 7.916 0 0 1 5.605-2.326zM7.937 206.372h238.419c.937 0 1.782-.393 2.408-1.006a3.427 3.427 0 0 0 .996-2.398v-4.873c0-.937-.392-1.782-.996-2.398l-.091-.088a3.413 3.413 0 0 0-2.317-.909H7.937a3.42 3.42 0 0 0-2.414.997 3.407 3.407 0 0 0-.987 2.398v4.873c0 .937.38 1.782.987 2.408l.01-.01a3.4 3.4 0 0 0 2.404 1.006z' fill='%23FFF'/%3E%3Cpath d='M191.758 153.683v14.358c0 .499.203.954.528 1.282l.005-.002c.325.327.78.532 1.279.532h2.72c.5 0 .952-.205 1.28-.532.328-.328.533-.783.533-1.28v-14.358c0-.88-.355-1.673-.927-2.247l-.002.002a3.171 3.171 0 0 0-2.244-.927c-.878 0-1.671.353-2.247.925a3.18 3.18 0 0 0-.925 2.247zm5.416-14.511a3.166 3.166 0 0 0-4.487 0 3.158 3.158 0 0 0-.93 2.242c0 .877.356 1.67.93 2.243a3.166 3.166 0 0 0 4.487 0 3.167 3.167 0 0 0 0-4.485zm-112.44-4.12h82.575V97.846H84.735v37.206zm84.99-37.206v38.416c0 .666-.54 1.206-1.21 1.206H83.527c-.666 0-1.21-.54-1.21-1.206V97.846H55.8c-.668 0-1.21-.54-1.21-1.208V87.65c0-.668.542-1.21 1.21-1.21h140.445c.667 0 1.21.542 1.21 1.21v8.987a1.21 1.21 0 0 1-1.21 1.208h-.106v38.11a5.567 5.567 0 0 1 2.744 1.506 5.575 5.575 0 0 1 1.637 3.952 5.575 5.575 0 0 1-1.637 3.953 5.57 5.57 0 0 1-2.744 1.507v1.349a5.586 5.586 0 0 1 2.744 1.507l-.002.003.002.002a5.572 5.572 0 0 1 1.637 3.948v14.358a4.227 4.227 0 0 1-4.228 4.228h-2.721a4.222 4.222 0 0 1-2.99-1.238l.003-.004-.003-.002a4.227 4.227 0 0 1-1.24-2.984v-14.358c0-1.54.627-2.936 1.637-3.948l.006-.005a5.604 5.604 0 0 1 2.737-1.505v-1.351a5.589 5.589 0 0 1-2.743-1.507 5.58 5.58 0 0 1-1.637-3.953 5.585 5.585 0 0 1 4.38-5.457V97.846h-23.995zM57.009 95.43h138.028v-6.573H57.008v6.573z' fill='%23FFF'/%3E%3Cpath fill='%23FFF' d='M155.574 141.037l-29.837-24.127 5.644 37.954 10.658-6.091 5.33 9.327 3.73-2.132-5.33-9.327z'/%3E%3Cpath stroke='%23FFF' stroke-width='.5' d='M155.574 141.037l-29.837-24.127 5.644 37.954 10.658-6.091 5.33 9.327 3.73-2.132-5.33-9.327z'/%3E%3Cpath stroke='%23FFF' d='M400.36 13.127h12.626V.501H400.36z'/%3E%3Cpath fill='%23FFF' d='M349.428 16.155h9.342V6.813h-9.342zM395.882 202.643h17.104v-17.104h-17.104z'/%3E%3Cpath stroke='%23FFF' d='M325.071 116.072h12.78v-12.78h-12.78z'/%3E%3Cpath fill='%23FFF' d='M348.075 235.442h6.024v-6.025h-6.024zM373.27 153.99h8.574v-8.574h-8.574z'/%3E%3Cpath stroke='%23FFF' d='M251.912 8.126h6.024V2.101h-6.024z'/%3E%3Cpath fill='%23FFF' d='M352.999 62.169h15.283V46.886h-15.283z'/%3E%3Cpath stroke='%23FFF' d='M341.553 180.655h13.042v-13.042h-13.042z'/%3E%3Cpath fill='%23FFF' d='M292.251 20.045h6.025V14.02h-6.025z'/%3E%3Cpath stroke='%23FFF' d='M325.303 212.864h6.158v-6.158h-6.158zM309.382 44.07h8.76v-8.76h-8.76zM393.734 67.959h13.252V54.707h-13.252z'/%3E%3Cpath fill='%23FFF' d='M379.927 116.639h13.912v-13.913h-13.912z'/%3E%3Cpath stroke='%23FFF' d='M187.852 16.203h4.365v-4.365h-4.365z'/%3E%3Cpath fill='%23FFF' d='M282.672 217.501h6.025v-6.024h-6.025z'/%3E%3Cpath stroke='%23FFF' d='M302.132 249.36h8.76v-8.76h-8.76zM263.287 231.599h4.365v-4.365h-4.365zM386.883 245.575h13.042v-13.042h-13.042zM267.597 131.104h12.78v-12.78h-12.78z'/%3E%3Cpath fill='%23FFF' d='M315.797 169.022h8.574v-8.574h-8.574zM295.526 77.201h15.283V61.918h-15.283z'/%3E%3Cpath stroke='%23FFF' d='M251.908 59.102h8.76v-8.76h-8.76z'/%3E%3Cpath fill='%23FFF' d='M283.251 196.919h17.104v-17.104h-17.104zM287.515 101.856h8.575v-8.575h-8.575z'/%3E%3Cpath stroke='%23FFF' d='M189.5 243.636h8.76v-8.76h-8.76zM231.478 256.661h13.042v-13.042h-13.042z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .slab__register-header--outer {
        background-image: url("data:image/svg+xml,%3Csvg width='122' height='134' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M.477 15.529h4.575v-4.576H.477zM12.995 64.227h4.575v-4.575h-4.575z'/%3E%3Cpath stroke='%23FFF' d='M37.535 94.985h4.677v-4.677h-4.677zM39.874 8.179h6.653V1.526h-6.653zM22.484 34.592h3.315v-3.315h-3.315zM86.145 95.973h6.653V89.32h-6.653zM24.141 130.692h3.315v-3.315h-3.315z'/%3E%3Cpath fill='%23FFF' d='M107.293 51.744h9.706v-9.706h-9.706z'/%3E%3Cpath stroke='%23FFF' d='M109.599 82.244h11.606V70.638h-11.606zM51.014 61.939h6.653v-6.653h-6.653zM63.628 133.501h5.522v-5.522h-5.522zM102.618 14.072h12.545V1.527h-12.545zM79.666 39.385h9.706v-9.706h-9.706z'/%3E%3Cpath fill='%23FFF' d='M54.354 32.935h6.512v-6.512h-6.512zM59.876 105.663h6.512v-6.512h-6.512zM74.814 9.706h9.706V0h-9.706zM79.449 61.882h6.539v-6.539h-6.539zM102.44 117.883h9.706v-9.706h-9.706z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: auto 90%;
    }
}

.slab__register-header {
    height: 240px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    color: white;
}
@media (min-width: 768px) {
    .slab__register-header .inner-content {
        position: relative;
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@media (min-width: sm) {
    .slab__register-header .inner-content {
        position: relative;
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@media (max-width: 767px) {
    .slab__register-header .inner-content {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .slab__register-header {
        height: auto;
    }
}
.slab__register-header h1 {
    line-height: 1.3;
    font-size: 42px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: white;
}
@media (max-width: 767px) {
    .slab__register-header h1 {
        font-size: 21px;
    }
}
.slab__register-header p {
    font-size: 24px;
    font-family: "Foundry Sterling Light";
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .slab__register-header p {
        font-size: 14px;
    }
}

.slab__extra-pad {
    padding-top: 40px;
}
@media (min-width: 768px) {
    .slab__extra-pad {
        padding-top: 56px;
    }
}
@media (min-width: sm) {
    .slab__extra-pad {
        padding-top: 56px;
    }
}

.slab--semi-tight {
    padding-top: 40px;
    padding-bottom: 40px;
}

.slab--semi-tight-desktop {
    padding-top: 0;
    padding-bottom: 0;
}
@media (min-width: 1000px) {
    .slab--semi-tight-desktop {
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

.slab--tight {
    padding-top: 0;
    padding-bottom: 0;
}

.slab__light-blue {
    background: #749aaf;
    color: #6c2196;
}
.slab__light-blue:after {
    border-top-color: #749aaf;
}
.slab__light-blue.rich-slab p, .slab__light-blue.rich-slab li {
    color: white;
}
.slab__light-blue.rich-slab h3 {
    color: white;
}

.rich-slab ul, .rich-slab ol {
    padding-left: 0.5em;
    margin-left: 0;
    margin-bottom: 1em;
}
.rich-slab li {
    list-style: disc;
    margin-bottom: 0.5em;
}
.rich-slab ol li {
    list-style-type: decimal;
}

.slab__triangle-then-lightest-blue:before, .slab__triangle-then-lightest-blue:after, .slab__triangle-then-light-blue:before, .slab__triangle-then-light-blue:after, .slab__triangle-then-white:before, .slab__triangle-then-white:after, .slab__triangle-then-dark-blue:before, .slab__triangle-then-dark-blue:after, .slab__triangle-then-lightest-grey:before, .slab__triangle-then-lightest-grey:after {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    bottom: 0;
    display: block;
    width: 50%;
    height: 0;
    border: 20px solid transparent;
    margin: auto;
    z-index: 1;
    border-bottom-color: #e5eaef;
}
.slab__triangle-then-lightest-blue:before, .slab__triangle-then-light-blue:before, .slab__triangle-then-white:before, .slab__triangle-then-dark-blue:before, .slab__triangle-then-lightest-grey:before {
    left: 0;
    border-right: 20px solid transparent;
    border-left: 0;
}
.slab__triangle-then-lightest-blue:after, .slab__triangle-then-light-blue:after, .slab__triangle-then-white:after, .slab__triangle-then-dark-blue:after, .slab__triangle-then-lightest-grey:after {
    right: 0;
    border-left: 20px solid transparent;
    border-right: 0;
}

.slab__triangle-then-white:before, .slab__triangle-then-white:after {
    border-bottom-color: white;
}

.slab__triangle-then-lightest-grey:before, .slab__triangle-then-lightest-grey:after {
    border-bottom-color: #f6f6f6;
}

.slab__triangle-then-dark-blue:before, .slab__triangle-then-dark-blue:after {
    border-bottom-color: #6c2196;
}

.slab__triangle-then-light-blue:before, .slab__triangle-then-light-blue:after {
    border-bottom-color: #749aaf;
}

.slab__lightest-blue {
    background: #e5eaef;
    color: #6c2196;
}
.slab__lightest-blue:after {
    border-top-color: #e5eaef;
}

.slab__login {
    color: #6c2196;
}
.slab__login:after {
    border-top-color: white;
}

.slab__lightest-grey {
    background: white;
    color: #646363;
}
.slab__lightest-grey:after {
    border-top-color: #f6f6f6;
}

.slab__new-grey {
    background: #F2F4F9;
    color: #646363;
}

.slab__light-purple {
    background: #f4eef7;
    color: #646363;
}

.slab__lightest-grey-to-white {
    background: white;
    background: linear-gradient(to bottom, #f6f6f6 0%, white 300px);
    color: #646363;
}

.slab__white {
    background: white;
}
.slab__white:after {
    border-top-color: white;
}

.slab__dark-blue {
    background: #6c2196;
    color: white;
}
.slab__dark-blue h1 {
    color: white;
}
.slab__dark-blue h1:after {
    display: none;
}

.slab__pale {
    background: rgba(108, 33, 150, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
    .slab__pale {
        height: 240px;
    }
    .slab__pale h1 {
        padding-top: 65px;
    }
}
@media (min-width: sm) {
    .slab__pale {
        height: 240px;
    }
    .slab__pale h1 {
        padding-top: 65px;
    }
}
@media (max-width: 767px) {
    .slab__pale {
        padding-bottom: 25px;
    }
}

.slab__dark-blue--radial {
    background-image: radial-gradient(circle, #749aaf, #202e58);
}

@media (min-width: 768px) {
    .slab__white-desktop {
        background: white;
    }
}
@media (min-width: sm) {
    .slab__white-desktop {
        background: white;
    }
}

@media (min-width: 1000px) {
    .slab__header {
        height: 100px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.slab__training-nav {
    min-height: 41px;
    height: auto;
    border-top: 1px solid rgba(206, 206, 206, 0.5);
    border-bottom: 1px solid rgba(206, 206, 206, 0.5);
}

.slab__header-image {
    height: 250px;
}
@media (max-width: 399px) {
    .slab__header-image {
        height: 150px;
    }
}
.slab__header-image h1 {
    color: white;
    margin-top: 100px;
}
@media (max-width: 399px) {
    .slab__header-image h1 {
        margin-top: 0;
    }
}
.slab__header-image h1:after {
    display: none;
}

.slab__header-image--wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slab__header-image--wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-image: radial-gradient(circle, #749aaf, #6c2196);
}
.slab__header-image--wrap.is-plain:after {
    display: none !important;
}
.slab__header-image--wrap img {
    position: absolute;
    width: 135%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 399px) {
    .slab__header-image--wrap img {
        width: 175%;
    }
}
@media (min-width: 768px) {
    .slab__header-image--wrap img {
        width: 100%;
    }
}
@media (min-width: sm) {
    .slab__header-image--wrap img {
        width: 100%;
    }
}

.territory-uk .slab__register-header--outer {
    background-color: #239638;
    background-image: none;
}

.slab__purple_gradient {
    background: rgb(0, 161, 212);
    background: linear-gradient(90deg, rgb(0, 161, 212) 0%, rgb(108, 33, 150) 100%);
}

.slab__purple_gradient h1 {
    color: white;
    text-transform: uppercase;
    font-family: "Foundry Sterling Demi";
}

.slab__footer, .slab__border {
    padding-top: 3px;
    padding-bottom: 3px;
}

.about--numbers p {
    margin-bottom: 2.5em;
}
.about--numbers .is-big-number {
    width: 0.5em;
    font-size: 3em;
    margin-right: 0.5em;
    color: #6c2196;
    vertical-align: middle;
}
.about--numbers span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 4em);
}

.support {
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 10em;
}
@media (max-width: 767px) {
    .support {
        padding-bottom: 2em;
    }
}
.support:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    border-top: 1px solid rgba(206, 206, 206, 0.5);
}
.support .support-col-wide {
    float: right;
    margin-right: 0;
}
.support h4 {
    font-size: 21px;
    font-family: "Foundry Sterling Medium";
}
@media (max-width: 767px) {
    .support h4 {
        font-size: 20px;
    }
}
.support p {
    font-size: 14px;
}
@media (max-width: 767px) {
    .support p {
        font-size: 14px;
    }
}
.support p em {
    color: #6c2196;
}

.whyjoin .whyjoin-inner {
    margin-top: 0.9em;
    position: relative;
    padding-top: 2.2em;
    margin-bottom: 2.2em;
    overflow: hidden;
}
.whyjoin .whyjoin-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    border-top: 1px solid rgba(206, 206, 206, 0.5);
}
.whyjoin .whyjoin-narrow {
    text-align: center;
}
.whyjoin .whyjoin-narrow img {
    max-width: 50%;
    margin-right: 5%;
}
@media (min-width: 768px) {
    .whyjoin .whyjoin-narrow {
        text-align: center;
    }
    .whyjoin .whyjoin-narrow img {
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .whyjoin .whyjoin-narrow {
        text-align: center;
    }
    .whyjoin .whyjoin-narrow img {
        margin-right: 0;
    }
}
.whyjoin .whyjoin-wide {
    float: right;
    margin-right: 0;
}
.whyjoin h3 {
    color: #6c2196;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.site-search {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
    display: none;
}
.is-home .site-search {
    display: block;
}
@media (min-width: 768px) {
    .site-search {
        display: inline-block !important;
        vertical-align: middle;
        width: 21%;
        height: 40px;
        margin-left: 0;
        margin-right: -20px;
        padding-left: 0;
        padding-right: 0;
    }
    .is-home .site-search {
        display: inline-block;
    }
}
@media (min-width: sm) {
    .site-search {
        display: inline-block !important;
        vertical-align: middle;
        width: 21%;
        height: 40px;
        margin-left: 0;
        margin-right: -20px;
        padding-left: 0;
        padding-right: 0;
    }
    .is-home .site-search {
        display: inline-block;
    }
}
.site-search input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    font-weight: 300;
    -webkit-appearance: none;
    font-size: 23px;
    padding: 10px 66px 10px 30px;
    color: #6c2196;
    line-height: 44px;
    transition: background 0.3s;
}
.site-search input:focus {
    outline: none;
    background: #f0f0f0;
}
@media (min-width: 768px) {
    .site-search input {
        padding: 9px 35px 11px 14px;
        font-size: 14px;
        height: 40px;
        line-height: 20px;
    }
}
@media (min-width: sm) {
    .site-search input {
        padding: 9px 35px 11px 14px;
        font-size: 14px;
        height: 40px;
        line-height: 20px;
    }
}
.site-search button {
    -webkit-appearance: none;
    padding: 0;
    border: none;
    color: #6c2196;
    position: absolute;
    background: none;
    font-size: 30px;
    right: 30px;
    top: 14px;
}
@media (min-width: 768px) {
    .site-search button {
        font-size: 20px;
        top: 9px;
        right: 9px;
    }
}
@media (min-width: sm) {
    .site-search button {
        font-size: 20px;
        top: 9px;
        right: 9px;
    }
}

.site-search--inner {
    display: none;
    background: #e3e3e3;
}
@media (min-width: 768px) {
    .site-search--inner {
        display: block;
    }
}
@media (min-width: sm) {
    .site-search--inner {
        display: block;
    }
}

.site-search--hide {
    display: none;
}
.site-search--hide.is-visible {
    display: block;
}

.site-search--slab .home-blog--row, .site-search--slab .promo--row {
    border-bottom: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.sponsor-block {
    text-align: center;
    padding: 0 10% 2%;
    font-size: 0;
}
.sponsor-block img {
    width: 100%;
    display: block;
    max-width: 100%;
}

.sponsor-block--image {
    display: block;
    margin-bottom: 1em;
}
@media (min-width: 768px) {
    .sponsor-block--image {
        display: inline-block;
        width: 20%;
        padding: 2%;
    }
}
@media (min-width: sm) {
    .sponsor-block--image {
        display: inline-block;
        width: 20%;
        padding: 2%;
    }
}

.btn {
    cursor: pointer;
    background: transparent;
    color: #6c2196;
    font-size: 1em;
    font-family: "Foundry Sterling Demi";
    padding: 0px 23px 0px;
    line-height: 39px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    transition: background 0.1s, color 0.1s;
    position: relative;
    overflow: hidden;
    border: 2px solid #6c2196;
    box-sizing: border-box;
}
.btn:hover, .btn.is-active {
    background: #6c2196;
    color: white;
}
.btn span, .btn em {
    display: inline-block;
    vertical-align: middle;
}
.btn span {
    margin-right: 5px;
}
.btn span.icon-certificate {
    font-size: 17px;
}
.btn.btn--red {
    background: #ae0000;
    border-color: #ae0000;
}
.btn.btn--red:hover {
    background: white;
    color: #ae0000;
}

.btn--slim {
    padding: 0px 10px;
    font-size: 0.8em;
}

.btn--group .btn {
    margin-right: 0.5em;
}

.btn-wide {
    padding-left: 50px;
    padding-right: 50px;
}

.btn--underline {
    font-family: "Foundry Sterling Demi";
    color: #6c2196;
    text-decoration: underline;
}

.filter-button {
    width: 100%;
    color: #05a0d4;
    border: 2px solid #05a0d4;
    margin: 5px auto;
    line-height: 30px;
}
.filter-button:hover, .filter-button.is-active {
    background: transparent;
    color: #05a0d4;
    cursor: pointer;
}

.reset-button {
    border: none;
    color: #646363;
}

.alert {
    padding: 20px 20px;
    margin-bottom: 2em;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 5px solid #00B9D2;
    background: #f6f6f6;
    line-height: 1.3;
}
.slab__lightest-grey .alert, .slab__lightest-grey-to-white .alert {
    background: white;
}
.alert.alert--error {
    border-left-color: #ae0000;
}
.alert p:last-child {
    margin-bottom: 0;
}
.alert span {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    clear: both;
}
.alert em {
    overflow: auto;
    margin-left: 0;
    display: block;
    padding-bottom: 2px;
}

.pdf {
    font-family: FreeSans !important;
    height: 100%;
}
.pdf strong {
    font-family: FreeSansBold !important;
    font-weight: 700 !important;
    font-weight: bold !important;
}
.pdf h1 {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-bottom: 0;
    font-weight: bold;
}
.pdf h2 {
    font-family: FreeSansBold !important;
    font-weight: bold !important;
    color: #646363;
    font-size: 25px;
    margin-bottom: 50px;
}
.pdf h3 {
    font-size: 18px;
    color: #646363;
    font-family: FreeSansBold !important;
    font-weight: bold !important;
    margin-top: 35px;
    margin-bottom: 35px;
}
.pdf h3.is-last {
    margin-bottom: 0;
}
.pdf small {
    font-weight: normal;
    font-size: 0.85em;
}

.pdf--legal {
    padding-top: 2em;
    margin-top: 9em;
    opacity: 0.8;
}
.pdf--legal p {
    font-size: 12px;
}

.pdf--logos {
    margin-top: 2em;
}

.pdf--colour {
    background: #e9f0f7;
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdf--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #646363;
}

.pdf--certificate {
    padding-top: 50px;
}
.pdf--certificate p {
    font-size: 18px;
    color: #646363;
    line-height: 30px;
    margin-bottom: 0;
}
.pdf--certificate h1.dotted {
    font-size: 1.7em;
    border-bottom: dotted 1px #333;
    font-weight: normal !important;
}
.pdf--certificate .cet-overview--logos img {
    width: 20px !important;
    display: inline-block;
}

.pdf--certificate-tight {
    padding-top: 0em;
}

.pdf--certificate-block {
    text-align: left;
    width: 250px;
    margin: 0 auto 2em;
    font-size: 0.8em;
}

.pdf--receipt-block {
    width: 500px;
    text-align: left;
    margin: 2em auto 2em;
}
.pdf--receipt-block strong {
    margin-left: 50px;
    display: block;
    width: 150px;
}
.pdf--receipt-block p {
    margin-bottom: 0;
}

.pdf--receipt-block-first {
    margin-top: 4em;
}

.mcq {
    position: relative;
    max-height: 700px;
    padding-left: 10%;
    padding-right: 10%;
    background: #00B9D2;
    color: white;
    text-align: center;
}
@media (min-width: 768px) {
    .mcq {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        height: 700px;
    }
}
@media (min-width: sm) {
    .mcq {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        height: 700px;
    }
}
.mcq h1, .mcq h2, .mcq h3, .mcq h4, .mcq h5 {
    color: white;
}
.mcq p {
    font-size: 16px;
}
@media (max-width: 767px) {
    .mcq {
        margin-left: -30px;
        margin-right: -30px;
        padding-top: 80px;
        padding-bottom: 80px;
        max-height: none;
    }
}

.video {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    max-width: 80%;
    display: block;
}
@media (max-width: 767px) {
    .video {
        width: 100%;
    }
}

.mcq--question h3 {
    margin: 0em 0 2em;
}
.mcq--question p {
    margin-bottom: 2em;
}
.mcq--question .btn {
    margin-top: 3em;
}
@media (min-width: 768px) {
    .mcq--question {
        padding-top: 5%;
    }
    .mcq--question h3 {
        margin: 2em 0 2em;
    }
}
@media (min-width: sm) {
    .mcq--question {
        padding-top: 5%;
    }
    .mcq--question h3 {
        margin: 2em 0 2em;
    }
}

.mcq--question-buttons {
    position: absolute;
    bottom: 40px;
    left: 10%;
    right: 10%;
}
.mcq--question-buttons .btn {
    float: left;
}
.mcq--question-buttons .js-is-next {
    float: right;
    display: none;
}
.is-answered .mcq--question-buttons .js-is-next {
    display: block;
}
.mcq--question-buttons .js-try-again {
    float: right;
}
.mcq--question-buttons .js-review {
    float: right;
}
.mcq--question-buttons .js-submit {
    float: right;
}

.mcq--questions a {
    display: block;
    border-radius: 10px;
    margin-bottom: 1em;
    padding: 1em;
    border: 2px solid white;
    text-decoration: none;
    text-align: left;
    transition: transform 0.2s, opacity 0.2s;
}
.mcq--questions a:last-child {
    margin-bottom: 2em;
}
.mcq--questions a.is-active {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.is-answered .mcq--questions a {
    opacity: 0.6;
}
.is-answered .mcq--questions a.is-active {
    opacity: 1;
}
.is-review .mcq--questions a {
    pointer-events: none;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #ae0000;
}
.is-review .mcq--questions a.is-correct {
    border-color: #00B9D2;
}

.mcq--intro h2 {
    margin: 0em 0 1em;
}
.mcq--intro p {
    margin-bottom: 2em;
}
.mcq--intro .btn {
    margin-top: 3em;
}
@media (min-width: 768px) {
    .mcq--intro {
        padding-top: 5%;
    }
    .mcq--intro h2 {
        margin: 2em 0 1em;
    }
}
@media (min-width: sm) {
    .mcq--intro {
        padding-top: 5%;
    }
    .mcq--intro h2 {
        margin: 2em 0 1em;
    }
}

.territory-uk .mcq {
    background: #239638;
}
.territory-uk .is-review .mcq--questions a.is-correct {
    border-color: #239638;
}

.home-intro {
    text-align: center !important;
}

.home-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 30px;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .home-columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.home-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .home-column {
        width: 100%;
        padding: 0px 30px 30px 30px;
    }
}

.info-image, .flex-title {
    display: -ms-flexbox;
    display: flex;
}

.info-image {
    -ms-flex-pack: center;
    justify-content: center;
}

.infographics {
    width: 40%;
    margin: 20px auto;
}

.flex-title {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px;
    height: 40px;
}

.flex-title h4 {
    text-align: center;
    text-transform: uppercase;
    font-family: "Foundry Sterling Demi";
    padding: 0 15px;
    margin: 0;
}

.home-btn {
    border: 2px solid white;
    color: white;
}
.home-btn:hover, .home-btn.is-active {
    background: transparent;
    color: white;
}

@media (max-width: 767px) {
    .mobile-home-btn {
        padding: 0px 13px 0px;
        line-height: 25px;
    }
}

.home-btn-group {
    padding-top: 40px;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .home-btn-group {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px) {
    .home-btn-group {
        padding-top: 30px;
    }
}
@media (min-width: sm) {
    .home-btn-group {
        padding-top: 30px;
    }
}

.home-emphasis {
    font-size: 1.58em;
}

.border_gradient {
    background: rgb(0, 161, 212);
    background: linear-gradient(90deg, rgb(0, 161, 212) 0%, rgb(108, 33, 150) 100%);
}

.flex-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

.intro-left-column, .intro-right-column {
    display: -ms-flexbox;
    display: flex;
    padding: 25px 25px 0 25px;
}

.home-carousel {
    height: 140px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 767px) {
    .home-carousel {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 768px) {
    .home-carousel {
        height: 300px;
    }
}
@media (min-width: sm) {
    .home-carousel {
        height: 300px;
    }
}
@media (min-width: 1120px) {
    .home-carousel {
        height: 500px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media (min-width: 1919px) {
    .home-carousel {
        height: 600px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.home-carousel .container {
    z-index: 5;
    position: relative;
}
.home-carousel h1 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.43em;
    max-width: 270px;
    line-height: 1;
    padding-bottom: 0;
    margin-bottom: 25px;
    color: #646363;
}
.home-carousel h1:after {
    display: none;
}
@media (max-width: 767px) {
    .home-carousel h1 {
        font-size: 0.9em;
        margin-bottom: 10px;
    }
}
@media (min-width: 768px) {
    .home-carousel h1 {
        font-size: 1.8em;
        max-width: 600px;
    }
}
@media (min-width: sm) {
    .home-carousel h1 {
        font-size: 1.8em;
        max-width: 600px;
    }
}
@media (min-width: 1120px) {
    .home-carousel h1 {
        font-size: 3.5em;
    }
}
.home-carousel h2 {
    text-transform: uppercase;
    color: #646363;
}
@media (max-width: 767px) {
    .home-carousel h2 {
        font-size: 0.7em;
        font-weight: 500;
        font-family: "Foundry Sterling Demi";
    }
}
@media (min-width: 768px) {
    .home-carousel h2 {
        font-size: 1.4em;
        max-width: 600px;
    }
}
@media (min-width: sm) {
    .home-carousel h2 {
        font-size: 1.4em;
        max-width: 600px;
    }
}
@media (min-width: 1120px) {
    .home-carousel h2 {
        font-size: 2em;
    }
}

.rich-slab.home-carousel h1 {
    max-width: 70%;
}

.home-slab--info {
    max-width: 800px;
    margin: 0 auto 30px;
}

.home-slab .btn {
    padding: 14px 24px 13px;
}

.home-event--wrap {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px) {
    .home-event--wrap {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: sm) {
    .home-event--wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.home-event {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .home-event {
        margin-bottom: 40px;
        width: 85%;
        min-width: 720px;
    }
}
@media (min-width: sm) {
    .home-event {
        margin-bottom: 40px;
        width: 85%;
        min-width: 720px;
    }
}
.home-event a {
    text-decoration: none;
}

.home-event--date {
    width: 79px;
    height: 79px;
    float: left;
    background: #749aaf;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 10px;
    margin-right: 5px;
}
@media (min-width: 768px) {
    .home-event--date {
        margin-right: 13px;
    }
}
@media (min-width: sm) {
    .home-event--date {
        margin-right: 13px;
    }
}
.home-event--date em {
    font-size: 42px;
    font-weight: 700;
    display: block;
}

.home-event--info {
    overflow: hidden;
    border: 1px solid white;
    height: 79px;
    padding: 7px 7px;
    position: relative;
}
.home-event--info h2 {
    height: 45px;
    line-height: 1;
    margin-bottom: -2px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .home-event--info {
        padding: 14px 20px;
        padding-right: 140px;
    }
    .home-event--info h2, .home-event--info p {
        float: left;
        vertical-align: middle;
    }
    .home-event--info h2 em, .home-event--info p em {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
    }
    .home-event--info h2 {
        width: 45%;
        height: 48px;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .home-event--info h2 {
        line-height: 48px;
    }
}
@media (min-width: 768px) and (min-width: sm) {
    .home-event--info h2 {
        line-height: 48px;
    }
}
@media (min-width: sm) {
    .home-event--info {
        padding: 14px 20px;
        padding-right: 140px;
    }
    .home-event--info h2, .home-event--info p {
        float: left;
        vertical-align: middle;
    }
    .home-event--info h2 em, .home-event--info p em {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
    }
    .home-event--info h2 {
        width: 45%;
        height: 48px;
    }
}
@media (min-width: sm) and (min-width: 768px) {
    .home-event--info h2 {
        line-height: 48px;
    }
}
@media (min-width: sm) and (min-width: sm) {
    .home-event--info h2 {
        line-height: 48px;
    }
}
.home-event--info p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.home-event--info p.home-event--city {
    display: none;
}
@media (min-width: 768px) {
    .home-event--info p {
        text-overflow: clip;
        white-space: normal;
        width: 32%;
        padding-left: 2%;
        padding-right: 2%;
        height: 46px;
        border-left: 1px solid white;
        margin-left: 2%;
        line-height: 46px;
    }
    .home-event--info p.home-event--city {
        width: 16%;
        display: block;
    }
}
@media (min-width: sm) {
    .home-event--info p {
        text-overflow: clip;
        white-space: normal;
        width: 32%;
        padding-left: 2%;
        padding-right: 2%;
        height: 46px;
        border-left: 1px solid white;
        margin-left: 2%;
        line-height: 46px;
    }
    .home-event--info p.home-event--city {
        width: 16%;
        display: block;
    }
}
.home-event--info a.btn {
    display: none;
}
@media (min-width: 768px) {
    .home-event--info a.btn {
        width: 130px;
        display: block;
        text-align: center;
        position: absolute;
        right: 20px;
        top: 18px;
    }
}
@media (min-width: sm) {
    .home-event--info a.btn {
        width: 130px;
        display: block;
        text-align: center;
        position: absolute;
        right: 20px;
        top: 18px;
    }
}
.home-event--info h2 {
    font-weight: 600;
    font-size: 20px;
    overflow: hidden;
}
.home-event--info h2 em {
    vertical-align: middle;
    display: inline-block;
    opacity: 1;
    line-height: 1.2;
}

.home-blog--layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
@media (min-width: 768px) {
    .home-blog--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: sm) {
    .home-blog--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .home-blog--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.home-blog--filter-button {
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
}
@media (max-width: 767px) {
    .home-blog--filter-button {
        width: 100%;
        margin: 0 30px;
        display: -ms-flexbox;
        display: flex;
    }
}
.home-blog--filter-button #mobile-filter-toggle-icon {
    padding-left: 10px;
}

.home-blog--filters {
    width: 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f0f0f0;
    padding: 20px;
}
@media (max-width: 767px) {
    .home-blog--filters {
        width: 100%;
        margin: 30px;
    }
}

.home-blog--content-type h4, .home-blog--topic h4 {
    font-family: "Foundry Sterling Demi";
}

.home-blog--content-type, .home-blog--topic {
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-blog--row {
    width: 65%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 768px) {
    .home-blog--row {
        padding-bottom: 60px;
        margin-bottom: 25px;
        border-bottom: 1px solid #f8f8f8;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: sm) {
    .home-blog--row {
        padding-bottom: 60px;
        margin-bottom: 25px;
        border-bottom: 1px solid #f8f8f8;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
    .home-blog--row {
        width: 100%;
        margin: 30px;
    }
}

.home-blog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #ece9ee;
    margin-bottom: 10px;
    text-align: left;
    overflow: hidden;
}
@media (min-width: 768px) {
    .home-blog {
        width: 100%;
        margin-bottom: 16px;
        height: 164px;
    }
}
@media (min-width: sm) {
    .home-blog {
        width: 100%;
        margin-bottom: 16px;
        height: 164px;
    }
}
@media (min-width: 1120px) {
    .home-blog {
        height: 201.73px;
    }
}
.home-blog a {
    text-decoration: none;
}
.home-blog p {
    font-size: 14px;
    color: #646363;
}

.home-blog-container--thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #ece9ee;
    margin-bottom: 10px;
    text-align: left;
    overflow: hidden;
}
@media (min-width: 768px) {
    .home-blog-container--thumbnail {
        width: 100%;
        margin-bottom: 16px;
    }
}
@media (min-width: sm) {
    .home-blog-container--thumbnail {
        width: 100%;
        margin-bottom: 16px;
    }
}
.home-blog-container--thumbnail a {
    text-decoration: none;
}
.home-blog-container--thumbnail p {
    font-size: 14px;
    color: #646363;
}

.home-blog--poster {
    display: -ms-flexbox;
    display: flex;
    width: 20%;
}
.home-blog--poster img {
    width: 100%;
}
@media (min-width: 768px) {
    .home-blog--poster {
        width: 100%;
        height: 100%;
    }
}
@media (min-width: sm) {
    .home-blog--poster {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .home-blog--poster {
        width: 100%;
    }
}

.home-blog--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .home-blog--content {
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: none;
    }
}

.home-blog--content--thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .home-blog--content--thumbnail {
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: none;
    }
}

.home-blog--thumbnail {
    display: -ms-flexbox;
    display: flex;
}
.home-blog--thumbnail img {
    width: 100%;
}
@media (min-width: 768px) {
    .home-blog--thumbnail {
        width: 100%;
    }
}
@media (min-width: sm) {
    .home-blog--thumbnail {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .home-blog--thumbnail {
        width: 100%;
    }
}

.home-blog--info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    width: 100%;
}
@media (min-width: 1120px) {
    .home-blog--info {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .home-blog--info {
        padding: 30px;
    }
}

.home-blog--info h5 {
    font-size: 1.2em;
    color: #646363;
    font-family: "Foundry Sterling Demi";
}
@media (min-width: 1120px) {
    .home-blog--info h5 {
        font-size: 1.5em;
    }
}
@media (max-width: 767px) {
    .home-blog--info h5 {
        font-size: 1.5em;
    }
}

p.home-blog--date {
    font-size: 12px;
    color: #6c2196;
    text-transform: uppercase;
}

.home-blog--info .btn {
    width: 20%;
    text-align: center;
}
@media (min-width: 768px) {
    .home-blog--info .btn {
        width: 35%;
    }
}
@media (min-width: sm) {
    .home-blog--info .btn {
        width: 35%;
    }
}
@media (max-width: 767px) {
    .home-blog--info .btn {
        width: 40%;
    }
}

.filter-items {
    display: inline-block;
}

.news-filter {
    width: 100%;
}

.news-filter label {
    cursor: pointer;
}

.filter-item {
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
    min-height: 25px;
}
.filter-item input {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.filter-item label {
    font-weight: 400;
    color: #646363;
    padding-top: 3px;
    line-height: 1.3;
}
.filter-item label:before {
    content: "";
    display: inline-block;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    color: #646363;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    border: 1px solid #9FA3A3;
}
.filter-item input:checked + label:before {
    content: "\e919";
    background: #05a0d4;
    color: white;
    border: none;
}

.home-social--row {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.home-social--row a {
    text-decoration: none;
}
@media (min-width: 768px) {
    .home-social--row {
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 25px;
        margin-bottom: 25px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: sm) {
    .home-social--row {
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 25px;
        margin-bottom: 25px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.home-social--icons {
    font-size: 60px;
    color: #749aaf;
    margin-top: 1em;
}
@media (max-width: 767px) {
    .home-social--icons {
        font-size: 40px;
    }
}
.home-social--icons a {
    text-decoration: none;
    display: inline-block;
    margin-right: 1em;
}
.home-social--icons a:last-child {
    margin-right: 0;
}
@media (max-width: 767px) {
    .home-social--icons a {
        margin-right: 0.5em;
    }
}

.home-social {
    background: white;
    padding: 12px;
    margin-bottom: 10xpx;
}
.home-social img {
    width: 100%;
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .home-social {
        margin-bottom: 16px;
        width: 24.427480916%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .home-social:nth-child(4) {
        float: right;
        margin-right: 0;
    }
}
@media (min-width: sm) {
    .home-social {
        margin-bottom: 16px;
        width: 24.427480916%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .home-social:nth-child(4) {
        float: right;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .home-social {
        width: 49.6183206107%;
        float: left;
        margin-right: 0.7633587786%;
    }
    .home-social:nth-child(2n) {
        float: right;
        margin-right: 0;
    }
}

.cet-search {
    padding-top: 0;
}
.cet-search h1 {
    padding-bottom: 0;
}
.cet-search h1:after {
    display: none;
}
@media (min-width: 768px) {
    .cet-search {
        text-align: center;
    }
}
@media (min-width: sm) {
    .cet-search {
        text-align: center;
    }
}
.cet-search .promo--row {
    border-bottom: none;
}
@media (max-width: 767px) {
    .cet-search {
        padding-bottom: 0;
    }
}

.cet-search--main-title {
    font-size: 1.5em;
    color: #6c2196;
    margin-bottom: 1.5em;
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 1em;
}
.cet-search--main-title:after {
    display: none;
}

.cet-search--pages {
    z-index: -1;
}

@media (min-width: 768px) {
    .cet-search--page {
        display: none;
    }
    .cet-search--page.is-active {
        display: block;
    }
}
@media (min-width: sm) {
    .cet-search--page {
        display: none;
    }
    .cet-search--page.is-active {
        display: block;
    }
}
.cet-search--page__inner {
    margin-top: 105px;
    padding: 20px 0;
}
.is-instance .cet-search--page__inner {
    margin-top: 0;
}
@media (max-width: 767px) {
    .js-scrolled .cet-search--page__inner {
        margin-top: 85px;
    }
}
@media (min-width: 768px) {
    .cet-search--page__inner {
        margin-top: 32px;
        padding: 0;
    }
}
@media (min-width: sm) {
    .cet-search--page__inner {
        margin-top: 32px;
        padding: 0;
    }
}

.cet-search--filters {
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    top: 79px;
    left: 0;
    width: 100%;
    z-index: 8;
    transition: top 0.4s;
    background: white;
}
.js-scrolled .cet-search--filters {
    top: 60px;
}
@media (min-width: 768px) {
    .cet-search--filters {
        position: static;
    }
}
@media (min-width: sm) {
    .cet-search--filters {
        position: static;
    }
}

.cet-search--cet-holder > p {
    padding-top: 2em;
}

.cet-search--searchbox {
    display: none;
    overflow: hidden;
    position: relative;
    background: rgba(159, 163, 163, 0.19);
}
@media (min-width: 768px) {
    .cet-search--searchbox {
        display: block;
    }
}
@media (min-width: sm) {
    .cet-search--searchbox {
        display: block;
    }
}
.cet-search--searchbox input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    font-family: "Foundry Sterling Light";
    margin-bottom: 0;
    font-weight: 300;
    -webkit-appearance: none;
    font-size: 23px;
    color: #646363;
    line-height: 42px;
    transition: background 0.3s;
}
.cet-search--searchbox input:focus {
    outline: none;
    background: #f0f0f0;
}
@media (min-width: 768px) {
    .cet-search--searchbox input {
        padding: 5px 40px 5px 10px;
        font-size: 24px;
        font-weight: 500;
        line-height: 42px;
    }
}
@media (min-width: sm) {
    .cet-search--searchbox input {
        padding: 5px 40px 5px 10px;
        font-size: 24px;
        font-weight: 500;
        line-height: 42px;
    }
}
.cet-search--searchbox button {
    -webkit-appearance: none;
    padding: 0;
    border: none;
    color: #00B9D2;
    position: absolute;
    background: none;
    font-size: 30px;
    right: 30px;
    top: 14px;
}
@media (min-width: 768px) {
    .cet-search--searchbox button {
        font-size: 20px;
        top: 13px;
        right: 15px;
    }
}
@media (min-width: sm) {
    .cet-search--searchbox button {
        font-size: 20px;
        top: 13px;
        right: 15px;
    }
}

.cet-search--profession-indicator span {
    float: left;
    width: 50%;
    background: #00B9D2;
    border: 1px solid #00B9D2;
    color: white;
    padding-left: 8px;
}
@media (min-width: 768px) {
    .cet-search--profession-indicator span {
        padding: 5px 0 5px 8px;
    }
}
@media (min-width: sm) {
    .cet-search--profession-indicator span {
        padding: 5px 0 5px 8px;
    }
}
@media (max-width: 767px) {
    .cet-search--profession-indicator span {
        display: none;
    }
}
.cet-search--profession-indicator div {
    float: left;
    width: 50%;
    color: #646363;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    padding-left: 8px;
}
@media (min-width: 768px) {
    .cet-search--profession-indicator div {
        line-height: 51px;
        padding: 0 0 0 8px;
        min-height: 54px;
    }
    .cet-search--profession-indicator div em {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }
}
@media (min-width: sm) {
    .cet-search--profession-indicator div {
        line-height: 51px;
        padding: 0 0 0 8px;
        min-height: 54px;
    }
    .cet-search--profession-indicator div em {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }
}
@media (max-width: 767px) {
    .cet-search--profession-indicator div {
        display: block;
        float: none;
        width: 100%;
        border: none;
    }
}

.cet-search--profession {
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    background: white;
}
.cet-search--profession .cet-search--profession-indicator {
    margin-bottom: 0;
    line-height: 40px;
}
@media (min-width: 768px) {
    .cet-search--profession {
        height: 42px;
        margin-bottom: 2em;
    }
    .cet-search--profession .cet-search--profession-indicator {
        float: right;
        width: 420px;
        margin-left: 20px;
        font-size: 18px;
        font-family: "Foundry Sterling Light";
        line-height: 42px;
    }
}
@media (min-width: sm) {
    .cet-search--profession {
        height: 42px;
        margin-bottom: 2em;
    }
    .cet-search--profession .cet-search--profession-indicator {
        float: right;
        width: 420px;
        margin-left: 20px;
        font-size: 18px;
        font-family: "Foundry Sterling Light";
        line-height: 42px;
    }
}
.cet-search--profession .custom-select {
    height: 50px;
    background: #f8f8f8;
    border: none;
}
.cet-search--profession .custom-select:after {
    border-left-color: #00B9D2;
    color: #00B9D2;
}
@media (min-width: 768px) {
    .cet-search--profession .custom-select {
        height: 42px;
        padding-right: 0;
    }
}
@media (min-width: sm) {
    .cet-search--profession .custom-select {
        height: 42px;
        padding-right: 0;
    }
}
.cet-search--profession .custom-select select {
    padding: 0px 30px 0px;
    height: 50px;
    line-height: 50px;
    color: #646363;
}
@media (min-width: 768px) {
    .cet-search--profession .custom-select select {
        margin-top: -2px;
        height: 42px;
        font-size: 24px;
        line-height: 42px;
        padding: 0 70px 0 10px;
    }
}
@media (min-width: sm) {
    .cet-search--profession .custom-select select {
        margin-top: -2px;
        height: 42px;
        font-size: 24px;
        line-height: 42px;
        padding: 0 70px 0 10px;
    }
}
@media (max-width: 399px) {
    .cet-search--profession .custom-select select {
        font-size: 14px;
        padding: 0px 30px 0px;
        height: 50px;
    }
}

.cet-search-competencies {
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow-x: scroll;
    overflow-y: hidden;
    font-size: 0;
}
.cet-search-competencies ul {
    display: inline-block;
    white-space: nowrap;
}
.cet-search-competencies li {
    display: inline-block;
    font-size: 13px;
    color: #646363;
    text-decoration: none;
    margin-right: 1px;
}
.cet-search-competencies li:last-child {
    margin-right: 0;
}
.cet-search-competencies li a {
    text-decoration: none;
    line-height: 50px;
    padding: 0 15px;
    display: block;
    background: white;
}
.cet-search-competencies li a.is-active {
    background: #00B9D2;
    color: white;
}
@media (min-width: 768px) {
    .cet-search-competencies {
        overflow-x: hidden;
        clear: both;
    }
    .cet-search-competencies ul {
        display: block;
        width: 100%;
        white-space: normal;
        overflow: hidden;
    }
    .cet-search-competencies ul.is-count-1 li {
        width: 100%;
    }
    .cet-search-competencies ul.is-count-2 li {
        width: 50%;
    }
    .cet-search-competencies ul.is-count-3 li {
        width: 33.33%;
    }
    .cet-search-competencies ul.is-count-4 li {
        width: 25%;
    }
    .cet-search-competencies ul.is-count-5 li {
        width: 20%;
    }
    .cet-search-competencies ul.is-count-6 li {
        width: 16.66%;
    }
    .cet-search-competencies ul.is-count-7 li {
        width: 14.28%;
        font-size: 15px;
    }
    .cet-search-competencies ul.is-count-8 li {
        width: 12.5%;
        font-size: 15px;
    }
    .cet-search-competencies ul.is-count-9 li {
        width: 11.11%;
        font-size: 14px;
    }
    .cet-search-competencies ul.is-count-10 li {
        width: 10%;
        font-size: 13px;
    }
    .cet-search-competencies li {
        font-size: 15px;
        float: left;
        margin-right: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    .cet-search-competencies li:last-child {
        border-right: 0;
    }
    .cet-search-competencies li a {
        height: 50px;
        line-height: 1;
        width: 100%;
        padding: 0;
        text-align: center;
        position: relative;
    }
    .cet-search-competencies li a em {
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 4px;
        right: 4px;
        line-height: 1.3;
        text-align: center;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@media (min-width: sm) {
    .cet-search-competencies {
        overflow-x: hidden;
        clear: both;
    }
    .cet-search-competencies ul {
        display: block;
        width: 100%;
        white-space: normal;
        overflow: hidden;
    }
    .cet-search-competencies ul.is-count-1 li {
        width: 100%;
    }
    .cet-search-competencies ul.is-count-2 li {
        width: 50%;
    }
    .cet-search-competencies ul.is-count-3 li {
        width: 33.33%;
    }
    .cet-search-competencies ul.is-count-4 li {
        width: 25%;
    }
    .cet-search-competencies ul.is-count-5 li {
        width: 20%;
    }
    .cet-search-competencies ul.is-count-6 li {
        width: 16.66%;
    }
    .cet-search-competencies ul.is-count-7 li {
        width: 14.28%;
        font-size: 15px;
    }
    .cet-search-competencies ul.is-count-8 li {
        width: 12.5%;
        font-size: 15px;
    }
    .cet-search-competencies ul.is-count-9 li {
        width: 11.11%;
        font-size: 14px;
    }
    .cet-search-competencies ul.is-count-10 li {
        width: 10%;
        font-size: 13px;
    }
    .cet-search-competencies li {
        font-size: 15px;
        float: left;
        margin-right: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    .cet-search-competencies li:last-child {
        border-right: 0;
    }
    .cet-search-competencies li a {
        height: 50px;
        line-height: 1;
        width: 100%;
        padding: 0;
        text-align: center;
        position: relative;
    }
    .cet-search-competencies li a em {
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 4px;
        right: 4px;
        line-height: 1.3;
        text-align: center;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.territory-uk .cet-search--searchbox button {
    color: #239638;
}
.territory-uk .cet-search--profession-indicator span {
    background: #239638;
    border: 1px solid #239638;
}
.territory-uk .cet-search--profession .custom-select:after {
    border-left-color: #239638;
    color: #239638;
}
.territory-uk .cet-search-competencies li a.is-active {
    background: #239638;
}

.cet-overview ul, .cet-overview ol {
    padding-left: 0.5em;
    margin-left: 0;
    margin-bottom: 1em;
}
.cet-overview li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0.5em;
}
.cet-overview ol li {
    list-style-type: decimal;
}

.cet-overview--intro p {
    font-size: 1em;
    line-height: 1.375;
}
@media (max-width: 767px) {
    .cet-overview--intro {
        height: auto !important;
    }
}

.cet-overview--interactive {
    width: 50px;
    margin-bottom: 1em;
}

.cet-overview--image {
    width: 100%;
    display: block;
}

.cet-overview--block {
    padding-bottom: 24px;
    margin-bottom: 39px;
    position: relative;
}
.cet-overview--block:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0%;
    bottom: 0;
    background: #749aaf;
    opacity: 0.2;
}
.cet-overview--block a {
    text-decoration: none;
    font-weight: 500;
}
.cet-overview--block a:hover {
    text-decoration: underline;
}

.cet-overview--block-tight p {
    margin-bottom: 0;
}

.cet-overview--logos {
    margin-bottom: 1em;
}
@media (max-width: 767px) {
    .cet-overview--logos {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: -30px;
        white-space: nowrap;
    }
    .cet-overview--logos a, .cet-overview--logos img {
        display: inline-block;
        white-space: nowrap;
    }
}
.cet-overview--logos a img, .cet-overview--logos img {
    width: 66px;
    margin-right: 0px;
}
.cet-overview--logos a:first-child img, .cet-overview--logos > img:first-child {
    width: 130px;
    margin-right: 10px;
}
.cet-overview--logos.cet-overview--logos--all-wide a img, .cet-overview--logos.cet-overview--logos--all-wide img {
    width: 130px;
    margin-right: 10px;
}

.cet-overview--left-column .cet-overview--block:after {
    width: 100px;
}

.cet-overview--actions {
    margin-top: 2em;
    margin-bottom: 2em;
}
.cet-overview--actions .btn {
    margin-bottom: 1em;
}
@media (max-width: 767px) {
    .cet-overview--actions .btn {
        display: block;
        text-align: center;
    }
}
.cet-overview--actions:empty {
    display: none;
}

.cet-overview--list-block {
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    .cet-overview--actions .btn {
        margin-right: 10px;
    }
}
@media (min-width: sm) {
    .cet-overview--actions .btn {
        margin-right: 10px;
    }
}
.education--layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
@media (min-width: 768px) {
    .education--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: sm) {
    .education--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .education--layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.education--filter-button {
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
}
@media (max-width: 767px) {
    .education--filter-button {
        width: 100%;
        margin: 0 30px;
        display: -ms-flexbox;
        display: flex;
    }
}
.education--filter-button #mobile-filter-toggle-icon {
    padding-left: 10px;
}

.education--filters {
    width: 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f0f0f0;
    padding: 20px;
}
@media (max-width: 767px) {
    .education--filters {
        width: 100%;
        margin: 30px;
    }
}

.education--content-row {
    width: 65%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 768px) {
    .education--content-row {
        padding-bottom: 60px;
        margin-bottom: 25px;
        border-bottom: 1px solid #f8f8f8;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: sm) {
    .education--content-row {
        padding-bottom: 60px;
        margin-bottom: 25px;
        border-bottom: 1px solid #f8f8f8;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
    .education--content-row {
        width: 100%;
        margin: 30px;
        padding: 0;
    }
}

.education--filter-type h4 {
    font-family: "Foundry Sterling Demi";
}

.education--filter-type {
    padding-top: 20px;
    padding-bottom: 20px;
}

.education-filter {
    width: 100%;
}

.education-filter label {
    cursor: pointer;
}

.stars:before {
    color: #45a935;
    font-size: 18px;
}

.five-stars:before {
    content: "★★★★★";
}

.four-stars:before {
    content: "★★★★";
}

.three-stars:before {
    content: "★★★";
}

.two-stars:before {
    content: "★★";
}

.one-star:before {
    content: "★";
}

h1.range-left {
    text-transform: uppercase;
}

.cet-module {
    margin-bottom: 2em;
}
.cet-module a {
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .cet-module {
        margin-bottom: 1em;
    }
    .cet-module:after {
        content: "";
        display: table;
        clear: both;
    }
}

.cet-module--content {
    overflow: hidden;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .cet-module--content p {
        height: 60px;
        overflow: hidden;
    }
}
@media (min-width: sm) {
    .cet-module--content p {
        height: 60px;
        overflow: hidden;
    }
}

.cet-module--poster {
    position: relative;
    float: left;
    width: 120px;
    margin-right: 14px;
}
@media (max-width: 399px) {
    .cet-module--poster {
        width: 100px;
    }
}
@media (min-width: 768px) {
    .cet-module--poster {
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
@media (min-width: sm) {
    .cet-module--poster {
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
.cet-module--poster img {
    display: block;
    width: 100%;
}
.cet-module--playable .cet-module--poster:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 0;
    padding-bottom: 42%;
    border-radius: 50%;
    background: #00B9D2;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
}
@media (min-width: 768px) {
    .cet-module--playable .cet-module--poster:before {
        width: 25%;
        padding-bottom: 25%;
    }
}
@media (min-width: sm) {
    .cet-module--playable .cet-module--poster:before {
        width: 25%;
        padding-bottom: 25%;
    }
}
.cet-module--playable .cet-module--poster:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 26px solid white;
    margin-left: 4px;
    -ms-transform: translate(-50%, -50%) scale(1, 0.7);
    transform: translate(-50%, -50%) scale(1, 0.7);
    transition: transform 0.1s ease-out;
}
@media (min-width: 768px) {
    .cet-module--playable .cet-module--poster:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 20px;
        margin-left: 3px;
    }
}
@media (min-width: sm) {
    .cet-module--playable .cet-module--poster:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 20px;
        margin-left: 3px;
    }
}
@media (max-width: 399px) {
    .cet-module--playable .cet-module--poster:after {
        border-top-width: 16px;
        border-bottom-width: 16px;
        border-left-width: 16px;
        margin-left: 2px;
    }
}
.cet-module--completed .cet-module--poster:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: rgba(108, 33, 150, 0.7);
}
.cet-module--completed .cet-module--poster:after {
    content: "\e919";
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    color: white;
    font-size: 30px;
    border: none;
    background: transparent;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
    .cet-module--completed .cet-module--poster:after {
        font-size: 50px;
    }
}
@media (min-width: sm) {
    .cet-module--completed .cet-module--poster:after {
        font-size: 50px;
    }
}

.territory-uk .cet-module--playable .cet-module--poster:before {
    background: #6c2196;
}
.territory-uk .cet-module--completed .cet-module--poster:before {
    background: rgba(108, 33, 150, 0.7);
}

.cet--section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media (max-width: 767px) {
    .cet--section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.cet--subtitle, .cet--rating {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    font-size: 22px;
}
@media (max-width: 767px) {
    .cet--subtitle, .cet--rating {
        width: 100%;
    }
}

.cet--rating {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .cet--rating {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.cet--star-rating:before {
    content: "★★★★★";
    color: #45a935;
    font-size: 20px;
}

.training-counters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 50px;
}
@media (max-width: 767px) {
    .training-counters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.completed-training-counter, .inprogress-training-counter {
    width: 50%;
    height: 200px;
    background-color: #ccf1f6;
    margin: 20px;
    padding: 20px;
}
@media (max-width: 767px) {
    .completed-training-counter, .inprogress-training-counter {
        width: 100%;
    }
}

.border-gradient {
    border-top: 10px solid;
    border-image-slice: 1;
    border-width: 10px;
}

.border-gradient-purple {
    border-image-source: linear-gradient(to right, #00a1d4, #6c2196);
}

.counter-title h3 {
    text-transform: uppercase;
    color: #636464;
    font-family: "Foundry Sterling Medium";
    font-size: 1.2em;
}

.counter {
    font-size: 5em;
    font-family: "Foundry Sterling Demi";
    text-align: center;
}

.completion-table-row td:first-of-type {
    width: 48%;
}
.completion-table-row td {
    width: 13%;
}
.completion-table-row td a {
    text-decoration: underline;
}
@media (max-width: 430px) {
    .completion-table-row td:first-of-type span.tablesaw-cell-content:first-of-type {
        max-width: 100%;
    }
}
@media (min-width: 431px) and (max-width: 640px) {
    .completion-table-row td:first-of-type span.tablesaw-cell-content:first-of-type {
        max-width: 70%;
    }
}

.ribbon {
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.ribbon span {
    display: block;
    background: #6c2196;
    color: white;
    width: 200px;
    text-align: center;
    line-height: 30px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -75px;
    top: 10px;
    font-size: 1em;
}
@media (min-width: 992px) {
    .ribbon span {
        line-height: 40px;
        right: -70px;
    }
}
@media (max-width: 399px) {
    .ribbon span {
        font-size: 0.875em;
        line-height: 20px;
        right: -80px;
    }
}

.wrap {
    margin-top: 66px;
    transition: margin-top 0.4s;
    z-index: 3;
}
@media (max-width: 999px) {
    .wrap {
        margin-top: 0;
    }
}
.js-scrolled .wrap {
    margin-top: 65px;
}
@media (min-width: 601px) {
    .js-scrolled .wrap {
        margin-top: 75px;
    }
}
@media (min-width: bmob) {
    .js-scrolled .wrap {
        margin-top: 75px;
    }
}
@media (min-width: 1000px) {
    .wrap {
        position: static;
        margin-top: 0;
    }
    .js-scrolled .wrap {
        margin-top: 0;
    }
}

:target:before {
    content: "";
    display: block;
    height: 90px; /* fixed header height*/
    margin: -90px 0 0; /* negative fixed header height */
}
@media (min-width: 768px) {
    :target:before {
        height: 20px; /* fixed header height*/
        margin: -20px 0 0; /* negative fixed header height */
    }
}
@media (min-width: sm) {
    :target:before {
        height: 20px; /* fixed header height*/
        margin: -20px 0 0; /* negative fixed header height */
    }
}

header {
    top: 0;
    width: 100%;
    z-index: 5;
    padding-top: 0px;
}
@media (min-width: 1000px) {
    header {
        height: auto;
        background: white;
        padding-top: 0;
        position: static;
        overflow: visible;
    }
}

header.js-nav-open .logo {
    box-shadow: none !important;
}

.nav--mobile-button, .nav--help-button {
    -webkit-appearance: none;
    padding: 0;
    border: none;
    color: #999;
    background: none;
    font-size: 34px;
    right: 0;
    top: 0;
    width: 65px;
    z-index: 15;
    transition: font-size 0.4s, top 0.4s;
    line-height: 36px;
    cursor: pointer;
    border-left: 1px #e6e6e6 solid;
}
@media (min-width: 601px) {
    .nav--mobile-button, .nav--help-button {
        width: 75px;
    }
}
@media (min-width: bmob) {
    .nav--mobile-button, .nav--help-button {
        width: 75px;
    }
}
@media (min-width: 1000px) {
    .nav--mobile-button, .nav--help-button {
        display: none;
    }
}

.nav--help-button {
    right: 60px;
    font-size: 36px;
    font-family: "Foundry Sterling Demi";
    line-height: 1;
}
.js-scrolled .nav--help-button {
    top: 12px;
}

@media (max-width: 999px) {
    .nav ul {
        display: none;
        position: fixed;
        height: auto;
        top: 65px;
        width: 100%;
        left: 0;
        background: white;
        z-index: 9;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    }
}
@media (max-width: 999px) and (min-width: 601px) {
    .nav ul {
        top: 75px;
    }
}
@media (max-width: 999px) and (min-width: bmob) {
    .nav ul {
        top: 75px;
    }
}
@media (max-width: 999px) {
    .js-scrolled .nav ul {
        top: 60px;
        bottom: 0;
        overflow: auto;
    }
    .nav ul ul {
        position: static;
        display: block;
        top: 0;
        box-shadow: none;
        display: none;
    }
    .nav li {
        display: block;
        background: white;
        color: #6c2196;
        font-size: 18px;
        font-weight: 300;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    .nav li a {
        padding: 14px 10px 12px 0;
        margin: 0 45px 0 20px;
        border-right: 1px solid #e6e6e6;
        display: block;
        line-height: 20px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .nav li li {
        background: #f2f4f9;
        font-size: 15px;
        color: #333;
    }
    .nav li li a {
        border-right: none;
        margin-right: 0;
    }
    .nav li.is-open ul {
        display: block;
    }
    .nav li.has-children:after {
        content: "\f100";
        position: absolute;
        right: 0;
        top: 6px;
        color: #8a849b;
        font-size: 36px;
        width: 46px;
        text-align: center;
        font-family: "CoopervisionIcons";
    }
    .nav li.has-children.is-open:after {
        content: "\f101";
    }
}
@media (min-width: 1000px) {
    .nav {
        height: 40px;
        font-size: 0;
    }
    .nav ul {
        display: inline-block;
        margin-left: 15px;
        margin-right: 15px;
        width: 58%;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        vertical-align: middle;
    }
    .nav li {
        display: inline-block;
        line-height: 25px;
        margin-right: 4%;
        vertical-align: middle;
    }
    .nav li:last-child {
        margin-right: 0;
    }
    .nav li.is-active {
        font-weight: 700;
    }
    .nav li a {
        color: inherit;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
    }
    .nav li a:hover {
        text-decoration: underline;
    }
}

.nav__profile {
    font-size: 15px;
    display: none;
}
.nav__profile:after {
    content: "";
    display: table;
    clear: both;
}
.nav__profile ul {
    float: right;
    color: #333;
}
@media (min-width: 768px) {
    .nav__profile {
        display: block;
    }
}
@media (min-width: sm) {
    .nav__profile {
        display: block;
    }
}
.nav__profile li {
    display: inline-block;
    line-height: 32px;
    padding-top: 3px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
}
.nav__profile a {
    color: inherit;
    display: block;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    font-size: 1.125em;
    line-height: 35px;
}
.nav__profile a:hover {
    text-decoration: underline;
}
.nav__profile a span {
    display: inline-block;
    margin-right: 5px;
}
.nav__profile li.is-help a {
    display: inline-block;
    line-height: 35px;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
}
.nav__profile ul ul {
    position: absolute;
    z-index: 10;
    top: 38px;
    left: 0;
    width: 200px;
    display: none;
    text-align: left;
    background: #f8f8f8;
}
.nav__profile ul ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    width: 100%;
    max-width: none;
    padding-top: 0;
}
.nav__profile ul ul li:last-child {
    border-bottom: 0;
}
.nav__profile ul ul li a {
    text-decoration: none;
}
.nav__profile ul ul li a:hover {
    background: #00B9D2;
    color: white;
    text-decoration: none;
}
.nav__profile li:hover ul {
    display: block;
}

.territory-uk .nav__profile ul {
    color: #333;
}
.territory-uk .nav__profile ul ul li a:hover {
    background: #6c2196;
}

.redesign-header {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 125px;
}
@media (max-width: 999px) {
    .redesign-header {
        height: 70px;
    }
}

.redesign-header-left-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.redesign-header-right-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}
@media (max-width: 999px) {
    .redesign-header-right-column {
        display: none;
    }
}

.flex-nav {
    width: 100%;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 999px) {
    .flex-nav {
        display: inline-block;
        position: fixed;
        z-index: 99999;
    }
}

.flex-nav-between {
    display: block;
}
@media (max-width: 999px) {
    .flex-nav-between {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.la-logo {
    margin-top: 0 !important;
    margin-left: -80px;
}
@media (max-width: 999px) {
    .la-logo {
        margin-left: 0px;
    }
}
@media (min-width: 1120px) {
    .la-logo {
        margin-left: -100px;
    }
}
.la-logo img {
    max-width: 380px;
}
@media (max-width: 999px) {
    .la-logo img {
        max-width: 220px;
    }
}

.nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 999px) {
    .nav-list {
        display: none;
    }
}

@media (max-width: 999px) {
    .nav--mobile-wrapper {
        width: 100%;
        position: relative;
    }
}

.nav--mobile-menu {
    display: none;
    width: 100%;
    z-index: 100;
    background-color: white;
    position: absolute;
}
.nav--mobile-menu ul li {
    text-transform: uppercase;
    font-family: "Foundry Sterling Demi";
}
.nav--mobile-menu ul li a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 20px;
}

.nav--inner {
    color: white;
    padding: 0 0 0 20px !important;
}

.nav--mobile-navlist {
    border-bottom: 1px solid #c4c4c4;
}

.nav--mobile-register {
    border-bottom: 1px solid white;
}

.js-nav-open {
    display: block;
}

.flex-ul {
    display: -ms-flexbox;
    display: flex;
}

.flex-ul li {
    font-family: "Foundry Sterling Demi";
    padding: 30px;
    text-decoration: none;
    text-transform: uppercase;
}
.flex-ul li a {
    text-decoration: none;
}
.flex-ul li a:hover {
    text-decoration: underline;
}

.nav__profile--register {
    background-image: url("/images/la_nav_bg.png");
    color: white;
}
.nav__profile--register li {
    background-color: #f8f8f8;
    color: #646363;
}

.l-general,
.homepage-slideshow .bx-pager {
    padding-left: 10px;
    padding-right: 10px;
}

/* line 1, ../sass/layouts/_l-general.scss */
.l-general,
.homepage-slideshow .bx-pager {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/* line 12, ../sass/layouts/_l-general.scss */
.l-general:before,
.homepage-slideshow .bx-pager:before,
.l-general:after,
.homepage-slideshow .bx-pager:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

/* line 19, ../sass/layouts/_l-general.scss */
.l-general:after,
.homepage-slideshow .bx-pager:after {
    clear: both;
}

@media (min-width: 601px) {
    /* line 1, ../sass/layouts/_l-general.scss */
    .l-general,
    .homepage-slideshow .bx-pager {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 769px) {
    /* line 1, ../sass/layouts/_l-general.scss */
    .l-general,
    .homepage-slideshow .bx-pager {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1000px) {
    /* line 1, ../sass/layouts/_l-general.scss */
    .l-general,
    .homepage-slideshow .bx-pager {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1230px;
    }
}
.footer {
    margin: 0 10px;
}

.footer__wrapper {
    border-top: 1px #e6e6e6 solid;
}

/* line 36, ../sass/components/_footer.scss */
.footer__wrapper:after {
    margin-top: 15px;
    height: 10px;
    width: 100%;
    display: block;
    content: " ";
    background: #2b9f4a;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1NWNhYSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMyYjlmNGEiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2YzODAyNSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZTMxYTUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmIyYTdlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: linear-gradient(to left, #155caa 0%, #2989d8 20%, #2b9f4a 40%, #f38025 60%, #e31a50 80%, #6b2a7e 100%);
    /* IE10 Consumer Preview */
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9InRvIiB5MT0icmlnaHQiIHgyPSJ0byIgeTI9ImxlZnQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNTVjYWEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMmI5ZjRhIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmMzgwMjUiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2UzMWE1MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiMmE3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: linear-gradient(to right, #155caa 0%, #2989d8 20%, #2b9f4a 40%, #f38025 60%, #e31a50 80%, #6b2a7e 100%);
}

/* line 58, ../sass/components/_footer.scss */
.footer__top::before,
.footer__top::after,
.footer__middle::before,
.footer__middle::after,
.footer__bottom::before,
.footer__bottom::after {
    display: table;
    content: "";
    clear: both;
    height: 0;
}

/* line 67, ../sass/components/_footer.scss */
.footer {
    margin: 0 10px;
}

/* line 70, ../sass/components/_footer.scss */
.footer ul.nav li.leaf {
    list-style-image: none;
    list-style: none;
}

/* line 1, ../sass/components/_footer-nav.scss */
.footer-nav {
    padding: 5px 0 30px;
}

@media (min-width: 601px) {
    /* line 1, ../sass/components/_footer-nav.scss */
    .footer-nav {
        text-align: center;
    }
}
@media (min-width: 769px) {
    /* line 1, ../sass/components/_footer-nav.scss */
    .footer-nav {
        text-align: left;
        border-bottom-width: 0;
        padding: 10px 0 10px;
        float: left;
    }
}
/* line 17, ../sass/components/_footer-nav.scss */
.footer-nav .nav {
    margin: 0;
    padding: 0;
    column-count: 2;
    column-gap: 30px;
}

@media (min-width: 601px) {
    /* line 17, ../sass/components/_footer-nav.scss */
    .footer-nav .nav {
        column-count: auto;
    }
}
/* line 27, ../sass/components/_footer-nav.scss */
.footer-nav .nav .nav {
    display: none;
}

/* line 32, ../sass/components/_footer-nav.scss */
.footer-nav .nav-item {
    padding: 0;
}

@media (min-width: 601px) {
    /* line 32, ../sass/components/_footer-nav.scss */
    .footer-nav .nav-item {
        list-style: none;
        display: inline;
        padding: 0 4px 0 6px;
        line-height: 1;
        font-size: 13px;
        border-left: 1px #afb1b2 solid;
    }
    /* line 43, ../sass/components/_footer-nav.scss */
    .footer-nav .nav-item.first {
        padding-left: 0;
        border-left-width: 0;
    }
    /* line 51, ../sass/base/_layout.scss */
    [dir=rtl] .footer-nav .nav-item.first {
        padding-left: 6px;
        border-left-width: 1px;
    }
}
/* line 55, ../sass/components/_footer-nav.scss */
.footer-nav .nav-link {
    display: inline-block;
    padding: 2px 0;
    color: #636466;
    text-decoration: none;
}

/* line 60, ../sass/components/_footer-nav.scss */
.footer-nav .nav-link:hover {
    text-decoration: underline;
    color: #005cab;
}

/* line 67, ../sass/components/_footer-nav.scss */
[dir=rtl] .footer-nav .nav-item:last-child {
    border-left-width: 0;
}

/* line 1, ../sass/components/_copyright.scss */
.copyright {
    font-size: 13px;
    text-align: center;
    color: #636466;
}

/* line 6, ../sass/components/_copyright.scss */
.copyright .copyright-name {
    color: #636466;
}

/* line 9, ../sass/components/_copyright.scss */
.copyright .copyright-year {
    color: #636466;
}

/* line 12, ../sass/components/_copyright.scss */
.copyright .copyright-text {
    color: #636466;
    display: inline;
    clear: none;
}

@media (min-width: 601px) {
    /* line 1, ../sass/components/_copyright.scss */
    .copyright {
        color: #FFFFFF;
        text-align: center;
    }
    /* line 22, ../sass/components/_copyright.scss */
    .copyright .copyright-name {
        color: #636466;
    }
    /* line 25, ../sass/components/_copyright.scss */
    .copyright .copyright-year {
        color: #636466;
    }
    /* line 28, ../sass/components/_copyright.scss */
    .copyright .copyright-text {
        color: #636466;
        display: block;
        clear: both;
    }
}
@media (min-width: 769px) {
    /* line 1, ../sass/components/_copyright.scss */
    .copyright {
        color: #636466;
    }
    /* line 38, ../sass/components/_copyright.scss */
    .copyright .copyright-name {
        color: #636466;
    }
    /* line 41, ../sass/components/_copyright.scss */
    .copyright .copyright-year {
        color: #636466;
    }
    /* line 44, ../sass/components/_copyright.scss */
    .copyright .copyright-text {
        color: #636466;
        display: inline;
        clear: none;
    }
}
@media (max-width: 600px) {
    /* line 1, ../sass/components/_copyright.scss */
    .copyright {
        color: #FFFFFF;
        text-align: center;
    }
    /* line 55, ../sass/components/_copyright.scss */
    .copyright .copyright-name {
        color: #636466;
    }
    /* line 58, ../sass/components/_copyright.scss */
    .copyright .copyright-year {
        color: #636466;
    }
    /* line 61, ../sass/components/_copyright.scss */
    .copyright .copyright-text {
        color: #636466;
        display: block;
        clear: both;
    }
}
.cv-award--footer__list img {
    height: 30px;
    width: auto;
}

@media (min-width: 601px) {
    /* line 3, ../sass/components/_cv-award.scss */
    .cv-award--footer__list img {
        height: auto;
        width: auto;
    }
}
/* line 14, ../sass/components/_cv-award.scss */
.cv-award--footer {
    padding: 20px 0 5px 0;
    text-align: center;
}

@media (min-width: 601px) {
    /* line 14, ../sass/components/_cv-award.scss */
    .cv-award--footer {
        padding-bottom: 0;
    }
}
@media (min-width: 769px) {
    /* line 14, ../sass/components/_cv-award.scss */
    .cv-award--footer {
        float: left;
    }
}
/* line 26, ../sass/components/_cv-award.scss */
.cv-award--footer > div {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
}

/* line 33, ../sass/components/_cv-award.scss */
.cv-award--footer__list {
    margin: 0;
    padding: 0;
    text-align: center;
}

/* line 38, ../sass/components/_cv-award.scss */
.cv-award--footer__list li {
    padding: 0 4px 10px 4px;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    display: inline-block;
}

/* line 45, ../sass/components/_cv-award.scss */
.cv-award--footer__list li:first-child {
    padding-left: 0;
}

/* line 49, ../sass/components/_cv-award.scss */
.cv-award--footer__list li:last-child {
    padding-right: 0;
}

/* line 62, ../sass/components/_cv-award.scss */
.cv-award--teaser {
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* line 65, ../sass/components/_cv-award.scss */
.cv-award--teaser::before,
.cv-award--teaser::after {
    display: table;
    content: "";
    clear: both;
    height: 0;
}

@media (min-width: 601px) {
    /* line 77, ../sass/components/_cv-award.scss */
    .cv-award--teaser__node-content {
        margin-left: 240px;
    }
    /* line 51, ../sass/base/_layout.scss */
    [dir=rtl] .cv-award--teaser__node-content {
        margin-left: 0;
        margin-right: 240px;
    }
}
@media (min-width: 601px) {
    /* line 88, ../sass/components/_cv-award.scss */
    .cv-award--teaser__main-image img {
        float: left;
        line-height: 0;
        width: unset;
    }
    /* line 51, ../sass/base/_layout.scss */
    [dir=rtl] .cv-award--teaser__main-image img {
        float: right;
    }
}
/* line 99, ../sass/components/_cv-award.scss */
.cv-award--teaser__title {
    margin: 0;
}

/* line 103, ../sass/components/_cv-award.scss */
.cv-award--teaser__body {
    margin-top: 20px;
    color: #666;
}

/* line 107, ../sass/components/_cv-award.scss */
.cv-award--teaser__body p {
    margin: 0;
}

/* line 112, ../sass/components/_cv-award.scss */
.cv-award--teaser__cv-award-year-received {
    color: #666;
}

.footer .sidebar--first .block-block,
#block-block-1,
#block-block-3 {
    border: 1px solid #EEE;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

/* line 63, ../sass/components/_practitioner-blocks.scss */
[dir=rtl] .footer .sidebar--first .block-block,
[dir=rtl] #block-block-1,
[dir=rtl] #block-block-3 {
    padding-left: 0;
    padding-right: 10px;
}

/* line 73, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-block.full-image,
.footer .sidebar--first .block-block.full-image p,
.footer .sidebar--first .block-block.no-padding,
.footer .sidebar--first .block-block.no-padding p,
.footer .sidebar--first .block-block.footer-no-padding,
.footer .sidebar--first .block-block.footer-no-padding p {
    padding: 0;
    line-height: 0;
    margin: 0;
}

/* line 77, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-block.full-image img,
.footer .sidebar--first .block-block.full-image p img,
.footer .sidebar--first .block-block.no-padding img,
.footer .sidebar--first .block-block.no-padding p img,
.footer .sidebar--first .block-block.footer-no-padding img,
.footer .sidebar--first .block-block.footer-no-padding p img {
    max-width: auto;
    width: 100%;
}

/* line 84, ../sass/components/_practitioner-blocks.scss */
#block-views-practitioner-on-eye-blog-view-block,
#block-views-practitioner-blog-post-views-block-1 {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f7f7f7;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    border: 1px solid #cccccc;
    display: block;
    float: left;
    font-size: 17px;
    font-weight: normal;
    height: 285px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-right: -1px;
    padding: 20px;
    word-wrap: break-word;
    color: #636466;
}

/* line 110, ../sass/components/_practitioner-blocks.scss */
.footer #block-custom-1,
.footer #block-custom-2 {
    -webkit-font-smoothing: antialiased;
    border: 1px solid #cccccc;
    color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 285px;
    line-height: 17px;
    margin-bottom: 20px;
    margin-right: 20px;
    outline: 0 none #333333;
    padding: 20px;
    position: relative;
    word-wrap: break-word;
}

/* line 129, ../sass/components/_practitioner-blocks.scss */
.footer #block-block-1 .block-content p {
    margin: 7px 0;
}

/* line 133, ../sass/components/_practitioner-blocks.scss */
.footer #block-block-1 .block-content p a span {
    font-size: 14px !important;
}

/* BASIC SETTINGS FOR MENU BLOCK AND SIDEBAR BLOCKS */
/* line 138, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-menu-block {
    margin-top: 10px;
    border: 1px solid #EEE;
    padding-left: 0;
    margin-bottom: -1px;
}

/* line 145, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-menu-block h2 {
    padding-left: 10px;
}

/* line 149, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-menu-block ul {
    list-style-type: none;
    list-style-image: none;
    padding-left: 15px;
}

/* line 155, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-menu-block li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

/* line 162, ../sass/components/_practitioner-blocks.scss */
.footer .sidebar--first .block-menu-block li a {
    margin-left: 0;
    padding: 7px 0;
    display: inline-block;
}

.rtecenter {
    text-align: center;
}

.footer_grey {
    border-top: #c4c4c4 solid 3px;
    margin-top: 2%;
}

.footer_gradient {
    background: rgb(108, 33, 150);
    background: linear-gradient(90deg, rgb(108, 33, 150) 0%, rgb(0, 161, 212) 100%);
}

.redesign-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin: 25px auto;
    -ms-flex-align: center;
    align-items: center;
    padding: 2% 0;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .redesign-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5%;
    }
}

.redesign-footer-left-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 70%;
}
@media (max-width: 767px) {
    .redesign-footer-left-column {
        width: 100%;
    }
}

.redesign-footer-right-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end;
    width: 30%;
}
@media (max-width: 767px) {
    .redesign-footer-right-column {
        width: 100%;
    }
}

.footer-logo img {
    width: 80%;
}
@media (max-width: 767px) {
    .footer-logo img {
        width: 60%;
    }
}

.footer-title h4 {
    color: #6c2196;
    font-family: "Foundry Sterling Demi";
}

.footer-intro {
    line-height: 1.4;
}

.footer-intro a {
    color: #6c2196;
}

.footer-intro, .footer-policies {
    padding: 15px 0;
}

.footer-policies p {
    font-size: 0.9em;
}

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

.newsletter {
    font-size: 0;
}
.newsletter input[type=text] {
    display: inline-block;
    width: 190px;
    margin-right: 5px;
    font-size: 14px;
    margin-bottom: 0.5em;
    border-color: transparent;
    padding: 7px;
    line-height: 20px;
    vertical-align: middle;
    box-sizing: border-box;
    height: 39px;
}
.newsletter .btn {
    padding: 11px 0px 10px;
    text-align: center;
    width: 30%;
    font-size: 13px;
    line-height: 16px;
    -webkit-appearance: none;
    display: inline-block;
    margin-bottom: 0.5em;
    vertical-align: middle;
    height: 39px;
}

.promo {
    background: #ece9ee;
    text-align: left;
    position: relative;
    overflow: hidden;
    color: #606060;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .promo {
        width: 32%;
        margin-right: 1.33%;
    }
}
@media (min-width: sm) {
    .promo {
        width: 32%;
        margin-right: 1.33%;
    }
}
.promo a {
    color: inherit;
    text-decoration: none;
    display: block;
    overflow: hidden;
}
.promo a.btn {
    display: inline-block;
}
.promo p, .promo li, .promo img, .promo h3 {
    display: none;
}
.promo img {
    display: block;
}
.promo .promo--content {
    padding: 13px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .promo .promo--content {
        height: 260px;
    }
}
@media (min-width: sm) {
    .promo .promo--content {
        height: 260px;
    }
}
@media (min-width: 1200px) {
    .promo .promo--content {
        height: 200px;
    }
}
@media (max-width: 767px) {
    .promo .promo--content {
        position: absolute;
        left: 40%;
        right: 10%;
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        max-height: 70px;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.promo h5 {
    margin-bottom: 0;
    color: #606060;
    overflow: hidden;
    font-size: 18.3px;
    height: 2.25em;
    margin-bottom: 0.25em;
    font-family: "Foundry Sterling Demi";
}
@media (max-width: 767px) {
    .promo h5 {
        font-size: 14px;
    }
}
.promo p {
    font-size: 15.4px;
}
@media (min-width: 768px) {
    .promo {
        margin-bottom: 20px;
        padding-right: 0;
        height: 435px;
    }
    .promo p {
        display: block;
    }
    .promo h5 {
        padding-top: 0;
    }
}
@media (min-width: sm) {
    .promo {
        margin-bottom: 20px;
        padding-right: 0;
        height: 435px;
    }
    .promo p {
        display: block;
    }
    .promo h5 {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .promo.banner {
        background: none;
        padding-right: 0;
    }
    .promo.banner .promo--poster {
        width: 100%;
        text-align: center;
    }
    .promo.banner .promo--poster img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
}

.promo--icons {
    position: absolute;
    bottom: 6px;
    left: 174px;
}
@media (max-width: 399px) {
    .promo--icons {
        left: 134px;
    }
}
@media (min-width: 768px) {
    .promo--icons {
        padding-left: 0;
        left: 0;
        bottom: 0;
    }
}
@media (min-width: sm) {
    .promo--icons {
        padding-left: 0;
        left: 0;
        bottom: 0;
    }
}

.promo-feature .promo--icons {
    left: 0;
}
@media (max-width: 399px) {
    .promo-feature .promo--icons {
        left: 0;
    }
}

.promo-feature .promo--icons {
    position: relative;
    margin-bottom: 0.1em;
}
@media (min-width: 768px) {
    .promo-feature .promo--icons {
        margin-bottom: 1em;
    }
}
@media (min-width: sm) {
    .promo-feature .promo--icons {
        margin-bottom: 1em;
    }
}
.promo-feature .promo--info {
    color: white;
}

.promo--content {
    margin-bottom: 10px;
    overflow: hidden;
}

.promo--row {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 25px;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .promo--row {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 60px;
    }
}
@media (min-width: sm) {
    .promo--row {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .promo--row {
        padding-left: 0;
        padding-right: 0;
    }
    .promo--row:last-child {
        margin-bottom: 0;
    }
}

.promo--info {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: right;
    font-size: 0.8125em;
}
@media (min-width: 768px) {
    .promo--info {
        position: static;
        text-align: left;
        font-weight: 500;
        margin-bottom: 0.5em;
        color: #646363;
    }
}
@media (min-width: sm) {
    .promo--info {
        position: static;
        text-align: left;
        font-weight: 500;
        margin-bottom: 0.5em;
        color: #646363;
    }
}

.promo--poster {
    position: relative;
    float: left;
    margin-right: 14px;
    width: 38.5%;
}
@media (min-width: 768px) {
    .promo--poster {
        float: none;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
@media (min-width: sm) {
    .promo--poster {
        float: none;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
.promo--poster img {
    display: block;
    width: 100%;
    max-height: 215px;
    height: 100%;
}
.promo--playable .promo--poster:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 0;
    padding-bottom: 42%;
    border-radius: 50%;
    background: #6c2196;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
}
@media (min-width: 768px) {
    .promo--playable .promo--poster:before {
        width: 20%;
        padding-bottom: 20%;
    }
}
@media (min-width: sm) {
    .promo--playable .promo--poster:before {
        width: 20%;
        padding-bottom: 20%;
    }
}
.promo--playable .promo--poster:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 26px solid white;
    margin-left: 4px;
    -ms-transform: translate(-50%, -50%) scale(1, 0.7);
    transform: translate(-50%, -50%) scale(1, 0.7);
    transition: transform 0.1s ease-out;
}
@media (min-width: 768px) {
    .promo--playable .promo--poster:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 20px;
        margin-left: 3px;
    }
}
@media (min-width: sm) {
    .promo--playable .promo--poster:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 20px;
        margin-left: 3px;
    }
}
@media (max-width: 399px) {
    .promo--playable .promo--poster:after {
        border-top-width: 16px;
        border-bottom-width: 16px;
        border-left-width: 16px;
        margin-left: 2px;
    }
}
.promo--completed .promo--poster:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: rgba(108, 33, 150, 0.7);
}
.promo--completed .promo--poster:after {
    content: "\e919";
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    color: white;
    font-size: 30px;
    background: transparent;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
    .promo--completed .promo--poster:after {
        font-size: 50px;
    }
}
@media (min-width: sm) {
    .promo--completed .promo--poster:after {
        font-size: 50px;
    }
}

.territory-uk .promo--playable .promo--poster:before {
    background: #6c2196;
}
.territory-uk .promo--completed .promo--poster:before {
    background: rgba(108, 33, 150, 0.7);
}

.promo--cta {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 20px;
    background: #6c2196;
    color: white;
}
@media (max-width: 767px) {
    .promo--cta {
        display: none;
    }
}

.promo--feedback-rating:before {
    content: "★★★★★";
    position: absolute;
    color: #45a935;
    font-size: 20px;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.banner .promo--poster {
    margin-bottom: 0;
}
.banner .promo--poster img {
    border: none;
    max-height: none;
    height: auto;
}

.promo.banner {
    background: transparent;
}

.profession-type-icon {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #5eb0e5;
    margin-right: 5px;
    color: white;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    vertical-align: top;
}
.profession-type-icon span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
.profession-type-icon.profession-type-icon--2 {
    background: #7e553a;
}
.profession-type-icon.profession-type-icon--16 {
    background: #cf7019;
}
.profession-type-icon.profession-type-icon--17 {
    background: #9fcf67;
}

img.interactive-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.promo-feature {
    position: relative;
    height: 212px;
}
@media (min-width: 768px) {
    .promo-feature {
        height: 435px;
    }
}
@media (min-width: sm) {
    .promo-feature {
        height: 435px;
    }
}
.promo-feature p {
    display: block;
}

.promo-feature--background {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.promo-feature--background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-image: radial-gradient(circle, #749aaf, #6c2196);
}
.promo-feature--background img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
    .promo-feature--background img {
        height: 100%;
        width: auto;
    }
}
@media (min-width: sm) {
    .promo-feature--background img {
        height: 100%;
        width: auto;
    }
}

.promo-feature--content {
    position: absolute;
    color: white;
    left: 30px;
    top: 10px;
    padding-right: 30px;
}
.promo-feature--content h2 {
    margin-bottom: 0.1em;
    max-height: 91px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .promo-feature--content h2 {
        line-height: 1.08;
    }
}
@media (min-width: 768px) {
    .promo-feature--content h2 {
        max-height: none;
    }
}
@media (min-width: sm) {
    .promo-feature--content h2 {
        max-height: none;
    }
}
@media (min-width: 768px) {
    .promo-feature--content {
        top: 120px;
        left: 38px;
        padding-right: 38px;
    }
}
@media (min-width: sm) {
    .promo-feature--content {
        top: 120px;
        left: 38px;
        padding-right: 38px;
    }
}
.promo-feature--content p {
    font-size: 16px;
}

.promo-feature--subtitle {
    position: absolute;
    font-weight: 300;
    color: white;
    font-size: 14px;
    left: 30px;
    top: 20px;
    display: none;
}
.promo-feature--subtitle strong {
    opacity: 0.6;
}
@media (min-width: 768px) {
    .promo-feature--subtitle {
        display: block;
        left: 38px;
        top: 38px;
    }
}
@media (min-width: sm) {
    .promo-feature--subtitle {
        display: block;
        left: 38px;
        top: 38px;
    }
}

.promo-feature--content-inner {
    max-height: 115px;
    margin-bottom: 10px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .promo-feature--content-inner {
        max-height: 140px;
        margin-bottom: 1em;
    }
}
@media (min-width: sm) {
    .promo-feature--content-inner {
        max-height: 140px;
        margin-bottom: 1em;
    }
}

.promo-feature--cta {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 20px;
    background: #6c2196;
    color: white;
}

.panel-blog--poster {
    position: relative;
    float: left;
    margin-right: 14px;
    width: 38.5%;
}
@media (min-width: 768px) {
    .panel-blog--poster {
        float: none;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
@media (min-width: sm) {
    .panel-blog--poster {
        float: none;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
}
.panel-blog--poster img {
    width: 100%;
    height: 100%;
    max-height: 215px;
    object-fit: cover;
}

.panel-blog {
    background: #f6f6f6;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .panel-blog {
        padding-right: 0;
        margin-bottom: 20px;
        height: 415px;
    }
    .panel-blog p {
        display: block;
    }
    .panel-blog h5 {
        padding-top: 0;
    }
}
@media (min-width: sm) {
    .panel-blog {
        padding-right: 0;
        margin-bottom: 20px;
        height: 415px;
    }
    .panel-blog p {
        display: block;
    }
    .panel-blog h5 {
        padding-top: 0;
    }
}
@media (min-width: 1200px) {
    .panel-blog {
        height: 490px;
    }
}
.panel-blog a {
    text-decoration: none;
}
.panel-blog p {
    font-size: 15.4px;
}
.panel-blog h5 {
    color: #606060;
    overflow: hidden;
    font-size: 18.3px;
    height: 2.25em;
    margin-bottom: 0.25em;
    font-family: "Foundry Sterling Demi";
}
@media (max-width: 767px) {
    .panel-blog h5 {
        font-size: 16px;
    }
}
.panel-blog--webinar-featured {
    width: 48%;
}
@media (max-width: 767px) {
    .panel-blog--webinar-featured {
        width: 100%;
    }
}
.panel-blog--webinar-info {
    padding: 20px;
}
.panel-blog--webinar .schedules-details {
    position: absolute;
    width: auto;
    color: #ffffff;
    background: #00B9D2;
    padding: 8px 12px;
    z-index: 10;
    left: 0;
    bottom: 2px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.panel-blog--webinar .ribbon--webinar span {
    font-size: 1em;
    font-weight: 400;
    background: #00B9D2;
}

.webinar-title {
    margin-bottom: 12px;
}

.webinar-content {
    margin-bottom: 30px;
}

.cet-tags-container {
    margin-bottom: 10px;
}
.cet-tags-container .cet-tag {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding: 8px 12px;
    background: #00B9D2;
}

.cet-overview--meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.cet-overview--meta .cet-meta {
    color: #00B9D2;
    margin-right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
}
.cet-overview--meta .cet-meta i {
    font-size: 23px;
    margin-right: 5px;
}

.panel-blog--subject {
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: 1;
    line-height: 33px;
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px;
    color: white;
    background: #00B9D2;
    display: none;
}
@media (min-width: 768px) {
    .panel-blog--subject {
        background: #00B9D2;
        display: block;
    }
}
@media (min-width: sm) {
    .panel-blog--subject {
        background: #00B9D2;
        display: block;
    }
}

.panel-blog--info {
    padding: 13px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .panel-blog--info {
        height: 260px;
    }
}
@media (min-width: sm) {
    .panel-blog--info {
        height: 260px;
    }
}
@media (min-width: 1200px) {
    .panel-blog--info {
        height: 260px;
    }
}
@media (max-width: 767px) {
    .panel-blog--info {
        position: absolute;
        left: 40%;
        right: 10%;
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        max-height: 40px;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.panel-blog--date {
    font-size: 11px;
    color: #646363;
    text-transform: uppercase;
}

.panel-blog--cta {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 20px;
    background: #6c2196;
    color: white;
}
@media (max-width: 767px) {
    .panel-blog--cta {
        display: none;
    }
}

.territory-uk .panel-blog--subject {
    background-color: #239638;
}

.misight-certificate-japan-background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("/images/certificate/Misight-jp.jpg");
    background-size: contain;
}

.misight-jp-container {
    padding-top: 260px;
    width: 885px !important;
    display: inline-block;
    float: none;
    margin: 0 auto;
}
.misight-jp-container .misight-jp-title {
    text-align: center;
    color: 7c8084;
    font-size: 40px;
}
.misight-jp-container .misight-jp-prof-number {
    padding-top: 10px;
}
.misight-jp-container .misight-jp-full-name-container {
    padding-top: 12px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    position: relative;
}
.misight-jp-container .misight-jp-full-name-container .misight-jp-full-name {
    text-align: center;
    display: block;
}
.misight-jp-container .misight-jp-full-name-container .misight-jp-user-title {
    float: right;
    text-align: right;
    display: block;
    margin-top: -45px;
}
.misight-jp-container .misight-jp-certify {
    font-size: 20px;
    color: #6c2196;
    width: 540px;
    text-align: center;
    margin: 0 auto;
}
.misight-jp-container .misight-jp-container-bottom {
    margin-top: 50px;
}
.misight-jp-container .misight-jp-container-bottom .misight-jp-signature {
    float: left;
    width: 300px;
    padding-top: 43px;
}
.misight-jp-container .misight-jp-container-bottom .misight-jp-date-container {
    float: right;
    width: 295px;
    margin-top: 5px;
}
.misight-jp-container .misight-jp-container-bottom .misight-jp-date-container .misight-jp-date {
    font-weight: bold;
}

.misight-jp-footer {
    padding-top: 50px;
    width: 1000px;
    display: inline-block;
    float: none;
    margin: 0 auto;
}
.misight-jp-footer .misight-jp-approval-code {
    text-align: right;
    font-size: 0.8em;
}

.misight-certificate-myday-background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
}

.misight-myday-container {
    padding-top: 65px;
    padding-left: 140px;
}
.misight-myday-container.aus-nz-cert-variant {
    padding-top: 90px;
    padding-left: 145px;
    width: 540px;
}

.misight-myday-title {
    color: #283583;
    font-weight: bold;
    font-size: 45px;
}

.misight-myday-sub-title {
    font-size: 47px;
    font-weight: 500;
    width: 565px;
    padding-top: 50px;
}
.misight-myday-sub-title.aus-nz-cert-variant {
    padding-top: 40px;
}

.misight-myday-certify {
    font-size: 22px;
    color: #283583;
    width: 540px;
    padding-top: 30px;
}
.misight-myday-certify.aus-nz-cert-variant {
    padding-top: 25px;
}

.misight-myday-text-blue {
    color: #283583;
}

.misight-myday-text-grey {
    color: #636366;
}

.misight-myday-aus-nz-certify-first {
    float: left;
    margin: 0;
    display: inline-block;
    width: 220px;
    font-weight: bold;
}

.misight-myday-aus-nz-certify-second {
    float: right;
    margin: 0;
    display: inline-block;
}

.misight-myday-user {
    padding-top: 22px;
}

.misight-myday-content {
    padding-top: 40px;
    font-size: 22px;
    width: 540px;
    color: #283583;
    font-weight: bold;
}
.misight-myday-content.aus-nz-cert-variant {
    padding-top: 20px;
}

.misight-myday-course {
    padding-top: 27px;
}
.misight-myday-course.aus-nz-cert-variant {
    padding-top: 35px;
}
.misight-myday-course.aus-nz-cert-variant p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.misight-myday-date {
    padding-top: 10px;
}
.misight-myday-date.aus-nz-cert-variant {
    padding-top: 18px;
}
.misight-myday-date.aus-nz-cert-variant p {
    padding-bottom: 0;
}

.misight-myday-duration {
    padding-top: 10px;
}
.misight-myday-duration.aus-nz-cert-variant {
    padding-top: 20px;
}
.misight-myday-duration.aus-nz-cert-variant p {
    padding-bottom: 0;
}

.misight-myday-approval-code {
    margin-top: -20px;
    width: 800px;
    font-weight: 100;
    font-size: 15px;
    text-align: right;
}

.misight-myday-multiline p {
    font-size: 22px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.misight-myday-multiline span {
    font-size: 15px;
}

.misight-myday-course-information.aus-nz-cert-variant {
    margin-top: 17px;
}
.misight-myday-course-information.aus-nz-cert-variant p {
    padding-bottom: 0;
}

.flash {
    margin: 1em auto 1em;
    background: #00B9D2;
    padding: 10px;
    width: 90%;
    color: white;
}
.flash span {
    margin-right: 5px;
}
.flash li {
    list-style-type: disc;
    margin-left: 1em;
}
@media (min-width: 1000px) {
    .flash {
        width: 70%;
    }
}

.flash--warning {
    color: #333;
    background: white;
    border: 1px solid red;
    border-left-width: 10px;
}

@media (max-width: 767px) {
    .blog--content-text figure {
        overflow-x: auto;
        width: 100% !important;
    }
    .blog--content-text figure table {
        width: 1100px;
    }
}
.blog--content-text h1, .blog--content-text h2, .blog--content-text h3, .blog--content-text h4, .blog--content-text h5, .blog--content-text h6 {
    display: inline-block;
    width: 95%;
}