/* Minification failed. Returning unminified contents.
(2737,1): run-time error CSS1019: Unexpected token, found '@import'
(2737,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap')'
(9206,35): run-time error CSS1055: Expected media-query expression, found 'screen'
(13030,35): run-time error CSS1055: Expected media-query expression, found 'screen'
(13035,35): run-time error CSS1055: Expected media-query expression, found 'screen'
(15518,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15765,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15776,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19647,52): run-time error CSS1019: Unexpected token, found ' '
(19647,52): run-time error CSS1034: Expected closing parenthesis, found ' '
(20006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20023,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(30691,25): run-time error CSS1036: Expected expression, found ';'
 */
body {
    margin: 0
}

.thinkology__myqa :not(i) {
    font-family: 'Figtree',Arial,sans-serif;
}

.thinkology__myqa {
    box-sizing: border-box
}

    .thinkology__myqa a {
        text-decoration: none
    }

    .thinkology__myqa.header li {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1.22
    }

    .thinkology__myqa *, .thinkology__myqa ::after, .thinkology__myqa ::before {
        box-sizing: inherit
    }

    .thinkology__myqa .container {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        margin-right: auto;
        margin-left: auto
    }

@media (min-width:576px) {
    .thinkology__myqa .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .thinkology__myqa .container {
        max-width: 740px;
        padding-right: 12px;
        padding-left: 12px
    }
}

@media (min-width:992px) {
    .thinkology__myqa .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .thinkology__myqa .container {
        max-width: 1140px
    }
}

@media (min-width:1340px) {
    .thinkology__myqa .container {
        max-width: 1304px
    }
}

.content-constraint {
    width: 960px;
    max-width: 100%;
    margin: 0 auto
}

@media(max-width:1199px) {
    .content-constraint {
        width: 860px
    }
}

@media(max-width:991px) {
    .content-constraint {
        width: 670px
    }
}

.relative {
    position: relative
}

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

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

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

.loadMore {
    margin-top: 20px;
    margin-bottom: 40px
}

.section-blurb {
    text-align: center;
    margin-top: -25px;
    margin-bottom: 40px
}

.triangle-right {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 103px;
    overflow: hidden;
    border-left-color: #ccc
}

    .triangle-right::after {
        content: "";
        width: 100%;
        background: 0 0;
        position: absolute;
        left: 0;
        top: 50%;
        border-top: 150px solid transparent;
        border-bottom: 150px solid transparent;
        border-left: 90px solid #ccc;
        transform: translatey(-50%);
        border-left-color: inherit
    }

.triangle-bottom {
    position: absolute;
    top: calc(100% - 100px);
    left: 0;
    right: 0;
    height: 83px;
    overflow: hidden;
    border-left-color: #ccc;
    z-index: -1;
    transition: .4s all
}

.active .triangle-bottom {
    top: 100%
}

.triangle-bottom::after {
    content: "";
    width: 100%;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 77px solid #ccc;
    transform: translatex(-50%);
    border-top-color: inherit
}

.hidden-accessible {
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    height: 0;
    display: block;
    overflow: hidden
}

.scroll-marker {
    position: relative;
    bottom: 130px
}

.stop {
    overflow: hidden
}

#st_gdpr_iframe {
    top: 0
}

.desktop {
    display: block
}

@media(max-width:767px) {
    .desktop {
        display: none
    }
}

.mobile, .mobile_notmenu, .mobile_menu_logo {
    display: none
}

@media(max-width:767px) {
    .mobile, .mobile_notmenu {
        display: block
    }

    .nav--show .mobile_notmenu {
        display: none
    }

    .nav--show .mobile_menu_logo {
        display: block
    }
}

.loader {
    position: relative
}

    .loader div, .loader div:after {
        position: absolute;
        width: 160px;
        height: 160px;
        border: 20px solid #080C10;
        border-top-color: transparent;
        border-radius: 50%
    }

    .loader div {
        -webkit-animation: lds-rolling .7s linear infinite;
        animation: lds-rolling .7s linear infinite;
        top: 100px;
        left: 100px
    }

        .loader div:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

.loader {
    width: 59px !important;
    height: 59px !important;
    -webkit-transform: translate(-29.5px,-29.5px) scale(.195) translate(29.5px,29.5px);
    transform: translate(-29.5px,-29.5px) scale(.195) translate(29.5px,29.5px)
}

.loader {
    display: none
}

.row.flex-align-center {
    align-items: center
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
    transform: translatez(0)
}

    .header::after {
        display: block
    }

@media(max-width:767px) {
    .header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: 0 0
    }

    .nav-active .header {
        bottom: 0
    }

    .header::after, .header::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0%;
        background: #080C10;
        z-index: 2;
        transition: .2s all
    }

    .header::after {
        left: auto;
        right: 0
    }

    .menuItems--show .header::after {
        width: 100%;
        display: block
    }
}

.header .header__inner {
    display: flex;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 23px;
    padding-bottom: 9px;
    position: relative;
    height: 91px;
    z-index: 2
}

@media(max-width:1199px) {
    .header .header__inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media(max-width:991px) {
    .header .header__inner {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(max-width:767px) {
    .header .header__inner {
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        z-index: 3;
        height: 100%
    }
}

.header__navShield {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1;
    background: #fff;
    transition: .3s all;
    height: 0
}

.header__logo {
    display: block;
    margin-left: 4px;
    margin-top: 5px;
}

@media(max-width:767px) {
    .header__logo {
        order: 2;
        margin-top: 10px
    }
}

.header__logoSpacer {
    flex-grow: 1
}

@media(max-width:767px) {
    .header__logoSpacer {
        display: none
    }
}

.header__logoSVG {
    width: 64px;
    height: 44px
}

    .header__logoSVG * {
        transition: .2s all
    }

@media(max-width:767px) {
    .menuItems--show .header__logoSVG * {
        fill: #0B7192 !important
    }
}

.header__logoSpacer--mobile {
    display: none
}

@media(max-width:767px) {
    .header__logoSpacer--mobile {
        display: block
    }
}

.header__searchTrigger--mobile {
    display: none
}

@media(max-width:767px) {
    .header__searchTrigger--mobile {
        display: block;
        padding-left: 19px;
        padding-top: 20px
    }
}

.header__searchTrigger--mobile i {
    color: #333;
    transition: .2s all
}

.menuItems--show .header__searchTrigger--mobile i {
    color: #0B7192
}

.header__search {
    margin-top: 8px
}

@media(max-width:991px) {
    .header__search {
        margin-left: 10px
    }
}

@media(max-width:767px) {
    .header__search {
        display: none;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 41px
    }

    .search--show .header__search {
        display: block;
        order: 7;
        width: 100%
    }
}

.header__searchInput[type=text] {
    padding: 8px 5px 8px 0;
    border: 0;
    font-weight: 600;
    width: 192px;
    color: #5e5e5e;
    height: auto;
    line-height: 1.2;
    background: #fff;
    font-size: 14px;
    margin: 0;
    border: 0;
    box-shadow: none
}

@media(max-width:1199px) {
    .header__searchInput[type=text] {
        width: 152px
    }
}

@media(max-width:991px) {
    .header__searchInput[type=text] {
        width: 74px
    }
}

@media(max-width:767px) {
    .header__searchInput[type=text] {
        font-size: 12px;
        width: 100%;
        background: 0 0;
        color: #fff
    }
}

.header__searchInput + label {
    text-indent: -9000em;
    text-align: left;
    display: block;
    background: #bfbfbf;
    height: 2px;
    overflow: hidden;
    margin-top: 1px;
    position: relative
}

@media(max-width:767px) {
    .header__searchInput + label {
        background-color: #fff
    }
}

.header__searchInput + label:before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 0;
    height: 2px;
    position: absolute;
    transition: .3s all;
    background: #0B7192
}

.header__searchInput:focus + label:before, .thinkology__myqa .header__searchInputContainer:hover .header__searchInput + label:before {
    width: 100%
}

.header__searchInputContainer {
    position: relative
}

    .header__searchInputContainer::after {
        content: "\f002";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 2px;
        top: 8px;
        color: #0B7192;
        cursor: pointer;
        font-size: 16px;
        line-height: 18px
    }

@media(max-width:767px) {
    .header__searchInputContainer::after {
        content: none
    }
}

@media(min-width:768px) {
    .header__searchButton {
        position: absolute;
        right: 0;
        top: 3px;
        cursor: pointer;
        border: 0;
        background: 0 0;
        text-align: left;
        text-indent: -9000em;
        height: 30px;
        width: 27px;
        z-index: 9000
    }
}

@media(max-width:767px) {
    .header__searchButton {
        display: block;
        border-radius: 50px;
        border: 0;
        height: 44px;
        width: 100%;
        margin-top: 31px;
        background: #0B7192;
        color: #080C10;
        font-weight: 600;
        letter-spacing: -.3px
    }
}

.header__contact {
    color: #bfbfbf;
    line-height: 1.2;
    margin-top: 2px;
    /*letter-spacing: .7px;*/
    margin-right: -2px;
    font-weight: 600;
    font-size: 14px
}

@media(max-width:1339px) {
    .header__contact {
        z-index: 2;
        position: relative
    }
}

@media(max-width:991px) {
    .header__contact {
        font-size: 13px
    }
}

@media(max-width:767px) {
    .header__contact {
        display: none;
        color: #080C10
    }

    .menuItems--show .header__contact {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #F6F7F8;
        padding: 22px 31px;
        justify-content: space-between
    }
}

.header__contact a, .header__contact span {
    color: #080C10;
    text-decoration: none;
    display: block;
    font-weight: 600;
    font-size: 20px;
    /*letter-spacing: .2px*/
    line-height:24px;
}

@media(max-width:991px) {
    .header__contact a, .header__contact span {
        font-size: 18px
    }
}

@media(max-width:767px) {
    .header__contact a, .header__contact span {
        font-size: 15px;
        font-weight: 500
    }
}

.header__contact .InfinityNumber {
    opacity: 0
}

.header__contact .InfinityNumber.show, .thinkology__myqa .header__contact .InfinityNumber {
    opacity: 1
}

.myQA__ribbon {
    background: #F6F7F8;
    height: 40px;
    position: relative;
    z-index: 1000
}

@media(max-width:767px) {
    .header > .myQA__ribbon {
        display: none
    }
}

.myQA__ribbon > *, .myQA__ribbon > * > * {
    position: relative
}

.myQA__ribbonInner {
    font-size: 0;
    text-align: right
}

    .myQA__ribbonInner > div > * {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        vertical-align: top
    }

.myQA__ribbon * {
    font-size: 14px;
    font-weight: 500
}

.myQA__ribbon ul li a {
    font-size: 12px;
    color: #080C10;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block
}

    .myQA__ribbon ul li a:hover {
        /*color: #20d3ff*/
    }

.myQABtn, .myQABtn:visited {
    background: #080C10;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 30px
}

    .myQABtn:hover {
        color: #20d3ff;
        cursor: pointer
    }

.loggedin, .loggedout {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: none
}

    .loggedin.active, .loggedout.active {
        display: block;
        font-size: 0
    }

.thinkology-myqaheader .loggedin, .thinkology-myqaheader .loggedout {
    display: block;
    transition: .2s all;
    transform: translatey(-100%)
}

    .thinkology-myqaheader .loggedin.active, .thinkology-myqaheader .loggedout.active {
        transform: translatey(0)
    }

@media(max-width:767px) {
    .loggedin, .loggedout, .thinkology-myqaheader .loggedin, .thinkology-myqaheader .loggedout {
        display: flex;
        flex-direction: column
    }

    .loggedout {
        padding-top: 5px
    }
}

.myQA__menuContainer {
    margin-right: 20px;
    margin-left: 40px
}

.myQA__menuTrigger {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 25px;
    cursor: pointer;
    color: #080C10
}

.myQA__menu ul {
    margin: 0;
    padding: 0
}

.myQA__menu li {
    margin: 0;
    list-style: none
}

    .myQA__menu li:before {
        display: none
    }

.myQA__menuContainer:hover .myQA__menu {
    display: block
}

.myQA__menuContainer:hover .myQA__menuTrigger {
    /*color: #20d3ff*/
}

.myqaCheckOut, .myqaCheckOut:visited {
    height: 40px;
    line-height: 40px;
    padding: 0 11px 0 14px;
    color: #ffffff;
    background: #0B7192;
    margin-right: 0
}

a.myqaCheckOut:hover,
a.myqaCheckOut:hover span.myQA__basketItems{
    text-decoration: none;
}

    .myQA__menu div {
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        padding-left: 39px;
        padding-bottom: 35px
    }

.myQA__menu .h4 {
    color: #353535;
    margin: 0;
    font-size: 14px
}

.myQA__menu li:after .myQA__ribbon ul, .myQA__ribbon ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.myQA__companyName, .myqaLogin {
    color: #485A6E
}

.myqa--mobile {
    display: none
}

@media(max-width:767px) {
    .myqa--mobile {
        display: block
    }
}

.myqa--mobile .myQA__ribbon {
    background: 0 0;
    padding-top: 7px
}

.myqa--mobile .myQA__ribbonInner {
    text-align: left
}

.myqa--mobile .myQA__menu {
    display: block;
    position: static;
    background: 0 0
}

.myqa--mobile .myQA__ribbon * {
    font-size: 12px
}

.myqa--mobile .myQA__ribbon .container {
    padding: 0
}

.myqa--mobile .myQA__ribbonInner > div > * {
    display: block;
    height: auto;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700
}

.myqa--mobile .myqaCheckOut, .myqa--mobile .myqaCheckOut:visited {
    height: auto;
    line-height: 1.2;
    font-size: 12px;
    order: 3;
    align-self: flex-start;
    position: relative;
    bottom: 14px;
    color: #20d3ff
}

    .myqa--mobile .myqaCheckOut i, .myqa--mobile .myqaCheckOut:visited i {
        color: #20d3ff
    }

.myqa--mobile .myQA__menuContainer {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 7px;
    margin-bottom: 10px
}

.myqa--mobile .myQA__companyName, .myqa--mobile .myqaLogin {
    color: #20d3ff;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    padding: 4px 0 7px
}

.myqa--mobile .myqaLogin {
    padding: 0
}

.myqa--mobile .myQA__menuTrigger {
    height: auto;
    line-height: 1.2;
    color: #0B7192;
    padding-right: 0;
    padding-left: 0;
    font-weight: 700;
    margin-bottom: 7px;
    display: none
}

.myqa--mobile .myQA__menu div {
    padding: 0
}

.myqa--mobile .myQA__menu .h4 {
    height: auto;
    line-height: 17px;
    color: #0B7192;
    padding-right: 0;
    padding-left: 0;
    /*font-weight: 700;*/
    margin-bottom: 7px;
    display: block
}

.myqa--mobile .myQA__ribbon ul li {
    margin-bottom: 7px;
    font-size: 14px
}

    .myqa--mobile .myQA__ribbon ul li a {
        color: #fff;
        padding-left: 16px;
        padding-top: 0;
        padding-bottom: 0;
        display: block;
        line-height: 17px
    }

.myqa--mobile .myQA__ribbon ul {
    /*display: none*/
}

.myqa--mobile .myQA__menu div:hover > ul {
    display: block
}

.myqa--mobile .myQABtn {
    color: #fff;
    align-self: flex-end
}

.thinkology__myqa.header nav > ul > li {
    margin-bottom: 0
}

.myQA__showCompanyLogo .header__logo {
    display: none
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .header__logo {
        display: block
    }
}

.header__myQALogo {
    display: none
}

.myQA__showCompanyLogo .header__myQALogo {
    display: block;
    height: 55px;
    position: relative;
    bottom: 5px
}

@media(max-width:1339px) {
    .myQA__showCompanyLogo .header__myQALogo {
        margin-left: -57px
    }
}

@media(max-width:1199px) {
    .myQA__showCompanyLogo .header__myQALogo {
        margin-left: -11px;
        height: 41px;
        bottom: -2px
    }
}

@media(max-width:991px) {
    .myQA__showCompanyLogo .header__myQALogo {
        height: 31px;
        bottom: -12px;
        margin-left: 0
    }
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .header__myQALogo {
        display: none
    }
}

.myQA__showCompanyLogo .header__myQALogo img {
    height: 100%;
    width: auto;
    display: block
}

.myQA__QALogo {
    display: none;
    position: absolute;
    left: 62px;
    top: 9px
}

@media(max-width:1199px) {
    .myQA__QALogo {
        left: 14px
    }
}

@media(max-width:991px) {
    .myQA__QALogo {
        left: 0
    }
}

.myQA__QALogo svg {
    height: 22px;
    width: 33px
}

.myQA__showCompanyLogo .myQA__QALogo {
    display: block
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .myQA__QALogo {
        display: none
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
    transform: translatez(0)
}

    .header::after {
        display: block
    }

@media(max-width:767px) {
    .header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #f6f7f8
    }

    .nav-active .header {
        bottom: 0
    }

    .header::after, .header::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0%;
        background: #0B7192;
        z-index: 2;
        transition: .2s all
    }

    .header::after {
        left: auto;
        right: 0
    }

    .menuItems--show .header::after {
        width: 100%;
        display: block
    }
}

@media(max-width:767px) {
    .header__logo {
        order: 0;
        margin-top: 6px;
        margin-left: 19px
    }
}


@media(max-width:767px) {
    .header__logoSpacer {
        display: block
    }
}

@media(max-width:767px) {
    .header__contact {
        display: none;
        color: #080C10
    }

    .menuItems--show .header__contact {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #ECECEC;
        padding: 22px 31px;
        justify-content: space-between
    }
}


    .myQA__ribbon ul li a:hover {
        /*color: #20d3ff*/
        background: #E5E8EB;
    }

@media(max-width:767px) {
    .loggedin, .loggedout, .thinkology-myqaheader .loggedin, .thinkology-myqaheader .loggedout {
        display: none
    }
}

.myQA__menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 0;
    text-align: left;
    background: #e5e8eb;
    min-width: 292px;
}


    .myQA__menu li {
        white-space: nowrap
    }

.myQA__menuContainer:hover .myQA__menuTrigger {

    background: #E5E8EB;
}

@media(min-width:768px) {
    .myQA__basketItems {
        color: #FFFFFF !important
    }
}

@media(max-width:767px) {
    .myqaCheckOut, .myqaCheckOut:visited {
        background: 0 0
    }
}

.myQA__menu div {
    display: inline-block;
    vertical-align: top;
    padding-top: 26px;
    padding-left: 39px;
    padding-bottom: 35px
}

    .myQA__menu div:last-child {
        padding-right: 39px
    }

.myQA__menu .h4 {
    color: #353535;
    margin: 0;
    font-size: 14px;
    white-space: nowrap
}

.myQA__menu li:after .myQA__ribbon ul, .myQA__ribbon ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.myQA__companyName, .myqaLogin {
    color: #485A6E
}

.myqaLogin {
    margin-right: 4px
}

    .myqaLogin:last-child {
        margin-right: 0
    }

.myQABtn, .myQABtn:visited {
    background: #080C10;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 30px
}

    .myQABtn:hover {
        color: #20d3ff;
        cursor: pointer
    }

.myqa--mobile {
    display: none
}

@media(max-width:767px) {
    .myqa--mobile {
        display: block
    }

    .myQABtn, .myQABtn:visited {
        background: none;
        color: #fff;
    }
}

.myqa--mobile .myQA__ribbon {
    background: 0 0;
    padding-top: 7px
}

.myqa--mobile .myQA__ribbonInner {
    text-align: left
}

.myqa--mobile .myQA__menu {
    display: block;
    position: static;
    background: 0 0
}

.myqa--mobile .myQA__ribbon * {
    font-size: 12px
}

@media(max-width:767px) {
    .myqa--mobile .myQA__ribbon * {
        font-size: 14px !important;
    }

    .myqa--mobile .myQA__ribbon ul li * {
        font-size: 14px !important;
    }

    .myqa--mobile .myQA__ribbon .loggedin,
    .myqa--mobile .myQA__ribbon .loggedout {
        position:revert;
    }
    .myQA__ribbon {
        height:auto;
    }
}

.myqa--mobile .myQA__ribbon .container {
    padding: 0
}

.myqa--mobile .myQA__ribbonInner > div > * {
    display: block;
    height: auto;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700
}

@media(max-width:767px) {
    .myqa--mobile .myQA__ribbonInner > div > * {
        font-weight: 500
    }
}

.myqa--mobile .myqaCheckOut {
    height: auto;
    line-height: 1.2;
    font-size: 12px;
    order: 3;
    align-self: flex-start;
    position: relative;
    bottom: 14px;
    color: #20d3ff
}

@media(max-width:767px) {
    .myQA__ribbonInner .myqaCheckOut {
        display: none !important
    }
}

.myqa--mobile .myqaCheckOut i {
    color: #20d3ff
}

.myqa--mobile .myQA__menuContainer {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 7px;
    margin-bottom: 10px
}

.myqa--mobile .myQA__companyName, .myqa--mobile .myqaLogin {
    color: white;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    padding: 12px 0 12px;
}

@media(max-width:767px) {
    .myqa--mobile .myQA__companyName, .myqa--mobile .myqaLogin {
        font-weight: 500;
        font-size: 14px
    }
}

.myqa--mobile .myqaLogin {
    padding: 0
}

.myqa--mobile .myQABtn.myqaLogin--apprenticeship {
    color: #0B7192;
    padding-bottom: 10px;
    padding-top: 4px;
    text-align: right
}

body:not(.section-apprenticeships) .myqaLogin--apprenticeship {
    display: none
}

body.page-id-1146 .myqaLogin--myqa {
    display: none
}

body:not(.page-id-1146) .myqaLogin--cloudacademy {
    display: none
}

body.page-id-21121 .myqaLogin--myqa {
    display: none
}

body.page-id-21121 .myqaLogin--cloudacademy {
    display: inline-block
}

body.page-id-21596 .myqaLogin--myqa {
    display: none
}

body.page-id-21596 .myqaLogin--cloudacademy {
    display: inline-block
}

body.page-id-21130 .myqaLogin--myqa {
    display: none
}

body.page-id-21130 .myqaLogin--cloudacademy {
    display: inline-block
}

body.page-id-21598 .myqaLogin--myqa {
    display: none
}

body.page-id-21598 .myqaLogin--cloudacademy {
    display: inline-block
}

.myqa--mobile .myQA__menuTrigger {
    height: auto;
    line-height: 1.2;
    color: #0B7192;
    padding-right: 0;
    padding-left: 0;
    font-weight: 700;
    margin-bottom: 7px;
    display: none
}

.myqa--mobile .myQA__menu div {
    padding: 0
}

.myqa--mobile .myQA__menu .h4 {
    height: auto;
    line-height: 17px;
    color: #0B7192;
    padding-right: 0;
    padding-left: 0;
    /*font-weight: 700;*/
    margin-top: 12px;
    margin-bottom: 12px;
    display: block
}

.myqa--mobile .myQA__ribbon ul li {
    margin-bottom: 7px;
    font-size: 14px
}

    .myqa--mobile .myQA__ribbon ul li a {
        color: #fff;
        padding-left: 16px;
        padding-top: 0;
        padding-bottom: 0;
        display: block;
        line-height: 17px
    }

.myqa--mobile .myQA__ribbon ul {
    /*display: none*/
}

.myqa--mobile .myQA__menu div:hover > ul {
    display: block
}

@media(max-width:767px) {
    .myqa--mobile .myQA__menu div {
        display: block
    }
}

.myqa--mobile .myQABtn {
    color: #fff;
    align-self: flex-end
}

.header__searchInputOverlayLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20
}

.myQA__showCompanyLogo .header__logo {
    display: none
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .header__logo {
        display: block
    }
}

.header__myQALogo {
    display: none
}

.myQA__showCompanyLogo .header__myQALogo {
    display: block;
    height: 55px;
    position: relative;
    bottom: 5px
}

@media(max-width:1339px) {
    .myQA__showCompanyLogo .header__myQALogo {
        margin-left: -57px
    }
}

@media(max-width:1199px) {
    .myQA__showCompanyLogo .header__myQALogo {
        margin-left: -11px;
        height: 41px;
        bottom: -2px
    }
}

@media(max-width:991px) {
    .myQA__showCompanyLogo .header__myQALogo {
        height: 31px;
        bottom: -12px;
        margin-left: 0
    }
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .header__myQALogo {
        display: none
    }
}

.myQA__showCompanyLogo .header__myQALogo img {
    height: 100%;
    width: auto;
    display: block
}

.myQA__QALogo {
    display: none;
    position: absolute;
    left: 112px;
    top: 6px;
    z-index: 5
}

.thinkology__myqa .myQA__QALogo {
    left: 62px;
    top: 6px
}

@media(max-width:1199px) {
    .thinkology__myqa .myQA__QALogo {
        left: 14px
    }
}

@media(max-width:991px) {
    .thinkology__myqa .myQA__QALogo {
        left: 0
    }
}

.myQA__QALogo svg {
    height: 22px;
    width: 33px
}

.myQA__showCompanyLogo .myQA__QALogo {
    display: block
}

@media(max-width:767px) {
    .myQA__showCompanyLogo .myQA__QALogo {
        display: none
    }
}

.logged-in .header__myQALogo {
    max-width: 210px
}

    .logged-in .header__myQALogo img {
        max-width: 100%;
        height: auto !important;
        position: relative;
        top: 50%;
        transform: translatey(-50%)
    }

.myqaCheckOut i {
    font-size: 18px;
    vertical-align: middle;
    line-height: 42px;
    font-weight: normal;
}

.header .back {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 1000
}

@media(max-width:767px) {
    .header .back {
        display: none !important
    }
}

.back__button {
    color: #080C10;
    font-weight: 700;
    cursor: pointer;
    width: 100px;
    text-align: left
}

.back__button {
    display: none !important
}

    .back__button img {
        height: 17px;
        transform: rotate(180deg);
        position: relative;
        top: 4px;
        padding-left: 8px;
        width: 37px
    }

@media(max-width:767px) {
    .myqaCheckOut {
        margin-top: 7px;
        margin-right: 11px;
        padding-top: 0;
        position: relative
    }

    .header__searchTrigger--mobile {
        padding-left: 0;
        padding-top: 20px;
        padding-right: 5px
    }

    .header__phone--mobile {
        font-size: 18px;
        margin-top: 19px;
        margin-right: 21px
    }

    .myQA__basketItems {
        position: absolute;
        top: 1px;
        color: #0B7192;
        border-radius: 30px;
        background: #080C10;
        display: block;
        width: 12px;
        height: 12px;
        right: -3px;
        line-height: 12px;
        font-size: 8px;
        text-align: center;
        font-weight: 700
    }

    .thinkology__myqa .myQA__basketItems {
        color: #fff
    }

    .header__phone--mobile i, .header__searchTrigger--mobile i, .myqaCheckOut i {
        color: #080C10
    }

    .c-hamburger.c-hamburger--htx span, .c-hamburger.c-hamburger--htx span::after, .c-hamburger.c-hamburger--htx span::before {
        background-color: #080C10
    }

    .menuItems--show .header__phone--mobile i, .menuItems--show .header__searchTrigger--mobile i, .menuItems--show .myqaCheckOut i {
        color: #ffffff !important
    }

    .c-hamburger.c-hamburger--htx.is-active span, .c-hamburger.c-hamburger--htx.is-active span::after, .c-hamburger.c-hamburger--htx.is-active span::before {
        background-color: #ffffff !important
    }

    .c-hamburger.c-hamburger--htx.is-active span {
        background-color: transparent !important
    }

    .menuItems--show .myQA__basketItems {
        color: #080C10 !important;
        background: #ffffff !important
    }

    .aqua-on-blue .type-article .header__logo svg path {
        fill: #a5ffff
    }

    .aqua-on-blue .type-article .header__phone--mobile i, .aqua-on-blue .type-article .header__searchTrigger--mobile i, .aqua-on-blue .type-article .myqaCheckOut i {
        color: #a5ffff
    }

    .aqua-on-blue .type-article .c-hamburger.c-hamburger--htx span, .aqua-on-blue .type-article .c-hamburger.c-hamburger--htx span::after, .aqua-on-blue .type-article .c-hamburger.c-hamburger--htx span::before {
        background-color: #a5ffff
    }

    .aqua-on-blue .type-article .myQA__basketItems {
        background-color: #a5ffff
    }

    .aqua-on-blue .type-article .myQA__basketItems {
        color: #080C10
    }
}

.searchOverlay {
    display: none
}

.header__nav {
    margin-top: 15px;
    margin-right: 108px;
    margin-left: 46px
}

@media(max-width:1339px) {
    .header__nav {
        margin-right: 38px;
        margin-left: 35px
    }
}

@media(max-width:1199px) {
    .header__nav {
        margin-right: 32px
    }
}

@media(max-width:991px) {
    .header__nav {
        margin-right: 32px;
        margin-left: 24px
    }
}

@media(max-width:767px) {
    body.nav-active {
        overflow:hidden
    }

    .header__nav {
        display: none;
        order: 10;
        width: calc(100% - 40px);
        margin-top: 26px;
        margin-left: 19px;
        margin-right: 19px;
        padding-bottom: 0;
        transition: .2s all;
        transform: translatex(150%)
    }

    .nav-active .header__nav {
        /*max-height: calc(100% - 170px);*/
        max-height: calc(100% - 130px);
        overflow-y: scroll;
        display: block;
        padding-bottom:30px;
    }

    .menuItems--show .header__nav {
        transition: .3s all;
        transform: translatex(0)
    }

    .nav-active.search--show .header__nav {
        display: none
    }

    .header__nav ul li ul li ul {
        position: relative;
        left: 0;
        top: none;
        padding-top: none;
        padding-left: none;
        min-width: none;
        overflow: none;
        white-space: normal
    }

        .header__nav ul li ul li ul li {
            opacity: 1;
            left: 0
        }

            .header__nav ul li ul li ul li a {
                color: #fff;
                font-size: 18px;
                display: block;
                width: 100%
            }
}

.header__nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap
}

@media(max-width:767px) {
    .header__nav > ul {
        border-bottom: 1px solid rgba(255,255,255,.5);
        padding-bottom: 10px
    }
}

.header__nav li {
    display: inline-block;
    margin-right: 23px;
    vertical-align: top;
    position: relative
}

@media(max-width:1199px) {
    .header__nav li {
        margin-right: 24px
    }
}

@media(max-width:991px) {
    .header__nav li {
        margin-right: 16px
    }
}

@media(max-width:767px) {
    .header__nav li {
        display: block
    }
}

.header__nav li:last-child {
    margin-right: 0
}

.header__nav a, .header__nav a:visited {
    color: #080C10;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px
}

@media(max-width:991px) {
    .header__nav a {
        font-size: 12px
    }
}

@media(max-width:767px) {
    .header__nav a, .header__nav a:visited {
        font-size: 14px;
        font-weight: 500;
        color: white !important;
    }
}

.header__nav li:active, .header__nav li:focus, .header__nav li:hover {
    cursor: pointer
}

/*    .header__nav li:active > a, .header__nav li:active > a:visited, .header__nav li:focus > a, .header__nav li:focus > a:visited, .header__nav li:hover > a, .header__nav li:hover > a:visited {
        color: white !important
    }*/

.header__nav > ul > li > a {
    position: relative;
    z-index: 3
}

@media(max-width:767px) {
    .header__nav > ul > li > a {
        padding: 12px 0 12px;
        display: block
    }
}

.header__nav > ul > li::before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: -38px;
    right: -103px;
    height: 81px;
    z-index: 2
}

@media(max-width:767px) {
    .header__nav > ul > li::before {
        content: none
    }
}

.header__nav li.on ul {
    display: block
}

.header__nav li.in ul {
    transform: translatey(0);
    transition-delay: .1s;
    opacity: 1
}

.header__nav li ul {
    padding-bottom: 26px;
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: 32px;
    min-width: 170px;
    display: none;
    opacity: 0;
    transition: .2s all;
    transform: translatey(-100%)
}

@media(max-width:767px) {
    .header__nav li ul, .header__nav li.in ul, .header__nav li.on ul {
        position: relative;
        top: 0;
        opacity: 1;
        transition: none;
        transform: none;
        display: none
    }

    .header__nav li a.clicked + ul {
        display: block;
        padding-top: 7px;
        padding-bottom: 0;
        overflow: visible;
        height: auto
    }
}

.header__nav li ul li {
    display: block;
    margin-bottom: 11px;
    margin-right: 0
}

@media(max-width:767px) {
    .header__nav li ul li {
        margin-bottom: 11px
    }
}

.header__nav li ul li:before {
    content: none
}

.header__nav li ul li a {
    font-weight: 700;
    letter-spacing: .05em
}

@media(max-width:767px) {
    .header__nav li ul li a, .header__nav li ul li a:visited {
        color: #fff;
        padding-left: 11px;
        font-weight: 500
    }
}

.header__nav ul li ul li ul {
    position: absolute;
    left: 170px;
    top: 0;
    padding-top: 0;
    padding-left: 40px;
    min-width: 180px;
    overflow: hidden;
    z-index: 100;
    height: 0
}

    .header__nav ul li ul li ul li {
        opacity: 0;
        transition: opacity .2s,left .2s;
        -webkit-transition: opacity .2s,left .2s;
        -moz-transition: opacity .2s,left .2s;
        left: -170px
    }

        .header__nav ul li ul li ul li a, .header__nav ul li ul li ul li a:visited {
            color: #666
        }

@media(max-width:767px) {
    .header__nav ul li ul li ul li a, .header__nav ul li ul li ul li a:visited {
        color: #fff
    }
}

.header__nav > ul > li > ul > li > ul:before {
    left: -170px;
    opacity: 0;
    background: url(/images/arrow_11.svg) top left no-repeat;
    width: 30px;
    height: 15px;
    position: absolute;
    background-size: contain;
    transition: opacity .2s,left .2s;
    -webkit-transition: opacity .2s,left .2s;
    -moz-transition: opacity .2s,left .2s
}

@media(min-width:768px) {
    .header__nav > ul > li > ul > li:hover > ul:before {
        content: '';
        opacity: 1;
        top: 1px;
        left: 0;
        transition: opacity 0s,left 0s;
        -webkit-transition: opacity 0s,left 0s;
        -moz-transition: opacity 0s,left 0s
    }

    .header__nav ul li ul li:hover > ul {
        left: 170px;
        z-index: 200;
        height: auto
    }

        .header__nav ul li ul li:hover > ul li {
            opacity: 1;
            left: 0
        }
}

@media(max-width:767px) {
    .header__nav > ul > li > ul > li a.clicked + ul:before {
        content: '';
        opacity: 1;
        top: 1px;
        left: 0;
        transition: none
    }

    .header__nav ul li ul li a.clicked + ul {
        left: 170px;
        z-index: 200;
        height: auto;
        display: block;
        position: static
    }

        .header__nav ul li ul li a.clicked + ul li {
            opacity: 1;
            left: 0
        }
}

.header__nav ul li ul li ul li:nth-child(1) {
    transition-delay: 0s
}

.header__nav ul li ul li ul li:nth-child(2) {
    transition-delay: 20ms
}

.header__nav ul li ul li ul li:nth-child(3) {
    transition-delay: 40ms
}

.header__nav ul li ul li ul li:nth-child(4) {
    transition-delay: 60ms
}

.header__nav ul li ul li ul li:nth-child(5) {
    transition-delay: 80ms
}

.header__nav ul li ul li ul li:nth-child(6) {
    transition-delay: .1s
}

.header__nav ul li ul li ul li:nth-child(7) {
    transition-delay: .12s
}

.header__nav ul li ul li ul li:nth-child(8) {
    transition-delay: .14s
}

.header__nav ul li ul li ul li:nth-child(9) {
    transition-delay: .16s
}

.header__nav ul li ul li ul li:nth-child(10) {
    transition-delay: .18s
}

.header__nav ul li ul li ul li:nth-child(11) {
    transition-delay: .2s
}

.header__nav ul li ul li ul li:nth-child(12) {
    transition-delay: .22s
}

.header__nav ul li ul li ul li:nth-child(13) {
    transition-delay: .24s
}

.header__nav ul li ul li ul li:nth-child(14) {
    transition-delay: .26s
}

.c-hamburger {
    display: none;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 0;
    text-indent: -9999px;
    margin-top: 19px;
    margin-right: 10px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    background: 0 0;
    position: relative;
    top: 0;
    left: 0;
    order: 3
}

@media(max-width:767px) {
    .c-hamburger {
        display: block
    }
}

.c-hamburger:focus {
    outline: 0
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 3px;
    background: #404040;
    border-radius: 26px
}

    .c-hamburger span::after, .c-hamburger span::before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #404040;
        content: "";
        border-radius: 10px
    }

    .c-hamburger span::before {
        top: -7px
    }

    .c-hamburger span::after {
        bottom: -7px
    }

.c-hamburger--htx span {
    -webkit-transition: background 0s ease .15s;
    transition: background 0s ease .15s
}

    .c-hamburger--htx span::after, .c-hamburger--htx span::before {
        -webkit-transition-duration: .15s,.15s;
        transition-duration: .15s,.15s;
        -webkit-transition-delay: .15s,0s;
        transition-delay: .15s,0s
    }

    .c-hamburger--htx span::before {
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,transform
    }

    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom,-webkit-transform;
        transition-property: bottom,transform
    }

.c-hamburger--htx.is-active span {
    background: 0 0 !important
}

    .c-hamburger--htx.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-hamburger--htx.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
        -webkit-transition-delay: 0s,.15s;
        transition-delay: 0s,.15s
    }

    .c-hamburger--htx.is-active span, .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
        background-color: #0B7192
    }

.footer {
    margin-top: 0;
    background: #ECECEC;
    position: relative;
    z-index: 1
}

.footer__inner {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    position: relative
}

@media(max-width:991px) {
    .footer__inner {
        display: block;
        padding-top: 36px
    }
}

@media(max-width:767px) {
    .footer__inner {
        margin-left: -24px;
        margin-right: -24px
    }
}

.footer__left {
    width: 325px
}

@media(max-width:1199px) {
    .footer__left {
        width: 195px
    }
}

@media(max-width:991px) {
    .footer__left {
        display: none
    }
}

.footer__logo {
    margin-left: 157px;
    display: block
}

@media(max-width:1199px) {
    .footer__logo {
        margin-left: 64px
    }
}

@media(max-width:991px) {
    .footer__logo {
        display: none
    }
}

.footer__logoSVG {
    width: 64px;
    height: 44px
}

.footer__logo--mobile {
    display: none
}

@media(max-width:991px) {
    .footer__logo--mobile {
        display: block;
        text-align: center;
        padding-top: 34px
    }
}

.footer__right {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 325px);
    padding-right: 160px;
    position: relative;
    z-index: 2
}

@media(max-width:1199px) {
    .footer__right {
        padding-right: 0;
        width: calc(100% - 285px)
    }
}

@media(max-width:991px) {
    .footer__right {
        width: 100%;
        display: flex;
        padding-left: 33px;
        padding-right: 33px;
        flex-direction: column
    }
}

.footer__address {
    color: #080C10;
    font-size: 9px;
    letter-spacing: .7px;
    margin-top: 42px;
    line-height: 1.35;
    width: 100%;
    padding-right: 250px;
    position: relative;
    z-index: 10;
    font-weight: 500
}

@media(max-width:991px) {
    .footer__address {
        padding-right: 0;
        width: 500px;
        max-width: 100%;
        margin: 0 auto;
        padding-top: 23px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center
    }
}

@media(max-width:767px) {
    .footer__address {
        padding-top: 23px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.footer__address a {
    color: inherit;
    font-size: inherit;
    font-weight: 900
}

.footer__paymentLogos {
    margin-top: 19px;
    position: relative;
    z-index: 10
}

@media(max-width:991px) {
    .footer__paymentLogos {
        text-align: center;
        order: 10
    }

        .footer__paymentLogos img {
            height: 12px;
            margin-top: 17px
        }
}

@media(max-width:767px) {
    .footer__paymentLogos img {
        height: 25px
    }
}

.footer__paymentLogos a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px
}

@media(max-width:767px) {
    .footer__paymentLogos a {
        display: block;
        margin-right: 0
    }
}

@media(max-width:991px) {
    .footer__paymentLogos a:last-child {
        margin-right: 0
    }
}

.footer__sm {
    flex-grow: 1;
    margin-top: 25px;
    text-align: right;
    font-size: 0;
    position: relative;
    z-index: 10
}

@media(max-width:991px) {
    .footer__sm {
        text-align: center
    }
}

.footer__sm a {
    background: #080C10;
    display: inline-block;
    height: 39px;
    width: 39px;
    margin-left: 10px;
    border-radius: 30px;
    text-align: center;
    vertical-align: top
}

@media(max-width:991px) {
    .footer__sm a {
        height: 21px;
        width: 21px;
        margin-left: 19px
    }
}

.footer__sm a i {
    color: #F6F7F8;
    font-size: 20px;
    line-height: 39px
}

@media(max-width:991px) {
    .footer__sm a i {
        font-size: 11px;
        line-height: 21px
    }
}

a.footer__smLinkedin i {
    font-size: 24px;
    line-height: 36px;
    position: relative;
    top: 3px
}

@media(max-width:991px) {
    a.footer__smLinkedin i {
        font-size: 11px;
        line-height: 21px;
        top: 0
    }
}

.footer__navShield {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    z-index: 1;
    background: #ECECEC;
    transition: .3s all;
    height: 0
}

@media(max-width:991px) {
    .footer__navShield {
        display: none
    }
}

.footer__navLowerShield {
    position: absolute;
    top: 40px;
    bottom: 0;
    background: #ECECEC;
    left: 0;
    right: 0;
    z-index: 9
}

@media(max-width:991px) {
    .footer__navLowerShield {
        z-index: 1;
        display: none
    }
}

.footer__nav {
    margin-top: 10px;
    position: relative;
    z-index: 8;
    line-height: 1.25
}

@media(max-width:991px) {
    .footer__nav {
        margin-top: 6px
    }
}

.footer__navLower {
    width: 100%;
    z-index: 18;
    padding-top: 10px;
    padding-bottom: 30px
}

.footer__nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer__nav li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0
}

.footer__nav ul li:before {
    content: none
}

@media(max-width:991px) {
    .footer__nav li {
        display: block;
        margin-right: 0
    }

    .footer__nav > ul > li {
        border-bottom: 1px solid rgba(0,64,80,.2)
    }
}

.footer__nav li:last-child {
    margin-right: 0
}

.footer__nav a, .footer__nav a:visited {
    color: #080C10;
    font-weight: 500;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase
}

.footer__nav li:active, .footer__nav li:focus, .footer__nav li:hover {
    cursor: pointer
}

    .footer__nav li:active > a, .footer__nav li:focus > a, .footer__nav li:hover > a {
        color: #0B7192
    }

.footer__nav > ul > li {
    margin-right: 0
}

    .footer__nav > ul > li:before {
        content: "";
        display: block;
        background: #ECECEC;
        position: absolute;
        left: 0;
        top: -4px;
        right: -127px;
        height: 60px;
        z-index: 2
    }

@media(max-width:991px) {
    .footer__nav > ul > li:before {
        content: none
    }
}

.footer__nav > ul > li > a {
    position: relative;
    z-index: 3;
    display: block;
    padding-right: 40px;
    line-height: 1.25
}

@media(max-width:1339px) {
    .footer__nav > ul > li > a {
        padding-right: 18px
    }

    .footer__nav > ul > li {
        margin-right: 0
    }
}

@media(max-width:991px) {
    .footer__nav > ul > li > a {
        padding: 8px 0 7px;
        display: block
    }
}

@media(min-width:992px) {
    .footer__nav li.on ul {
        display: block
    }

    .footer__nav li.in ul {
        transform: translatey(-100%);
        transition-delay: .1s;
        opacity: 1
    }
}

.footer__nav li ul {
    padding-bottom: 52px;
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: 0;
    min-width: 280px;
    display: none;
    opacity: 0;
    transition: .2s all;
    transform: translatey(0)
}

@media(max-width:991px) {
    .footer__nav li ul {
        position: relative;
        opacity: 1;
        padding-bottom: 10px
    }

    .footer__nav li ul, .footer__nav li.in ul, .footer__nav li.on ul {
        transform: none;
        transition: .2s all
    }
}

@media(max-width:991px) {
    .footer__nav li:hover ul {
        display: block;
        padding-left: 13px
    }
}

.footer__nav li ul li {
    display: block;
    margin-bottom: 1px;
    margin-right: 0;
    line-height: 1
}

    .footer__nav li ul li a {
        font-weight: 500;
        letter-spacing: .05em;
        text-transform: none;
        padding: 4px 0 3px;
        display: block
    }

@media(max-width:991px) {
    .footer__nav li ul li a {
        padding: 7px 0 8px;
        display: block
    }
}

div.myqa-padded-wrapper {
    padding-top: 131px;
    background-color: #F6F7F8
}

@media(max-width:767px) {
    div.myqa-padded-wrapper {
        padding-top: 82px;
    }
}

header.head {
    margin-top:32px;
    margin-bottom:40px;
}

small.showingAccount {
    font-size : 14px;
    display:block;
    margin-top:10px;
    font-weight:500;
    line-height:20px;
}

.header_CTA {
    margin: 9px 0 0 10px;
    float:right;
}

.header_makeHome {
    font-size: 14px;
    display: block;
    margin-top: 8px;
    margin-left: 30px;
    font-weight: 200;
    line-height: 20px;
    clear: right;
}

.header_makeHome label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
    div.container .dashboard-container {
        width:100%;
    }
@media(max-width:767px) {
    div.container {
        padding: 0;
    }
    .course-title small, course-title br {
        display:none;
    }
}

.accordion-button{
    background: transparent;
    padding: 15px 25px 20px;
}

.accordion-item {
    border-top-width: 1 !important;
}

    .accordion-item:first-of-type {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* additions Buzzbar */
.layout {
  font-family: 'Figtree',Arial,sans-serif !important;
}




.angle-container {
  overflow: hidden;
  position: relative;
}

.csstransforms .angle-horizontal-left {
  overflow: hidden;
  position: relative;
}
.csstransforms .angle-horizontal-left:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  left: 0;
  bottom: -70px;
  transform: skewY(-2deg);
}
.csstransforms .angle-horizontal-right {
  overflow: hidden;
  position: relative;
}
.csstransforms .angle-horizontal-right:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  bottom: -70px;
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .angle-horizontal-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .angle-horizontal-double:before,
.csstransforms .angle-horizontal-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .angle-horizontal-double:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .angle-horizontal-double:after {
  right: 0;
  transform: skewY(-2deg);
}
.csstransforms .angle-vertical-left {
  overflow: hidden;
  position: relative;
}
.csstransforms .angle-vertical-left:after {
  content: '';
  height: 105%;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  top: 0;
  right: 70%;
  transform: skewX(12deg);
}
.ie9.csstransforms .angle-vertical-left {
  overflow: hidden;
  position: relative;
}
.ie9.csstransforms .angle-vertical-left:after {
  display: none;
}
.csstransforms .angle-vertical-right {
  overflow: hidden;
  position: relative;
}
.csstransforms .angle-vertical-right:after {
  content: '';
  height: 101%;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  top: 0;
  left: 70%;
  transform: skewX(12deg);
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*! normalize.css  | MIT License | git.io/normalize */
html {
    font-family: 'Figtree',Arial,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
}
:focus {
  outline: none;
}
:-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
html {
  background: #FFF;
  font-size: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
}
html.overlay-in {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.menu-in {
  overflow: hidden;
}
body {
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
@media (min-width: 48.0625em) {
  body {
    font-size: 18px;
    line-height: 27px;
  }
}
body .text-size-alt {
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 48.0625em) {
  body .text-size-alt {
    font-size: 16px;
  }
}
img {
  -ms-interpolation-mode: bicubic;
  height: auto;
  max-width: 100%;
}
.img-centered {
  display: block;
  margin: 0 auto;
}
iframe {
  border: 0;
  max-width: 100%;
}
figure {
  margin: 0;
}
figure.content-figure {
  margin-bottom: 18px;
}
a {
    color: #0B7192;
    font-size: 16px;
    text-decoration: none;
}
    a:visited {
        /*! color: #137F99; */
    }
    a:hover {
        color: #0B7192;
        text-decoration: underline;
    }
a .icon {
  font-size: .75em;
}
a .icon:hover {
  text-decoration: none;
}
.accordion-handle a:visited {
  color: inherit;
}
.accordion-handle a.btn:visited {
  color: #FFF;
}
small {
  font-size: 14px;
}
em {
  font-size: 18px;
}
hr {
  background: none;
  border: 0;
  margin: 0;
}
fieldset {
  border: 0;
  padding: 0;
}
.grid {
  display: none;
}
.visible-grid-in .grid {
  background: rgba(0, 0, 0, 0);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
body:hover .visible-grid-in .grid {
  z-index: 0;
}
.visible-grid-in .grid .layout,
.visible-grid-in .grid .region,
.visible-grid-in .grid .region-inner,
.visible-grid-in .grid .block {
  height: 100%;
}
.visible-grid-in .grid .block {
  background: red;
  opacity: 0.1;
}
.visible-grid-btn {
  display: block!important;
  position: fixed!important;
  bottom: 15px!important;
  left: 15px!important;
  z-index: 1002!important;
}
.main {
  overflow: hidden;
  position: relative;
}
.layout {
    clear: both;
    margin: 0 20px;
    max-width: 1180px;
    position: relative;
    /*background-color: #F6F7F8;
    background-color: #FFF;*/
    
}
#bj.withwhite .layout {
    background-color: #FFF;
}



.layout:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 75em) {
  .layout {
    margin: 0 auto;
  }
}
.lt-ie9 .layout {
  margin: 0 auto;
}
.myqa .layout {
  margin: 0 auto;
}
.layout.full-width {
  max-width: 100%;
}
.inner-margin {
  margin-right: 20px;
  margin-left: 20px;
}
.inner-margin:after {
  clear: both;
  content: '';
  display: table;
}
.inner-padding {
  padding-right: 20px;
  padding-left: 20px;
}
.inner-padding:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .region {
    position: relative;
    float: left;
  }
}
.region-inner {
  position: relative;
}
.region-inner:after {
  clear: both;
  content: '';
  display: table;
}
.block {
  float: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.block img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.block.block-last + .block {
  clear: both;
}
.js .masonry .block {
  margin-right: 0 !important;
}
@media (min-width: 48.0625em) {
  .js .masonry .block {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 48.0625em) {
  .block {
    margin-right: 1.66666667%;
    *margin-right: 1.16666667%;
  }
}
.block.block-centered {
  float: none;
  margin: auto;
}
.block-sizer {
  float: left;
  max-width: 100%;
}
.gutter-sizer {
  float: left;
  max-width: 100%;
}
@media (min-width: 48.0625em) {
  .gutter-sizer {
    width: 1.66666667%;
    *width: 1.16666667%;
  }
}
.block-last-clear {
  clear: both;
}
@media (min-width: 48.0625em) {
  .region-a {
    position: relative;
    float: left;
    width: 100%;
    *width: 99.5%;
  }
  .region-a .region-inner {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .block-single {
    width: 2.5%;
    *width: 2%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-a {
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-b {
    width: 81.66666667%;
    *width: 81.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-c {
    width: 73.33333333%;
    *width: 72.83333333%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-d {
    width: 56.66666667%;
    *width: 56.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-e {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-f {
    width: 31.66666667%;
    *width: 31.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-g {
    width: 23.33333333%;
    *width: 22.83333333%;
  }
}
.block-size-h {
  width: 48.33333333%;
  *width: 47.83333333%;
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-h.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 48.0625em) {
  .block-size-h {
    width: 15%;
    *width: 14.5%;
  }
  .block-size-h.block-last {
    float: left;
  }
}
.block-size-i {
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-i.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 37.5em) {
  .block-size-i {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
  .block-size-i.block-last {
    float: left;
  }
}
@media (min-width: 75em) {
  .block-size-i {
    width: 40%;
    *width: 39.5%;
  }
  .block-size-i.block-last {
    float: left;
  }
}
.block-size-j {
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-j.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 37.5em) {
  .block-size-j {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
  .block-size-j.block-last {
    float: left;
  }
}
@media (min-width: 75em) {
  .block-size-j {
    width: 23.33333333%;
    *width: 22.83333333%;
  }
  .block-size-j.block-last {
    float: left;
  }
}
@media (min-width: 48.0625em) {
  .myqa .block-size-b {
    margin-right: 8.33333333%;
    *margin-right: 7.83333333%;
    margin-left: 8.33333333%;
    *margin-left: 7.83333333%;
  }
}
.block-demo {
  color: #FFF;
  background: #4792CF;
  padding: 12px 20px;
}
.block-demo p {
  margin: 0;
}
.attend-from-anywhere-container {
  margin-bottom: 5px;
}
@media (min-width: 48.0625em) {
  .attend-from-anywhere-container {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .attend-from-anywhere-container {
    width: 33%;
  }
}
@media (min-width: 87.5em) {
  .attend-from-anywhere-container {
    width: 23%;
  }
}
.attend-from-anywhere-tile {
  margin-top: -2px;
  border-width: 1px;
  border-style: none;
  border-radius: 5px;
  background-color: #FFF;
}
@media (min-width: 48.0625em) {
  .attend-from-anywhere-tile {
    margin-right: 0;
    width: 50%;
    border-style: solid;
  }
}
@media (min-width: 75em) {
  .attend-from-anywhere-tile {
    width: 100%;
  }
}
.attend-from-anywhere-tile.orange {
  border-color: #f88300;
}
.attend-from-anywhere-tile.red {
  border-color: #E65A67;
}
.attend-from-anywhere-tile.green {
  border-color: #080C10;
}
.attend-from-anywhere-tile.blue {
  border-color: #005baa;
  color: #005baa;
  white-space: normal;
  font-weight: bold;
  border-style: solid;
}
.attend-from-anywhere-tile.blue span {
  font-weight: bolder;
}
.classroom-location-container {
  margin-bottom: 0px;
}
@media (min-width: 48.0625em) {
  .classroom-location-container {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .classroom-location-container {
    width: 63%;
  }
}
@media (min-width: 87.5em) {
  .classroom-location-container {
    width: 73%;
  }
}
@media (min-width: 48.0625em) {
  .classroom-location-tile {
    width: 48%;
  }
}
@media (min-width: 87.5em) {
  .classroom-location-tile {
    width: 31%;
  }
}
@media (min-width: 100em) {
  .classroom-location-tile {
    width: 23%;
  }
}
span {
  font-size: 16px;
}
p {
  font-size: 16px;
  margin: 0 0 18px;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.align-center {
  text-align: center;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1,
.h1,
.giga {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  h1,
  .h1,
  .giga {
    font-size: 54px;
    line-height: 57px;
  }
}
h2,
.h2,
.mega {
  font-size: 26px;
  line-height: 30px;
  margin-top: 60px;
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  h2,
  .h2,
  .mega {
    font-size: 44px;
    line-height: 48px;
  }
}
h3,
.h3,
.alpha {
  font-size: 20px;
  line-height: 22px;
}
h4,
.h4,
.beta {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
}
h5,
.h5,
.gamma {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
h6,
.delta {
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.light {
  font-weight: 400;
}
.heading-style-a,
.text-style-a {
  color: #303030;
  text-align: center;
}
.text-style-b {
  font-size: 22px;
}
.heading-style-b {
    font-family: 'Figtree',Arial,sans-serif;
    font-weight: 300;
}
.heading-style-c {
  display: inline-block;
  color: #303030;
  text-align: center;
  border-bottom: 3px solid #4792CF;
  padding: 12px 40px;
}
.heading-style-d {
  display: inline-block;
  color: #fff;
  text-align: center;
  border-bottom: 3px solid #fff;
  padding: 12px 40px;
  margin-bottom: 18px;
}
.header-stylesheet {
  border-bottom: 1px solid #D7D7D7;
  color: #B9B9B9;
  font-size: 18px;
  line-height: 24px;
  margin: 24px 0;
  padding: 0 0 12px;
  text-align: left;
}
:-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
textarea {
  height: auto;
  overflow: auto;
  resize: none;
}
input[type="submit"],
button {
  cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input,
button,
select {
  line-height: 24px;
  margin: 0;
}
@media (min-width: 48.0625em) {
  input,
  button,
  select {
    line-height: 30px;
  }
}
input,
button,
select,
textarea {
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 14px;
}
button {
  -webkit-font-smoothing: inherit;
}
label {
  display: inline-block;
  font-size: 18px;
  text-align: left;
}
label > * {
  font-size: inherit;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="week"],
input[type="month"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="password"] {
  font-weight: 400;
}
.lt-ie9 input[type="password"] {
  font-family: arial;
}
select {
  border-radius: 4px;
}
input,
select,
.select-replace {
  height: 36px;
}
@media (min-width: 48.0625em) {
  input,
  select,
  .select-replace {
    height: 42px;
  }
}
input,
textarea,
select,
.select-replace {
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    border-radius: 0;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #485A6E;
    display: inline-block;
    font-weight: 400;
    max-width: 100%;
    margin-bottom: 6px;
    padding: 6px 10px;
    transition: all 100ms;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.lt-ie9 input,
.lt-ie9 textarea,
.lt-ie9 select,
.lt-ie9 .select-replace {
  border: 1px solid #B9B9B9;
}
@media (min-width: 48.0625em) {
  input,
  textarea,
  select,
  .select-replace {
    padding: 6px 15px;
  }
}
input[disabled],
textarea[disabled],
select[disabled],
.select-replace[disabled] {
  background: #F0F0F0;
  border-color: #DDD;
  color: #CCC;
  cursor: not-allowed;
}
input[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover,
.select-replace[disabled]:hover,
input[disabled]:focus,
textarea[disabled]:focus,
select[disabled]:focus,
.select-replace[disabled]:focus {
  border-color: #CCC;
}
input[disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder,
select[disabled]:-moz-placeholder,
.select-replace[disabled]:-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
input[disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
select[disabled]::-moz-placeholder,
.select-replace[disabled]::-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
input[disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
select[disabled]:-ms-input-placeholder,
.select-replace[disabled]:-ms-input-placeholder {
  color: #CCC;
}
input[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
select[disabled]::-webkit-input-placeholder,
.select-replace[disabled]::-webkit-input-placeholder {
  color: #CCC;
}
input[readonly],
textarea[readonly],
select[readonly],
.select-replace[readonly] {
  cursor: not-allowed;
}
input[readonly]:hover,
textarea[readonly]:hover,
select[readonly]:hover,
.select-replace[readonly]:hover,
input[readonly]:focus,
textarea[readonly]:focus,
select[readonly]:focus,
.select-replace[readonly]:focus {
  border-color: #CCC;
}
select,
.select-replace {
  padding: 4px 12px;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.ios input[type="date"] {
  min-height: 36px;
}
@media (min-width: 48.0625em) {
  .ios input[type="date"] {
    min-height: 42px;
  }
}
.textonly {
  color: #303030;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 6px;
  max-width: 100%;
  padding: 6px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.textonly.disabled {
  color: #CCC;
}
select {
  padding-right: 30px;
  position: relative;
}
select.has-btn-trigger {
  float: left;
  margin-right: 18px;
}
.lt-ie10 select {
  padding-right: 6px;
}
.select-replace {
  border: none;
  border-radius: 4px;
  display: block;
  padding: 0;
  position: relative;
}
@media (min-width: 48.0625em) {
  .select-replace {
    display: inline-block;
    padding: 0;
  }
}
.select-replace select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border: 1px solid #B9B9B9;
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  height: 36px;
  position: relative;
  z-index: 2;
}
@media (min-width: 48.0625em) {
  .select-replace select {
    height: 42px;
  }
}
.select-replace:after {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url('../../images/css/bg-select_4274B8.svg');
  background-size: 20px 12px;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 5px;
  width: 20px;
  z-index: 1;
}
@media (min-width: 48.0625em) {
  .select-replace:after {
    top: 15px;
  }
}
.lt-ie10 .select-replace:after {
  display: none;
}
@-moz-document url-prefix() {
  .select-replace {
    overflow: hidden;
  }
}
select::-ms-expand {
  display: none;
}
select[multiple],
select[size] {
  background: #FFF;
  height: auto;
  padding-right: 5px;
}
label input,
label textarea,
label select {
  display: block;
}
textarea {
  border: 1px solid #B9B9B9;
  height: 180px;
  line-height: 24px;
  margin: 0;
  overflow: auto;
  padding-top: 9px;
  white-space: normal;
}
@media (min-width: 48.0625em) {
  .input-mini {
    width: 80px;
  }
  .input-mini + .password-strength-box {
    width: 80px;
  }
  .input-small {
    width: 130px;
  }
  .input-small + .password-strength-box {
    width: 130px;
  }
  .input-medium {
    width: 230px;
  }
  .input-medium + .password-strength-box {
    width: 230px;
  }
  .input-large {
    width: 330px;
  }
  .input-large + .password-strength-box {
    width: 330px;
  }
  .input-xlarge {
    width: 430px;
  }
  .input-xlarge + .password-strength-box {
    width: 430px;
  }
  .input-xxlarge {
    width: 530px;
  }
  .input-xxlarge + .password-strength-box {
    width: 530px;
  }
  .input-xxxlarge {
    width: 630px;
  }
  .input-xxxlarge + .password-strength-box {
    width: 630px;
  }
  .input-xxxxlarge {
    width: 730px;
    max-width: 90%;
  }
  .input-xxxxlarge + .password-strength-box {
    width: 730px;
  }
}
.input-full {
  width: 100%;
}
input[type="file"] {
  background-color: initial;
  border: initial;
  box-shadow: none;
  cursor: pointer;
  line-height: initial;
  padding: initial;
  width: auto;
}
.ie-file .input-file {
  border: none;
  margin: 0;
  padding: 0;
}
.lt-ie10 .input-file {
  border: 1px solid #B9B9B9;
  height: auto;
}
.input-file.style-a {
  background-color: #005BAB;
}
.file-replace {
  cursor: pointer;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ie10 .file-replace,
.ie11 .file-replace,
.lt-ie10 .file-replace {
  overflow: hidden;
}
.file-replace:hover .file-replace-btn {
  background-color: #005BAB;
  border-color: #005BAB;
}
@media (min-width: 48.0625em) {
  .file-replace {
    display: inline-block;
    padding: 0;
  }
}
.file-replace input[type="file"] {
  cursor: pointer;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 35px;
  width: 100%;
  z-index: 2;
}
.file-replace .file-replace-btn {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 21px;
  min-height: 33px;
  padding: 6px 18px;
  width: auto;
  background-color: #005BAB;
  border-color: #005BAB;
}
@media (min-width: 48.0625em) {
  .file-replace .file-replace-btn {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .file-replace .file-replace-btn {
  min-height: 22px;
}
.file-replace .file-replace-btn:hover,
.file-replace .file-replace-btn:focus,
.file-replace .file-replace-btn:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.file-replace .file-replace-btn:active,
.file-replace .file-replace-btn.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.file-replace .file-replace-btn.disabled,
.file-replace .file-replace-btn[disabled],
fieldset[disabled] .file-replace .file-replace-btn {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.file-replace .file-replace-btn .icon {
  font-size: .75em;
}
.file-replace .file-replace-btn.btn-alt {
  padding: 9px 15px;
}
.file-replace .file-replace-btn.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.ie8 .file-replace .file-replace-btn {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .file-replace .file-replace-btn {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}
.file-replace .file-replace-btn.btn-alt {
  padding: 6px 15px;
}
.file-replace .file-replace-btn.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.file-replace .file-replace-btn,
.file-replace .file-replace-text {
  display: inline;
  vertical-align: middle;
  z-index: 1;
}
.file-replace .file-replace-btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.lt-ie10 .file-replace .file-replace-btn {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.lt-ie10 .file-replace .file-replace-btn.focusable:active,
.lt-ie10 .file-replace .file-replace-btn.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.file-replace .file-replace-text {
  padding-left: 8px;
}
.lt-ie10 .file-replace .file-replace-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.lt-ie10 .file-replace .file-replace-text.focusable:active,
.lt-ie10 .file-replace .file-replace-text.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.radio,
.checkbox {
  cursor: pointer;
  display: block;
  line-height: 30px;
  margin-bottom: 6px;
  padding-top: 3px;
  padding-left: 25px;
  position: relative;
}
.radio:first-child,
.checkbox:first-child {
  margin-top: 6px;
}
.radio.disabled,
.checkbox.disabled {
  color: #CCC;
}
.radio.checklist-item,
.checkbox.checklist-item {
  margin-top: 0;
}
.radio input[type='checkbox'],
.checkbox input[type='checkbox'],
.radio input[type='radio'],
.checkbox input[type='radio'] {
  position: absolute;
  top: 9px;
  left: 0;
}
input[type='checkbox'],
input[type='radio'] {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    outline: 0;
    line-height: normal;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #0B7192;
    border-color: #0B7192 !important;
    transition: all 100ms;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}
.lt-ie10 input[type='checkbox'],
.lt-ie10 input[type='radio'] {
  border: 0;
}
input[type='checkbox']::-moz-focus-inner,
input[type='radio']::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type='checkbox']:hover,
input[type='radio']:hover,
input[type='checkbox']:focus,
input[type='radio']:focus {
  border-color: #404040;
}
input[type='checkbox'][disabled],
input[type='radio'][disabled] {
  background: #F0F0F0;
  border-color: #CCC;
  color: #CCC;
  cursor: not-allowed;
}
input[type='checkbox'][disabled]:hover,
input[type='radio'][disabled]:hover,
input[type='checkbox'][disabled]:focus,
input[type='radio'][disabled]:focus {
  border-color: #CCC;
}
input[type='checkbox'][readonly]:hover,
input[type='radio'][readonly]:hover,
input[type='checkbox'][readonly]:focus,
input[type='radio'][readonly]:focus {
  border-color: #CCC;
}
input[type="checkbox"]:after {
  content: '';
  font-size: 14px;
  height: 100%;
  line-height: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  text-align: center;
  width: 100%;
  display: none;
}
input[type="checkbox"]:checked {
    background: #0B7192;
    color: #FFF;
}
input[type="checkbox"]:checked:after {
  display: block;
}
input[type="checkbox"][disabled]:after {
  color: #CCC;
}
.lt-ie9 input[type="checkbox"] {
  border: 0!important;
}
input[type="radio"] {
  border-radius: 100%;
}
input[type="radio"]:after {
  background: #333;
  border-radius: 100%;
  content: '';
  height: 0;
  position: absolute;
  top: 9px;
  left: 9px;
  transition: all 100ms;
  width: 0;
}
input[type="radio"]:checked:after {
  height: 10px;
  top: 3px;
  left: 3px;
  width: 10px;
}
input[type="radio"][disabled]:after {
  background: #ccc;
}
.lt-ie9 input[type="radio"] {
  border: 0!important;
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
  height: auto;
  width: auto;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0;
}
input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error,
.select-replace.input-validation-error,
input.input-validation-error:hover,
textarea.input-validation-error:hover,
select.input-validation-error:hover,
.select-replace.input-validation-error:hover,
input.input-validation-error:focus,
textarea.input-validation-error:focus,
select.input-validation-error:focus,
.select-replace.input-validation-error:focus {
  border: 1px solid #C20000;
}
input.input-validation-error.validation-style-a,
textarea.input-validation-error.validation-style-a,
select.input-validation-error.validation-style-a,
.select-replace.input-validation-error.validation-style-a,
input.input-validation-error:hover.validation-style-a,
textarea.input-validation-error:hover.validation-style-a,
select.input-validation-error:hover.validation-style-a,
.select-replace.input-validation-error:hover.validation-style-a,
input.input-validation-error:focus.validation-style-a,
textarea.input-validation-error:focus.validation-style-a,
select.input-validation-error:focus.validation-style-a,
.select-replace.input-validation-error:focus.validation-style-a {
  border: 1px solid #000;
}
.select-replace.validation-style-a select.input-validation-error,
.select-replace.validation-style-a select.input-validation-error:hover,
.select-replace.validation-style-a select.input-validation-error:focus {
  border: 1px solid #000;
}
.field-validation-valid {
  display: none;
}
.field-validation-error,
.validation-summary-errors {
  clear: both;
  color: #C20000;
  display: block;
  font-size: 16px;
  text-align: left;
  padding-bottom: 6px;
}
.field-validation-error.validation-style-a,
.validation-summary-errors.validation-style-a {
  color: #000;
}
.form {
  text-align: left;
}
.form:after {
  clear: both;
  content: '';
  display: table;
}
.form fieldset {
  width: 100%;
}
.form-section {
  padding-top: 12px;
}
.form-section:first-child {
  padding-top: 0;
}
.form-actions {
  overflow: hidden;
  max-width: 100%;
}
.form-actions .btn {
  margin-bottom: 6px;
}
.control-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}
@media (min-width: 48.0625em) {
  .control-label {
    line-height: 30px;
  }
}
.control-label label {
  cursor: pointer;
  line-height: 30px;
}
.control-inline {
  clear: none;
  display: inline-block;
  margin-right: 18px;
  margin-bottom: 6px;
}
.control-group {
  padding-bottom: 6px;
}
@media (min-width: 48.0625em) {
  .control-group {
    padding-bottom: 12px;
  }
}
.control-group .btn-icon-small {
  margin-bottom: 0;
}
.control-group.control-group-collapse {
  padding-bottom: 0;
}
.control-group-block input,
.control-group-block select,
.control-group-block .select-replace {
  display: block;
}
@media (min-width: 48.0625em) {
  .form-horizontal .control-label {
    width: 23.72881356%;
    *width: 23.22881356%;
    float: left;
    padding-top: 6px;
    text-align: right;
  }
}
.form-horizontal .controls:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .form-horizontal .controls {
    margin-left: 25.42372881%;
    *margin-left: 24.92372881%;
    clear: none;
  }
}
.form-horizontal .controls > .btn:first-child {
  margin-top: 6px;
}
@media (min-width: 48.0625em) {
  .form-horizontal .form-actions {
    padding-left: 25.42372881%;
    *padding-left: 24.92372881%;
  }
}
.required-star {
  color: #67130E;
  margin: 0 2px;
}
input[type='checkbox'].checkbox-inline {
  margin-top: 9px;
}
.checkbox-inline-text {
  padding-left: 2px;
}
.form-footer {
  padding: 18px 0 0;
}
.form-footer:after {
  clear: both;
  content: '';
  display: table;
}
@media (max-width: 48.0625em) {
  .form-footer {
    text-align: center;
  }
}
@media (min-width: 48.0625em) {
  .form-footer > .btn {
    float: right;
  }
}
.field-captcha-controls,
.field-captcha-image-container {
  margin-bottom: 20px;
}
ul,
ol,
dl {
  font-size: 16px;
  text-align: left;
}
ul,
ol {
  font-size: 16px;
  text-align: left;
}
ul li p,
ol li p,
ul li a,
ol li a,
ul li span,
ol li span {
  font-size: inherit;
}
li {
  font-size: 16px;
}
ul {
  list-style: none;
  margin: 0 0 24px 15px;
  padding: 0;
}
ul ul,
ul ol {
  margin-top: 6px;
  margin-bottom: 0;
}
ul li {
  list-style: none;
  margin-bottom: 6px;
  position: relative;
}
ul li:before {
  color: #303030;
  content: '\2022';
  display: block;
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: -15px;
}
.section-style-a ul li:before,
.promocard-style-a ul li:before,
.promocard-style-d ul li:before {
  color: #FFF;
}
ol {
  margin: 0 0 24px 25px;
  padding: 0;
}
ol ul,
ol ol {
  margin-bottom: 0;
  margin-top: 6px;
}
ol li {
  position: relative;
  margin-bottom: 6px;
}
dl {
  margin-bottom: 16px;
}
.dl-horizontal:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .dl-horizontal dt {
    float: left;
    width: 23.72881356%;
    *width: 23.22881356%;
    clear: left;
    text-align: right;
  }
  .dl-horizontal dd {
    margin-left: 25.42372881%;
    *margin-left: 24.92372881%;
  }
  .dl-horizontal dd + dt {
    padding-top: 0;
  }
}
dt {
  margin-bottom: 6px;
  font-weight: 700;
  line-height:20px;
}
dd {
    margin: 0;
    line-height: 20px;
    margin-bottom: 6px;
}
dd + dt {
  padding-top: 6px;
}
.list-inline {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.list-inline li {
  list-style: none;
}
.list-inline li:before {
  display: none;
}
.list-inline li {
  display: inline-block;
  font-size: 16px;
}
.list-style-a {
  margin: 0!important;
}
.list-style-a > li {
  border-bottom: 1px solid #D7D7D7;
  padding: 18px 10px;
  margin: 0;
  color: #4792CF;
}
.list-style-a > li:first-child {
  border-top: 1px solid #D7D7D7;
}
.list-style-a > li:before {
  display: none;
}
.list-style-a > li p {
  margin: 0;
}
.list-style-a > li a {
  text-decoration: none;
}
.list-style-b {
  margin: 0!important;
}
.sectionblock .list-style-b {
  margin: 0;
}
.list-style-b li {
  border-bottom: 1px solid #D7D7D7;
  padding: 12px 0;
  margin: 0;
}
.list-style-b li:before {
  display: none;
}
.list-style-b li p {
  margin: 0;
}
.list-style-b li a {
  text-decoration: none;
}
.list-style-c {
  margin: 12px 0;
  text-align: center;
}
.list-style-c li {
  margin: 0!important;
  font-weight: 700;
}
.list-style-c li:before {
  display: none;
}
.list-style-c li a {
  text-decoration: none;
}
.stylesheet-icon-list .icon {
  color: #4792CF;
}
.list-unstyled {
  margin: 0;
  padding: 0;
}
.list-unstyled li {
  list-style: none;
}
.list-unstyled li:before {
  display: none;
}
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn, .btn:visited {
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    color: #fff;
    border-radius: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    background-color: #0B7192;
    border: 2px solid transparent;
}


/*@media (min-width: 48.0625em) {
    .btn {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}*/
.ie8 .btn {
  min-height: 22px;
}
.btn:hover,
.btn:focus {
    background-color: #2FB7DA;
    color: #FFF;
    text-decoration: none;
}
.btn:active,
.btn.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
/*.btn .icon {
  font-size: .75em;
}*/
/*.btn.btn-alt {
  padding: 9px 15px;
}*/
.btn.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.btn-small {
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  padding: 4px 16px;
}


/*.ie8 .btn-small {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .btn-small {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}*/
.btn-small.btn-alt {
    padding: 6px 15px;
}
.btn-small.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.btn-large {
  font-size: 16px;
  line-height: 1;
  min-height: 36px;
  padding: 6px 10px 12px 10px;
}
@media (min-width: 48.0625em) {
  .btn-large {
    font-size: 18px;
    line-height: 1;
    min-height: 54px;
    padding: 12px 25px;
  }
}
.ie8 .btn-large {
  min-height: 56px;
}
.btn-style-a {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-a:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-a:visited:hover,
.btn-style-a:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-a:hover,
.btn-style-a:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-b {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.btn-style-b:visited {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.btn-style-b:visited:hover,
.btn-style-b:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.btn-style-b:hover,
.btn-style-b:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
/*.cta.outline {
    color: #080C10;
    background-color: white !important;
    border-color: #080C10;
    border-width: 2px;
    border-style: solid;
    line-height: 16px;
}

    .cta.outline:hover {
        background-color: #E5E8EB !important;
    }*/
/*.btn .icon {
    color:inherit;
}*/

.btn-style-c {
    background-color: white !important;
    border: 2px solid #080C10;
    color: #080C10;
    /*border-radius: 0;*/
}
    .btn-style-c:visited {
        background-color: white !important;
        border: 2px solid #080C10;
        color: #080C10;
    }
        .btn-style-c:visited:hover,
        .btn-style-c:visited:focus {
            background-color: #E5E8EB !important;
            border: 2px solid #080C10;
            box-shadow: none;
            color: #080C10;
        }
    .btn-style-c:hover,
    .btn-style-c:focus{
        background-color: #E5E8EB !important;
        border: 2px solid #080C10;
        box-shadow: none;
        color: #080C10;
    }
        .btn-style-c .icon,
        .btn-style-c:hover .icon,
        .btn-style-c:visited .icon,
        .btn-style-c:focus .icon {
            color: #080C10 !important;
        }
    .btn-style-c:visited {
        background-color: white !important;
        border: 2px solid #080C10;
        color: #080C10;
    }
        .btn-style-c:visited:visited {
            background-color: white !important;
            border: 2px solid #080C10;
            color: #080C10;
        }
            .btn-style-c:visited:visited:hover,
            .btn-style-c:visited:visited:focus {
                background-color: #E5E8EB !important;
                border: 2px solid #080C10;
                box-shadow: none;
                color: #080C10;
            }
        .btn-style-c:visited:hover,
        .btn-style-c:visited:focus {
            background-color: #E5E8EB !important;
            border: 2px solid #080C10;
            box-shadow: none;
            color: #080C10;
        }


.btn-style-d {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.btn-style-d:hover,
.btn-style-d:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  box-shadow: none;
  color: #FFF;
}
.btn-style-d:visited {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.btn-style-d:visited:hover,
.btn-style-d:visited:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  box-shadow: none;
  color: #FFF;
}
.btn-style-e {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-e:hover,
.btn-style-e:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-e:visited {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-e:visited:hover,
.btn-style-e:visited:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-f {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.btn-style-f:visited {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.btn-style-f:visited:hover,
.btn-style-f:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.btn-style-f:hover,
.btn-style-f:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.btn-style-g {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.btn-style-g:visited {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.btn-style-g:visited:hover,
.btn-style-g:visited:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.btn-style-g:hover,
.btn-style-g:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.btn-style-h {
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
.btn-style-h:visited {
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
.btn-style-h:visited:hover,
.btn-style-h:visited:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
.btn-style-h:hover,
.btn-style-h:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
.btn-style-i {
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-i:visited {
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-i:visited:hover,
.btn-style-i:visited:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.btn-style-i:hover,
.btn-style-i:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.btn-style-i.nounderline {
  text-decoration: none;
}
.btn-style-i.full-width {
  width: 100%;
  text-align: center;
}
.btn-style-j {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF;
}
.btn-style-j:visited {
  background: #FFF;
  border: 1px solid #FFF;
  color: #FFF;
}
.btn-style-j:visited:hover,
.btn-style-j:visited:focus {
  background-color: #FFF;
  border-color: transparent;
  color: #303030;
}
.btn-style-j:hover,
.btn-style-j:focus {
  background-color: #FFF;
  color: #303030;
  border-color: transparent;
}
/* 15.12.2016 NEW Booking Dates button styles*/
.btn-style-k {
  background-color: #FFF;
  border: 1px solid #E65A67;
  color: #E65A67;
}
.btn-style-k:hover,
.btn-style-k:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-k:visited {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-k:visited:hover,
.btn-style-k:visited:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-l {
  background-color: #FFF;
  border: 1px solid #71A13D;
  color: #71A13D;
}
.btn-style-l:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-l:visited:hover,
.btn-style-l:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-l:hover,
.btn-style-l:focus {
  background-color: #71A13D;
  border-color: #71A13D;
  box-shadow: none;
  color: #FFF;
}
.btn-style-k-inverted {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-k-inverted:hover,
.btn-style-k-inverted:focus {
  background-color: #FFF;
  border: 1px solid #df2e3e;
  color: #df2e3e;
}
.btn-style-l-inverted {
  background-color: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-l-inverted:hover,
.btn-style-l-inverted:focus {
  background-color: #FFF;
  border-color: #71A13D;
  box-shadow: none;
  color: #71A13D;
}
.btn-style-m {
  background-color: #005baa;
  border: 1px solid #005baa;
  color: #FFF;
}
.btn-style-m:hover,
.btn-style-m:focus {
  background-color: #FFF;
  border-color: #005baa;
  box-shadow: none;
  color: #005baa;
}
@font-face {
  font-family: 'qa-icons';
  src: url('fonts/qa-icons/qa-icons.eot');
  src: url('fonts/qa-icons/qa-icons.eot?#iefix') format('embedded-opentype'), url('fonts/qa-icons/qa-icons.woff') format('woff'), url('fonts/qa-icons/qa-icons.ttf') format('truetype'), url('fonts/qa-icons/qa-icons.svg#qa-icons') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'qa-icons';
    src: url('fonts/qa-icons/qa-icons.svg#qa-icons') format('svg');
  }
}
.icon {
  /*font-family: 'qa-icons';*/
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-style-a {
  font-size: 24px;
  color: #4792CF;
}
.icon-contact:before,
.icon-chat:before {
  content: "\e60d";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-quote-open:before {
  content: "\e60a";
}
.icon-quote-close:before {
  content: "\e60b";
}
.icon-basket:before {
  content: "\e605";
}
.icon-search:before {
  content: "\f002";
}
.icon-close:before {
  content: "\f00d";
}
.icon-menu:before {
  content: "\f039";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-chevron-left:before {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    color: #fff;
    left: 30px;
    top: 7px;
}
.icon-calendar:before {
  content: "\e601";
}
.icon-chevron-right:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    color: #fff;
    left: 30px;
    top: 7px;
}
.icon-linkedin:before {
  content: "\e603";
}
.icon-location:before {
  content: "\e604";
}
.icon-rss:before {
  content: "\e606";
}
.icon-share:before {
  content: "\e607";
}
.icon-twitter:before {
  content: "\e608";
}
.icon-youtube:before {
  content: "\e609";
}
.icon-user:before {
  content: "\f007";
}
.icon-sign-out:before {
  content: "\e600";
}
.icon-facebook2:before {
  content: "\ea91";
}
.link-unstyled {
  text-decoration: none;
}
.link-unstyled:hover,
.link-unstyled:active,
.link-unstyled:focus {
  text-decoration: none;
}
.link-style-a {
  color: #FFF;
  text-decoration: none;
}
.link-style-a:hover {
  color: #EFEFEF;
}
.link-style-a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.link-style-a.btn:active {
  text-decoration: none;
}
.link-style-b {
  color: #FFF;
  text-decoration: none;
}
.link-style-b:hover {
  color: #FFF;
}
.link-style-b:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.link-style-b.btn:active {
  text-decoration: none;
}
.link-style-c {
  color: #005BAB;
  font-weight: 700;
  text-decoration: none;
}
.link-style-c:hover,
.link-style-c:focus,
.link-style-c:active,
.link-style-c:visited {
  color: #005BAB;
  text-decoration: underline;
}
.link-style-c.btn:active {
  text-decoration: none;
}
.link-style-d {
  color: #FFF;
}
.link-style-d:hover,
.link-style-d:focus,
.link-style-d:active,
.link-style-d:visited {
  color: #FFF;
  text-decoration: underline;
}
.link-style-d.btn:active {
  text-decoration: none;
}
.section,
.sectionblock {
  clear: both;
  font-size: 18px;
  padding-bottom: 24px;
  overflow: hidden;
}
.section:after,
.sectionblock:after {
  clear: both;
  content: '';
  display: table;
}
.sectionblock {
  border-top: 1px solid #E5E5E5;
  padding-top: 24px;
}
.section-padded {
  clear: both;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
}
.section-padded:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .section-padded {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.section-collapse {
  overflow: hidden;
}
.section-collapse:after {
  clear: both;
  content: '';
  display: table;
}
.section-breakout:after {
  clear: both;
  content: '';
  display: table;
}
.section-footer {
  margin: 24px 0;
}
.section-style-a {
  background: #4792CF;
  color: #FFF;
}
.section-style-a a {
  color: #FFF;
  text-decoration: none;
}
.section-style-a a:hover {
  color: #EFEFEF;
}
.section-style-a a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.section-style-a a.btn:active {
  text-decoration: none;
}
.section-style-a [class^='angle-']:after,
.section-style-a [class*='angle-']:after {
  background-color: #4792CF !important;
}
.section-style-b {
  background: #005BAB;
  color: #FFF;
}
.section-style-b a {
  color: #FFF;
  text-decoration: none;
}
.section-style-b a:hover {
  color: #FFF;
}
.section-style-b a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.section-style-b a.btn:active {
  text-decoration: none;
}
.section-style-b hr {
  border-top: 1px solid #4792CF;
}
.section-style-c {
  background: #003C70;
  color: #FFF;
}
.section-style-d {
  background: #F7F7F7;
  border-top: 1px solid #E5E5E5;
  color: #005BAB;
}
.section-style-e {
  background: #FFF;
}
.section-style-f {
  background: #D7D7D7;
}
.section-style-h {
  background: #EFEFEF;
}
.section-style-i {
  border-top: 1px solid #D7D7D7;
}
.section-style-j {
  background: #F7F7F7;
  color: #303030;
}
.section-style-k {
  background: #F3F3F3;
}
.section-style-k [class^='angle-']:after,
.section-style-k [class*='angle-']:after {
  background-color: #F3F3F3 !important;
}
.section-style-l {
  background: #E65A67;
  color: #FFF;
}
.section-style-m .section-header {
  padding: 6px 10px;
}
.section-style-m .section-title {
  text-align: left;
}
.media {
  text-align: center;
  margin-bottom: 24px;
}
.media img,
.media video {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.media.media-center img {
  float: none!important;
}
.media-video {
  background-color: #F7F7F7;
  overflow: hidden;
}
.js .media-video img,
.js .media-video video {
  opacity: 0;
  transition: opacity 500ms ease;
}
.page-loaded .media-video img,
.page-loaded .media-video video {
  opacity: 1;
}
.media-video .media-video-player iframe {
  z-index: 1;
}
.media-cover {
  margin: 0;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: -100;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.banner .media-cover,
.carousel-featured-slide .media-cover {
  position: relative;
}
@media (min-width: 48.0625em) {
  .banner .media-cover,
  .carousel-featured-slide .media-cover {
    position: absolute;
  }
}
.media-cover img,
.media-cover video {
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -99;
}
.csstransforms .media-cover img,
.csstransforms .media-cover video {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.carousel-featured-slide .media-cover img,
.carousel-featured-slide .media-cover video,
.banner .media-cover img,
.banner .media-cover video {
  position: relative;
}
@media (min-width: 48.0625em) {
  .carousel-featured-slide .media-cover img,
  .carousel-featured-slide .media-cover video,
  .banner .media-cover img,
  .banner .media-cover video {
    position: absolute;
  }
}
@media (min-width: 48.0625em) {
  .media-cover-x img,
  .media-cover-x video {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .csstransforms .media-cover-x img,
  .csstransforms .media-cover-x video {
    top: 50%;
    transform: translateY(-50%);
  }
}
.media-cover-y img,
.media-cover-y video {
  height: 100%;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
}
.csstransforms .media-cover-y img,
.csstransforms .media-cover-y video {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 48.0625em) {
  .media-fixed img,
  .media-fixed video {
    position: fixed;
  }
}
.frame-browser {
  clear: both;
  background: url(../images/css/bg-frame-browser.svg) 0 0 no-repeat;
  background-size: auto 35px;
  padding-top: 35px;
  position: relative;
  width: 100%;
}
.frame-browser:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .frame-browser {
    background-size: auto 49px;
    border-radius: 15px 15px 0 0;
    padding-top: 49px;
  }
}
.highlight-notice {
  background-color: #FFED00;
  background-color: rgba(255, 237, 0, 0.16);
  font-size: 16px;
  margin-bottom: 18px;
  padding: 18px;
}
.lt-ie9 .highlight-notice {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#29ffed00, endColorstr=#29ffed00)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#29ffed00, endColorstr=#29ffed00);
  background-color: rgba(255, 237, 0, 0.16);
}
.highlight-notice p {
  margin-bottom: 0;
}
.highlight-notice p:first-of-type {
  margin-top: 0;
}
.highlight-notice-heading {
  display: block;
}
.table-container {
  margin-bottom: 18px;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
.table-container table {
  margin: 0;
  max-width: none;
}
.table {
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 18px;
  max-width: 100%;
  width: 100%;
}
.table th,
.table td {
  padding: 12px 10px;
  text-align: left;
}
.table th {
  font-weight: 700;
}
.table thead {
  border-bottom: 1px solid #D7D7D7;
}
.table tbody tr {
  background-color: #F7F7F7;
  border-bottom: 2px solid #FFF;
}
.table tbody tr.alt-row {
  background-color: #EFEFEF;
}
.table-style-a .table tbody tr.active {
  background-color: #4792CF;
  color: #FFF;
}
.table tbody:before {
  content: '';
  display: block;
  height: 3px;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 300px;
  padding: 3px 8px;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background-color: #005BAB;
  border-radius: 4px;
  border: 1px solid #005BAB;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.header:after {
  clear: both;
  content: '';
  display: table;
}
.header-navbar {
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #D7D7D7;
  height: 51px;
  line-height: 50px;
}
.header-navbar:after {
  clear: both;
  content: '';
  display: table;
}
.header-navbar:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 75em) {
  .header-navbar {
    display: none;
  }
}
.logo,
.action-search,
.action-menu {
  display: block;
  position: relative;
  text-decoration: none;
}
.logo .icon,
.action-search .icon,
.action-menu .icon {
  font-size: 20px;
}
.action-search {
  float: right;
}
.logo {
  height: 50px;
  width: 50px;
  float: left;
}
.logo img {
  height: 30px;
  margin-top: 10px;
}
@media (min-width: 48.0625em) {
  .logo img {
    margin-top: 0;
    vertical-align: middle;
  }
}
.logo-text {
  height: 50px;
  width: 150px;
  float: left;
}
.logo-text img {
  height: 30px;
  vertical-align: middle;
}
@media (max-width: 48.0625em) {
  .action-search {
    height: 50px;
    width: 50px;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    float: right;
    text-align: center;
  }
  .action-search .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ie8 .action-search .icon {
    top: 0;
    left: 15px;
  }
}
.action-menu {
  height: 50px;
  width: 100px;
  float: right;
  padding-right: 30px;
  text-align: right;
  text-transform: uppercase;
}
.action-menu .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.ie8 .action-menu .icon {
  top: 0;
}
.ie8 .action-menu .icon {
  top: 0;
}
.header-block-size-a {
  padding: 18px;
}
@media (min-width: 48.0625em) {
  .header-block-size-a {
    float: left;
    width: 50%;
  }
}
@media (min-width: 61.25em) {
  .header-block-size-a {
    width: 24%;
  }
}
.header-block-size-b {
  clear: both;
}
@media (min-width: 61.25em) {
  .header-block-size-b {
    clear: none;
    float: left;
    padding: 1%;
    width: 22.5%;
  }
}
@media (min-width: 75em) {
  .header-block-size-b {
    width: 24%;
  }
}
@media (min-width: 61.25em) {
  .header-block-size-b.header-block-double {
    width: 45%;
  }
}
@media (min-width: 75em) {
  .header-block-size-b.header-block-double {
    width: 48%;
  }
}
.header-block-size-c {
  clear: both;
}
@media (min-width: 61.25em) {
  .header-block-size-c {
    clear: none;
    float: left;
    padding: 1%;
    width: 18.3%;
  }
}
@media (min-width: 75em) {
  .header-block-size-c {
    width: 16.6%;
  }
}
@media (min-width: 61.25em) {
  .header-block-size-c.header-block-double {
    width: 36.6%;
  }
}
@media (min-width: 75em) {
  .header-block-size-c.header-block-double {
    width: 33.2%;
  }
}
.navigation-links .block.block-size-j {
  float: none;
  margin: 1% auto;
  width: 98%;
}
@media (min-width: 61.25em) {
  .navigation-links .block.block-size-j {
    float: left;
    margin: 1%;
    width: 23%;
  }
}
.navigation-menu .header-block-single .menu-heading-level-1,
.navigation-menu .header-block-double .menu-heading-level-1 {
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 12px;
}
.navigation-menu .header-block-single .header-col,
.navigation-menu .header-block-double .header-col {
  float: left;
  width: 50%;
}
.navigation-menu .header-block-single .header-col > a > img,
.navigation-menu .header-block-double .header-col > a > img {
  padding-right: 20px;
}
.navigation-menu .header-block-single .header-col {
  width: 100%;
}
.navigation-menu .menu-level-1 {
  margin-right: -20px;
}
.navigation-menu .menu-level-1 .menu-subtitle-level-1 {
  margin-bottom: 12px;
  border-bottom: 1px;
}
.navigation-menu .menu-level-1 .menu-subtitle-level-1 em {
  font-size: 14px;
}
.navigation-menu .menu-level-1 li a {
  font-size: 14px;
}
.navigation-menu .menu-heading-title-section {
  border-bottom: 1px solid #4792CF;
  margin-bottom: 18px !important;
  margin-right: 20px;
}
.header-myqa-navbar {
  background: #F7F7F7;
  border-bottom: 1px solid #D7D7D7;
  height: 48px;
}
.header-myqa-navbar:after {
  clear: both;
  content: '';
  display: table;
}
.header-myqa-navbar-inner {
  font-size: 0;
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-myqa-navbar-inner a {
  font-size: 16px;
  text-decoration: none;
}
.header-myqa-navbar-inner a .icon {
  font-size: 1em;
}
.header-myqa-navbar-inner a .icon-basket {
  line-height: 18px;
  font-size: 1.5em;
}
.header-myqa-navbar-inner a .icon-chevron-right {
  font-size: 0.8em;
}
.header-myqa-navbar-inner p {
  font-size: 16px;
  margin: 0;
  padding: 0 12px;
}
.header-myqa-navbar-inner li {
  margin-right: 12px;
  margin-bottom: 0;
}
.header-myqa-navbar-inner p,
.header-myqa-navbar-inner ul,
.header-myqa-navbar-inner li,
.header-myqa-navbar-inner a {
  display: inline-block;
}
.header-myqa-navbar-inner .list-inline li {
  margin-right: 12px;
}
.header-myqa-navbar-inner .myqa-user {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 9px;
  border-left: 1px solid #D7D7D7;
  color: #303030;
}
.header-myqa-navbar-inner .myqa-user:after {
  clear: both;
  content: '';
  display: table;
}
.header-myqa-navbar-inner .myqa-user i {
  color: #005BAB;
  padding-right: 8px;
}
.header-myqa-navbar-inner .myqa-checkout {
  border-left: 1px solid #D7D7D7;
  vertical-align: top;
}
.header-myqa-navbar-inner .myqa-checkout > img {
  vertical-align: top;
  margin-top: 2px;
}
.header-myqa-navbar-inner .accordion {
  padding-right: 20px;
  padding-left: 20px;
  border-left: 1px solid #D7D7D7;
  display: inline-block;
}
.header-myqa-navbar-inner .accordion:after {
  clear: both;
  content: '';
  display: table;
}
.header-myqa-navbar-inner .accordion.active {
  background: #FFF;
  border-color: #D7D7D7;
}
.header-myqa-navbar-inner .accordion-handle a {
  padding: 0;
}
.header-myqa-navbar-inner .accordion-handle .icon {
  position: static;
}
.myqa-signin {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 0;
  max-width: 100%;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  background-color: #005BAB;
  border: 1px solid #005BAB;
  border-radius: 0;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 48.0625em) {
  .myqa-signin {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .myqa-signin {
  min-height: 22px;
}
.myqa-signin:hover,
.myqa-signin:focus,
.myqa-signin:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.myqa-signin:active,
.myqa-signin.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.myqa-signin.disabled,
.myqa-signin[disabled],
fieldset[disabled] .myqa-signin {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.myqa-signin .icon {
  font-size: .75em;
}
.myqa-signin.btn-alt {
  padding: 9px 15px;
}
.myqa-signin.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.myqa-signin:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.myqa-signin:visited:hover,
.myqa-signin:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.myqa-signin:hover,
.myqa-signin:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.myqa-signin:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.myqa-signin:visited:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.myqa-signin:visited:visited:hover,
.myqa-signin:visited:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.myqa-signin:visited:hover,
.myqa-signin:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
@media (min-width: 48.0625em) {
  .myqa-signin {
    padding: 12px 24px;
  }
}
.myqa-signin:hover,
.myqa-signin:focus,
.myqa-signin:visited {
  color: #FFF;
}
.myqa-signin .icon {
  color: #6faada;
}
.myqa-navbar-accordion-content-container {
  font-size: 16px;
}
.myqa-navbar-accordion-content-container .accordion-content {
  border-bottom: 1px solid #D7D7D7;
  width: 100%;
}
.myqa-navbar-accordion-content-container a {
  text-decoration: none;
}
.header-myqa-callPanel .callPanel-info {
  display: block;
  font-size: 0.75rem;
  line-height: 0.4;
}
.header-myqa-callPanel .callPanel-info a {
  font-size: 0.75rem;
}
.navigation {
  background-color: #0E273E;
  background-color: rgba(14, 39, 62, 0.97);
  border-right: 1px solid #D7D7D7;
}
.lt-ie9 .navigation {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f70e273e, endColorstr=#f70e273e)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f70e273e, endColorstr=#f70e273e);
  background-color: rgba(14, 39, 62, 0.97);
}
@media (min-width: 48.0625em) {
  .navigation {
    border-right: 0;
  }
}
.js .navigation {
  height: 100%;
  margin-left: 100%;
  position: fixed;
  transition: margin 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
@media (max-width: 48.0625em) {
  .js .navigation {
    overflow-x: scroll;
  }
}
.menu-in .navigation {
  margin-left: 0;
}
.action-close-menu {
  height: 50px;
  width: 50px;
  color: #FFF;
  display: none;
  position: relative;
}
.action-close-menu:hover,
.action-close-menu:focus,
.action-close-menu:visited {
  color: #FFF;
}
.action-close-menu .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.ie8 .action-close-menu .icon {
  top: 0;
  left: 0;
}
.js .action-close-menu {
  display: block;
}
.navigation-menu {
  background: #FFF;
  padding-top: 18px;
}
.navigation-menu:after {
  clear: both;
  content: '';
  display: table;
}
.js .navigation-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 50px;
  z-index: 99;
  overflow-x: scroll;
}
@media (min-width: 50em) {
  .js .navigation-menu {
    margin-left: 50px;
  }
}
@media (min-width: 75em) {
  .js .navigation-menu {
    margin-left: 0;
    overflow-x: visible;
  }
}
.navigation-menu a,
.navigation-menu p {
  display: block;
  margin: 0;
  padding: 0 0;
  position: relative;
  text-decoration: none;
}
.navigation-menu .menu-level-1 a:hover {
  color: #005BAB;
  text-decoration: underline;
}
.navigation-menu .menu-heading {
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 0;
  margin: 0;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.navigation-menu .menu-heading:after {
  clear: both;
  content: '';
  display: table;
}
.navigation-menu .menu-heading a {
  font-weight: 600;
}
.navigation-menu .menu-heading a:visited {
  color: #005BAB;
}
.navigation-menu .menu-heading a:hover {
  color: #303030;
}
.navigation-menu .menu-heading a > span,
.navigation-menu .menu-heading p > span {
  display: block;
  padding-right: 24px;
}
.navigation-menu .menu-heading a.myqa-checkout span,
.navigation-menu .menu-heading p.myqa-checkout span {
  display: inline;
}
.navigation-menu .menu-heading a.myqa-checkout img,
.navigation-menu .menu-heading p.myqa-checkout img {
  position: absolute;
  top: -8px;
  right: 2px;
}
.navigation-menu .menu-heading .icon {
  color: #4792CF;
  position: absolute;
  top: 0;
  right: 18px;
}
@media (min-width: 75em) {
  .navigation-menu .menu-heading .icon {
    top: 18px;
  }
}
.navigation-menu .menu-heading.heading-username {
  font-weight: 400;
}
.navigation-menu .menu-level-0 {
  margin: 0;
  padding: 0;
}
.navigation-menu .menu-level-0 li {
  list-style: none;
}
.navigation-menu .menu-level-0 li:before {
  display: none;
}
.navigation-menu .menu-level-0 li {
  margin: 0;
}
.navigation-menu .menu-level-0 li > a {
  padding: 0;
}
.navigation-menu .menu-level-0 .menu-heading {
  font-weight: 700;
}
.navigation-menu .menu-level-0 .menu-heading a {
  color: #005BAB;
}
.navigation-menu .menu-level-0 .menu-heading a:hover {
  color: #303030;
}
.navigation-menu .open .menu-heading a {
  color: #303030;
}
.navigation-menu .menu-level-1 {
  margin: 0;
  padding: 0;
  margin: 0 6px;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 6px;
}
.navigation-menu .menu-level-1 li {
  list-style: none;
}
.navigation-menu .menu-level-1 li:before {
  display: none;
}
.navigation-menu .menu-level-1:after {
  clear: both;
  content: '';
  display: table;
}
.navigation-menu .menu-level-1 li {
  margin: 3px 0;
  padding: 0;
}
.navigation-menu .menu-level-1:last-of-type {
  border: 0;
}
.navigation-menu .menu-heading-level-1 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  color: #003C70;
  font-weight: 600;
}
.navigation-menu .menu-banner {
  opacity: .95;
  font-size: 16px;
  line-height: 20px;
  padding: 18px 0;
}
.navigation-menu .menu-banner .inner {
  padding-right: 20px;
  padding-left: 20px;
}
.navigation-menu .menu-banner .inner:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 37.5em) {
  .navigation-menu .menu-banner {
    font-size: 20px;
    line-height: 26px;
  }
}
.navigation-menu .menu-banner .menu-banner-link {
  display: inline-block;
  font-weight: 700;
}
.navigation-menu .myqa-heading {
  font-weight: 400;
}
.navigation-menu .myqa-heading a,
.navigation-menu .myqa-heading a:visited {
  color: #FFF;
}
.navigation-contact-further {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 50px;
}
.navigation-contact-further:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 61.25em) {
  .navigation-contact-further {
    padding-top: 30px;
    padding-bottom: 36px;
  }
}
.navigation-contact-further p {
  margin-bottom: 15px;
}
@media (min-width: 61.25em) {
  .navigation-contact-further p {
    margin-bottom: 0;
  }
}
.navigation-contact-further li {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (min-width: 61.25em) {
  .navigation-contact-further li {
    margin-bottom: 0;
  }
}
.navigation-contact-further a {
  display: inline-block;
  font-size: 18px;
  text-decoration: underline;
}
.navigation-contact-further .callPanel-info-mobile {
  font-size: 0.75rem;
  line-height: 1.4;
}
.navigation-contact-further .callPanel-info-mobile a {
  font-size: 0.75rem;
}
.navigation-logo-container {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.navigation-logo-container:after {
  clear: both;
  content: '';
  display: table;
}
.navigation-logo-container:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 61.25em) {
  .navigation-logo-container {
    height: 80px;
  }
}
.navigation-logo-container a {
  display: block;
  float: left;
}
.nav-logo,
.nav-logo-text {
  float: left;
}
.nav-logo {
  margin-right: 10px;
  max-width: 60px;
}
@media (min-width: 61.25em) {
  .nav-logo {
    margin-left: 3px;
  }
}
.nav-logo-text {
  margin-top: 6px;
  margin-bottom: 6px;
  max-width: 180px;
}
@media (min-width: 37.5em) {
  .nav-logo-text {
    margin-left: 8px;
    margin-bottom: 0;
  }
}
.partner-logo {
  margin-left: 8px;
}
.navigation-links .menu-heading {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  margin: 0;
}
@media (min-width: 75em) {
  .navigation-links .menu-heading {
    display: none;
  }
}
.navigation-links .menu-heading,
.navigation-links .navigation-contact-further,
.navigation-links .accordion {
  background: #FFF;
}
.navigation-links .accordion-content {
  background: #f7f7f7;
}
.navigation-links .accordion-content .section-style-d {
  background: none;
}
@media (min-width: 75em) {
  .navigation-links .accordion-content.open {
    margin-top: -5px;
    position: absolute;
    top: 5px;
    width: 100%;
  }
  .ie8 .navigation-links .accordion-content.open {
    margin-top: 0;
    position: static;
  }
}
.navigation-links .accordion-content .menu-level-0 {
  border-top: 0;
}
@media (min-width: 75em) {
  .navigation-links .accordion-handle {
    display: none;
  }
}
.navigation-links .accordion-handle a {
  padding-left: 0;
  padding-right: 0;
}
.navigation-links .promocard {
  float: left;
  margin: 1%;
}
.navigation-links .promocard-cta-button {
  display: inline-block;
  line-height: 27px;
  padding: 6px 18px;
}
.navigation-menu-lower {
  background: #F7F7F7;
}
@media (min-width: 75em) {
  .navigation-menu-lower {
    display: none;
  }
}
.navigation-menu-lower .menu-heading {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  margin: 0;
}
.navigation-menu-lower .menu-heading.myqa-heading .icon {
  color: #FFF;
}
.navigation-menu-lower .icon {
  font-size: 16px;
}
@media (min-width: 75em) {
  .js .action-menu,
  .js .action-close-menu {
    display: none;
  }
  .js .navigation {
    background: none;
    margin: 0;
    position: relative;
  }
  .navigation-menu {
    border-bottom: 1px solid #D7D7D7;
    width: 100%;
  }
  .js .navigation-menu {
    margin: 0;
    position: relative;
  }
  .navigation-menu .menu-heading {
    border: 0;
    margin-left: 6px;
    padding: 0;
  }
  .navigation-menu .menu-heading a {
    padding-right: 1.125rem;
  }
  .navigation-menu .menu-heading a span {
    font-size: 0.9rem;
    padding-right: 0.75rem;
  }
  .navigation-menu .menu-heading .icon {
    top: 0;
  }
  .ie8 .navigation-menu .menu-heading .icon {
    right: 10px;
  }
  .navigation-menu .menu-banner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .navigation-logo-container {
    float: left;
    height: 0;
  }
  .navigation-logo-container a:first-child {
    width: 65px;
  }
  .navigation-links-hugescreen {
    float: right;
    /*padding-right: 40px;*/
    padding-right: 12px;
    width: 75%;
  }
  .navigation-links-hugescreen > ul {
    float: right;
    margin-top: 5px;
  }
  .navigation-links {
    float: right;
    width: 100%;
  }
  .navigation-list-item {
    float: left;
    margin: 0;
    padding-left: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    /*&.my-qa {
            a {
                span {
                    &:before {
                        content: "";
                        background-image: url("/images/myqa/qa-nav-icon.png");
                        background-repeat: no-repeat;
                        display: inline-block;
                        position: relative;
                        top: 3px;
                        padding-right: 6px;
                        height: 17px;
                        width: 20px;
                    }
                }

                &:hover {
                    span {
                        &:before {
                            background-position: 0 -23px;
                        }
                    }
                }
            }
        }*/
  }
  .navigation-list-item a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .navigation-list-item.accordion-active {
    background-color: #4792CF !important;
    position: relative;
    opacity: .95;
  }
  .navigation-list-item.accordion-active a span {
    color: #FFF;
  }
  .navigation-list-item.accordion-active .icon-caret-up {
    color: #FFF;
  }
  .navigation-list-item.accordion-active.my-qa span:before {
    background-position: 0 -23px;
  }
}
@media (min-width: 75em) and (min-width: 87.5em) {
  .navigation-list-item a {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 12px;
    margin-bottom: 5px solid #fff;
  }
}
.inline-menu {
  position: relative;
  display: inline;
  /* Visible label control for toggling checkbox state */
  /* Hidden checkbox for toggling flyout menu */
  /* Flyout menu */
}
.inline-menu label {
  cursor: pointer;
  position: relative;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
}
.inline-menu label:after {
  font-family: 'qa-icons';
  content: '\f078';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease-out;
  position: absolute;
  right: 0;
}
.inline-menu input {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.inline-menu input:checked ~ ul {
  opacity: 0.95;
  display: block;
}
.inline-menu ul {
  display: none;
  list-style-type: none;
  margin-left: inherit;
  position: absolute;
  right: -16px;
  margin-top: 8px;
  z-index: 1;
  box-shadow: 1px 2px 2px #D7D7D7;
  min-width: 275px;
  /* Triangle indicator */
  /* Flyout menu items */
}
@media (min-width: 48.0625em) {
  .inline-menu ul {
    min-width: 375px;
  }
}
.inline-menu ul:before {
  display: block;
  content: '';
  position: absolute;
  right: 12px;
  top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #F1F1F1 transparent;
}
.inline-menu ul li {
  padding: 21px;
  margin: 0;
  list-style-type: none !important;
  border: solid 1px #D8DAE0;
  border-left-color: #DFE2E8;
  border-top: none;
  background: #F1F1F1;
}
.inline-menu ul li:hover {
  background: #F8F8F8;
}
.inline-menu ul li:before {
  display: none;
}
.inline-menu ul li a {
  display: block;
  color: #2E2D2C;
  font-weight: 700;
}
.inline-menu.open-right ul {
  right: 0;
  left: 0;
}
.inline-menu.open-right ul:before {
  left: auto;
  right: 71px;
}
@media (min-width: 48.0625em) {
  .inline-menu.open-right ul {
    right: -243px;
  }
  .inline-menu.open-right ul:before {
    right: auto;
    left: 12px;
  }
}
@media (min-width: 48.0625em) and (min-width: 48.0625em) {
  .inline-menu.open-right ul {
    right: -343px;
  }
}
.page-navigation {
  clear: both;
  color: #FFF;
}
@media (min-width: 48.0625em) {
  .page-navigation {
    background-color: #005BAB;
    height: 60px;
  }
}
.js.page-navigation-in .page-navigation {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.page-navigation-logo {
  cursor: pointer;
  float: left;
  margin: 15px 0;
}
@media (max-width: 48.0625em) {
  .page-navigation-logo {
    display: none;
  }
}
.page-navigation-inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
}
.page-navigation-inner:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .page-navigation-inner {
    padding: 0 20px;
  }
}
@media (min-width: 61.25em) {
  .page-navigation-inner {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 75em) {
  .page-navigation-inner {
    max-width: 1180px;
  }
}
@media (min-width: 87.5em) {
  .page-navigation-inner {
    margin: 0 auto;
  }
}
.page-navigation-cta {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 21px;
  min-height: 33px;
  padding: 6px 18px;
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
  float: right;
  margin: 11px 0;
}
@media (min-width: 48.0625em) {
  .page-navigation-cta {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .page-navigation-cta {
  min-height: 22px;
}
.page-navigation-cta:hover,
.page-navigation-cta:focus,
.page-navigation-cta:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.page-navigation-cta:active,
.page-navigation-cta.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.page-navigation-cta.disabled,
.page-navigation-cta[disabled],
fieldset[disabled] .page-navigation-cta {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.page-navigation-cta .icon {
  font-size: .75em;
}
.page-navigation-cta.btn-alt {
  padding: 9px 15px;
}
.page-navigation-cta.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.ie8 .page-navigation-cta {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .page-navigation-cta {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}
.page-navigation-cta.btn-alt {
  padding: 6px 15px;
}
.page-navigation-cta.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.page-navigation-cta:visited {
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.page-navigation-cta:visited:hover,
.page-navigation-cta:visited:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.page-navigation-cta:hover,
.page-navigation-cta:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.page-navigation-cta.nounderline {
  text-decoration: none;
}
.page-navigation-cta.full-width {
  width: 100%;
  text-align: center;
}
@media (max-width: 48.0625em) {
  .page-navigation-cta {
    display: none;
  }
}
.page-navigation-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.page-navigation-title.focusable:active,
.page-navigation-title.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.page-navigation-toggle {
  background: #005BAB;
  color: #FFF;
  display: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding: 12px 15px;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  z-index: 2;
}
.page-navigation-toggle:hover,
.page-navigation-toggle:visited {
  color: #FFF;
}
.js .page-navigation-toggle {
  display: block;
}
@media (min-width: 48.0625em) {
  .js .page-navigation-toggle {
    display: none;
  }
}
.page-navigation-toggle .icon {
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 20px;
}
.page-navigation-toggle .icon-chevron-up {
  display: none;
}
.page-navigation-open .page-navigation-toggle .icon-chevron-up {
  display: block;
}
.page-navigation-toggle .icon-chevron-down {
  display: block;
}
.page-navigation-open .page-navigation-toggle .icon-chevron-down {
  display: none;
}
.page-navigation-toggle-title {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.page-navigation-open .page-navigation-toggle-title {
  opacity: 0;
}
.menu-page {
  margin: 0;
  padding: 0;
  font-size: 0;
  background: #005BAB;
  float: left;
  margin-top: 44px!important;
}
.menu-page li {
  list-style: none;
}
.menu-page li:before {
  display: none;
}
.menu-page li {
  display: inline-block;
  font-size: 16px;
}
@media (min-width: 48.0625em) {
  .menu-page {
    background: none;
    margin-top: 0!important;
    text-align: center;
  }
}
.js .menu-page {
  overflow: hidden;
  margin: 0;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
@media (max-width: 48.0625em) {
  .js .menu-page {
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .js .menu-page {
    opacity: 1;
    position: relative;
    visibility: visible;
    overflow: visible;
  }
}
@media (max-width: 48.0625em) {
  .page-navigation-ready .menu-page {
    transform: translate3d(0, -100%, -0.0625rem);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 300ms ease-in-out;
  }
}
@media (max-width: 48.0625em) {
  .page-navigation-open .menu-page {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
.menu-page li {
  display: block;
  list-style: none;
  margin: 0;
  border-top: 1px solid #6ca8d9;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .menu-page li {
    display: inline-block;
    border: 0;
    padding: 0;
    width: auto;
    float: left;
    display: block;
    position: relative;
  }
}
.menu-page a {
  color: #FFF;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1px;
  padding: 6px 18px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 48.0625em) {
  .menu-page a {
    display: inline-block;
    font-size: 16px;
    line-height: 59px;
    margin: 0 12px;
    padding: 0 6px;
  }
}
.menu-page a:hover {
  color: #FFF;
  text-decoration: underline;
}
@media (min-width: 48.0625em) {
  .menu-page a.active {
    text-decoration: underline;
  }
}
.menu-page li.page-navigation-item-hidden {
  display: none;
}
@media (min-width: 48.0625em) {
  .js .menu-page.toggle-content {
    line-height: 1;
    display: block;
  }
}
@media (min-width: 48.0625em) {
  .js .toggle-in .menu-page.toggle-content {
    display: block;
  }
}
.page-navigation-menu-dropdown {
  margin: 0;
}
@media (min-width: 48.0625em) {
  .page-navigation-menu-dropdown {
    width: 200px;
  }
}
.js .page-navigation-menu-dropdown {
  background: #005BAB;
}
@media (min-width: 48.0625em) {
  .js .page-navigation-menu-dropdown.toggle-content {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .js .toggle-in .page-navigation-menu-dropdown.toggle-content {
    display: block;
    position: absolute;
  }
}
.page-navigation-menu-dropdown .page-navigation-item-show {
  display: block;
  margin: 0;
}
.page-navigation-menu-dropdown-item {
  display: none!important;
}
.page-navigation-menu-dropdown-item.page-navigation-item-show {
  float: none;
  display: block!important;
}
.page-navigation-menu-dropdown-item.page-navigation-item-show a {
  line-height: 1.75;
  margin-bottom: 10px;
  padding-left: 15px;
}
.page-navigation-menu-more {
  display: none!important;
  padding-left: 12px!important;
}
@media (min-width: 48.0625em) {
  .page-navigation-menu-more {
    display: inline-block !important;
  }
}
.page-navigation-menu-more .toggle-handle {
  text-align: left;
  width: 100%;
}
.page-navigation-menu-more .toggle-handle span {
  font-size: 16px;
  padding-left: 8px;
}
.page-nav-menu-hide .page-navigation-menu-more {
  display: none!important;
}
.page-navigation-item {
  display: block;
  float: left;
}
.page-navigation-item a.active {
  text-decoration: underline;
}
.toggle-in .toggle-handle .icon:before {
  content: '\f077';
}
.footer {
  font-size: 16px;
}
.footer hr {
  clear: both;
  display: none;
  width: 100%;
}
.footer .accordion-handle {
  margin: 0;
  border-top: 1px solid #336FA3;
}
.footer .accordion-handle .icon {
  top: 0;
}
@media (min-width: 37.5em) {
  .footer .accordion-handle {
    border: none;
  }
  .footer .accordion-handle a {
    cursor: text;
  }
  .footer .accordion-handle .icon {
    display: none;
  }
}
@media (min-width: 37.5em) {
  .js .footer .accordion-content {
    display: block;
  }
}
.footer .accordion-close {
  display: none !important;
}
.footer-block-size-a {
  margin-bottom: 42px;
}
@media (min-width: 30em) {
  .footer-block-size-a {
    float: left;
    width: 50%;
  }
}
@media (min-width: 48.0625em) {
  .footer-block-size-b {
    float: left;
    margin-right: 1%;
    width: 74%;
  }
}
.footer-block-size-c:nth-of-type(3) {
  clear: left;
}
@media (min-width: 37.5em) {
  .footer-block-size-c {
    float: left;
    margin-bottom: 20px;
    margin-right: 1%;
    margin-left: 1%;
    width: 48%;
  }
  .footer-block-size-c:nth-of-type(3) {
    clear: none;
  }
}
@media (min-width: 48.0625em) {
  .footer-block-size-c {
    margin-bottom: 0;
  }
}
@media (min-width: 61.25em) {
  .footer-block-size-c {
    margin-right: 1%;
    margin-left: 1%;
    width: 23%;
  }
}
.footer-block-size-d {
  width: 100%;
}
@media (min-width: 48.0625em) {
  .footer-block-size-d {
    float: right;
    margin-left: 2%;
    width: 23%;
  }
}
.footer-upper {
  background: #003C70;
  color: #FFF;
}
.footer-upper a {
  color: #FFF;
}
.footer-upper li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 6px 0;
}
.footer-upper li a:hover {
  color: #EFEFEF;
}
.footer-upper li a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.footer-upper li a.btn:active {
  text-decoration: none;
}
@media (min-width: 48.0625em) {
  .footer-upper {
    padding-top: 72px;
    padding-bottom: 48px;
  }
}
.footer-lower {
  background: #005BAB;
  color: #FFF;
  border-top: 1px solid #336FA3;
  padding-top: 48px;
}
.footer-lower a {
  color: #FFF;
  text-decoration: none;
}
.footer-lower a:hover {
  color: #FFF;
}
.footer-lower a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.footer-lower a.btn:active {
  text-decoration: none;
}
.footer-lower hr {
  border-top: 1px solid #4792CF;
}
.footer-legal {
  clear: both;
  padding-top: 12px;
}
.footer-legal a {
  text-decoration: underline;
}
.footer-logo img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
}
@media (min-width: 30em) {
  .footer-logo img {
    margin: 0;
  }
}
.footer-social {
  font-size: 14px;
  margin-right: 0;
}
@media (min-width: 30em) {
  .footer-social {
    float: right;
  }
}
.footer-social nav {
  text-align: center;
}
@media (min-width: 30em) {
  .footer-social nav {
    float: right;
  }
}
.footer-social a {
  font-size: 25px;
  margin-right: 30px;
}
.footer-social a:hover {
  text-decoration: none;
}
.footer-social a:last-of-type {
  margin: 0;
}
.footer-social p {
  font-size: 14px;
  margin: 0;
}
.footer-additional-links {
  border-top: 1px solid #4792CF;
  border-bottom: 1px solid #4792CF;
  clear: both;
  font-size: 12px;
  padding: 30px 0;
  text-align: center;
}
.footer-additional-links:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 37.5em) {
  .footer-additional-links {
    text-align: center;
    border: 1px solid #4792cf;
    border-left: 0;
    border-right: 0;
    padding: 18px 0;
  }
}
@media (min-width: 48.0625em) {
  .footer-additional-links {
    border: 0;
    padding: 12px 0;
  }
}
.footer-additional-links ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.footer-additional-links ul:after {
  clear: both;
  content: '';
  display: table;
}
.footer-additional-links ul li {
  list-style: none;
}
.footer-additional-links ul li:before {
  display: none;
}
@media (min-width: 37.5em) {
  .footer-additional-links ul {
    text-align: center;
  }
}
@media (min-width: 48.0625em) {
  .footer-additional-links ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block;
    text-align: left;
  }
  .footer-additional-links ul li {
    list-style: none;
  }
  .footer-additional-links ul li:before {
    display: none;
  }
  .footer-additional-links ul li {
    display: inline-block;
    font-size: 16px;
  }
}
.footer-additional-links li {
  float: left;
  margin: 0;
  padding: 12px 0;
  text-align: center;
  width: 50%;
}
.footer-additional-links li a {
  display: block;
  padding: 6px 0;
}
@media (min-width: 37.5em) {
  .footer-additional-links li a {
    margin-right: 20px;
  }
}
@media (min-width: 37.5em) {
  .footer-additional-links li {
    width: auto;
    float: none;
    display: inherit;
    margin-right: 20px;
  }
}
@media (min-width: 48.0625em) {
  .footer-additional-links li {
    display: inline;
  }
  .footer-additional-links li a {
    margin-right: 18px;
  }
}
.footer-copyright {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .footer-copyright {
    text-align: right;
  }
}
.js .overlay {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #000;
  cursor: pointer;
  display: none;
  height: 100%;
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.overlay-in .js .overlay {
  display: block;
}
.js .overlay-content {
  background: #FFF;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  color: #303030;
  display: none;
  overflow-y: scroll;
  position: fixed;
  top: 1%;
  bottom: 1%;
  left: 5%;
  width: 90%;
  z-index: 100;
}
@media (min-width: 48.0625em) {
  .js .overlay-content {
    left: 50%;
    top: 35%;
    transform: translate(-50%, -35%);
    position: fixed;
    width: 80%;
  }
}
@media (min-width: 75em) {
  .js .overlay-content {
    width: 55%;
  }
}
.js.ie8 .overlay-content {
  top: 5%;
  left: 22.5%;
}
.overlay-header {
  min-height: 30px;
}
.overlay-body {
  padding: 24px;
}
.overlay-footer {
  padding: 0 24px 24px;
}
.article {
  font-size: 16px;
}
.article-details {
  padding: 12px 20px 60px;
}
@media (min-width: 48.0625em) {
  .article-details {
    padding: 0;
  }
}
.article-details > .article-details {
  padding: 0;
}
.article-expandable {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 24px;
  text-align: justify;
}
.article-expandable:last-child {
  border: 0;
}
@media (min-width: 48.0625em) {
  .article-expandable.block.block-size-c {
    width: 65%;
  }
}
.article-expandable .accordion-handle {
  display: inline-block;
}
.article-expandable .accordion-handle .icon {
  position: static;
  margin-left: 15px;
}
.article-expandable .article-footer {
  padding-top: 24px;
  text-align: center;
}
.article-details-further {
  text-align: left;
}
.article-details-further *,
.article-details-further p {
  font-size: 14px;
}
.article-course-detail {
  text-align: left;
}
    .article-course-detail .course-detail-header {
        font-size: 26px;
        line-height: 30px;
        margin-top: 60px;
        margin-bottom: 12px;
        color: #303030;
        text-align: center;
        font-family: 'Figtree',Arial,sans-serif;
        font-weight: 300;
        font-weight: 400;
        margin-bottom: 48px;
    }
@media (min-width: 48.0625em) {
  .article-course-detail .course-detail-header {
    font-size: 44px;
    line-height: 48px;
  }
}
.article-course-detail .toggle-content-footer {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .article-course-detail .toggle-content-footer {
    margin-top: 30px;
  }
}
.article-course-detail .toggle-content-footer .toggle-action {
  display: inline-block;
}
.course-detail-logo {
  margin: 40px auto 20px;
}
.course-detail-logo img {
  display: block;
  margin: 0 auto;
}
.article-course-detail-information {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 48px;
  padding-top: 24px;
  padding-bottom: 12px;
  text-align: center;
}
.article-course-detail-information:after {
  clear: both;
  content: '';
  display: table;
}
.article-course-detail-information .information-title,
.article-course-detail-information .information-point {
  display: block;
  font-size: 16px;
}
.article-course-detail-information .information-point {
  font-size: 24px;
}
.article-course-detail-information p {
  font-size: 16px;
}
.panel {
  margin-bottom: 24px;
}
.panel .panel-heading {
  color: #FFF;
  background-color: #4792CF;
  padding: 21px 15px;
}
.panel .panel-title {
  margin: 0;
}
.panel .panel-body {
  border: 1px solid #D7D7D7;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.2);
}
.panel .panel-content {
  padding: 36px 25px;
}
.accordion {
  position: relative;
}
.accordion-handle a {
  position: relative;
  display: block;
  text-decoration: none;
}
.accordion-handle a.accordion-trigger {
  width: 40px;
  height: 30px;
}
.accordion-handle .icon,
.accordion-handle a.accordion-trigger {
  position: absolute;
  top: 18px;
  right: 18px;
}
.accordion-active .accordion-handle .opened-text {
  display: inline-block;
}
.accordion-active .accordion-handle .closed-text {
  display: none;
}
.accordion-style-a .accordion-header {
  margin: 0;
  line-height: 27px;
  font-size: 18px;
}
.accordion-style-a .accordion-header a {
  margin: 0;
  line-height: 27px;
  font-size: 18px;
}
.accordion-style-a .accordion-header .icon {
  color: #4792CF;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ie8 .accordion-style-a .accordion-header .icon {
  top: 0;
}
.opened-text {
  display: none;
}
.js .accordion-content {
  display: none;
}
.js .accordion-content.open {
  display: block;
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .js .accordion-content.accordion-content-mobile {
    display: block;
  }
}
.accordion-style-a .accordion-content {
  margin-top: 12px;
  border-top: 1px solid #D7D7D7;
}
.accordion-content .accordion-close {
  display: none;
}
.js .navigation-links .accordion-content .accordion-close {
  /*display: none; */
  position: absolute;
  top: 30px;
  right: 20px;
}
.js .navigation-links .accordion-content .accordion-close .icon {
  color: #fff;
  font-size: 2em;
}
@media (min-width: 48.0625em) {
  .js .navigation-links .accordion-content .accordion-close {
    display: block;
  }
}
@media (min-width: 75em) {
  body {
    position: relative;
  }
  .navigation-menu .navigation-list-item {
    padding-top: 15px !important;
  }
  .navigation-menu .navigation-list-item.accordion {
    background-color: #FFF;
    height: 100%;
    z-index: 9;
  }
  .navigation-menu .navigation-links-hugescreen > ul {
    float: none !important;
    height: 56px;
    margin-top: 0 !important;
  }
  .navigation-menu .accordion-content.open {
    left: 50%;
    margin-left: -37.5em;
    margin-top: -6px !important;
    max-width: 75em;
    right: 0;
    top: 0 !important;
    z-index: 8;
  }
  .menu-shade {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: -2px;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7;
  }
  .menu-shade.open {
    display: block;
  }
}
@media (min-width: 75em) and (max-width: 1360px) {
  .navigation-menu .accordion-content.open {
    left: auto;
    max-width: 100%;
  }
}
.toggle-content {
  position: relative;
}
.js .toggle-content-closed {
  height: 300px;
  overflow: hidden;
}
.js .toggle-content-closed:after {
  background: url('../images/css/white_grad.png') repeat-x;
  content: '';
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.js .toggle-content-closed.hide-after:after {
  display: none;
}
.action-toggle .opened-text {
  display: none;
}
.actioned .action-toggle .opened-text {
  display: inline-block;
}
.actioned .action-toggle .closed-text {
  display: none;
}
.tabs,
.tabs-static {
  display: block;
  width: 100%;
}
.tabs ul,
.tabs-static ul {
  display: block;
  font-size: 0;
  margin: 0!important;
  text-align: center;
}
.tabs-alt .tabs ul,
.tabs-alt .tabs-static ul {
  display: block;
  text-align: left;
}
.tabs li,
.tabs-static li {
  display: block;
  font-size: 20px;
  line-height: 30px;
  list-style: none;
  margin-top: 1px;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}
@media (min-width: 48.0625em) {
  .tabs li,
  .tabs-static li {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.tabs li:first-child,
.tabs-static li:first-child {
  margin-top: 0;
}
.tabs li:before,
.tabs-static li:before {
  display: none;
}
.tabs li a,
.tabs-static li a {
  background: #FFF;
  border-radius: 0;
  border: 1px solid #D7D7D7;
  border-bottom: none;
  color: #303030;
  display: block;
  font-size: 22px;
  font-weight: 700;
  padding: 12px 24px;
  position: relative;
  text-decoration: none;
}
@media (min-width: 30em) {
  .tabs li a,
  .tabs-static li a {
    padding: 12px;
  }
}
@media (min-width: 48.0625em) {
  .tabs li a,
  .tabs-static li a {
    border-radius: 4px 4px 0 0;
  }
}
.tabs li a:hover,
.tabs-static li a:hover,
.tabs li a:focus,
.tabs-static li a:focus {
  background: #6faada;
  color: #FFF;
}
.tabs li a.active,
.tabs-static li a.active {
  background: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.tabs li a.with-icon,
.tabs-static li a.with-icon {
  padding-left: 60px;
}
.tabs li a.with-icon > img,
.tabs-static li a.with-icon > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  height: 26px;
  width: 26px;
}
.ie8 .tabs li a.with-icon > img,
.ie8 .tabs-static li a.with-icon > img {
  top: 13px;
}
.tabs li h2,
.tabs-static li h2 {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  margin: 0;
}
.tabs li em,
.tabs-static li em {
  font-weight: normal;
}
.tabs-header {
  overflow: hidden;
}
@media (max-width: 48.0625em) {
  .tabs-header {
    padding: 0 18px;
  }
}
.tab-section {
    overflow: hidden;
    display: none;
}
.js .tab-section {
  display: none;
}
@media (min-width: 48.0625em) {
  .tab-section {
    padding: 24px;
  }
}
.tab-section.tab-in {
  display: block;
}
@media (min-width: 48.0625em) {
  .tab-section-header,
  .tab-section-body {
    padding: 6px 18px;
  }
}
.tab-section-body {
  padding: 6px 18px;
  position: relative;
}
.tab-section-body:after {
  clear: both;
  content: '';
  display: table;
}
.tab-section-title {
  margin: 0;
}
.tabs-dropdown {
  display: block;
  margin: 6px 0 18px;
}
.tabs-title {
    color: #303030;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 44px;
}
.tabs-content .listitem {
  margin-bottom: 0;
}
.tabs-header-style-a {
  background: #F3F3F3;
  border-bottom: 1px solid #D7D7D7;
}
@media (min-width: 48.0625em) {
  .tabs-header-style-a {
    padding: 12px 24px 0;
  }
}
.tabs-header-style-a .tabs,
.tabs-header-style-a .tabs-static {
  position: relative;
  top: 1px;
}
.tabs-header-style-a .active {
  border: 1px solid #D7D7D7;
  border-bottom: 0;
}
.tab-section-style-a {
  border: 1px, solid #D7D7D7;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.2);
}
.tabs-to-accordion .tabs-header {
  display: none;
}
.tabs-to-accordion .tab-accordion-handle {
  display: block;
  margin: 0;
  padding: 10px 40px 10px 10px;
  border-bottom: solid 1px #C9CACC;
  border-top: solid 1px #C9CACC;
  background: #F8F8F8;
  color: #333;
  font-size: 18px;
  position: relative;
}
.tabs-to-accordion .tab-accordion-handle:first-child {
  border-top: none;
}
.tabs-to-accordion .tab-accordion-handle:after {
  font-family: 'qa-icons';
  content: '\f077';
  color: #333;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: 11px;
}
.tabs-to-accordion .tab-accordion-handle.active {
  color: #005BAB;
}
.tabs-to-accordion .tab-accordion-handle.active:after {
  transform: rotate(-180deg);
}
@media (min-width: 48.0625em) {
  .tabs-to-accordion .tabs-header {
    display: block;
  }
  .tabs-to-accordion .tab-accordion-handle {
    display: none;
  }
}
.map {
  display: none;
}
.map img {
  max-width: none;
}
.map-active {
  display: block;
}
.map-static-container {
  display: none;
  padding-top: 48px;
  text-align: center;
}
.pagetitle {
  margin-bottom: 0;
  text-align: center;
}
.pagetitle.pagetitle-serach {
  margin-bottom: 18px;
}
.pagetitle.pagetitle-condensed {
  position: relative;
}
.pagetitle-wrapper {
  position: relative;
}
.pagetitle-header {
  overflow: hidden;
  padding: 24px 0 36px;
  position: relative;
}
@media (min-width: 48.0625em) {
  .pagetitle-header {
    margin-bottom: 0;
  }
}
@media (max-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
}
@media (min-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-1deg);
  }
}
@media (max-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(2deg);
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(2deg);
  }
}
@media (min-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(1deg);
  }
}
.csstransforms .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-2deg);
}
.pagetitle-background {
  display: block;
}
@media (min-width: 61.25em) {
  .pagetitle-background {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .sitecore-page-editor .pagetitle-background {
    min-height: 480px;
  }
}
.pagetitle-header-content {
  clear: both;
  margin: 0 auto;
  padding: 12px 18px 60px;
  background-color: white;
}
@media (max-width: 48.0625em) {
  .pagetitle-header-content {
    color: #1e1e1e;
  }
  .section-style-a .pagetitle-header-content {
    color: #1e1e1e;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-header-content {
    float: none;
    margin: 0 auto;
    width: 85%;
    padding: 0;
    background-color: transparent;
    color: white;
  }
  .pagetitle-has-background .pagetitle-header-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
  }
  .ie8 .pagetitle-has-background .pagetitle-header-content {
    top: 100px;
  }
  .ie8 .pagetitle-has-background .pagetitle-header-content {
    width: 85%;
  }
}
.pagetitle-title {
    font-family: 'Figtree',Arial,sans-serif;
    font-weight: 300;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px;
    width: 100%;
}
.pagetitle-has-background .pagetitle-title {
  margin: 0 0 12px;
}
@media (min-width: 75em) {
  .pagetitle-title {
    font-size: 54px;
    line-height: 57px;
  }
}
.pagetitle-subtitle {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
}
.pagetitle-logo {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 12px;
  padding: 6px 0;
}
.pagetitle-logo img {
  max-width: 150px!important;
}
@media (min-width: 37.5em) {
  .pagetitle-logo {
    border: 0;
    margin-bottom: 24px;
    padding: 0;
  }
}
.pagetitle-body {
  font-size: 1rem;
  padding-right: 24px;
  padding-left: 24px;
}
.pagetitle-body p:last-of-type {
  margin-bottom: 0;
}
.pagetitle-body .link {
  font-weight: 700;
}
.pagetitle-body ul,
.pagetitle-body ol {
  margin: 0;
  padding: 0;
  padding: 12px 0;
  text-align: center;
}
.pagetitle-body ul li,
.pagetitle-body ol li {
  list-style: none;
}
.pagetitle-body ul li:before,
.pagetitle-body ol li:before {
  display: none;
}
@media (min-width: 37.5em) {
  .pagetitle-body ul,
  .pagetitle-body ol {
    border: 0;
    padding: 0;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-body ul li,
  .pagetitle-body ol li {
    border-right: 1px solid;
    display: inline;
    padding: 0 12px;
  }
  .pagetitle-body ul li:last-child,
  .pagetitle-body ol li:last-child {
    border: 0;
    padding-right: 0;
  }
}
.ie8 .pagetitle-body ul li:last-child,
.ie8 .pagetitle-body ol li:last-child {
  border: 0;
  padding-right: 0;
}
@media (min-width: 37.5em) {
  .pagetitle-body a:link,
  .pagetitle-body a:visited {
    color: inherit;
  }
}
.pagetitle-body .block.block-size-g {
  width: 23.33333333%;
  margin-right: 1.66666667%;
  float: left;
  margin-bottom: 1.125rem;
}
.pagetitle-body .factitem {
  margin: 0;
}
.pagetitle-island {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 12px;
  padding: 12px 0;
}
.pagetitle-search form,
.search-hero form {
  margin-top: 20px;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  .pagetitle-search form,
  .search-hero form {
    margin: 30px auto 0;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-search form,
  .search-hero form {
    width: 75%;
  }
}
@media (min-width: 75em) {
  .pagetitle-search form,
  .search-hero form {
    margin: 80px auto 0;
    width: 50%;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search form .search-button span,
  .search-hero form .search-button span {
    font-size: 1.4em;
  }
  .pagetitle-search form .search-button .icon,
  .search-hero form .search-button .icon {
    font-size: 1.3em;
  }
}
@media (max-width: 48.0625em) {
  .pagetitle-search .pagetitle-header-content {
    background: #4792CF;
    color: #FFF;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search {
    background: #F3F3F3;
    color: #FFF;
  }
}
.pagetitle-search .pagetitle-header {
  margin-bottom: 0;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #4792CF;
  bottom: -80px;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(4deg);
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-4deg);
}
@media (min-width: 37.5em) {
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before,
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 51%;
    background-color: #FFF;
    bottom: -80px;
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before {
    left: 0;
    transform: skewY(2deg);
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
    right: 0;
    transform: skewY(-2deg);
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search .pagetitle-body {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
  }
  .pagetitle-search .pagetitle-body p {
    font-size: 18px;
  }
}
.pagetitle-location .pagetitle-body ul {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 48.0625em) {
  .pagetitle-location .pagetitle-body ul {
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.pagetitle-location .pagetitle-body ul li {
  list-style-type: none;
}
.pagetitle-location .pagetitle-body .link {
  font-weight: normal;
}
.pagetitle .search-suggestions {
  margin: 0 auto;
  text-align: left;
  width: 80%;
}
@media (max-width: 37.5em) {
  .pagetitle .search-suggestions {
    color: #303030;
  }
}
.pagetitle .search-suggestions a {
  color: #FFF;
}
.pagetitle .search-suggestions a:visited {
  color: #FFF;
}
.pagetitle-image .pagetitle-title {
  font-size: 26px;
  line-height: 30px;
  margin-top: 60px;
  margin-bottom: 12px;
  font-weight: 300;
  margin: 0;
}
@media (min-width: 48.0625em) {
  .pagetitle-image .pagetitle-title {
    font-size: 44px;
    line-height: 48px;
  }
}
.pagetitle-image .pagetitle-body {
  padding: 0;
}
.pagetitle-image .pagetitle-body:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .pagetitle-image .pagetitle-body {
    margin: 70px 0 60px;
  }
}
.pagetitle-logos {
  font-size: 0;
  padding-top: 12px;
  text-align: center;
}
.pagetitle-logos:after {
  clear: both;
  content: '';
  display: table;
}
.pagetitle-logos > img {
  display: inline-block;
  font-size: 18px;
  overflow: hidden;
  margin: 1% 0 0;
  padding: 0 1%;
  width: 48%;
}
@media (min-width: 48.0625em) {
  .pagetitle-logos > img {
    margin: 0;
    width: 18%;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-landing {
    text-align: left;
  }
  .pagetitle-landing .pagetitle-body {
    padding-left: 0;
  }
}
.pagetitle-certification .pagetitle-header {
  padding-top: 36px;
}
.pagetitle-certification .pagetitle-title {
  padding-bottom: 18px;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 0;
}
@media (min-width: 48.0625em) {
  .pagetitle-certification .pagetitle-title {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.pagetitle-certification-details {
  font-weight: bold;
}
.pagetitle-has-background .pagetitle-certification-details {
  margin-bottom: 12px;
}
.pagetitle-certification-delivery-method:before {
  content: '|';
  font-weight: 400;
}
.background-grey .pagetitle-header {
  background: #EFEFEF;
  color: #303030;
}
.pagetitle-has-background .pagetitle-header {
  color: #FFF;
  padding: 0;
}
.pagetitle-read-more {
  color: #303030;
  font-weight: bold;
}
.pagetitle-read-more:visited {
  color: #303030;
}
@media (min-width: 48.0625em) {
  .pagetitle-read-more {
    color: #FFF;
  }
  .pagetitle-read-more:visited {
    color: #FFF;
  }
}
.promoblock {
  border-top: 1px solid #D7D7D7;
  clear: both;
  margin-bottom: 0;
  padding: 18px 0;
  width: 100%;
}
.promoblock[class^='section-style-'] [class^='angle-']:after,
.promoblock[class*='section-style-'] [class^='angle-']:after,
.promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.promoblock[class^='section-style-'] [class*='angle-']:after,
.promoblock[class*='section-style-'] [class*='angle-']:after,
.promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.promoblock[class*='promoblock-style-'] [class*='angle-']:after {
  background-color: inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .promoblock[class^='section-style-'] [class^='angle-']:after,
  .promoblock[class*='section-style-'] [class^='angle-']:after,
  .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
  .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
  .promoblock[class^='section-style-'] [class*='angle-']:after,
  .promoblock[class*='section-style-'] [class*='angle-']:after,
  .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
  .promoblock[class*='promoblock-style-'] [class*='angle-']:after {
    display: none;
  }
}
.ie11 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie11 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie11 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie11 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie11 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie11 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie11 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie11 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class^='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='section-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class^='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie10 .promoblock[class*='promoblock-style-'] [class*='angle-']:after .ie9 .promoblock[class*='promoblock-style-'] [class*='angle-']:after,
.ie8 .promoblock[class^='section-style-'] [class^='angle-']:after,
.ie8 .promoblock[class*='section-style-'] [class^='angle-']:after,
.ie8 .promoblock[class^='promoblock-style-'] [class^='angle-']:after,
.ie8 .promoblock[class*='promoblock-style-'] [class^='angle-']:after,
.ie8 .promoblock[class^='section-style-'] [class*='angle-']:after,
.ie8 .promoblock[class*='section-style-'] [class*='angle-']:after,
.ie8 .promoblock[class^='promoblock-style-'] [class*='angle-']:after,
.ie8 .promoblock[class*='promoblock-style-'] [class*='angle-']:after {
  display: none;
}
@media (min-width: 48.0625em) {
  .promoblock {
    padding: 72px 0;
  }
}
.promoblock-deliverymethod .promoblock-header h1 {
  font-weight: 400;
}
.promoblock-header h1,
.promoblock-header h2 {
  text-align: left;
  margin-top: 0;
}
.promoblock-header .subtitle {
  color: #303030;
}
.promoblock-body {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  clear: both;
  margin: 0 20px;
  max-width: 1180px;
  position: relative;
  text-align: left;
}
.promoblock-body:after {
  clear: both;
  content: '';
  display: table;
}
.promoblock-body:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 75em) {
  .promoblock-body {
    margin: 0 auto;
  }
}
.lt-ie9 .promoblock-body {
  margin: 0 auto;
}
.myqa .promoblock-body {
  margin: 0 auto;
}
@media (min-width: 30em) {
  .promoblock-body {
    text-align: left;
  }
}
.promoblock-body a {
  font-weight: 700;
  text-decoration: none;
}
.promoblock-body p {
  font-size: 16px;
}
.promoblock-body .accordion-handle > a {
  display: inline-block;
  padding-right: 36px;
}
.promoblock-body .accordion-handle > a .icon {
  position: absolute;
  top: 9px;
  right: 16px;
}
.promoblock-body-content,
.promoblock-media-container {
  text-align: left;
}
@media (min-width: 48.0625em) {
  .promoblock-body-content,
  .promoblock-media-container {
    width: 47.5%;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-media-left .promoblock-body-content,
  .promoblock-media-left .promoblock-body-inner {
    float: right;
    padding-left: 2.5%;
  }
  .promoblock-media-left .promoblock-body-content img,
  .promoblock-media-left .promoblock-body-inner img {
    float: left;
  }
  .promoblock-media-left .promoblock-media-container {
    float: left;
    padding-right: 2.5%;
  }
}
.promoblock-media-left .article-expandable .article-footer {
  text-align: right;
}
@media (min-width: 48.0625em) {
  .promoblock-media-right .promoblock-body-content {
    float: left;
    padding-right: 2.5%;
  }
  .promoblock-media-right .promoblock-media-container {
    float: right;
    padding-left: 2.5%;
  }
  .promoblock-media-right .promoblock-media-container img {
    float: right;
  }
}
.promoblock-media-right .article-expandable .article-footer {
  text-align: left;
}
.promoblock-media-container li {
  margin-bottom: 20px;
}
.promoblock-media-container li a {
  display: block;
}
.promoblock-angled .promoblock-media-container img {
  max-width: none;
}
.promoblock-full {
  border-bottom: 0;
  padding: 18px 0;
}
@media (min-width: 48.0625em) {
  .promoblock-full {
    padding: 0;
  }
}
.promoblock-full .promoblock-body {
  min-height: 300px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .promoblock-full .promoblock-body {
    padding: 18px 0;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-full .promoblock-media-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .ie8 .promoblock-full .promoblock-media-container {
    top: 0;
  }
}
@media (min-width: 61.25em) {
  .promoblock-full {
    padding: 0;
  }
}
.promoblock-full .promoblock-media-container {
  margin-bottom: 18px;
}
@media (min-width: 48.0625em) {
  .promoblock-full .promoblock-media-container {
    margin-bottom: 0;
  }
}
.promoblock-full.promoblock-media-left .promoblock-media-container {
  left: 0;
}
.promoblock-full.promoblock-media-right .promoblock-media-container {
  right: 0;
}
.promoblock-full img {
  display: block;
  margin: 0 auto;
}
.promoblock-full .published {
  display: block;
  margin-bottom: 18px;
}
.promoblock-angled {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 48.0625em) {
  .promoblock-angled {
    padding: 0;
  }
}
.js .promoblock-angled img {
  display: none;
}
.js .promoblock-angled img .sitecore-page-editor {
  display: block;
}
.ie8.js .promoblock-angled img {
  display: block;
}
@media (max-width: 48.0625em) {
  .promoblock-angled .promoblock-body {
    margin: 0;
  }
}
.promoblock-angled .promoblock-body-content {
  padding: 0 18px 18px;
}
@media (min-width: 30em) {
  .promoblock-angled .promoblock-body-content {
    padding: 48px 18px;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-angled .promoblock-body-content {
    width: 50%;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-angled .promoblock-media-container:after {
    transform: skewX(20deg);
  }
  .ie11 .promoblock-angled .promoblock-media-container:after,
  .ie10 .promoblock-angled .promoblock-media-container:after,
  .ie9 .promoblock-angled .promoblock-media-container:after,
  .ie8 .promoblock-angled .promoblock-media-container:after {
    display: none !important;
  }
}
@media (min-width: 48.0625em) and screen and (-ms-high-contrast: active), (min-width: 48.0625em) and (-ms-high-contrast: none) {
  .promoblock-angled .promoblock-media-container:after {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-angled .promoblock-media-container {
    width: 50%;
  }
}
.promoblock-angled img {
  display: block;
  height: 100%;
  width: 100%;
}
.promoblock-bleeding-image {
  overflow: hidden;
}
.promoblock-bleeding-image .promoblock-media-container {
  overflow: hidden;
}
.promoblock-bleeding-image .promoblock-body-content {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.promoblock-bleeding-image .promoblock-body-content .promoblock-header {
  margin-bottom: 30px;
}
.promoblock-bleeding-image .promoblock-body-content .promoblock-header h1 {
  font-weight: 700;
  font-size: 28px;
}
.promoblock-bleeding-image .promoblock-body-content .course-list {
  margin: 0;
}
.promoblock-bleeding-image .promoblock-body-content .course-list li {
  padding: 0;
  list-style: none;
  margin-bottom: 12px;
}
.promoblock-bleeding-image .promoblock-body-content .course-list li a {
  color: #303030;
  font-weight: 400;
  text-decoration: underline;
}
.promoblock-bleeding-image .promoblock-body-content .course-list li a:hover {
  text-decoration: none;
}
.promoblock-bleeding-image .promoblock-body-content .course-list li span {
  display: block;
}
@media (min-width: 48.0625em) {
  .promoblock-bleeding-image .promoblock-media-container {
    position: absolute;
    right: 0;
  }
  .ie11 .promoblock-bleeding-image .promoblock-media-container:after,
  .ie10 .promoblock-bleeding-image .promoblock-media-container:after,
  .ie9 .promoblock-bleeding-image .promoblock-media-container:after,
  .ie8 .promoblock-bleeding-image .promoblock-media-container:after {
    display: block !important;
  }
  .promoblock-bleeding-image .promoblock-body-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 48.0625em) {
  .promoblock-bleeding-image .promoblock-body-content {
    width: 55%;
  }
  .promoblock-bleeding-image .promoblock-body-content .course-list li {
    position: relative;
    padding-right: 180px;
  }
  .promoblock-bleeding-image .promoblock-body-content .course-list li span {
    max-width: 145px;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 75em) {
  .promoblock-bleeding-image .promoblock-body-content .course-list li {
    padding-right: 270px;
  }
  .promoblock-bleeding-image .promoblock-body-content .course-list li span {
    max-width: none;
  }
}
@media (min-width: 100em) {
  .promoblock-bleeding-image .promoblock-body-content {
    width: 61%;
  }
}
.promoblock-style-a {
  background: #4792CF;
  color: #FFF;
}
.promoblock-style-a a {
  color: #FFF;
  text-decoration: none;
}
.promoblock-style-a a:hover {
  color: #EFEFEF;
}
.promoblock-style-a a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.promoblock-style-a a.btn:active {
  text-decoration: none;
}
.promoblock-style-a [class^='angle-']:after,
.promoblock-style-a [class*='angle-']:after {
  background-color: #4792CF !important;
}
.promoblock-style-b {
  background: #005BAB;
  color: #FFF;
}
.promoblock-style-b a {
  color: #FFF;
  text-decoration: none;
}
.promoblock-style-b a:hover {
  color: #FFF;
}
.promoblock-style-b a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.promoblock-style-b a.btn:active {
  text-decoration: none;
}
.promoblock-style-b hr {
  border-top: 1px solid #4792CF;
}
.promoblock-style-c {
  background: #003C70;
  color: #FFF;
}
.promoblock-style-d {
  background: #F7F7F7;
  color: #303030;
}
.promoblock-style-e {
  background: #FFF;
}
.promoblock-style-f {
  background: #D7D7D7;
}
.promocard,
.quotecard {
  background: #FFF;
  border-bottom: 1px solid #D7D7D7;
  box-shadow: 1px 1px 2px #D7D7D7;
  color: #FFF;
  margin: 0 auto 18px;
  margin-right: 1.66666667%;
  position: relative;
  text-align: center;
  vertical-align: top;
}
@media (max-width: 30em) {
  .promocard,
  .quotecard {
    margin-right: 0;
  }
}
.promocard.promocard-style-c,
.quotecard.promocard-style-c,
.promocard.promocard-coursecategory,
.quotecard.promocard-coursecategory {
  padding-bottom: 0;
}
@media (min-width: 75em) {
  .promocard:last-of-type,
  .quotecard:last-of-type {
    margin-right: 0;
  }
  .promocard:first-of-type,
  .quotecard:first-of-type {
    margin-right: 18px;
  }
}
.promocard .promocard-cta-button,
.quotecard .promocard-cta-button {
  font-size: .95rem;
  margin: 0 auto;
  max-width: 90%;
}
.pagetitle-body .promocard .promocard-cta-button,
.pagetitle-body .quotecard .promocard-cta-button {
  color: #FFF;
}
.promocard .promocard-media,
.quotecard .promocard-media {
  overflow: hidden;
  position: relative;
  height: 137px;
  margin-bottom: 18px;
}
.promocard .promocard-media > img,
.quotecard .promocard-media > img {
  position: absolute;
  top: -50%;
  left: 0;
}
.csstransforms .promocard .promocard-media,
.csstransforms .quotecard .promocard-media {
  overflow: hidden;
  position: relative;
}
.csstransforms .promocard .promocard-media:after,
.csstransforms .quotecard .promocard-media:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #4792CF;
  bottom: -70px;
  left: 0;
  transform: skewY(1deg);
}
.csstransforms .promocard .promocard-media:after,
.csstransforms .quotecard .promocard-media:after {
  bottom: -98px;
}
.ie8 .promocard,
.ie8 .quotecard {
  border: 1px solid #D7D7D7;
  margin-right: 18px;
}
.promocard ul li,
.quotecard ul li,
.promocard ol li,
.quotecard ol li {
  list-style-type: none!important;
}
.promocard {
  height: 384px;
  width: 280px;
}
.promocard .promocard-cta-button {
  font-size: 16px;
}
.promocard-link {
  display: block;
  text-decoration: none;
}
.promocard-heading {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  padding: 0 14px;
  margin-bottom: 20px;
}
.promocard-subheading {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  font-style: italic;
  font-weight: 400;
  padding: 0 15px;
}
.promocard-body {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 36px;
  padding: 0 15px;
}
.promocard-body p {
  font-size: 16px;
  line-height: 22px;
}
.promocard-footer {
  padding-bottom: 10px;
}
.promocard-footer .btn {
  margin: 0 auto;
}
.promocard-cta-button {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 0;
  max-width: 100%;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
}
@media (min-width: 48.0625em) {
  .promocard-cta-button {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .promocard-cta-button {
  min-height: 22px;
}
.promocard-cta-button:hover,
.promocard-cta-button:focus,
.promocard-cta-button:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.promocard-cta-button:active,
.promocard-cta-button.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.promocard-cta-button.disabled,
.promocard-cta-button[disabled],
fieldset[disabled] .promocard-cta-button {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.promocard-cta-button .icon {
  font-size: .75em;
}
.promocard-cta-button.btn-alt {
  padding: 9px 15px;
}
.promocard-cta-button.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
@media (min-width: 48.0625em) {
  .promocard-cta-button {
    display: inline;
  }
}
.promocard-style-a {
  background: #4792CF;
  color: #FFF;
}
.promocard-style-a a {
  color: #FFF;
  text-decoration: none;
}
.promocard-style-a a:hover {
  color: #EFEFEF;
}
.promocard-style-a a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.promocard-style-a a.btn:active {
  text-decoration: none;
}
.promocard-style-a [class^='angle-']:after,
.promocard-style-a [class*='angle-']:after {
  background-color: #4792CF !important;
}
.promocard-style-a a:active {
  text-decoration: none;
}
.promocard-style-a img {
  width: 100%;
}
.promocard-style-a .promocard-cta-button {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
  color: #4792CF;
}
.promocard-style-a .promocard-cta-button:visited {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.promocard-style-a .promocard-cta-button:visited:hover,
.promocard-style-a .promocard-cta-button:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-a .promocard-cta-button:hover,
.promocard-style-a .promocard-cta-button:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-a .promocard-cta-button:hover,
.promocard-style-a .promocard-cta-button:focus,
.promocard-style-a .promocard-cta-button:visited {
  color: #4792CF;
}
.promocard-style-a .angle-horizontal-left:after,
.promocard-style-a .angle-horizontal-right:after {
  background: #4792CF;
}
.promocard-style-b {
  background: #4792CF;
  color: #FFF;
}
.promocard-style-b a {
  color: #FFF;
  text-decoration: none;
}
.promocard-style-b a:hover {
  color: #EFEFEF;
}
.promocard-style-b a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.promocard-style-b a.btn:active {
  text-decoration: none;
}
.promocard-style-b [class^='angle-']:after,
.promocard-style-b [class*='angle-']:after {
  background-color: #4792CF !important;
}
.promocard-style-b img {
  margin-bottom: 24px;
  height: 295px;
  width: 100%;
}
.promocard-style-b .promocard-cta-button {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
  color: #4792CF;
}
.promocard-style-b .promocard-cta-button:visited {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.promocard-style-b .promocard-cta-button:visited:hover,
.promocard-style-b .promocard-cta-button:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-b .promocard-cta-button:hover,
.promocard-style-b .promocard-cta-button:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-b .promocard-cta-button:hover,
.promocard-style-b .promocard-cta-button:focus,
.promocard-style-b .promocard-cta-button:visited {
  color: #4792CF;
}
.promocard-style-c img {
  height: 384px;
  width: 100%;
}
.promocard-style-d {
  background: #005BAB;
  color: #FFF;
}
.promocard-style-d a {
  color: #FFF;
  text-decoration: none;
}
.promocard-style-d a:hover {
  color: #FFF;
}
.promocard-style-d a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.promocard-style-d a.btn:active {
  text-decoration: none;
}
.promocard-style-d hr {
  border-top: 1px solid #4792CF;
}
.promocard-style-d img {
  width: 100%;
}
.csstransforms .promocard-style-d .promocard-media:after {
  background: #005BAB;
}
.promocard-style-d .promocard-cta-button {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
  color: #005BAB;
}
.promocard-style-d .promocard-cta-button:visited {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.promocard-style-d .promocard-cta-button:visited:hover,
.promocard-style-d .promocard-cta-button:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-d .promocard-cta-button:hover,
.promocard-style-d .promocard-cta-button:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.promocard-style-d .promocard-cta-button:hover,
.promocard-style-d .promocard-cta-button:focus,
.promocard-style-d .promocard-cta-button:visited {
  color: #005BAB;
}
.promocard-style-e {
  background: #F7F7F7;
  border-top: 1px solid #E5E5E5;
  color: #005BAB;
  color: #303030;
}
.promocard-style-e img {
  width: 100%;
}
.promocard-style-e .promocard-cta-button {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-style-e .promocard-cta-button:hover,
.promocard-style-e .promocard-cta-button:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.promocard-style-e .promocard-cta-button:visited {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-style-e .promocard-cta-button:visited:hover,
.promocard-style-e .promocard-cta-button:visited:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.csstransforms .promocard-style-e .promocard-media:after {
  background: #F7F7F7;
}
.promocard-style-f {
  color: #303030;
}
.promocard-style-f .promocard-media {
  height: 200px;
}
.csstransforms .promocard-style-f .promocard-media {
  overflow: hidden;
  position: relative;
}
.csstransforms .promocard-style-f .promocard-media:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  bottom: -70px;
  left: 0;
  transform: skewY(1deg);
}
.csstransforms .promocard-style-f .promocard-media:after {
  bottom: -90px;
}
.promocard-style-f .promocard-media > img {
  top: -20%;
}
.promocard-style-f .promocard-body {
  margin-bottom: 44px;
}
.promocard-style-f .promocard-cta-button {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.promocard-style-f .promocard-cta-button:visited {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.promocard-style-f .promocard-cta-button:visited:hover,
.promocard-style-f .promocard-cta-button:visited:focus {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.promocard-style-f .promocard-cta-button:hover,
.promocard-style-f .promocard-cta-button:focus {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.promocard-style-g {
  color: #303030;
}
.promocard-style-g .promocard-body {
  margin-bottom: 62px;
}
.csstransforms .promocard-style-g .promocard-media:after {
  background: #FFF;
}
.promocard-style-g .promocard-cta-button {
  color: #FFF;
}
.promocard-style-g .promocard-cta-button:hover,
.promocard-style-g .promocard-cta-button:focus,
.promocard-style-g .promocard-cta-button:visited {
  color: #FFF;
}
.quotecard {
  background: #4792CF;
  height: 400px;
  max-width: 380px;
}
@media (min-width: 30em) {
  .quotecard {
    height: 348px;
  }
}
.quotecard .promocard-media {
  height: 180px;
  margin-bottom: 24px;
}
@media (min-width: 30em) {
  .quotecard .promocard-media {
    height: 190px;
  }
}
.quotecard .promocard-media > img {
  top: -25%;
}
@media (min-width: 48.0625em) {
  .quotecard .promocard-media > img {
    top: -50%;
  }
}
.quotecard .promocard-cta-button {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
  font-size: 16px;
}
.quotecard .promocard-cta-button:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.quotecard .promocard-cta-button:visited:hover,
.quotecard .promocard-cta-button:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.quotecard .promocard-cta-button:hover,
.quotecard .promocard-cta-button:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.quotecard .promocard-cta-button:hover,
.quotecard .promocard-cta-button:focus,
.quotecard .promocard-cta-button:visited {
  color: #FFF;
}
.quotecard .angle-horizontal-left:after,
.quotecard .angle-horizontal-right:after {
  background: #4792CF;
}
.quotecard blockquote {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 24px;
  position: relative;
}
.quotecard blockquote p,
.quotecard blockquote span {
  font-size: 20px;
  font-style: italic;
  line-height: 26px;
  position: relative;
  z-index: 1;
}
.quotecard blockquote span {
  display: block;
}
.quotecard blockquote:before,
.quotecard blockquote:after {
  color: #6faada;
  font-family: 'qa-icons';
  font-size: 48px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.ie8 .quotecard blockquote:before,
.ie8 .quotecard blockquote:after {
  top: 40%;
}
.quotecard blockquote:before {
  content: '\e60a';
  left: -12px;
}
.quotecard blockquote:after {
  content: '\e60b';
  right: -12px;
}
.promocard-coursecategory {
  background: #F3F3F3;
  border-bottom: 5px solid #4792CF;
  box-shadow: none;
  height: 120px;
}
.promocard-coursecategory .promocard-link {
  color: #005BAB;
  height: 120px;
}
.promocard-coursecategory .promocard-link:hover {
  color: #FFF;
}
.promocard-coursecategory .promocard-header {
  color: #005BAB;
  height: 120px;
  padding: 6px 0;
}
.promocard-coursecategory .promocard-header:hover {
  color: #FFF;
}
.promocard-coursecategory .promocard-header:hover a {
  color: #FFF;
}
.promocard-coursecategory .promocard-heading {
  margin-top: 10px;
  margin-bottom: 5px;
}
.promocard-coursecategory .promocard-subheading {
  color: #666;
  margin-top: 0;
}
.promocard-coursecategory:hover,
.promocard-coursecategory:focus,
.promocard-coursecategory:visited {
  background: #4792CF;
}
.promocard-coursecategory:hover .promocard-link,
.promocard-coursecategory:focus .promocard-link,
.promocard-coursecategory:visited .promocard-link {
  color: #FFF;
}
.promocard-coursecategory:hover .promocard-subheading,
.promocard-coursecategory:focus .promocard-subheading,
.promocard-coursecategory:visited .promocard-subheading {
  color: #FFF;
}
.promocard-deliverymethod {
  background: none;
  box-shadow: none;
  border: none;
  color: #303030;
  height: auto;
  text-align: left;
}
@media (min-width: 30em) {
  .promocard-deliverymethod {
    width: 47%;
  }
}
@media (min-width: 37.5em) {
  .promocard-deliverymethod {
    width: 30%;
  }
}
@media (min-width: 48.0625em) {
  .promocard-deliverymethod {
    width: 30%;
  }
}
@media (min-width: 75em) {
  .promocard-deliverymethod:first-of-type {
    margin-right: 1.66666667%;
  }
}
.promocard-deliverymethod .promocard-media {
  height: auto;
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 16px;
}
.promocard-deliverymethod .promocard-media:after {
  display: none;
}
.promocard-deliverymethod .promocard-media > img {
  position: static;
  max-width: 48px;
  max-height: 48px;
  width: auto;
}
.promocard-deliverymethod .promocard-heading {
  color: #005BAB;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 12px;
  padding-left: 0;
}
.promocard-deliverymethod .promocard-subheading {
  color: #666;
  font-size: 20px;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 25px;
}
.promocard-deliverymethod .promocard-body {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 0;
}
.promocard-deliverymethod .promocard-body a {
  color: #044b89;
  text-decoration: none;
}
.promocard-deliverymethod .promocard-body a:visited {
  color: #044b89;
  text-decoration: none;
}
.promocard-deliverymethod .promocard-cta-button {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-deliverymethod .promocard-cta-button:hover,
.promocard-deliverymethod .promocard-cta-button:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.promocard-deliverymethod .promocard-cta-button:visited {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-deliverymethod .promocard-cta-button:visited:hover,
.promocard-deliverymethod .promocard-cta-button:visited:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.promocard-casestudy {
  color: #303030;
  height: 260px;
}
.promocard-casestudy .promocard-header {
  margin-bottom: 28px;
}
.promocard-casestudy .promocard-heading {
  margin-top: 0;
  margin-bottom: 7px;
}
.promocard-casestudy .promocard-subheading {
  color: #666;
  font-style: normal;
  margin-top: 0;
}
.promocard-casestudy a {
  text-decoration: none;
}
.promocard-casestudy .promocard-media {
  height: auto;
  margin-top: 12px;
  margin-bottom: 12px;
}
.promocard-casestudy .promocard-media:after {
  display: none;
}
.promocard-casestudy .promocard-media > img {
  height: 96px;
  width: 162px;
  position: static;
}
.promocard-casestudy .promocard-cta-button {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-casestudy .promocard-cta-button:hover,
.promocard-casestudy .promocard-cta-button:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.promocard-casestudy .promocard-cta-button:visited {
  background: #4792CF;
  border-color: #4792CF;
  color: #FFF;
}
.promocard-casestudy .promocard-cta-button:visited:hover,
.promocard-casestudy .promocard-cta-button:visited:focus {
  background: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.promocard-person {
  background: none;
  border: none;
  box-shadow: none;
  color: #303030;
  height: 320px;
}
.promocard-person a {
  text-decoration: none;
}
.promocard-person .promocard-heading {
  margin-bottom: 6px;
}
.promocard-person .promocard-subheading {
  color: #666;
  margin-top: 0;
}
.promocard-person .promocard-footer {
  font-size: 16px;
  font-weight: 700;
  padding-top: 0;
}
.promocard-person .promocard-media {
  height: auto;
  padding-top: 12px;
  margin-bottom: 12px;
}
.promocard-person .promocard-media:after {
  display: none;
}
.promocard-person .promocard-media > img {
  border-radius: 50%;
  max-width: 150px;
  position: static;
}
.promocard-list,
.promocard-list-alt {
  color: #005BAB;
}
.promocard-list p,
.promocard-list-alt p {
  color: #303030;
  margin: 0;
}
.promocard-list a,
.promocard-list-alt a {
  text-decoration: none;
}
.promocard-list a:focus,
.promocard-list-alt a:focus {
  text-decoration: underline;
}
.promocard-list .promocard-heading,
.promocard-list-alt .promocard-heading {
  background: #005BAB;
  font-weight: 400;
  height: 85px;
  margin: 0;
  color: #FFF;
  font-size: 20px;
  line-height: 52px;
}
.csstransforms .promocard-list .promocard-heading,
.csstransforms .promocard-list-alt .promocard-heading {
  overflow: hidden;
  position: relative;
}
.csstransforms .promocard-list .promocard-heading:after,
.csstransforms .promocard-list-alt .promocard-heading:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  bottom: -70px;
  left: 0;
  transform: skewY(1deg);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .csstransforms .promocard-list .promocard-heading,
  .csstransforms .promocard-list-alt .promocard-heading {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .promocard-list .promocard-heading:after,
  .csstransforms .promocard-list-alt .promocard-heading:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(0deg);
  }
}
.csstransforms .ie11 .promocard-list .promocard-heading,
.csstransforms .ie11 .promocard-list-alt .promocard-heading,
.csstransforms .ie10 .promocard-list .promocard-heading .ie9 .promocard-list .promocard-heading,
.csstransforms .ie10 .promocard-list .promocard-heading .ie9 .promocard-list-alt .promocard-heading,
.csstransforms .ie10 .promocard-list-alt .promocard-heading .ie9 .promocard-list .promocard-heading,
.csstransforms .ie10 .promocard-list-alt .promocard-heading .ie9 .promocard-list-alt .promocard-heading,
.csstransforms .ie8 .promocard-list .promocard-heading,
.csstransforms .ie8 .promocard-list-alt .promocard-heading {
  overflow: hidden;
  position: relative;
}
.csstransforms .ie11 .promocard-list .promocard-heading:after,
.csstransforms .ie11 .promocard-list-alt .promocard-heading:after,
.csstransforms .ie10 .promocard-list .promocard-heading .ie9 .promocard-list .promocard-heading:after,
.csstransforms .ie10 .promocard-list .promocard-heading .ie9 .promocard-list-alt .promocard-heading:after,
.csstransforms .ie10 .promocard-list-alt .promocard-heading .ie9 .promocard-list .promocard-heading:after,
.csstransforms .ie10 .promocard-list-alt .promocard-heading .ie9 .promocard-list-alt .promocard-heading:after,
.csstransforms .ie8 .promocard-list .promocard-heading:after,
.csstransforms .ie8 .promocard-list-alt .promocard-heading:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 101%;
  background-color: #FFF;
  bottom: -70px;
  left: 0;
  transform: skewY(0deg);
}
.promocard-list .promocard-heading p,
.promocard-list-alt .promocard-heading p {
  color: #FFF;
  font-size: 20px;
  height: 40px;
  line-height: 52px;
}
.promocard-list .promocard-body,
.promocard-list-alt .promocard-body {
  margin: 0;
  margin-bottom: 45px;
}
.promocard-list .promocard-body ul,
.promocard-list-alt .promocard-body ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.promocard-list .promocard-body ul li,
.promocard-list-alt .promocard-body ul li {
  list-style: none;
}
.promocard-list .promocard-body ul li:before,
.promocard-list-alt .promocard-body ul li:before {
  display: none;
}
.promocard-list .promocard-body ul li,
.promocard-list-alt .promocard-body ul li {
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .promocard-list .promocard-body ul li,
  .promocard-list-alt .promocard-body ul li {
    margin-bottom: 0;
  }
}
.promocard-list.homepage-promocard-latest-news .promocard-body ul li,
.promocard-list-alt.homepage-promocard-latest-news .promocard-body ul li {
  margin-bottom: 10px;
}
@media (min-width: 48.0625em) {
  .promocard-list.homepage-promocard-latest-news .promocard-body ul li,
  .promocard-list-alt.homepage-promocard-latest-news .promocard-body ul li {
    margin-bottom: 10px;
  }
}
.promocard-list .promocard-cta-button,
.promocard-list-alt .promocard-cta-button {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.promocard-list .promocard-cta-button:visited,
.promocard-list-alt .promocard-cta-button:visited {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.promocard-list .promocard-cta-button:visited:hover,
.promocard-list-alt .promocard-cta-button:visited:hover,
.promocard-list .promocard-cta-button:visited:focus,
.promocard-list-alt .promocard-cta-button:visited:focus {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.promocard-list .promocard-cta-button:hover,
.promocard-list-alt .promocard-cta-button:hover,
.promocard-list .promocard-cta-button:focus,
.promocard-list-alt .promocard-cta-button:focus {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.promocard-list-alt {
  border: none;
  box-shadow: none;
  font-weight: bold;
  height: 135px;
}
.promocard-homepage,
.promocard-triple {
  border-bottom: 0;
  box-shadow: none;
  color: #2B2B2B;
  position: relative;
  height: auto;
  max-width: none;
  margin-right: 1.66666667%;
}
@media (max-width: 30em) {
  .promocard-homepage,
  .promocard-triple {
    margin-right: 0;
  }
}
@media (min-width: 30em) {
  .promocard-homepage,
  .promocard-triple {
    width: 30%;
  }
}
@media (min-width: 48.0625em) {
  .promocard-homepage,
  .promocard-triple {
    padding-right: 20px;
  }
  .promocard-homepage:after,
  .promocard-triple:after {
    background: #E5E5E5;
    content: '';
    height: 50%;
    position: absolute;
    top: 25%;
    right: 0;
    width: 1px;
  }
  .promocard-homepage:last-of-type,
  .promocard-triple:last-of-type {
    margin-right: 0;
  }
  .promocard-homepage:last-of-type:after,
  .promocard-triple:last-of-type:after {
    display: none;
  }
  .promocard-homepage:first-of-type,
  .promocard-triple:first-of-type {
    margin-right: 18px;
  }
}
.promocard-homepage a,
.promocard-triple a {
  text-decoration: underline;
}
.promocard-homepage .promocard-header,
.promocard-triple .promocard-header {
  margin-bottom: 24px;
}
.promocard-homepage .promocard-heading,
.promocard-triple .promocard-heading,
.promocard-homepage .promocard-heading p,
.promocard-triple .promocard-heading p {
  font-size: 24px;
}
.promocard-homepage .promocard-heading,
.promocard-triple .promocard-heading {
  margin-bottom: 10px;
}
.promocard-homepage .promocard-subheading,
.promocard-triple .promocard-subheading {
  font-style: normal;
  margin: 0;
}
.promocard-homepage .promocard-cta-button,
.promocard-triple .promocard-cta-button {
  background: #71A13D;
  border-color: #71A13D;
  text-decoration: none;
}
.promocard-homepage .promocard-cta-button:hover,
.promocard-triple .promocard-cta-button:hover,
.promocard-homepage .promocard-cta-button:focus,
.promocard-triple .promocard-cta-button:focus {
  background: #577c2f;
  border-color: #577c2f;
}
.promocard-homepage .promocard-cta-button:visited,
.promocard-triple .promocard-cta-button:visited {
  background: #71A13D;
  border-color: #71A13D;
  text-decoration: none;
}
.promocard-homepage .promocard-cta-button:visited:hover,
.promocard-triple .promocard-cta-button:visited:hover,
.promocard-homepage .promocard-cta-button:visited:focus,
.promocard-triple .promocard-cta-button:visited:focus {
  background: #577c2f;
  border-color: #577c2f;
}
.promocard-homepage .promocard-media,
.promocard-triple .promocard-media {
  padding-top: 10px;
  padding-bottom: 16px;
  height: auto;
  max-width: 80px;
  margin: 0 auto;
}
.promocard-homepage .promocard-media:after,
.promocard-triple .promocard-media:after {
  display: none;
}
.promocard-homepage .promocard-media > img,
.promocard-triple .promocard-media > img {
  height: 50px;
  width: 70px;
  position: static;
}
.ie8 .promocard-homepage,
.ie8 .promocard-triple {
  border: none;
}
/* 
    Course Details - Learn From QA 
*/
.promocard-learnfromqa {
  display: none;
  background: #71a13d;
  /* Old browsers */
  background: linear-gradient(135deg, #71a13d 0%, #02773e 100%);
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .promocard-learnfromqa {
    display: block;
    margin-bottom: 18px;
  }
}
.promocard-learnfromqa h1,
.promocard-learnfromqa h2 {
  margin-top: 0;
  font-weight: 300;
}
@media (min-width: 48.0625em) {
  .promocard-learnfromqa h1 {
    font-size: 26px !important;
    line-height: 30px !important;
  }
}
@media (min-width: 48.0625em) {
  .promocard-learnfromqa h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}
.promocard-learnfromqa ul {
  list-style-type: none;
}
.promocard-learnfromqa ul li {
  margin-top: 20px;
  margin-bottom: inherit;
  position: relative;
  padding-left: 60px;
}
.promocard-learnfromqa ul li:before {
  display: none;
}
.promocard-learnfromqa ul li > img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  left: 0;
}
.promocard-learnfromqa ul li h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  margin-top: inherit;
  margin-bottom: 6px;
}
.promocard-learnfromqa ul li p {
  font-size: 12px;
  line-height: 1.4;
}
.promocard-learnfromqa ul li p + p {
  margin-top: 18px;
}
.promocard-learnfromqa ul li p:last-child {
  margin-bottom: inherit;
}
/* 
    Course Details - Why People Choose QA 
*/
.promocard-whychooseqa {
  background: #F8F8F8;
  border-bottom: 1px solid #D7D7D7;
  box-shadow: 1px 1px 2px #D7D7D7;
  color: #2E2D2C;
  padding-bottom: 0 !important;
  display: none;
  /* Allows the 2x2 grid to flow out horizontally on desktop */
  /*@media (min-width: @break-point-d) {
        padding-bottom: 25px !important;
    }*/
}
@media (min-width: 48.0625em) {
  .promocard-whychooseqa {
    display: block;
  }
}
.promocard-whychooseqa h1,
.promocard-whychooseqa h2 {
  margin-top: inherit;
  color: #005BAB;
  font-weight: 300;
}
@media (min-width: 48.0625em) {
  .promocard-whychooseqa h1 {
    font-size: 30px !important;
    line-height: 30px !important;
  }
}
.promocard-whychooseqa h2 {
  line-height: 16px;
  margin-top: 18px;
  margin-bottom: 6px;
  font-size: 18px;
}
.promocard-whychooseqa p,
.promocard-whychooseqa p > span.scWebEditInput {
  font-size: 12px;
  line-height: 16px;
}
.promocard-whychooseqa p a,
.promocard-whychooseqa p > span.scWebEditInput a,
.promocard-whychooseqa p a > span.scWebEditInput,
.promocard-whychooseqa p > span.scWebEditInput a > span.scWebEditInput {
  font-size: 12px;
}
.promocard-whychooseqa .locations {
  display: none;
  list-style-type: none;
}
@media (min-width: 30em) {
  .promocard-whychooseqa .locations {
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.promocard-whychooseqa .locations li {
  margin-right: 5px;
  margin-bottom: 10px;
  max-width: 155px;
}
.promocard-whychooseqa .locations li img {
  margin-right: 8px;
  float: left;
  max-width: 57px;
}
.promocard-whychooseqa .locations li:before {
  display: none;
}
.promocard-whychooseqa .locations .location {
  overflow: hidden;
}
.promocard-whychooseqa .locations .location h3 {
  margin-top: inherit;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
}
.promocard-whychooseqa .locations .location p {
  margin-bottom: inherit;
  font-size: 11px;
  line-height: 14px;
}
.promocard-whychooseqa .delivery-methods h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 35px 0 20px 0;
}
.promocard-whychooseqa .delivery-methods .scLooseFrameZone,
.promocard-whychooseqa .delivery-methods ul {
  margin: 0 -25px 0 -25px;
}
.promocard-whychooseqa .delivery-methods .scLooseFrameZone > ul {
  margin: 0;
}
.promocard-whychooseqa .delivery-methods ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  /* Allows the 2x2 grid to flow out horizontally on desktop */
  /*@media (min-width: @break-point-b) {
                margin: 0;

                li {
                    width: 105px;
                    margin-bottom: 10px;
                    padding: 0;
                    border: none !important;
                    background: none !important;
                    text-align: left;
                }

                i {
                    margin: 25px 0 7px 0;
                }
            }*/
}
.promocard-whychooseqa .delivery-methods ul li {
  width: 50%;
  text-align: center;
  margin: 0;
  padding: 20px;
}
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n-3),
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n) {
  background: #fff;
}
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n-3) {
  border: solid 1px #CFD2D7;
  border-left: none;
}
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n) {
  border-left: none;
  border-right: none;
}
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n-1) {
  border-right: solid 1px #CFD2D7;
}
.promocard-whychooseqa .delivery-methods ul li:nth-child(4n-2) {
  border-bottom: solid 1px #CFD2D7;
}
.promocard-whychooseqa .delivery-methods ul li:before {
  display: none;
}
.promocard-whychooseqa .delivery-methods ul .delivery-method-icon {
  min-height: 66px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promocard-whychooseqa .delivery-methods ul a {
  text-decoration: none;
  line-height: 1;
}
.promocard-whychooseqa .delivery-methods ul i {
  display: block;
  width: 13px;
  height: 14px;
  background: url(/images/css/icon-info.png);
  margin: 15px auto 10px auto;
}
.promocard-whychooseqa .delivery-methods ul span {
  display: block;
}
.breadcrumbs {
  margin: 0;
  padding: 0;
  font-size: 0;
  margin-bottom: 6px;
  margin-left: 0 !important;
  padding: 6px 18px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  list-style: none;
}
.breadcrumbs li {
  list-style: none;
}
.breadcrumbs li:before {
  display: none;
}
.breadcrumbs li {
  display: inline-block;
  font-size: 16px;
}
.pagetitle-condensed .breadcrumbs {
  padding: 6px 0;
}
@media (max-width: 48.0625em) {
  .breadcrumbs {
    padding-right: 0;
    width: 75%;
  }
  .pagetitle-condensed .breadcrumbs {
    position: relative;
    padding-right: 18px;
    width: auto;
  }
}
.breadcrumbs li {
  padding: 0 0 0 3px;
  text-align: left !important;
}
@media (max-width: 48.0625em) {
  .breadcrumbs li {
    display: none;
    padding: 0;
  }
  .breadcrumbs li:after {
    display: none;
  }
  .breadcrumbs li:last-of-type {
    display: block;
    width: 75%;
  }
  .pagetitle-condensed .breadcrumbs li {
    display: inline-block;
    margin-bottom: 0;
  }
  .pagetitle-condensed .breadcrumbs li:after {
    display: inline-block;
  }
  .pagetitle-condensed .breadcrumbs li:last-of-type {
    display: inline-block;
    width: auto;
  }
}
.breadcrumbs li:before {
  display: none !important;
}
.breadcrumbs li:after {
  color: #303030;
  content: '/';
  display: inline-block;
  font-size: 12px;
  margin: 3px 6px 3px 3px;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.pagetitle-has-background .breadcrumbs li:after {
  color: #FFF;
}
.breadcrumbs a,
.breadcrumbs a:visited {
  color: #303030;
  font-size: 12px;
  text-decoration: none;
}
.breadcrumbs a:hover,
.breadcrumbs a:visited:hover {
  text-decoration: underline;
}
.pagetitle-has-background .breadcrumbs a,
.pagetitle-has-background .breadcrumbs a:visited {
  color: #FFF;
}
.download-and-share {
  margin-bottom: 6px;
  width: 100%;
}
.js .download-and-share {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.js .download-and-share.is-open {
  background: #F3F3F3;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.1);
  z-index: 7;
}
.pagetitle-condensed .download-and-share {
  position: relative;
}
.download-and-share-toggle-container {
  display: none;
  padding: 6px 18px;
  text-align: right;
}
.pagetitle-condensed .download-and-share-toggle-container {
  padding: 6px 0;
}
@media (max-width: 48.0625em) {
  .pagetitle-condensed .download-and-share-toggle-container {
    text-align: left;
  }
}
.js .download-and-share-toggle-container {
  display: block;
}
.download-and-share-toggle {
  background: none;
  border: none;
  color: #005BAB;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}
.download-and-share-toggle span {
  font-size: 14px;
}
.download-and-share-toggle .toggle-open {
  display: none;
}
.js .download-and-share-toggle {
  color: #303030;
}
.is-open .download-and-share-toggle {
  color: #005BAB;
}
.is-open .download-and-share-toggle .toggle-open {
  display: inline;
}
.is-open .download-and-share-toggle .toggle-closed {
  display: none;
}
.pagetitle-condensed .download-and-share-toggle {
  color: #005BAB;
}
.js .pagetitle-has-background .download-and-share-toggle {
  color: #FFF;
}
.download-and-share-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 12px 0;
}
.download-and-share-list li {
  list-style: none;
}
.download-and-share-list li:before {
  display: none;
}
.section-padded .download-and-share-list li,
.section-collapse .download-and-share-list li,
.pagetitle .download-and-share-list li {
  list-style-type: none;
}
.js .download-and-share-list {
  display: none;
}
.is-open .download-and-share-list {
  display: block;
}
.download-and-share-list-item {
  margin: 0;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .download-and-share-list-item {
    text-align: center;
  }
}
.download-and-share-list-item-link {
  display: block;
  padding: 6px 20px;
  text-decoration: none;
}
.download-and-share-list-item-link:hover,
.download-and-share-list-item-link:focus,
.download-and-share-list-item-link:active {
  background: #FFF;
}
@media (min-width: 48.0625em) {
  .download-and-share-list-item-link {
    padding: 20px;
  }
}
.download-and-share-list-item-icon-container {
  float: left;
  height: 50px;
  margin-right: 18px;
  text-align: center;
  width: 50px;
}
@media (min-width: 48.0625em) {
  .download-and-share-list-item-icon-container {
    float: none;
    margin: 0;
    width: 100%;
  }
}
.download-and-share-list-item-text {
  display: block;
  font-size: 16px;
  line-height: 40px;
}
.course-booking {
  background: #4792CF;
  color: #FFF;
  margin-bottom: 36px;
  padding-top: 0;
  padding-bottom: 60px;
  text-align: center;
}
.csstransforms .course-booking {
  overflow: hidden;
  position: relative;
}
.csstransforms .course-booking:before,
.csstransforms .course-booking:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .course-booking:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .course-booking:after {
  right: 0;
  transform: skewY(-2deg);
}
.csstransforms .course-booking {
  overflow: hidden;
  position: relative;
}
.csstransforms .course-booking:before,
.csstransforms .course-booking:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .course-booking:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .course-booking:after {
  right: 0;
  transform: skewY(-2deg);
}
.course-booking a {
  color: #FFF;
}
.course-booking a:visited {
  color: #FFF;
}
@media (min-width: 61.25em) {
  .course-booking .course-booking-inner {
    margin: 0 auto;
    width: 66.66%;
  }
}
.refine-result-container {
  border-bottom: 1px solid #FFF;
  width: 98%;
}
.refine-result-container .title {
  width: 49%;
  display: inline-block;
}
.refine-result-container .title h4 {
  margin: 0;
}
.refine-result-container .reset {
  width: 50%;
  display: inline-block;
  text-align: right;
}
.refine-result-container .reset h5 {
  font-weight: 400;
}
.course-booking-filters {
  background-color: #4792CF;
  padding-left: 20px;
  color: #FFF;
  padding-bottom: 10px;
  padding-right: 20px;
}
.course-booking-filters:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .course-booking-filters {
    padding-right: 0px;
  }
}
.course-booking-filters a {
  color: #FFF;
  text-decoration: underline;
  text-align: right;
}
.course-booking-filters a:visited {
  color: #FFF;
}
.course-booking-filters .block {
  margin-bottom: 0px;
}
.layout.booking-layout {
  max-width: 100%;
  color: #FFF;
  margin: 0 auto;
}
.layout.booking-layout h5 {
  margin: 0;
}
.layout.booking-layout .block {
  width: 100%;
  margin-right: 0;
  line-height: 20px;
  padding: 10px 15px;
  min-height: 70px;
  margin-bottom: 0;
}
@media (min-width: 61.25em) {
  .layout.booking-layout .block {
    width: 33.33%;
    height: 100px;
  }
}
.course-booking-title {
  margin-bottom: 0;
}
@media (min-width: 61.25em) {
  .course-booking-title {
    font-size: 42px;
    line-height: 48px;
  }
}
.course-booking-subtitle {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 24px;
  margin-bottom: 44px;
}
.course-booking-title,
.course-booking-subtitle {
  font-weight: 400;
}
.course-booking-list {
  border-top: 1px solid #6faada;
  margin: 0;
  padding: 0 0 72px;
}
.course-booking-list-item {
  border-bottom: 1px solid #6faada;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.sectionblock ul .course-booking-list-item {
  list-style-type: none;
}
.course-booking-link {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
.course-booking-link.course-booking-link-style-a {
  background-color: #3B88C7;
}
.course-booking-link.course-booking-link-style-a:hover,
.course-booking-link.course-booking-link-style-a:focus,
.course-booking-link.course-booking-link-style-a:active {
  background: #005baa;
}
.course-booking-link:link,
.course-booking-link:visited {
  color: #FFF;
  text-decoration: none;
}
.course-booking-link:hover,
.course-booking-link:focus,
.course-booking-link:active {
  background: #005baa;
  color: #FFF;
}
.course-booking-link:hover .course-booking-cta,
.course-booking-link:focus .course-booking-cta,
.course-booking-link:active .course-booking-cta {
  background: #FFF;
  color: #005BAB;
  border-color: #FFF;
}
@media (min-width: 61.25em) {
  .course-booking-location,
  .course-booking-details {
    float: left;
    clear: left;
  }
}
.course-booking-location {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.course-booking-details {
  font-size: 16px;
  margin-bottom: 12px;
}
@media (min-width: 61.25em) {
  .course-booking-details {
    margin-bottom: 0;
  }
}
.course-booking-cta {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 21px;
  min-height: 33px;
  padding: 6px 18px;
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
  background: #044B89;
  border-color: #044B89;
  clear: both;
}
@media (min-width: 48.0625em) {
  .course-booking-cta {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .course-booking-cta {
  min-height: 22px;
}
.course-booking-cta:hover,
.course-booking-cta:focus,
.course-booking-cta:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.course-booking-cta:active,
.course-booking-cta.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.course-booking-cta.disabled,
.course-booking-cta[disabled],
fieldset[disabled] .course-booking-cta {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.course-booking-cta .icon {
  font-size: .75em;
}
.course-booking-cta.btn-alt {
  padding: 9px 15px;
}
.course-booking-cta.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.ie8 .course-booking-cta {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .course-booking-cta {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}
.course-booking-cta.btn-alt {
  padding: 6px 15px;
}
.course-booking-cta.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.course-booking-cta:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.course-booking-cta:visited:hover,
.course-booking-cta:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.course-booking-cta:hover,
.course-booking-cta:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
@media (min-width: 61.25em) {
  .course-booking-cta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
  }
  .ie8 .course-booking-cta {
    top: 24px;
  }
}
.booking-dates-load-more {
  text-align: center;
  padding: 20px 0px;
  border-top: 1px solid #D7D7D7;
}
.sticky {
  position: fixed;
  top: 0;
  z-index: 100;
  border-top: 0;
}
@media (max-width: 1500px) {
  .sticky {
    width: 100%;
  }
}
.info-tile-dark-blue {
  /*background-color: @brand-color-c;*/
  background-color: #00213d;
}
.info-tile-dark-blue a {
  color: #FFF;
  font-size: 14px;
}
.info-tile-mid-blue {
  /*background-color: @brand-color-b;*/
  background-color: #004078;
}
.info-tile-mid-blue a {
  color: #FFF;
  font-size: 14px;
}
.info-tile-light-blue {
  background-color: #005baa;
}
.info-tile-light-blue a {
  color: #FFF;
  font-size: 14px;
}
.cb-container {
  margin: 0 -18px;
}
@media (min-width: 48.0625em) {
  .cb-container {
    display: -ms-flexbox;
    display: flex;
  }
}
.cb-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 48.0625em) {
  .cb-grid {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.cb-grid .location-details + .location-details,
.cb-grid .attend-from-anywhere-tile-2 + .attend-from-anywhere-tile-2 {
  margin-top: 10px;
}
.cb-panel,
.cb-tall-panel {
  /*margin-left: 8px;
    margin-right: 8px;*/
  -ms-flex: 0 1 220px;
  flex: 0 1 220px;
}
.cb-panel {
  padding: 55px 10px 10px 10px;
  position: relative;
  border-bottom: solid 1px #D7D7D7;
}
.cb-panel.cb-panel-alternate {
  background: #F8F8F8;
}
.cb-panel .location-details-container-heading {
  position: absolute;
  top: 0;
  padding-top: 8.4px;
}
@media only screen and (max-width: 512px) {
  .cb-panel {
    padding-top: 10px;
    border-bottom: none;
  }
  .cb-panel:before {
    display: none;
  }
  .cb-panel .location-details-container-heading {
    position: initial;
    padding-top: 20px;
    padding-bottom: 8.4px;
  }
  .cb-panel .location-details {
    position: relative;
    padding-top: 15px;
  }
  .cb-panel .location-details:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -20px;
    right: -20px;
    height: 1px;
    background-color: #D7D7D7;
  }
  .cb-panel .location-details.attend-from-anywhere-tile-2 {
    padding: 8.4px;
  }
  .cb-panel .location-details.attend-from-anywhere-tile-2:before {
    display: none;
  }
}
/* We need to set the margin used on flex items to 0 as we have gaps in grid.  */
@supports ((display: -ms-grid) or (display: grid)) {
  /*.cb-grid > .cb-panel {
        margin-left: 0;
        margin-right: 0;
    }*/
  .cb-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(220px, 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-auto-rows: minmax(150px, auto);
  }
}
.attend-from-anywhere-tile-2 {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  background-color: #FFF;
}
.attend-from-anywhere-tile-2.orange {
  border-color: #f88300;
}
.attend-from-anywhere-tile-2.red {
  border-color: #E65A67;
}
.attend-from-anywhere-tile-2.green {
  border-color: #080C10;
}
.attend-from-anywhere-tile-2.blue {
  border-color: #005baa;
  color: #005baa;
  white-space: normal;
  font-weight: bold;
  border-style: solid;
}
.attend-from-anywhere-tile-2.blue span {
  font-weight: bolder;
}
.layout.course-layout {
  margin: 0;
}
@media (min-width: 75em) {
  .layout.course-layout {
    margin: 0 auto;
  }
}
.layout.course-layout .course-layout-body {
  position: relative;
  overflow: visible;
  padding: 0 20px;
}
@media (min-width: 75em) {
  .layout.course-layout .course-layout-body {
    padding: 0;
  }
}
.layout.course-layout .course-layout-body .sectionblock-course {
  padding-top: 0;
  padding-bottom: 12px;
  border-top: none;
}
.layout.course-layout .course-layout-body .sectionblock-course div > strong {
  margin-top: 12px;
  display: inline-block;
}
.layout.course-layout .course-layout-aside {
  float: right;
  margin-right: 0;
}
.layout.course-layout .course-layout-aside .promocard {
  height: auto;
  width: auto;
  margin-right: 0;
  padding: 25px;
  text-align: left;
}
.layout.course-layout .scWebEditInput.scEnabledChrome[contentEditable="true"] {
  display: block;
}
.lightbox .lightbox-locations > header {
  margin-bottom: 40px;
}
.lightbox .lightbox-locations > header h2 {
  margin: 0;
}
.lightbox .lightbox-locations > header h3 {
  margin: 6px 0 24px 0;
  color: #303030;
}
.lightbox .lightbox-locations .gallery .owl-carousel {
  display: none;
}
@media (min-width: 37.5em) {
  .lightbox .lightbox-locations .gallery .owl-carousel {
    display: block;
  }
}
.lightbox .lightbox-locations .gallery .gallery-carousel img {
  width: 90px;
}
.lightbox .lightbox-locations .gallery header {
  min-height: 179px;
  margin-bottom: 32px;
}
.lightbox .lightbox-locations .gallery header h3 {
  margin-bottom: 0;
}
.lightbox .lightbox-locations .gallery header h3 + p {
  margin-bottom: 6px;
}
.lightbox .lightbox-locations .gallery header img {
  display: block;
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 37.5em) {
  .lightbox .lightbox-locations .gallery header {
    position: relative;
    padding-left: 290px;
  }
  .lightbox .lightbox-locations .gallery header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 269px;
    margin-top: 0;
  }
}
.lightbox .lightbox-locations footer {
  background: #F8F8F8;
  border-top: solid 1px #E4E6EC;
  margin: 30px -25px 0 -25px;
}
.lightbox .lightbox-locations footer .footer-canvas {
  margin: 20px 20px 0 20px;
  width: auto;
}
@media (min-width: 37.5em) {
  .lightbox .lightbox-locations footer .footer-canvas {
    margin: 20px auto 0 auto;
    width: 445px;
  }
}
.lightbox .lightbox-deliverymethod header {
  position: relative;
  padding-left: 85px;
  margin: 10px 0 40px 0;
}
.lightbox .lightbox-deliverymethod header img {
  position: absolute;
  top: 0;
  left: 0;
}
.lightbox .lightbox-deliverymethod header h2 {
  margin: 0 0 6px 0;
}
.lightbox .lightbox-deliverymethod p {
  font-size: 12px;
  line-height: 15px;
}
.lightbox .lightbox-deliverymethod h3 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  color: #303030;
  margin-top: 6px;
  margin-bottom: inherit;
}
.lightbox .lightbox-deliverymethod footer {
  margin: 40px 0 10px 0;
}
.pagination {
  position: relative;
}
.pagination a {
  text-decoration: none;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
  text-decoration: none;
}
.pagination .prev,
.pagination .next {
  font-family: 'qa-icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
.ie8 .pagination .prev,
.ie8 .pagination .next {
  top: 9px;
}
.pagination .prev {
  left: 6px;
}
.pagination .next {
  right: 6px;
}
.pagination li {
  display: none;
}
.pagination li.prev,
.pagination li.next,
.pagination li:first-of-type,
.pagination li:nth-of-type(2),
.pagination li:nth-of-type(3),
.pagination li:nth-of-type(4),
.pagination li:nth-of-type(5) {
  display: inline-block;
}
@media (min-width: 30em) {
  .pagination li:nth-of-type(6),
  .pagination li:nth-of-type(7),
  .pagination li:nth-of-type(8),
  .pagination li:nth-of-type(9) {
    display: inline-block;
  }
}
.pagination span {
  display: none;
}
@media (min-width: 30em) {
  .pagination span {
    display: inline-block;
  }
}
.pagination-list {
  margin: 0;
  padding: 0;
  font-size: 0;
  font-weight: 700;
  margin: 60px auto;
  padding: 0 6px;
  text-align: center;
  margin-right: 20px;
}
.pagination-list li {
  list-style: none;
}
.pagination-list li:before {
  display: none;
}
.pagination-list li {
  display: inline-block;
  font-size: 16px;
}
.pagination-list li {
  display: none;
  margin-right: 6px;
  margin-bottom: 0;
}
@media (min-width: 37.5em) {
  .pagination-list li {
    display: inline-block;
  }
}
.pagination-list li:last-child {
  margin-right: 0;
}
.pagination-list .icon {
  font-size: 1.25rem;
}
.pagination-link {
  height: 36px;
  width: 36px;
  border-radius: 4px;
  color: #005BAB;
  display: block;
  line-height: 24px;
  padding: 6px;
  text-align: center;
}
.pagination-link:visited {
  color: #005BAB;
}
.pagination-style-a .pagination-link:hover {
  background: #F7F7F7;
  color: #005BAB;
}
.pagination-style-a .pagination-link.active {
  background: #4792CF;
  color: #FFF;
}
.accreditations-container {
  padding: 60px 0 42px;
}
.accreditations-container h1 {
  margin: 0;
}
.accreditations-container .accreditation-logos {
  line-height: 0;
  padding: 60px 0;
}
.accreditations-container .accreditation-logos:after {
  clear: both;
  content: '';
  display: table;
}
.accreditations-container .accreditation-logos a {
  display: block;
}
.accreditations-container .accreditation-logo-container {
  width: 48.33333333%;
  *width: 47.83333333%;
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.accreditations-container .accreditation-logo-container.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 48.0625em) {
  .accreditations-container .accreditation-logo-container {
    width: 15%;
    *width: 14.5%;
  }
  .accreditations-container .accreditation-logo-container.block-last {
    float: left;
  }
}
.accreditations-container .accordion-handle > a {
  display: inline-block;
  padding-right: 36px;
}
.accreditations-container .accordion-handle > a .icon {
  position: absolute;
  top: 7.5px;
  right: 12px;
}
.accreditations-container .accordion {
  margin-top: 48px;
  margin-bottom: 48px;
}
.accreditation-logo {
  display: block;
  margin: 0 auto;
}
.accreditations-footer small {
  display: block;
}
.bbloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1100;
    border-radius: 100%;
    height: 48px;
    width: 48px;
    margin-top: -24px;
    margin-left: -24px;
    background-color: #4792CF;
    background-color: #0B7192;
    visibility: hidden;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 300ms ease-in-out;
    transform: translateY(20px);
    opacity: 0;
}
.lt-ie9 .bbloader {
    zoom: 1;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc4792cf, endColorstr=#cc4792cf)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc4792cf, endColorstr=#cc4792cf);
    background-color: #0B7192;
}
.page-loading .bbloader {
  transform: translateY(-20px);
  opacity: 1;
  visibility: visible;
}
.loader-background {
  visibility: hidden;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.lt-ie9 .loader-background {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
  background-color: rgba(255, 255, 255, 0.7);
}
.page-loading .loader-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1099;
  opacity: 0.7;
  visibility: visible;
}
.macos.page-loading {
  overflow: hidden;
}
.promoblock-blog-author {
  background: #F3F3F3;
}
.promoblock-blog-author [class^='angle-']:after,
.promoblock-blog-author [class*='angle-']:after {
  background-color: #F3F3F3 !important;
}
.csstransforms .promoblock-blog-author.promoblock-full.promoblock-angle-vertical-left figure:after {
  background: #F3F3F3 !important;
}
.blog-author-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}
.blog-author-subtitle {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  margin-top: 0;
}
.blog-author-subtitle a {
  font-weight: 700;
}
.blog-author-subtitle .pipe {
  color: #D7D7D7;
}
.blog-author-body {
  font-size: 16px;
}
.blog-author-body p {
  font-size: 16px;
}
.blog-author-contactlinks {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}
.blog-author-contactlinks li {
  list-style: none;
}
.blog-author-contactlinks li:before {
  display: none;
}
.blog-author-contactlinks li {
  margin-bottom: 12px;
  white-space: nowrap;
}
.ie8 .blog-author-contactlinks li {
  margin-right: 48px;
}
@media (min-width: 48.0625em) {
  .blog-author-contactlinks li {
    display: block;
    margin-right: 0;
  }
}
@media (min-width: 61.25em) {
  .blog-author-contactlinks li {
    display: inline;
    margin-right: 3rem;
  }
}
.blog-author-contactlink {
  text-decoration: none;
}
.blog-author-contactlink .icon {
  font-size: 1rem;
}
.modal {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  min-width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 100;
  display: none;
  text-align: center;
}
.ie8 .modal {
  top: 50px;
}
.modal-content {
  display: none;
}
.modal-close {
  position: absolute;
  top: -60px;
  right: 120px;
}
.modal-background {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none;
  opacity: 0;
  transition: opacity 500ms linear;
}
.lt-ie9 .modal-background {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-in {
  display: block;
  opacity: 1;
}
.jwplayer.jw-state-idle .jw-preview {
  background-size: cover;
}
.jwplayer.jw-state-idle .jw-controls .jw-display-icon-container {
  border: 0 !important;
  background: none !important;
  height: 180px;
  width: 180px;
}
.jwplayer.jw-state-idle .jw-controls .jw-icon.jw-icon-display {
  background: url('/images/css/video-play-button.png') no-repeat;
}
.jwplayer.jw-state-idle .jw-controls .jw-icon.jw-icon-display:before {
  display: none;
}
.hero-banner-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper {
    height: 396px;
  }
}
.hero-banner-wrapper .hero-banner {
  overflow: hidden;
  position: relative;
}
.hero-banner-wrapper .hero-banner .hero-body .panel-body-title {
  margin-top: 0;
}
.hero-banner-wrapper .hero-banner .hero-body p {
  font-size: 18px;
  text-indent: -9999px;
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-banner .hero-body p {
    text-indent: 0;
    margin-bottom: 18px;
  }
}
.hero-banner-wrapper .hero-banner .hero-body .media-box img {
  margin: 0 auto;
}
.hero-banner-wrapper .hero-banner .body-skin {
  padding: 20px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-banner .body-skin {
    position: absolute;
    width: 80%;
    top: 60px;
  }
}
@media (min-width: 61.25em) {
  .hero-banner-wrapper .hero-banner .body-skin {
    width: 680px;
    top: 20%;
  }
}
.hero-banner-wrapper .hero-banner .body-skin.right {
  right: 0;
}
.hero-banner-wrapper .hero-banner .btn-style-j {
  margin-bottom: 6px;
  display: block;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-banner .btn-style-j {
    margin-bottom: 0;
    display: inline-block;
    width: 48%;
  }
}
.hero-banner-wrapper .hero-banner .media-box {
  display: block;
  border: 1px solid #FFF;
  text-align: center;
  margin-right: 12px;
  padding: 10px 20px;
  height: 60px;
  margin-bottom: 6px;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-banner .media-box {
    display: inline-block;
    float: left;
  }
}
.hero-banner-wrapper .hero-banner .block {
  margin-bottom: 0;
}
.hero-banner-wrapper .hero-banner .panel-mediabg {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 160px;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-banner .panel-mediabg {
    min-height: 396px;
  }
}
.hero-banner-wrapper .hero-banner .panel-mediabg.mediabg1 {
  background-image: url("/-/media/qa/hero banner images/apprenticeships background.png");
}
.hero-banner-wrapper .hero-banner .panel-mediabg.mediabg2 {
  background-image: url("/-/media/qa/hero banner images/consulting background.png");
}
.hero-banner-wrapper .hero-banner .panel-mediabg.mediabg3 {
  background-image: url("/-/media/qa/hero banner images/higher education background.png");
}
.hero-banner-wrapper .hero-banner .panel-mediabg.mediabg4 {
  background-image: url("/-/media/qa/hero banner images/learning background.png");
}
.hero-banner-wrapper .hero-banner .panel-mediabg.center {
  background-position: 100% 100%;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-heading-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 6;
  }
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-panels-4 .hero-panel-heading {
    width: 25%;
  }
}
.hero-banner-wrapper .hero-panel-heading {
  width: 100%;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .hero-panel-heading {
    float: left;
  }
}
.hero-banner-wrapper .hero-panel-heading h4 {
  margin: 0;
  font-weight: normal;
}
.hero-banner-wrapper .hero-panel-heading a {
  padding: 12px;
  text-align: center;
  display: block;
  color: #fff;
}
.hero-banner-wrapper .hero-panel-heading a.active {
  font-weight: bold;
}
.hero-banner-wrapper .hero-panel-heading.panel-heading-0 a {
  background-color: rgba(255, 153, 0, 0.65);
}
.hero-banner-wrapper .hero-panel-heading.panel-heading-1 a {
  background-color: rgba(0, 153, 255, 0.75);
}
.hero-banner-wrapper .hero-panel-heading.panel-heading-2 a {
  background-color: rgba(255, 153, 255, 0.65);
}
.hero-banner-wrapper .hero-panel-heading.panel-heading-3 a {
  background-color: rgba(27, 27, 27, 0.5);
}
.hero-banner-wrapper .owl-theme .owl-nav {
  margin-top: 0;
}
.hero-banner-wrapper .owl-carousel .owl-stage {
  transition: none !important;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .owl-carousel .owl-stage {
    transition: 0.25s !important;
  }
}
.hero-banner-wrapper .owl-carousel .owl-stage-outer.owl-height {
  transition: none !important;
}
@media (min-width: 48.0625em) {
  .hero-banner-wrapper .owl-carousel .owl-stage-outer.owl-height {
    transition: height 500ms ease-in-out;
  }
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video video {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.cookies {
  background: #005BAB;
  padding-top: 24px;
  padding-bottom: 24px;
  display: none;
  position: relative;
}
.cookies p {
  font-size: 12px;
  color: #FFF;
  line-height: 1.5;
}
.cookies p a {
  font-size: 12px;
}
.cookies a {
  color: #FFF;
  transition: all 0.3s ease-out;
}
.cookies a:hover,
.cookies a:focus {
  text-decoration: none;
}
.cookies .btn-style-d-custom:hover,
.cookies .btn-style-d-custom:focus {
  border-color: #FFF;
  background-color: #FFF;
  color: #005BAB;
}
.cookies .cookies-title {
  font-size: 24px;
}
.cookies .cookies-link {
  margin-left: 0;
}
.cookies .cookies-link li {
  margin-bottom: inherit;
}
.cookies .cookies-link li:before {
  display: none;
}
.cookies .cookies-link li .btn {
  min-width: 198px;
}
.cookies .cookies-link li + li {
  margin-top: 18px;
}
.cookies ul li:before {
  display: none;
}
.cookies button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.cookies.cookies-dark {
  background-color: #063755;
}
.cookies.cookies-dark p {
  color: #EFEFEF;
}
.cookies.cookies-dark p a {
  color: #EFEFEF;
}
@media (min-width: 61.25em) {
  .cookies .qacookies-prompt {
    display: -ms-flexbox;
    display: flex;
  }
  .cookies .qacookies-prompt .cookies-content {
    position: relative;
    padding: 12px 36px 0 36px;
    width: 59%;
  }
  .cookies .qacookies-prompt .cookies-content:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 24px;
    left: 0;
    width: 3px;
    background-color: #FFF;
  }
  .cookies .qacookies-prompt .cookies-title {
    padding-right: 18px;
    width: 22%;
  }
  .cookies .qacookies-prompt .cookies-link {
    width: 19%;
  }
}
@media (min-width: 61.25em) and (min-width: 61.25em) {
  .cookies .qacookies-prompt .cookies-link {
    margin-right: 68px;
  }
}
@media (min-width: 61.25em) and (min-width: 87.5em) {
  .cookies .qacookies-prompt .cookies-link {
    margin-right: inherit;
  }
}
.cookies .cookies-close {
  position: absolute;
  top: 18px;
  right: 18px;
  border: 1px solid #FFF;
  text-indent: -9999px;
  height: 32px;
  width: 32px;
  border-radius: 3px;
  text-decoration: none;
}
.cookies .cookies-close:before {
  content: 'x';
  position: absolute;
  text-indent: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
  transition: all 0.3s ease-out;
  font-size: 14px;
}
.cookies .cookies-close:hover {
  border-radius: 8px;
}
html.with-featherlight {
  overflow: hidden;
}
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.75);
}
.lightbox * {
  box-sizing: border-box;
}
.lightbox h1,
.lightbox h2,
.lightbox h3 {
  font-weight: 300;
  color: #005BAB;
}
@media (min-width: 48.0625em) {
  .lightbox h1 {
    font-size: 30px;
    line-height: 36px !important;
  }
}
.lightbox h2 {
  margin-top: 12px;
  margin-bottom: 36px;
}
@media (min-width: 48.0625em) {
  .lightbox h2 {
    font-size: 30px;
    line-height: 30px !important;
  }
}
@media (min-width: 48.0625em) {
  .lightbox h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.lightbox p,
.lightbox a,
.lightbox li {
  font-size: 14px;
  line-height: 21px;
}
.lightbox:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lightbox .featherlight-content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  max-height: 97%;
  white-space: normal;
  padding: 30px 0 0 0;
  background: #fff;
  cursor: auto;
  border-bottom: solid 6px #005BAA;
  box-shadow: 0px 1px 5px #333;
}
.lightbox .featherlight-inner {
  display: block !important;
  visibility: visible;
  overflow-y: auto;
  padding: 0 25px 20px 25px;
}
.lightbox .featherlight-close-icon {
  position: absolute;
  top: 0;
  right: 0;
  background: #F8F8F8 url('../../images/css/icon-close.png') no-repeat 50% 50%;
  border: 1px solid #C7CACF;
  border-right: none;
  border-top: none;
  display: block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  box-shadow: 0px 1px 5px #D7D7D7;
  text-indent: -9999px;
}
@media (min-width: 37.5em) {
  .lightbox .featherlight-content {
    width: 550px;
    margin: 0 auto;
    max-height: 95%;
  }
}
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
.gallery .owl-carousel {
  padding: 0;
  border: none;
}
.gallery .owl-carousel .owl-item img {
  border: solid 3px transparent;
  border-radius: 3px;
}
.gallery .owl-carousel .owl-item img.selected {
  border-color: #005BAA;
}
.gallery .owl-carousel .owl-item img.clickable {
  cursor: pointer;
}
.gallery .owl-carousel .owl-controls .owl-dots {
  display: none;
}
.gallery .owl-carousel .owl-controls .owl-nav {
  margin: 0;
}
.gallery .owl-carousel .owl-controls .owl-nav .owl-prev,
.gallery .owl-carousel .owl-controls .owl-nav .owl-next {
  padding: 0;
  background: none;
  margin-top: 0;
  color: #303030;
  font-size: 22px;
  top: 30%;
}
.gallery .owl-carousel .owl-controls .owl-nav .owl-prev {
  left: -25px;
}
.gallery .owl-carousel .owl-controls .owl-nav .owl-next {
  right: -25px;
}
.section,
.section-padded,
.section-collapse,
.sectionblock,
.pagetitle {
  font-size: 0;
  text-align: center;
}
.section .promocard,
.section-padded .promocard,
.section-collapse .promocard,
.sectionblock .promocard,
.pagetitle .promocard,
.section .quotecard,
.section-padded .quotecard,
.section-collapse .quotecard,
.sectionblock .quotecard,
.pagetitle .quotecard,
.section .factitem,
.section-padded .factitem,
.section-collapse .factitem,
.sectionblock .factitem,
.pagetitle .factitem,
.section .accreditation-logo-container,
.section-padded .accreditation-logo-container,
.section-collapse .accreditation-logo-container,
.sectionblock .accreditation-logo-container,
.pagetitle .accreditation-logo-container {
  display: inline-block;
  float: none;
  overflow: hidden;
}
.section ul,
.section-padded ul,
.section-collapse ul,
.sectionblock ul,
.pagetitle ul,
.section ol,
.section-padded ol,
.section-collapse ol,
.sectionblock ol,
.pagetitle ol {
  margin-left: 20px;
}
.section ul li,
.section-padded ul li,
.section-collapse ul li,
.sectionblock ul li,
.pagetitle ul li {
  list-style-type: disc;
}
.section ul li:before,
.section-padded ul li:before,
.section-collapse ul li:before,
.sectionblock ul li:before,
.pagetitle ul li:before {
  display: none;
}
.section ul.breadcrumbs li:before,
.section-padded ul.breadcrumbs li:before,
.section-collapse ul.breadcrumbs li:before,
.sectionblock ul.breadcrumbs li:before,
.pagetitle ul.breadcrumbs li:before {
  display: block;
}
.section ul.breadcrumbs li:first-child:before,
.section-padded ul.breadcrumbs li:first-child:before,
.section-collapse ul.breadcrumbs li:first-child:before,
.sectionblock ul.breadcrumbs li:first-child:before,
.pagetitle ul.breadcrumbs li:first-child:before {
  display: none;
}
.section ul.breadcrumbs li,
.section-padded ul.breadcrumbs li,
.section-collapse ul.breadcrumbs li,
.sectionblock ul.breadcrumbs li,
.pagetitle ul.breadcrumbs li,
.section ul.course-booking-list li,
.section-padded ul.course-booking-list li,
.section-collapse ul.course-booking-list li,
.sectionblock ul.course-booking-list li,
.pagetitle ul.course-booking-list li,
.section ul.list-style-a li,
.section-padded ul.list-style-a li,
.section-collapse ul.list-style-a li,
.sectionblock ul.list-style-a li,
.pagetitle ul.list-style-a li,
.section ul.list-style-b li,
.section-padded ul.list-style-b li,
.section-collapse ul.list-style-b li,
.sectionblock ul.list-style-b li,
.pagetitle ul.list-style-b li,
.section ul.list-style-c li,
.section-padded ul.list-style-c li,
.section-collapse ul.list-style-c li,
.sectionblock ul.list-style-c li,
.pagetitle ul.list-style-c li {
  list-style-type: none;
}
.section ul.list-style-a li,
.section-padded ul.list-style-a li,
.section-collapse ul.list-style-a li,
.sectionblock ul.list-style-a li,
.pagetitle ul.list-style-a li {
  text-align: left;
}
.section.sectionblock-certification-track,
.section-padded.sectionblock-certification-track,
.section-collapse.sectionblock-certification-track,
.sectionblock.sectionblock-certification-track,
.pagetitle.sectionblock-certification-track {
  text-align: left;
}
.section.sectionblock-certification-track header,
.section-padded.sectionblock-certification-track header,
.section-collapse.sectionblock-certification-track header,
.sectionblock.sectionblock-certification-track header,
.pagetitle.sectionblock-certification-track header {
  text-align: center;
}
.sectionblock-generic {
  padding: 12px 12px 36px;
}
@media (min-width: 48.0625em) {
  .sectionblock-generic {
    padding: 24px 0 48px;
  }
}
.sectionblock-generic-header-body {
  text-align: left;
}
.sectionblock-generic-header-body *,
.sectionblock-generic-header-body p {
  font-size: 14px;
  text-align: left;
}
.sectionblock-certification-track {
  padding: 12px 0 36px;
}
@media (min-width: 37.5em) {
  .sectionblock-certification-track {
    padding: 24px 0 48px;
  }
}
.sectionblock-certification-track-coursecode {
  font-size: 18px;
  font-weight: 400;
}
.sectionblock-course {
  overflow: visible;
}
@media (min-width: 48.0625em) {
  .sectionblock-course {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.sectionblock-course h1,
.sectionblock-course h2,
.sectionblock-course h3 {
  font-weight: 300;
  color: #005BAB;
}
@media (min-width: 48.0625em) {
  .sectionblock-course h1 {
    font-size: 30px;
    line-height: 36px !important;
  }
}
.sectionblock-course h2 {
  margin-top: 12px;
  margin-bottom: 36px;
}
@media (min-width: 48.0625em) {
  .sectionblock-course h2 {
    font-size: 30px;
    line-height: 30px !important;
  }
}
@media (min-width: 48.0625em) {
  .sectionblock-course h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.sectionblock-course .star-rating {
  width: 150px;
  height: 26px;
}
.sectionblock-course-details .course-price {
  font-weight: 300;
  color: #005BAB;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-details .course-price {
    font-size: 24px;
    line-height: 30px !important;
  }
}
.sectionblock-course-details .course-exam-cost {
  font-weight: 700;
  margin-top: -18px;
  margin-bottom: 18px;
}
.sectionblock-course-details .course-badges {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.sectionblock-course-details .course-badges li {
  list-style: none;
}
.sectionblock-course-details .course-badges li:before {
  display: none;
}
.sectionblock-course-details .course-badges li {
  display: inline-block;
  font-size: 16px;
}
.sectionblock-course-details .course-badges li {
  width: 47px;
  padding-right: 6px;
}
@media (min-width: 75em) {
  .sectionblock-course-details .course-badges {
    position: absolute;
    top: 0;
    right: -118px;
  }
  .sectionblock-course-details .course-badges li {
    width: 98px;
    display: block;
    padding-bottom: 6px;
    padding-right: 0;
  }
}
.sectionblock-course-details .course-specifics {
  margin: 0;
  padding: 0;
  font-size: 0;
  margin-left: 0;
  margin: 6px 0;
}
.sectionblock-course-details .course-specifics li {
  list-style: none;
}
.sectionblock-course-details .course-specifics li:before {
  display: none;
}
.sectionblock-course-details .course-specifics li {
  display: inline-block;
  font-size: 16px;
}
.sectionblock-course-details .course-specifics li {
  margin-right: 12px;
}
/*
    Smaller font sizes/spacings for content within the Outline, Whats Included and Course Information sections
*/
.sectionblock-course-outline h2,
.sectionblock-course-whatsincluded h2,
.sectionblock-course-information .tab-section-body h2 {
  margin-top: 12px;
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-outline h2,
  .sectionblock-course-whatsincluded h2,
  .sectionblock-course-information .tab-section-body h2 {
    font-size: 24px;
    line-height: 30px !important;
  }
}
.sectionblock-course-outline h3,
.sectionblock-course-whatsincluded h3,
.sectionblock-course-information .tab-section-body h3,
.sectionblock-course-outline div > strong,
.sectionblock-course-whatsincluded div > strong,
.sectionblock-course-information .tab-section-body div > strong {
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  color: #303030;
  margin-top: 6px;
  margin-bottom: inherit;
}
.sectionblock-course-outline p,
.sectionblock-course-whatsincluded p,
.sectionblock-course-information .tab-section-body p,
.sectionblock-course-outline div,
.sectionblock-course-whatsincluded div,
.sectionblock-course-information .tab-section-body div,
.sectionblock-course-outline a,
.sectionblock-course-whatsincluded a,
.sectionblock-course-information .tab-section-body a,
.sectionblock-course-outline li,
.sectionblock-course-whatsincluded li,
.sectionblock-course-information .tab-section-body li {
  font-size: 14px;
  line-height: 21px;
}
.sectionblock-course-outline p,
.sectionblock-course-whatsincluded p,
.sectionblock-course-information .tab-section-body p,
.sectionblock-course-outline div,
.sectionblock-course-whatsincluded div,
.sectionblock-course-information .tab-section-body div {
  margin: 0 0 12px;
}
.sectionblock-course-outline .highlight-notice {
  margin-top: 18px;
  background-color: #F3F3F3;
}
.sectionblock-course-outline .toggle-content-footer {
  text-align: left;
}
.sectionblock-course-information {
  border-top: 1px solid #E5E5E5;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-information {
    background: #F8F8F8;
    padding-top: 24px;
  }
}
.sectionblock-course-information .tabs-header {
  margin-top: 18px;
  padding: 0;
  position: relative;
  top: 1px;
}
.sectionblock-course-information .tabs-header .tabs ul,
.sectionblock-course-information .tabs-header .tabs-static ul {
  text-align: left;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.sectionblock-course-information .tabs-header .tabs ul li,
.sectionblock-course-information .tabs-header .tabs-static ul li {
  margin-left: 0;
  margin-right: 0;
  display: table-cell;
  vertical-align: bottom;
}
.sectionblock-course-information .tabs-header .tabs ul li a,
.sectionblock-course-information .tabs-header .tabs-static ul li a {
  background: #EEEEEE;
  color: #9A9A9A;
  font-weight: 300;
  border-bottom: 1px solid #94989F;
}
.sectionblock-course-information .tabs-header .tabs ul li a.active,
.sectionblock-course-information .tabs-header .tabs-static ul li a.active {
  border-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  border-right-color: #94989F;
  border-left-color: #94989F;
  background: #FFFFFF;
  color: #005BAB;
}
.sectionblock-course-information .tabs-header .tabs ul li:first-of-type .active,
.sectionblock-course-information .tabs-header .tabs-static ul li:first-of-type .active {
  border-left-color: #DADDE3;
}
.sectionblock-course-information .tabs-header .tabs ul li:last-of-type .active,
.sectionblock-course-information .tabs-header .tabs-static ul li:last-of-type .active {
  border-right-color: #DADDE3;
}
.sectionblock-course-information .tabs-content {
  background: #FFFFFF;
  border: 1px solid #DADDE3;
  box-shadow: 1px 1px 2px #D7D7D7;
}
@media (min-width: 30em) {
  .sectionblock-course-information .tabs-content {
    border-top-color: #94989F;
  }
}
.sectionblock-course-information .tabs-content .tab-section {
  overflow-y: scroll;
  height: 415px;
}
@media (min-width: 30em) {
  .sectionblock-course-information .tabs-content .tab-section {
    overflow-y: auto;
    height: 515px;
  }
}
.sectionblock-course-information .tabs-content h2 {
  margin-top: 24px;
}
.sectionblock-course-information .tabs-content h2:first-of-type {
  margin-top: 0;
}
.sectionblock-course-information .course-details {
  margin-top: 6px !important;
  border-bottom: solid 1px #D7D7D7;
  padding-bottom: 12px;
}
.sectionblock-course-information .course-details:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.sectionblock-course-information .course-details h3 {
  margin-bottom: 0;
}
.sectionblock-course-information .course-details p,
.sectionblock-course-information .course-details div {
  margin: 0;
}
.sectionblock-course-information .course-details a {
  display: inline;
  font-weight: bold;
}
.sectionblock-course-information .course-details .course-details-link {
  font-size: 16px !important;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-reviews .course-reviews {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.sectionblock-course-reviews .course-review {
  border: 1px solid #e5e5e5;
  margin-top: 12px;
  padding: 24px;
  box-shadow: 0 0 2px 1px rgba(102, 102, 102, 0.1);
}
@media (min-width: 48.0625em) {
  .sectionblock-course-reviews .course-review {
    width: 50%;
  }
}
.sectionblock-course-reviews .course-review h3.course-review-title {
  margin-top: 12px;
  font-weight: 300;
  color: #005BAB;
  margin-bottom: 24px;
  font-size: 24px;
}
.sectionblock-course-reviews .course-review .course-review-content p,
.sectionblock-course-reviews .course-review .course-review-content li,
.sectionblock-course-reviews .course-review .course-review-content a {
  font-size: 14px;
  line-height: 21px;
}
.sectionblock-course-upcomingcourses .layout {
  padding-bottom: 60px;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .layout {
    padding-bottom: 0;
  }
}
@media (min-width: 75em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.sectionblock-course-upcomingcourses .search-sidebar-form .block {
  margin: 0 0 6px 0;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form .block {
    width: auto;
    margin: 0 12px 0 0;
  }
}
.sectionblock-course-upcomingcourses .search-sidebar-form .block:last-of-type {
  position: absolute;
  bottom: 0;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form .block:last-of-type {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
  }
}
@media (min-width: 75em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form .block:last-of-type {
    position: relative;
    width: inherit;
  }
}
.sectionblock-course-upcomingcourses .search-sidebar-form .block:last-of-type .btn {
  display: block;
  font-size: 14px;
  font-weight: 600;
  min-height: 50px;
  padding: 16px 25px;
  width: 100%;
}
.sectionblock-course-upcomingcourses .search-sidebar-form .block-size-h {
  width: 100%;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form .block-size-h {
    width: inherit;
  }
}
.sectionblock-course-upcomingcourses .search-sidebar-form .select-replace {
  height: 50px;
}
.sectionblock-course-upcomingcourses .search-sidebar-form .select-replace:after {
  background: none;
  font-family: 'qa-icons';
  content: '\f078';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #005baa;
  pointer-events: none;
  top: 12px;
}
.sectionblock-course-upcomingcourses .search-sidebar-form .select-replace select {
  min-height: 50px;
  border-color: #005baa;
  color: #005baa;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 75em) {
  .sectionblock-course-upcomingcourses .search-sidebar-form .select-replace select {
    width: 150px;
  }
}
.sectionblock-course-upcomingcourses .search-sidebar-form h1 {
  display: none;
}
.sectionblock-course-upcomingcourses .upcomingcourses-results .ajax-load-more-container {
  padding-top: 20px;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .upcomingcourses-results .ajax-load-more-container {
    border-top: solid 1px #E4E4E4;
  }
}
.sectionblock-course-upcomingcourses .upcomingcourses-results .booking-dates-load-more {
  display: none;
}
@media (min-width: 48.0625em) {
  .sectionblock-course-upcomingcourses .upcomingcourses-results .booking-dates-load-more {
    display: block;
  }
}
.sectionblock-course-upcomingcourses .search-no-results {
  text-align: left;
  padding: 0;
}
.sectionblock-quote {
  background: #646C81;
  color: #FFF;
  overflow: hidden;
  position: relative;
}
.sectionblock-quote-has-image {
  min-height: 350px;
}
@media (max-width: 48.0625em) {
  .csstransforms .sectionblock-quote-image {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .sectionblock-quote-image:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #646C81;
    bottom: -70px;
    left: 0;
    transform: skewY(2deg);
  }
}
.sectionblock-quote-image img {
  margin-top: -25%;
  max-width: none !important;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-image img {
    margin: 0;
  }
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-image {
    float: left;
    width: 30%;
  }
  .sectionblock-quote-right .sectionblock-quote-image {
    float: right;
  }
  .csstransforms .sectionblock-quote-left .sectionblock-quote-image {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .sectionblock-quote-left .sectionblock-quote-image:after {
    content: '';
    height: 101%;
    position: absolute;
    width: 101%;
    background-color: #646C81;
    top: 0;
    left: 70%;
    transform: skewX(11deg);
  }
  .ie11 .sectionblock-quote-left .sectionblock-quote-image,
  .ie10 .sectionblock-quote-left .sectionblock-quote-image .ie9 .sectionblock-quote-left .sectionblock-quote-image,
  .ie8 .sectionblock-quote-left .sectionblock-quote-image {
    display: none !important;
  }
  .csstransforms .sectionblock-quote-right .sectionblock-quote-image {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .sectionblock-quote-right .sectionblock-quote-image:after {
    content: '';
    height: 105%;
    position: absolute;
    width: 101%;
    background-color: #646C81;
    top: 0;
    right: 70%;
    transform: skewX(-11deg);
  }
  .ie9.csstransforms .sectionblock-quote-right .sectionblock-quote-image {
    overflow: hidden;
    position: relative;
  }
  .ie9.csstransforms .sectionblock-quote-right .sectionblock-quote-image:after {
    display: none;
  }
  .ie11 .sectionblock-quote-right .sectionblock-quote-image,
  .ie10 .sectionblock-quote-right .sectionblock-quote-image .ie9 .sectionblock-quote-right .sectionblock-quote-image,
  .ie8 .sectionblock-quote-right .sectionblock-quote-image {
    display: none !important;
  }
}
@media (min-width: 48.0625em) and screen and (-ms-high-contrast: active), (min-width: 48.0625em) and (-ms-high-contrast: none) {
  .sectionblock-quote-left .sectionblock-quote-image {
    display: none;
  }
}
@media (min-width: 48.0625em) and screen and (-ms-high-contrast: active), (min-width: 48.0625em) and (-ms-high-contrast: none) {
  .sectionblock-quote-right .sectionblock-quote-image {
    display: none;
  }
}
.sectionblock-quote-body {
  margin: 0 auto;
  padding: 48px 0;
  position: relative;
  text-align: center;
  width: 90%;
}
.sectionblock-quote-has-image .sectionblock-quote-body {
  padding: 0 0 48px;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-has-image .sectionblock-quote-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
  }
  .ie8 .sectionblock-quote-has-image .sectionblock-quote-body {
    top: 36px;
  }
}
.ie8 .sectionblock-quote-has-image .sectionblock-quote-body {
  text-align: center;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-body {
    width: 70%;
  }
  .sectionblock-quote-left .sectionblock-quote-body {
    right: 20px;
  }
  .sectionblock-quote-right .sectionblock-quote-body {
    left: 20px;
  }
}
.sectionblock-quote-text {
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto;
  width: 75%;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-text {
    font-size: 36px;
    line-height: 48px;
    width: 85%;
  }
}
.sectionblock-quote-text > span {
  display: block;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-text > span {
    font-size: 36px;
    line-height: 48px;
  }
}
.sectionblock-quote-text > span:before,
.sectionblock-quote-text > span:after {
  color: #82899b;
  font-family: 'qa-icons';
  font-size: 36px;
  position: absolute;
  z-index: 0;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-text > span:before,
  .sectionblock-quote-text > span:after {
    font-size: 60px;
  }
}
.sectionblock-quote-text > span:before {
  content: '\e60a';
  left: -2rem;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-text > span:before {
    left: -5rem;
  }
}
.ie8 .sectionblock-quote-text > span:before {
  left: -80px;
}
.sectionblock-quote-text > span:after {
  content: '\e60b';
  right: -2rem;
}
@media (min-width: 48.0625em) {
  .sectionblock-quote-text > span:after {
    right: -5rem;
  }
}
.ie8 .sectionblock-quote-text > span:after {
  right: -80px;
}
.sectionblock-quote-author {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.sectionblock-quote-authortitle {
  font-size: 16px;
  margin: 0;
}
.sectionblock-contact-us {
  padding: 42px 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .sectionblock-contact-us {
    padding: 60px 0;
  }
}
.sectionblock-contact-us-title {
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (min-width: 48.0625em) {
  .sectionblock-contact-us-title {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 44px;
  }
}
.sectionblock-contact-us-cta {
  font-size: 16px;
  line-height: 1;
  min-height: 36px;
  padding: 6px 10px 12px 10px;
  line-height: 1.25;
}
@media (min-width: 48.0625em) {
  .sectionblock-contact-us-cta {
    font-size: 18px;
    line-height: 1;
    min-height: 54px;
    padding: 12px 25px;
  }
}
.ie8 .sectionblock-contact-us-cta {
  min-height: 56px;
}
@media (min-width: 48.0625em) {
  .sectionblock-contact-us-cta {
    line-height: 1.25;
  }
}
.sectionblock-contact-us-cta .icon {
  font-size: 18px;
  margin-left: .2em;
  position: relative;
  top: .15em;
  font-size: 1.2rem;
  top: .075em;
}
@media (min-width: 48.0625em) {
  .sectionblock-contact-us-cta .icon {
    font-size: 18px;
    top: .075em;
  }
}
.sectionblock-contact-us-theme-a {
  background: #4792CF;
  color: #FFF;
}
.sectionblock-contact-us-theme-a a {
  color: #FFF;
  text-decoration: none;
}
.sectionblock-contact-us-theme-a a:hover {
  color: #EFEFEF;
}
.sectionblock-contact-us-theme-a a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.sectionblock-contact-us-theme-a a.btn:active {
  text-decoration: none;
}
.sectionblock-contact-us-theme-a [class^='angle-']:after,
.sectionblock-contact-us-theme-a [class*='angle-']:after {
  background-color: #4792CF !important;
}
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta:visited {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta:visited:hover,
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta:hover,
.sectionblock-contact-us-theme-a .sectionblock-contact-us-cta:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.sectionblock-contact-us-theme-b {
  border-top: 1px solid #D7D7D7;
}
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta:visited {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta:visited:hover,
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta:visited:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta:hover,
.sectionblock-contact-us-theme-b .sectionblock-contact-us-cta:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.factitem {
  font-size: 18px;
  padding: 12px 0;
  vertical-align: top;
}
.js .factitem {
  opacity: 0;
}
.js.sitecore-page-editor .factitem {
  opacity: 1;
}
:last-child > .factitem {
  border: 0;
}
.factitem:last-of-type {
  margin-right: 0;
}
@media (min-width: 48.0625em) {
  .factitem {
    border: 0;
    padding: 0;
  }
}
.factitem img[src*=svg] {
  height: 100%;
  max-width: 80%;
  min-width: 80%;
}
.factitem-align-left {
  text-align: left;
}
.factitem-align-right {
  text-align: right;
}
.factitem-title {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
}
.factitem-style-a .factitem-header {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.factitem-style-a .factitem-header.focusable:active,
.factitem-style-a .factitem-header.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.factitem-text {
  font-size: 16px;
  margin-bottom: 1rem;
}
@media (min-width: 48.0625em) {
  .factitem-text {
    padding: 0;
  }
}
.factitem-style-a .factitem-text {
  margin-bottom: 0;
}
.factitem-cta-button {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 21px;
  min-height: 33px;
  padding: 6px 18px;
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
@media (min-width: 48.0625em) {
  .factitem-cta-button {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .factitem-cta-button {
  min-height: 22px;
}
.factitem-cta-button:hover,
.factitem-cta-button:focus,
.factitem-cta-button:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.factitem-cta-button:active,
.factitem-cta-button.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.factitem-cta-button.disabled,
.factitem-cta-button[disabled],
fieldset[disabled] .factitem-cta-button {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.factitem-cta-button .icon {
  font-size: .75em;
}
.factitem-cta-button.btn-alt {
  padding: 9px 15px;
}
.factitem-cta-button.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.ie8 .factitem-cta-button {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .factitem-cta-button {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}
.factitem-cta-button.btn-alt {
  padding: 6px 15px;
}
.factitem-cta-button.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.factitem-cta-button:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.factitem-cta-button:visited:hover,
.factitem-cta-button:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.factitem-cta-button:hover,
.factitem-cta-button:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.factitem-cta-link {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.factitem-style-a .factitem-cta-link {
  font-weight: 400;
  text-decoration: underline;
}
.factitem-media {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .factitem-media {
    height: 150px;
    position: relative;
  }
}
.factitem-media img {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0 auto;
}
.factitem-media img[src*=svg] {
  height: 100%;
}
.no-flexbox .factitem-media img {
  display: block;
  position: absolute;
  bottom: 0;
}
.ie11 .factitem-media {
  height: 150px;
}
.factitem-number-text .factitem-header {
  margin-bottom: 1rem;
}
@media (min-width: 48.0625em) {
  .factitem-number-text .factitem-header {
    min-height: 150px;
    position: relative;
  }
}
.factitem-number-text .factitem-title {
  border: 4px solid #71A13D;
  border-radius: 50%;
  color: #005BAB;
  font-size: 45px;
  font-weight: 400;
  height: 120px;
  letter-spacing: -3px;
  line-height: 110px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 120px;
}
@media (min-width: 48.0625em) {
  .factitem-number-text .factitem-title {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
  }
}
.factitem-number-text .factitem-title > span {
  color: #4792CF;
  font-size: .85em;
}
.factitem-number-text-alt .factitem-header {
  margin-bottom: 1rem;
}
@media (min-width: 48.0625em) {
  .factitem-number-text-alt .factitem-header {
    height: 150px;
    position: relative;
  }
}
.factitem-number-text-alt .factitem-title {
  color: #303030;
  font-size: 45px;
  font-weight: 400;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 48.0625em) {
  .factitem-number-text-alt .factitem-title {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.factitem-number-text-alt .factitem-title > span {
  font-size: .85em;
}
.factitem-poi {
  border: 0;
}
.factitem-poi > hr {
  border: 1px solid #D7D7D7;
  margin: 18px auto;
  width: 50%;
}
.factitem-poi .factitem-subtitle {
  color: #666;
  font-size: 18px;
  font-style: italic;
}
.factitem-poi-media {
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  .factitem-poi-media {
    height: 63px;
  }
}
.factitem-whatsincluded {
  margin-top: 60px;
  margin-bottom: 0;
}
.factitem-whatsincluded img {
  height: 100px;
  width: 100px;
}
.factitem-whatsincluded img[src*=svg] {
  height: 100%;
}
@media (max-width: 30em) {
  .factitem-whatsincluded .factitem-text {
    float: right;
    margin: 0 0 2% 0;
    width: 48%;
  }
}
@media (max-width: 30em) {
  .factitem-whatsincluded .factitem-text {
    text-align: left;
  }
}
@media (max-width: 30em) {
  .factitem-whatsincluded .factitem-media {
    float: left;
    margin: 0 2% 0 0;
    width: 46%;
  }
}
.factitem-whatsincluded-media {
  float: left;
  margin-right: 36px;
  min-height: 0;
}
@media (min-width: 48.0625em) {
  .factitem-whatsincluded-media {
    float: none;
    min-height: 0;
    margin-right: 0;
  }
}
.factitem-techtype .factitem-media img {
  height: 100px;
  width: 100px;
}
.listitem {
  margin-bottom: 18px;
}
.listitem:after {
  clear: both;
  content: '';
  display: table;
}
.listitem-link {
  display: block;
  padding: 6px;
  text-decoration: none;
}
.listitem-link:hover,
.listitem-link:focus {
  background: #F7F7F7;
}
@media (min-width: 48.0625em) {
  .listitem-media {
    float: left;
    margin-right: 30px;
  }
  .listitem-content .listitem-media,
  .listitem-person .listitem-media,
  .listitem-blog .listitem-media,
  .listitem-news .listitem-media {
    margin-right: 0;
    padding-right: 30px;
    width: 20%;
  }
}
.listitem-media > img {
  width: 200px;
}
@media (min-width: 48.0625em) {
  .listitem-content.with-media .listitem-main,
  .listitem-person.with-media .listitem-main,
  .listitem-blog.with-media .listitem-main,
  .listitem-news.with-media .listitem-main {
    float: left;
    width: 80%;
  }
}
.listitem-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}
.listitem-content .listitem-title,
.listitem-person .listitem-title,
.listitem-blog .listitem-title,
.listitem-news .listitem-title {
  margin: 0;
}
.listitem-subtitle {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  margin-top: 0;
}
.listitem-subtitle a {
  font-weight: 700;
}
.listitem-subtitle .pipe {
  color: #D7D7D7;
}
.listitem-body {
  font-size: 16px;
}
.listitem-body p {
  font-size: 16px;
}
.listitem-body .list-inline {
  margin-left: 0;
}
.listitem-content {
  margin-bottom: 0;
  padding-bottom: 12px;
  text-align: left;
  border-bottom: 1px solid #D7D7D7;
  padding: 20px 0;
}
.listitem-content:after {
  clear: both;
  content: '';
  display: table;
}
.listitem-content:first-of-type {
  border-top: 1px solid #D7D7D7;
}
.listitem-content:last-of-type {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 48px;
}
.listitem-content a {
  color: #005BAB;
  font-weight: 700;
  text-decoration: none;
}
.listitem-content a:hover,
.listitem-content a:focus,
.listitem-content a:active,
.listitem-content a:visited {
  color: #005BAB;
  text-decoration: underline;
}
.listitem-content a.btn:active {
  text-decoration: none;
}
.listitem-content .listitem-footer a:after {
  font-family: 'qa-icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 14px;
}
.listitem-person {
  text-align: center;
}
@media (min-width: 48.0625em) {
  .listitem-person {
    text-align: left;
  }
}
.listitem-person .listitem-subtitle {
  color: #666;
}
.listitem-person .listitem-media > img {
  border-radius: 50%;
}
.listitem-person .listitem-body {
  text-align: left;
}
.listitem-person .listitem-contactlinks {
  margin-left: 0!important;
}
.listitem-person .listitem-contactlinks a:link,
.listitem-person .listitem-contactlinks a:visited {
  color: #005BAB;
  text-decoration: none;
}
.listitem-contactlinks {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 18px;
}
.listitem-contactlinks li {
  list-style: none;
}
.listitem-contactlinks li:before {
  display: none;
}
@media (min-width: 61.25em) {
  .listitem-contactlinks {
    margin-top: 0;
  }
}
.listitem-contactlinks li {
  margin-bottom: 12px;
  list-style-type: none!important;
}
@media (min-width: 30em) {
  .listitem-contactlinks li {
    display: inline;
    margin-right: 3rem;
  }
}
@media (min-width: 61.25em) {
  .listitem-contactlinks li {
    display: inline;
  }
}
.listitem-contactlink .icon {
  font-size: 1rem;
}
.listitem-blog,
.listitem-news {
  clear: both;
  text-align: left;
}
.listitem-blog-style-a .listitem-title {
  font-weight: 400;
  margin-bottom: 0;
}
.listitem-blog-style-a .listitem-subtitle {
  font-size: 14px;
  font-style: normal;
}
.listitem-blog-read-more,
.listitem-news-read-more {
  display: block;
  margin-top: 18px;
}
.listitem-news-style-a .listitem-title {
  font-weight: 400;
  margin-bottom: 0;
}
.listitem-news-style-a .listitem-subtitle {
  font-size: 14px;
  font-style: normal;
}
.listitem-course-delivery-method {
  text-align: left;
}
.listitem-course-delivery-method .listitem-title {
  font-size: 18px;
  font-weight: 700;
}
.listitem-certification-buy-now,
.listitem-certification-track-summary {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 18px;
  padding-bottom: 18px;
  text-align: left;
}
.listitem-certification-buy-now:first-of-type,
.listitem-certification-track-summary:first-of-type {
  border-top: 1px solid #D7D7D7;
}
.listitem-certification-buy-now .list-inline li:first-child,
.listitem-certification-track-summary .list-inline li:first-child {
  margin-right: 12px;
}
.listitem-certification-buy-now .listitem-title,
.listitem-certification-track-summary .listitem-title {
  font-weight: 400;
}
.listitem-certification-buy-now .listitem-main,
.listitem-certification-track-summary .listitem-main {
  position: relative;
}
.listitem-certification-buy-now .listitem-main:after,
.listitem-certification-track-summary .listitem-main:after {
  clear: both;
  content: '';
  display: table;
}
.listitem-certification-buy-now .listitem-footer,
.listitem-certification-track-summary .listitem-footer {
  margin-top: 12px;
}
@media (min-width: 48.0625em) {
  .listitem-certification-buy-now .listitem-footer,
  .listitem-certification-track-summary .listitem-footer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0;
  }
  .ie8 .listitem-certification-buy-now .listitem-footer,
  .ie8 .listitem-certification-track-summary .listitem-footer {
    top: 0;
  }
  .listitem-certification-buy-now .listitem-footer .btn,
  .listitem-certification-track-summary .listitem-footer .btn {
    float: right;
  }
}
.listitem-certification-buy-now-list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
}
.listitem-certification-buy-now-list li {
  list-style: none;
}
.listitem-certification-buy-now-list li:before {
  display: none;
}
.sectionblock .listitem-certification-buy-now-list {
  margin-left: 0;
}
.listitem-certification-buy-now-list li {
  display: inline;
  padding: 0;
}
.listitem-certification-track-summary {
  padding-top: 12px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .listitem-certification-track-summary {
    text-align: left;
  }
}
.listitem-certification-track-summary p {
  margin-bottom: 6px;
}
.listitem-certification-track-summary li {
  margin-right: 12px;
}
@media (max-width: 48.0625em) {
  .listitem-certification-track-summary li {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
}
.listitem-certification-track-summary .icon {
  font-size: 1em;
  margin-left: .5em;
}
.listitem-faq-link {
  border-top: 1px solid #D7D7D7;
  padding: 0;
}
.listitem-faq-link:last-of-type {
  border-bottom: 1px solid #D7D7D7;
}
.listitem-faq {
  margin-bottom: 0;
  position: relative;
  padding: 24px 12px;
  text-align: left;
}
.listitem-faq:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #4792CF;
  content: '\e600';
  font-family: 'qa-icons';
  font-size: 18px;
  right: 12px;
}
.ie8 .listitem-faq:after {
  top: 0;
}
.ie8 .listitem-faq:after {
  top: 1rem;
}
.listitem-faq .listitem-title {
  color: #666;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  margin: 0;
}
.listitem-faq .listitem-subtitle {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  color: #005BAB;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 48.0625em) {
  .listitem-faq .listitem-main {
    margin-left: 0;
  }
}
.listitem-accordion {
  margin-bottom: 0;
  text-align: left;
}
.listitem-accordion .accordion-handle a {
  padding: 24px 36px 24px 12px;
}
.listitem-accordion .accordion-handle a:hover {
  background: #F7F7F7;
}
.listitem-accordion .accordion-handle .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ie8 .listitem-accordion .accordion-handle .icon {
  top: 25px;
}
.listitem-accordion .accordion-content {
  padding: 0 12px 24px 12px;
}
.listitem-accordion-header {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  margin: 0;
}
.listitem-accordion-faq {
  border-top: 1px solid #D7D7D7;
}
.listitem-accordion-faq:last-of-type {
  border-bottom: 1px solid #D7D7D7;
}
.listitem-course-category-link {
  margin-bottom: 2px;
  padding: 0;
}
.listitem-course-category-link:last-of-type {
  margin-bottom: 30px;
}
@media (min-width: 48.0625em) {
  .listitem-course-category-link:last-of-type {
    margin-bottom: 60px;
  }
}
.listitem-course-category {
  background: #F7F7F7;
  border: 1px solid #D7D7D7;
  padding: 24px 12px;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}
.listitem-course-category:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  color: #4792CF;
  content: '\e600';
  font-size: 18px;
  font-family: 'qa-icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.ie8 .listitem-course-category:after {
  top: 25px;
}
.listitem-course-category .listitem-header:after {
  clear: both;
  content: '';
  display: table;
}
.listitem-course-category .listitem-title,
.listitem-course-category .listitem-subtitle {
  margin: 0;
  padding-right: 24px;
}
.listitem-course-category .listitem-title {
  font-size: 18px;
  text-align: center;
}
@media (min-width: 37.5em) {
  .listitem-course-category .listitem-title {
    float: left;
  }
}
.listitem-course-category .listitem-subtitle {
  color: #303030;
}
@media (min-width: 37.5em) {
  .listitem-course-category .listitem-subtitle {
    float: right;
  }
}
@media (min-width: 48.0625em) {
  .listitem-course-category .listitem-main {
    margin-left: 0;
  }
}
.listitem-accordion-course-category {
  border: 1px solid #D7D7D7;
  margin-bottom: 6px;
}
.listitem-accordion-course-category .accordion-handle {
  background: #F7F7F7;
}
.listitem-accordion-course-category .accordion-content {
  border-top: 1px solid #D7D7D7;
}
.listitem-accordion-course-category .listitem-title {
  font-size: 18px;
}
.listitem-accordion-course-category.accordion-active {
  box-shadow: 2px 2px 3px #D7D7D7;
  margin-bottom: 24px;
}
.listitem-accordion-course-category.accordion-active .accordion-handle a,
.listitem-accordion-course-category.accordion-active .accordion-handle a:visited,
.listitem-accordion-course-category.accordion-active .accordion-handle a:hover {
  background: #4792CF;
  color: #FFF;
}
.listitem.listitem-course-delivery-method-style-a {
  padding-bottom: 3px;
  border-bottom: 1px solid #D7D7D7;
}
@media (min-width: 48.0625em) {
  .listitem.listitem-course-delivery-method-style-a {
    padding-bottom: 15px;
  }
}
.listitem.listitem-course-delivery-method-style-a:last-of-type {
  border: 0;
}
.listitem.listitem-course-delivery-method-style-a .course-details-container {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0;
}
.listitem.listitem-course-delivery-method-style-a .course-details-container:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0;
}
.listitem .course-details-container {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 24px;
  padding: 0 0 12px;
}
.listitem .course-details-container:last-child {
  margin-bottom: 48px;
}
.listitem.listitem-certification-track .course-details-container:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.listitem .course-details,
.listitem .search-result-details {
  color: #303030;
  font-size: 16px;
  margin-bottom: 2px;
  position: relative;
  text-align: left;
}
.listitem .course-details:after,
.listitem .search-result-details:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .listitem .course-details,
  .listitem .search-result-details {
    text-align: left;
  }
  .listitem .course-details ul,
  .listitem .search-result-details ul,
  .listitem .course-details ol,
  .listitem .search-result-details ol,
  .listitem .course-details li,
  .listitem .search-result-details li {
    text-align: left;
  }
}
.listitem .course-details a,
.listitem .search-result-details a {
  text-decoration: none;
}
.listitem .search-result-details {
  text-align: center;
}
.listitem .course-details-container .course-details {
  padding: 6px 36px 6px 6px;
}
.tabs-content .listitem .course-details-container .course-details {
  padding: 24px 12px;
}
.listitem .course-details-container .course-details-a {
  padding-left: 0;
}
.listitem .course-details-style-a .course-details {
  background: #F7F7F7;
  border-top: 1px solid #E5E5E5;
  color: #005BAB;
}
.listitem .course-details-style-a .course-details:nth-of-type(even) {
  background: #EFEFEF;
}
.listitem .course-details-style-b .course-details {
  border-top: 1px solid #D7D7D7;
  padding-top: 12px;
  padding-bottom: 12px;
}
.listitem .course-details-style-b .course-details-type {
  font-size: 16px;
}
.listitem .course-details-style-b .course-details-link {
  font-weight: 700;
}
.listitem .course-details-type,
.listitem .search-result-course-type {
  font-size: 14px;
}
.listitem .course-details-link {
  display: block;
  font-size: 18px;
}
@media (min-width: 48.0625em) {
  .listitem .course-details-link {
    float: left;
    width: 50%;
  }
  .tabs-content .listitem .course-details-link {
    width: 75%;
  }
}
.listitem .course-details-code,
.listitem .course-details-duration {
  font-size: 14px;
}
.listitem .course-details-code,
.listitem .course-details-duration,
.listitem .search-result-code,
.listitem .search-result-duration {
  float: left;
  width: 50%;
}
@media (min-width: 48.0625em) {
  .listitem .course-details-code,
  .listitem .course-details-duration,
  .listitem .search-result-code,
  .listitem .search-result-duration {
    border: 0;
    float: right;
    padding: 0 0 0 12px;
    text-align: right;
    width: auto;
  }
}
@media (min-width: 48.0625em) {
  .listitem-course-delivery-method-style-a .listitem .course-details-code,
  .listitem-course-delivery-method-style-a .listitem .course-details-duration,
  .listitem-course-delivery-method-style-a .listitem .search-result-code,
  .listitem-course-delivery-method-style-a .listitem .search-result-duration {
    width: 20%;
    text-align: left;
  }
}
.listitem .course-details-code,
.listitem .search-result-code {
  padding-left: 0;
}
.listitem .course-details-duration,
.listitem .search-result-duration {
  padding-right: 0;
  position: relative;
}
@media (min-width: 48.0625em) {
  .listitem .course-details-available,
  .listitem .search-result-available {
    float: right;
  }
}
.listitem .course-details-onward-link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.ie8 .listitem .course-details-onward-link {
  top: 0.5em;
}
.ie9 .listitem .course-details-onward-link {
  transform: translateY(-50%);
}
.listitem .course-details-onward-link .icon {
  font-size: 1rem;
}
.listitem .course-details-logo,
.listitem .search-result-logo {
  margin-bottom: 18px;
}
@media (min-width: 48.0625em) {
  .listitem .course-details-logo,
  .listitem .search-result-logo {
    float: left;
    margin-right: 18px;
    margin-bottom: 0;
  }
}
.course-details-container p:last-of-type,
.course-details-container ul:last-of-type,
.course-details-container ol:last-of-type {
  margin-bottom: 0;
}
.course-details-container ul li:before,
.course-details-container ol li:before {
  color: #000;
}
.listitem-certification-track {
  text-align: left;
}
.listitem-certification-track.certification-group {
  margin-bottom: 36px;
  position: relative;
  z-index: 0;
}
.listitem-certification-track.certification-group:first-child {
  margin-top: 36px;
}
.listitem-certification-track.certification-group:last-child {
  margin-bottom: 36px;
}
.listitem-certification-track.certification-group .listitem-body {
  background: #FFF;
  margin-left: 1px;
}
.listitem-certification-track.certification-group .listitem-header {
  position: relative;
}
.listitem-certification-track.certification-group .dot {
  height: 18px;
  width: 18px;
  background: #4792CF;
  border-radius: 50%;
  content: '';
  top: -28px;
  left: 50%;
  position: absolute;
  margin-left: -8px;
}
@media (min-width: 75em) {
  .listitem-certification-track.certification-group .dot {
    margin-top: -9px;
    margin-left: 0;
    top: 50%;
    left: -50px;
  }
}
.listitem-certification-track.certification-group .connector {
  border-left: 2px solid #4792CF;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: 50%;
  z-index: -1;
}
@media (min-width: 75em) {
  .listitem-certification-track.certification-group .connector {
    left: -42px;
  }
}
.listitem-certification-track.certification-group.certification-group-last:before {
  display: none;
}
@media (max-width: 48.0625em) {
  .listitem-certification-track.certification-group:before {
    top: -35px;
    left: 50%;
  }
  .listitem-certification-track.certification-group:last-child:before {
    content: none;
  }
}
@media (min-width: 48.0625em) {
  .listitem-certification-track.certification-group:before {
    top: 30px;
    left: -45px;
  }
}
@media (min-width: 48.0625em) {
  .listitem-certification-track.certification-group-last:before,
  .listitem-certification-track .certification-group:last-child {
    background: #FFF;
    border: 0;
    height: 100%;
    left: -60px;
    width: 50px;
  }
  .section-style-j .listitem-certification-track.certification-group-last:before,
  .section-style-j .listitem-certification-track .certification-group:last-child {
    background: #F7F7F7;
  }
}
.listitem-table-container {
  border: 1px solid #D7D7D7;
}
.listitem-table-container > .listitem-header {
  background: #4792CF;
  color: #FFF;
  padding: 24px 12px;
}
.listitem-table-container > .listitem-header a {
  color: #FFF;
  text-decoration: none;
}
.listitem-table-container > .listitem-header a:hover {
  color: #EFEFEF;
}
.listitem-table-container > .listitem-header a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.listitem-table-container > .listitem-header a.btn:active {
  text-decoration: none;
}
.listitem-table-container > .listitem-header [class^='angle-']:after,
.listitem-table-container > .listitem-header [class*='angle-']:after {
  background-color: #4792CF !important;
}
.listitem-table-container > .listitem-header .listitem-title {
  font-weight: 400;
}
.listitem-table-container .listitem-title {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  font-size: 18px;
  margin: 0;
}
.listitem-table-container .listitem-body {
  padding: 12px 12px;
}
.listitem-table-body {
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  .listitem-table-body {
    width: 60%;
  }
}
.listitem-title p:last-of-type,
.listitem-title ul:last-of-type,
.listitem-title ol:last-of-type {
  margin-bottom: 0;
}
.listitem-title ul li,
.listitem-title ol li {
  text-align: left;
}
.listitem-title ul li:before,
.listitem-title ol li:before {
  color: #FFF;
}
.homepage-course-category-link:hover .homepage-course-category {
  background: #005BAB;
}
.homepage-course-category-link-style-a {
  background: #FFF;
}
.homepage-course-category {
  background: #4792CF;
  color: #FFF;
  padding: 10px 36px 9px 18px;
}
.homepage-course-category a {
  color: #FFF;
  text-decoration: none;
}
.homepage-course-category a:hover {
  color: #EFEFEF;
}
.homepage-course-category a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.homepage-course-category a.btn:active {
  text-decoration: none;
}
.homepage-course-category [class^='angle-']:after,
.homepage-course-category [class*='angle-']:after {
  background-color: #4792CF !important;
}
.homepage-course-category:hover {
  background: #005BAB;
}
.homepage-course-category.listitem {
  border: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.homepage-course-category .listitem-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 24px 0 0;
  text-align: left;
}
.homepage-course-category:after {
  color: #FFF;
}
.homepage-course-category-link-style-a .listitem-course-category,
.homepage-course-category-link-style-b .listitem-course-category,
.homepage-course-category-link-style-c .listitem-course-category,
.homepage-course-category-link-style-d .listitem-course-category,
.homepage-course-category-link-style-e .listitem-course-category,
.homepage-course-category-link-style-f .listitem-course-category,
.homepage-course-category-link-style-g .listitem-course-category,
.homepage-course-category-link-style-h .listitem-course-category {
  color: #4792CF;
}
.homepage-course-category-link-style-a .listitem-course-category:hover,
.homepage-course-category-link-style-b .listitem-course-category:hover,
.homepage-course-category-link-style-c .listitem-course-category:hover,
.homepage-course-category-link-style-d .listitem-course-category:hover,
.homepage-course-category-link-style-e .listitem-course-category:hover,
.homepage-course-category-link-style-f .listitem-course-category:hover,
.homepage-course-category-link-style-g .listitem-course-category:hover,
.homepage-course-category-link-style-h .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-a {
  border-left: 12px solid #8C2C2B;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-a .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-a .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-a .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-b {
  border-left: 12px solid #4792CF;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-b .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-b .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-b .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-c {
  border-left: 12px solid #D36A4A;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-c .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-c .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-c .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-d {
  border-left: 12px solid #993047;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-d .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-d .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-d .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-e {
  border-left: 12px solid #5A4487;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-e .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-e .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-e .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-f {
  border-left: 12px solid #1B3951;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-f .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-f .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-f .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-g {
  border-left: 12px solid #336F41;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-g .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-g .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-g .listitem-course-category:after {
  color: #303030;
}
.homepage-course-category-link-style-h {
  border-left: 12px solid #1B4D7D;
  box-shadow: 1px 1px 2px #D7D7D7;
}
.homepage-course-category-link-style-h .listitem-course-category {
  background: #FFF;
  border-left: 0;
  color: #4792CF;
}
.homepage-course-category-link-style-h .listitem-course-category:hover {
  color: #303030;
}
.homepage-course-category-link-style-h .listitem-course-category:after {
  color: #303030;
}
@media (max-width: 48.0625em) {
  .newsletter-signup-header {
    text-align: center;
  }
}
@media (max-width: 48.0625em) {
  .newsletter-signup-form > .block {
    margin-bottom: 0;
  }
}
@media (min-width: 48.0625em) {
  .newsletter-signup-form .control-group {
    float: left;
    width: 100%;
  }
}
.newsletter-signup-form-submit {
  background: none;
  background-color: #4792CF;
  background-image: none;
  border: 1px solid #4792CF;
  border-radius: 4px;
  box-shadow: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 0;
  max-width: 100%;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  transition: background .15s ease, border .15s ease;
  -webkit-font-smoothing: antialiased;
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
@media (min-width: 48.0625em) {
  .newsletter-signup-form-submit {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}
.ie8 .newsletter-signup-form-submit {
  min-height: 22px;
}
.newsletter-signup-form-submit:hover,
.newsletter-signup-form-submit:focus,
.newsletter-signup-form-submit:visited {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
  text-decoration: none;
}
.newsletter-signup-form-submit:active,
.newsletter-signup-form-submit.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.newsletter-signup-form-submit.disabled,
.newsletter-signup-form-submit[disabled],
fieldset[disabled] .newsletter-signup-form-submit {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.newsletter-signup-form-submit .icon {
  font-size: .75em;
}
.newsletter-signup-form-submit.btn-alt {
  padding: 9px 15px;
}
.newsletter-signup-form-submit.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.newsletter-signup-form-submit:visited {
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
.newsletter-signup-form-submit:visited:hover,
.newsletter-signup-form-submit:visited:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
.newsletter-signup-form-submit:hover,
.newsletter-signup-form-submit:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
@media (max-width: 48.0625em) {
  .newsletter-signup-form-submit {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 48.0625em) {
  .newsletter-signup-form-submit {
    margin-top: 30px;
  }
}
.location-map {
  border-top: 1px solid #D7D7D7;
  padding: 24px 0;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  .location-map {
    padding: 48px 0;
  }
}
.location-map-header {
  text-align: center;
}
.location-map-title {
  font-size: 26px;
  line-height: 30px;
  margin-top: 60px;
  margin-bottom: 12px;
  font-weight: 400;
}
@media (min-width: 48.0625em) {
  .location-map-title {
    font-size: 44px;
    line-height: 48px;
  }
}
.location-map-list {
  margin: 0;
  padding: 0;
  margin: 0!important;
  text-align: center;
}
.location-map-list li {
  list-style: none;
}
.location-map-list li:before {
  display: none;
}
.location-map-list .location-map-list-item {
  margin-bottom: 12px;
  list-style-type: none!important;
}
@media (min-width: 37.5em) {
  .location-map-list .location-map-list-item.location-map-google-link {
    display: none;
  }
}
.location-map-list .location-map-list-item.location-map-route-planner-link:after {
  content: none;
}
.location-map-list .location-map-list-item a {
  text-decoration: none;
}
.location-map-list .location-map-list-item a h2 {
  display: inline;
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 37.5em) {
  .location-map-list li {
    display: inline;
    margin: 0 4px;
  }
  .location-map-list li:after {
    content: '|';
    margin-left: 9px;
  }
}
.location-map-map {
  height: 550px;
  margin-top: 48px;
}
.carousel {
  border-top: 1px solid #D7D7D7;
  padding-top: 24px;
}
.location-directions-tab-body {
  text-align: center;
}
.no-js .location-directions-tab-body .tab-section-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
  font-weight: 400;
  margin-bottom: 24px;
}
.location-directions-icon {
  display: none;
}
@media (min-width: 37.5em) {
  .location-directions-icon {
    display: inline;
    margin: 12px 0 36px;
  }
}
.location-directions-list {
  margin: 0;
  padding: 0;
}
.location-directions-list li {
  list-style: none;
}
.location-directions-list li:before {
  display: none;
}
.location-directions-list-item {
  border-top: 1px solid #D7D7D7;
  padding: 12px 0 6px;
  overflow: hidden;
  list-style-type: none!important;
}
.location-directions-list-item:first-child {
  padding-top: 18px;
}
@media (max-width: 37.5em) {
  .location-directions-list-item:first-child {
    border-top: 0;
  }
}
.location-directions-list-icon {
  clear: left;
  float: left;
  margin-top: -4px;
  margin-right: 12px;
}
.location-directions-list-text {
  margin-left: 50px;
}
.location-directions-list-style-a li.location-directions-list-item img {
  display: none;
}
.location-directions-list-style-a li.location-directions-list-item:before {
  color: #303030;
  content: '\2022';
  display: block!important;
  top: 0;
  left: 0;
  font-size: 38px;
  position: relative;
  float: left;
  padding-left: 12px;
}
.js .search-overlay {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.lt-ie9 .js .search-overlay {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
  background-color: rgba(0, 0, 0, 0.8);
}
.overlay-in .js .search-overlay {
  display: block;
}
.search-overlay-content {
  margin-top: 30px;
  text-align: center;
}
.search-overlay-form {
  overflow: hidden;
}
@media (min-width: 37.5em) {
  .search-overlay-form {
    margin: 24px auto 0;
    width: 70%;
  }
}
.search-overlay-form-input {
  margin-bottom: 12px;
  width: 180px;
}
@media (min-width: 30em) {
  .search-overlay-form-input {
    width: auto;
  }
}
.search-overlay-form-submit {
  vertical-align: top;
  min-height: 35px;
}
@media (min-width: 48.0625em) {
  .search-overlay-form-submit {
    min-height: 42px;
  }
}
.search-close {
  position: absolute;
  top: 6px;
  right: 20px;
  z-index: 1;
  border: none;
}
.search-close .icon {
  font-size: 14px;
}
@media (min-width: 37.5em) {
  .search-close {
    top: 30px;
    right: 40px;
  }
}
.pagetitle-search .search-form-container,
.search-hero .search-form-container {
  float: left;
  width: 80%;
}
@media (min-width: 48.0625em) {
  .pagetitle-search .search-form-container,
  .search-hero .search-form-container {
    width: 65%;
  }
}
@media (min-width: 61.25em) {
  .pagetitle-search .search-form-container,
  .search-hero .search-form-container {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .pagetitle-search .search-form-container,
  .search-hero .search-form-container {
    width: 65%;
  }
}
@media (min-width: 87.5em) {
  .pagetitle-search .search-form-container,
  .search-hero .search-form-container {
    width: 70%;
  }
}
@media (min-width: 100em) {
  .pagetitle-search .search-form-container,
  .search-hero .search-form-container {
    width: 78%;
  }
}
.pagetitle-search .search-button-container,
.search-hero .search-button-container {
  float: right;
  width: 20%;
}
@media (min-width: 48.0625em) {
  .pagetitle-search .search-button-container,
  .search-hero .search-button-container {
    width: 35%;
  }
}
@media (min-width: 61.25em) {
  .pagetitle-search .search-button-container,
  .search-hero .search-button-container {
    width: 30%;
  }
}
@media (min-width: 75em) {
  .pagetitle-search .search-button-container,
  .search-hero .search-button-container {
    width: 35%;
  }
}
@media (min-width: 87.5em) {
  .pagetitle-search .search-button-container,
  .search-hero .search-button-container {
    width: 30%;
  }
}
@media (min-width: 100em) {
  .pagetitle-search .search-button-container,
  .search-hero .search-button-container {
    width: 22%;
  }
}
.pagetitle-search .search-input,
.search-hero .search-input {
  border-radius: 4px 0 0 4px;
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .pagetitle-search .search-input,
  .search-hero .search-input {
    height: 44px;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-search .pagetitle-search .search-input,
  .pagetitle-search .search-hero .search-input,
  .search-hero-detail .pagetitle-search .search-input,
  .search-hero-detail .search-hero .search-input {
    height: 48px;
  }
  .ie8 .pagetitle-search .pagetitle-search .search-input,
  .ie8 .pagetitle-search .search-hero .search-input,
  .ie8 .search-hero-detail .pagetitle-search .search-input,
  .ie8 .search-hero-detail .search-hero .search-input {
    height: 42px;
  }
}
.pagetitle-search .search-button,
.search-hero .search-button {
  border-radius: 0 4px 4px 0;
  height: 44px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  margin-left: -4px;
}
@media (max-width: 48.0625em) {
  .pagetitle-search .search-button span,
  .search-hero .search-button span {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-search .search-button .icon,
  .search-hero .search-button .icon {
    font-size: 1rem;
    margin-left: .5rem;
  }
}
.search-result-details {
  text-align: center;
}
@media (min-width: 48.0625em) {
  .search-result-details {
    text-align: left;
  }
}
.search-result-details .search-result-type {
  font-style: italic;
}
@media (min-width: 48.0625em) {
  .search-result-details .search-result-type {
    float: right;
  }
}
.search-result-details .search-result-logo {
  max-width: 320px;
  margin: 0 auto;
}
.search-result-details .search-result-logo > img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 48.0625em) {
  .search-result-details .search-result-logo {
    max-width: 100px;
    width: 10%;
  }
  .search-result-details .search-result-logo > img {
    display: inline-block;
    margin: 0;
  }
}
.search-result-details .search-result-body {
  display: block;
  padding-right: 12px;
}
@media (max-width: 48.0625em) {
  .search-result-details .search-result-body {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
@media (min-width: 48.0625em) {
  .search-result-details .search-result-body {
    float: left;
    width: 75%;
  }
}
.search-results {
  padding: 12px;
}
.search-results .listitem {
  margin-bottom: 0;
}
.search-results .listitem .course-details-container {
  text-align: center;
}
@media (min-width: 48.0625em) {
  .search-results .listitem .course-details-container {
    text-align: left;
  }
}
.search-results .listitem .course-details-link {
  float: none;
  font-weight: 400;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .search-results .listitem .course-details-link {
    width: 100%;
  }
}
.search-results .listitem .course-details-link:hover,
.search-results .listitem .course-details-link:visited {
  text-decoration: none;
}
.search-results .listitem .course-details-link .course-details-title {
  color: #005BAB;
  float: left;
  font-weight: 700;
  width: 50%;
}
.course-details-container .search-result-title {
  color: #005BAB;
  font-weight: 700;
  padding-right: 12px;
}
@media (min-width: 48.0625em) {
  .course-details-container .search-result-title {
    float: left;
    width: 75%;
  }
}
.course-details-container .search-result-link {
  display: block;
  font-weight: 400;
}
.course-details-container .search-result-link:hover,
.course-details-container .search-result-link:visited {
  text-decoration: none;
}
.search-no-results {
  padding: 0 12px;
  text-align: center;
}
.search-no-results .contact-us-form-section > form {
  margin-bottom: 30px;
}
@media (min-width: 48.0625em) {
  .search-no-results .contact-us-form-section > form {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
.search-no-results .contact-us-form-section > form input[type="submit"] {
  width: 100%;
}
@media (min-width: 48.0625em) {
  .search-no-results .contact-us-form-section > form input[type="submit"] {
    width: auto;
  }
}
.search-no-results .booking-enquiry-submitted,
.search-no-results .booking-enquiry-failed {
  font-weight: bold;
  padding: 20px;
  background: #F3F3F3;
  border-radius: 10px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .listitem .search-result-logo {
    max-width: 100px;
  }
}
.js .search-ajax-results-container .tab-section {
  display: block;
}
@media (min-width: 48.0625em) {
  .js .search-ajax-results-container .tab-section {
    display: none;
  }
}
.js .search-ajax-results-container .tab-section.tab-in {
  display: block;
}
.search-hero {
  clear: both;
  margin-bottom: 0;
  min-height: 170px;
  padding-bottom: 20px;
  position: relative;
}
@media (min-width: 48.0625em) {
  .search-hero {
    min-height: 360px;
    padding-bottom: 0;
  }
}
.ie8 .search-hero {
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .search-hero-figure {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .search-hero-figure.angle-horizontal-right {
    position: absolute;
  }
  .csstransforms .search-hero-figure.angle-horizontal-right:after {
    background-color: #F3F3F3;
    transform: skewY(1deg);
  }
}
.search-hero-figure img {
  width: auto;
}
@media (min-width: 48.0625em) {
  .search-hero-figure img {
    height: auto;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .search-hero-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
  }
  .ie8 .search-hero-body {
    top: 50px;
    left: 7.5%;
  }
}
.search-hero-header {
  margin-bottom: 0;
  top: 42px;
  text-align: center;
  width: 100%;
}
@media (min-width: 37.5em) {
}
@media (min-width: 48.0625em) {
  .search-hero-header {
    color: #FFF;
  }
}
.search-hero-header .search-hero-title {
  margin: 0;
}
.search-hero-detail {
  margin: 0 auto;
  position: relative;
  width: 80%;
}
@media (min-width: 48.0625em) {
  .search-hero-detail {
    color: #FFF;
    width: 100%;
  }
}
.search-hero-detail p {
  display: inline-block;
  margin: 6px 0;
}
@media (min-width: 48.0625em) {
  .search-hero-detail p {
    display: block;
    margin: 6px auto;
    width: 50%;
  }
}
@media (min-width: 48.0625em) {
  .search-hero-detail a {
    color: #FFF;
  }
}
.search-main .search-form-container {
  float: left;
  width: 70%;
}
.search-main .search-button-container {
  float: left;
  width: 30%;
}
.search-main .search-button-container .search-button span {
  display: none;
}
@media (min-width: 48.0625em) {
  .search-main .search-button-container .search-button span {
    display: inline-block;
  }
}
.owl-carousel {
  display: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: '.';
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.owl-carousel .owl-stage-outer {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav {
  font-family: 'qa-icons';
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
  background: #4792CF;
  border-radius: 6px;
  color: #FFF;
  margin-top: -50px;
  padding: 24px 12px;
  position: absolute;
  top: 50%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: -5px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  right: -5px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  display: block;
  opacity: 0;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  float: left;
  min-height: 1px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  background: #000;
  height: 100%;
  position: relative;
}
.owl-carousel .owl-video-play-icon {
  height: 80px;
  width: 80px;
  background: url('owl.video.play.png') no-repeat;
  cursor: pointer;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: scale 100ms ease;
  z-index: 1;
}
.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  background: #D6D6D6;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .disabled {
  cursor: default;
  opacity: 0.5;
}
.owl-theme .disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  height: 10px;
  width: 10px;
  background: #D6D6D6;
  border-radius: 30px;
  display: block;
  margin: 5px 7px;
  transition: opacity 200ms ease;
  -webkit-backface-visibility: visible;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}
#swipebox-overlay img {
  border: none !important;
}
#swipebox-overlay {
  width: 50%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#swipebox-slider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../img/loader.gif) no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}
#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  transform: translate3d(0, 50px, 0);
}
#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../../images/swipebox-video.svg);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
  display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}
@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(13, 13, 13, 0.9);
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}
#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: 'Figtree',Arial,sans-serif;
}
/*

*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  /* webkit */
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
    .select2-container .select2-choice {
        display: block;
        height: 2.75rem;
        padding: 0 0 0 8px;
        overflow: hidden;
        position: relative;
        border: 1px solid #aaa;
        white-space: nowrap;
        line-height: 2.75rem;
        color: #080C10;
        text-decoration: none;
        border-radius: 4px;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
        background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        background-image: linear-gradient(to top, #eee 0%, #fff 50%);
    }
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 2.75rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('../images/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.search-overlay-in .select2-drop {
  z-index: 999;
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/select2.png') no-repeat 0 1px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 2.75rem;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
    .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 2.75rem;
        padding: 4px 20px 4px 5px;
        margin: 0;
        outline: 0;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        border-radius: 0;
        box-shadow: none;
        background: #fff url('../images/select2.png') no-repeat 100% -22px;
        background: url('../images/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
    }
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url('../images/select2.png') no-repeat -37px -22px;
  background: url('../images/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('../images/select2-spinner.gif') no-repeat 100%;
  background: url('../images/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}
.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 2.75rem;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        margin: 1px 0;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 100%;
        color: #666;
        outline: 0;
        border: 0;
        box-shadow: none;
        background: transparent !important;
    }
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('../images/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('../images/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.myqa .clearfix {
  zoom: 1;
}
.myqa .clearfix:before,
.myqa .clearfix:after {
  content: "";
  display: table;
}
.myqa .clearfix:after {
  clear: both;
}
.myqa .btn.right {
  margin-left: 5px;
}
.myqa textarea {
  height: 180px;
}
.myqa .error-icon {
  padding-bottom: 60px;
  margin-right: 50px;
  float: left;
}
.myqa .close-up,
.myqa .close-up-top {
  padding-top: 0;
  margin-top: 0;
}
.myqa .close-up,
.myqa .close-up-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}
.myqa .dl-horizontal dt {
  width: 32%;
}
.myqa .dl-horizontal dd {
  margin-left: 34%;
}
.myqa .img-arrow {
  padding: 4px;
}
.myqa .text-color-i {
  color: #578a27;
}
.myqa .text-color-j {
  color: #860700;
}
.myqa .text-color {
  color: #FFF;
}
.myqa a.btn:visited {
  color: #fff;
}
.myqa a.btn:hover {
  color: #fff;
}
.myqa a.sortAcc :after {
  content: "▲ ";
}
.myqa a.sortDesc :after {
  content: "▼ ";
}
.myqa th .location {
  width: 30%;
}
.myqa th .date {
  width: 15%;
}
.myqa th a {
  color: black;
  text-decoration: none;
}
.myqa .bapslb {
  display: none;
  max-width: 73.75rem;
  background-color: #FFF;
}
.myqa .bapslb > .block {
  float: none;
}
.myqa .login-block {
  min-height: 500px;
}
.myqa .login-body {
  min-height: 280px;
}
.myqa .pcLoginIntro {
  min-height: 90px;
}
.myqa .ChooseDelegateResults {
  background-color: #FFF;
  border: 1px solid #000;
  height: 150px;
  overflow-y: scroll;
  padding: 5px 20px;
  position: absolute;
  width: 400px;
  z-index: 2000;
}
.myqa .sign-off-form {
  min-width: 65rem;
}
.myqa fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.myqa .move-tree .panel-content ul.top-level {
  height: 50%;
  max-height: 400px;
  overflow-y: scroll;
}
.myqa .view-only {
  display: inline-block;
  padding-top: 8px;
}
.myqa #recaptcha_area input {
  height: auto !important;
  line-height: normal !important;
}
.myqa #recaptchaCont span.input-validation-error {
  font-size: 1.2em;
  left: -325px;
  position: absolute;
  top: 12px;
  width: 300px;
  color: #c20000;
}
.myqa .main {
  overflow: auto;
}
.myqa .bannercontainer {
    font-family: 'Figtree',Arial,sans-serif !important;
    color: #303030 !important;
    font-size: 18px !important;
}
    .myqa .bannercontainer td.bannererror span {
        font-family: 'Figtree',Arial,sans-serif !important;
        color: #c20000 !important;
        font-size: 18px !important;
        margin-bottom: 18px;
        display: block;
    }
    .myqa .bannercontainer td.banner span {
        font-family: 'Figtree',Arial,sans-serif !important;
        color: #303030 !important;
        font-size: 18px !important;
        margin-bottom: 18px;
        display: block;
    }
.myqa .event-checklist-page .tabs ul li a {
  padding: 0.75rem 1rem;
}
.myqa .event-checklist-page .form-horizontal.form-wider .control-label {
  width: 66%;
  text-align: left;
  font-weight: normal;
}
.myqa .event-checklist-page .form-horizontal.form-wider .controls {
  clear: none;
  margin-left: 67%;
  width: 33%;
}
.myqa .event-checklist-page .form-horizontal.form-wider .controls label.checkbox {
  width: 33%;
}
.myqa .event-checklist-page .form-horizontal .control-label.wide {
  width: 100%;
  text-align: left;
}
.myqa .event-checklist-page a.error,
.myqa .event-checklist-page a.ok,
.myqa .event-checklist-page a.okOrange {
  background-position: 5px 20px !important;
  background-repeat: no-repeat !important;
  padding-left: 25px !important;
}
.myqa .event-checklist-page a.error {
  background-image: url("/images/myqa/error_icon_small.png") !important;
}
.myqa .event-checklist-page a.ok {
  background-image: url("/images/myqa/Tick.png") !important;
}
.myqa .event-checklist-page a.okOrange {
  background-image: url("/images/myqa/TickOrange.png") !important;
}
@media all {
    .myqa .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10001;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0);
    }
  .myqa .featherlight .panel {
    margin-bottom: 0;
  }
/*  .myqa .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }*/

    .myqa .featherlight[style*="display: block"] {
        background: rgba(0, 0, 0, 0.8);
    }
  .myqa .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .myqa .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: transparent;
    cursor: auto;
    white-space: normal;
  }
  .myqa .featherlight .featherlight-inner {
    display: block;
  }
  .myqa .featherlight .featherlight-inner .card.error .pagetitle-wrapper .pagetitle-header .pagetitle-header-content {
    color: black;
  }
  .myqa .featherlight .featherlight-close-icon {
    display: none;
  }
  .myqa .featherlight .featherlight-image {
    width: 100%;
  }
  .myqa .featherlight iframe {
    border: 0;
  }
  .myqa .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .myqa .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
.myqa .panel .panel-heading a {
  color: #FFF;
}
.myqa .panel .panel-heading a:hover {
  color: #FFF;
}
.myqa .panel .panel-heading a:hover {
  color: #FFF;
}
.myqa .panel .panel-heading a:active {
  color: #FFF;
}
.myqa .panel-style-a .panel-heading {
  background-color: #578a27;
}
.myqa .panel-style-b .panel-heading {
  background-color: #860700;
}
.myqa .panel-style-c .panel-heading {
  background-color: #6a1d7d;
}
.myqa .panel-style-d .panel-heading {
  background-color: #f5ac00;
}
.myqa .tabs.tabs-style-a a {
  background: #578a27;
  border-color: #578a27;
}
.myqa .tabs.tabs-style-a a.active,
.myqa .tabs.tabs-style-a a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-a a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-b a {
  background: #860700;
  border-color: #860700;
}
.myqa .tabs.tabs-style-b a.active,
.myqa .tabs.tabs-style-b a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-b a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-c a {
  background: #6a1d7d;
  border-color: #6a1d7d;
}
.myqa .tabs.tabs-style-c a.active,
.myqa .tabs.tabs-style-c a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-c a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-d a {
  background: #f5ac00;
  border-color: #f5ac00;
}
.myqa .tabs.tabs-style-d a.active,
.myqa .tabs.tabs-style-d a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-d a.active {
  font-weight: 700;
}
.myqa .list-tree {
  margin: 0;
  font-size: 16px;
}
.myqa .list-tree .tree-folder-text {
  margin-left: 5px;
}
.myqa .list-tree img {
  float: left;
  margin-top: 6px;
}
.myqa .list-tree a {
  text-decoration: none;
}
.myqa .list-tree .tree-folder {
  list-style: none;
  margin: 6px 0;
}
.myqa .list-tree .tree-folder > .open {
  display: inline;
}
.myqa .list-tree .tree-folder > .close {
  display: none;
}
.myqa .list-tree .tree-folder:before {
  display: none;
}
.myqa .list-tree .tree-folder.in > .open {
  display: none;
}
.myqa .list-tree .tree-folder.in > .close {
  display: inline;
}
.myqa .list-tree .tree-folder.in > ul > .tree-folder {
  display: block;
}
.myqa .list-tree .tree-folder ul {
  margin-top: 0;
}
.myqa .list-tree .tree-folder .tree-folder {
  display: none;
}
.myqa .list-tree .tree-folder input,
.myqa .list-tree .tree-folder checkbox {
  float: left;
  margin: 5px;
}
.myqa .myqa-btn-style-a {
/*    //border: 2px solid #080C10;*/
    background-color: #080C10;
}

    .myqa .myqa-btn-style-a:hover,
    .myqa .myqa-btn-style-a:focus {
        box-shadow: none;
        background-color: #485A6E;
    }

.myqa .myqa-btn-style-b, .myqa .myqa-btn-style-b:visited {
    border: 2px solid #080C10;
    background-color: #fff;
    color: #080C10 !important;
}
    .myqa .myqa-btn-style-b:hover,
    .myqa .myqa-btn-style-b:focus {
        box-shadow: none;
        background-color: #E5E8EB;
    }

.myqa .password-strength-box {
  display: block;
  clear: both;
  text-align: right;
}
.myqa .password-strength-message {
  font-weight: 700;
  font-size: 14px;
  color: #B9B9B9;
}
.myqa .password-strength-indicator-bar {
  width: 0;
  height: 100%;
}
.myqa .password-strength-a .password-strength-message {
  color: #c20000;
}
.myqa .password-strength-a .password-strength-indicator-bar {
  background: #c20000;
  width: 25%;
}
.myqa .password-strength-b .password-strength-message {
  color: #f5ac00;
}
.myqa .password-strength-b .password-strength-indicator-bar {
  background: #f5ac00;
  width: 50%;
}
.myqa .password-strength-c .password-strength-message {
  color: #4792CF;
}
.myqa .password-strength-c .password-strength-indicator-bar {
  background: #4792CF;
  width: 75%;
}
.myqa .password-strength-d .password-strength-message {
  color: #578a27;
}
.myqa .password-strength-d .password-strength-indicator-bar {
  background: #578a27;
  width: 100%;
}
.myqa .password-strength-indicator-box {
  height: 6px;
  widht: 100%;
  background: #F7F7F7;
}
.myqa .color-block-container {
  width: 100%;
}
.myqa .color-block-container h4,
.myqa .color-block-container p {
  margin: 0;
  padding: 0.9375rem;
}
.myqa .color-block-container .color-block.color-block-style-a {
  background-color: #4792CF;
}
.myqa .color-block-container .color-block.color-block-style-b {
  background-color: #005BAB;
}
.myqa .color-block-container .color-block.color-block-style-c {
  background-color: #003C70;
}
.myqa .color-block-container .color-block.color-block-style-d {
  background-color: #303030;
}
.myqa .color-block-container .color-block.color-block-style-e {
  background-color: #666;
}
.myqa .color-block-container .color-block.color-block-style-f {
  background-color: #D7D7D7;
}
.myqa .color-block-container .color-block.color-block-style-g {
  background-color: #F7F7F7;
}
.myqa .color-block-container .color-block.color-block-style-h {
  background-color: #F3F3F3;
}
.myqa .color-block-container .color-block.color-block-style-i {
  background-color: #578a27;
}
.myqa .color-block-container .color-block.color-block-style-j {
  background-color: #860700;
}
.myqa .color-block-container .color-block.color-block-style-k {
  background-color: #6a1d7d;
}
.myqa .color-block-container .color-block.color-block-style-l {
  background-color: #f5ac00;
}
.myqa .color-block-container .color-block.color-block-style-m {
  background-color: #e5e5e5;
}
.myqa .color-block-container .color-block.color-block-style-n {
  background-color: #fafafa;
}
.myqa .border-bottom-example {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.myqa hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
}
.qa-card {
  border: 1px solid #c2d8eb;
  background-color: #f2f6fa;
  position: relative;
}
.qa-card:before {
  content: '';
  height: 20px;
  position: absolute;
  background-color: #dae9f5;
  top: 0;
  left: 0;
  right: 0;
}
.qa-card .qa-card-link {
  padding: 14px 18px 14px 30px;
  display: inline-block;
  background-color: #005BAB;
  color: #fff;
  text-decoration: none;
  position: relative;
  left: -1px;
  bottom: -1px;
  transition: background-color 0.4s;
  font-size: 14px;
  position: absolute;
}
.qa-card .qa-card-link:hover,
.qa-card .qa-card-link:focus {
  background-color: #003C70;
}
.qa-card .qa-card-link:hover:before,
.qa-card .qa-card-link:focus:before {
  left: 13px;
}
.qa-card .qa-card-link:before {
  font-family: 'qa-icons';
  content: '\e600';
  color: #6faada;
  position: absolute;
  left: 10px;
  transition: left 0.4s;
}
.qa-card .qa-card-body {
  padding: 40px 30px 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.qa-card .qa-card-body p {
  color: #005BAB;
}
.qa-card .qa-card-title {
  margin-top: inherit;
  margin-bottom: inherit;
  font-size: 26px;
  color: #005BAB;
  font-weight: 600;
  line-height: 36px;
}
.qa-card .icon {
  color: #005BAB;
  font-size: 48px;
  margin-right: 36px;
  margin-top: 18px;
}
.qa-card .qa-card-icon {
  margin-right: 36px;
  max-width: 46px;
  object-fit: cover;
}
@media (min-width: 48.0625em) {
  .l-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.l-grid > .qa-card {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 48.0625em) {
  .l-grid > .qa-card {
    width: calc(49%);
    margin-right: 1%;
  }
  .l-grid > .qa-card:nth-child(2n+2) {
    margin-right: inherit;
  }
}
.homepage-promocard-latest-news {
  height: auto;
  padding-bottom: 20px;
}
.homepage-promocard-latest-news li {
  text-align: left;
}
.homepage-promocard-latest-news li .published {
  color: #303030;
  display: block;
  font-size: 14px;
}
.homepage-promoblock {
  background: #FFF;
  border: 0;
  box-shadow: 1px 1px 2px #D7D7D7;
  color: #303030;
  padding: 0;
}
.homepage-promoblock:after {
  clear: both;
  content: '';
  display: table;
}
.homepage-promoblock .published {
  display: block;
  margin-bottom: 18px;
}
.homepage-promoblock-media-container > img {
  height: 100%;
  width: 100%;
}
@media (max-width: 48.0625em) {
  .csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .homepage-promoblock-media-container:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
  .csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .homepage-promoblock-media-container:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
}
@media (min-width: 48.0625em) {
  .homepage-promoblock-media-container {
    float: right;
    width: 40%;
  }
  .csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .homepage-promoblock-media-container:after {
    content: '';
    height: 105%;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    top: 0;
    right: 70%;
    transform: skewX(12deg);
  }
  .ie9.csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .ie9.csstransforms .homepage-promoblock-media-container:after {
    display: none;
  }
  .csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .homepage-promoblock-media-container:after {
    content: '';
    height: 105%;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    top: 0;
    right: 70%;
    transform: skewX(12deg);
  }
  .ie9.csstransforms .homepage-promoblock-media-container {
    overflow: hidden;
    position: relative;
  }
  .ie9.csstransforms .homepage-promoblock-media-container:after {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .homepage-promoblock-media-container:after {
    display: none;
  }
}
.ie11 .homepage-promoblock-media-container:after,
.ie10 .homepage-promoblock-media-container:after .ie9 .homepage-promoblock-media-container:after,
.ie8 .homepage-promoblock-media-container:after,
.lt-ie10 .homepage-promoblock-media-container:after {
  display: none !important;
}
.homepage-promoblock-body-content {
  font-size: 16px;
  padding: 0 25px 25px;
  text-align: left;
}
@media (min-width: 48.0625em) {
  .homepage-promoblock-body-content {
    float: left;
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
    width: 60%;
  }
}
.homepage-promoblock-header {
  color: #005BAB;
}
.homepage-promoblock-header h1 {
  font-size: 24px;
  text-align: left;
}
@media (max-width: 48.0625em) {
  .page-search .tabs-header {
    background: #F7F7F7;
    color: #303030;
    padding: 0 12px 18px;
    text-align: left;
    padding-left: 22px;
    padding-right: 22px;
  }
}
.search-sidebar {
  font-size: 14px;
}
.search-sidebar label {
  font-size: 14px;
}
.search-sidebar .control-group {
  padding: 0;
}
.search-sidebar .checkbox {
  margin: 0;
}
.search-sidebar-header:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .search-sidebar-header {
    padding: 6px 12px 12px;
  }
}
.search-tabs-heading {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  .search-tabs-heading {
    display: none;
  }
}
.search-sidebar-heading {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 48.0625em) {
  .search-sidebar-heading {
    background: #F3F3F3;
    border-bottom: 1px solid #D7D7D7;
    padding: 12px;
  }
}
@media (min-width: 48.0625em) {
  .search-sidebar-heading {
    float: left;
  }
  .search-sidebar-heading a {
    color: #303030;
    cursor: text;
    pointer-events: none;
  }
  .search-sidebar-heading .opened-text,
  .search-sidebar-heading .opened-text:after,
  .search-sidebar-heading .closed-text:after {
    display: none;
  }
}
h1.search-sidebar-heading {
  display: none;
}
@media (min-width: 48.0625em) {
  h1.search-sidebar-heading {
    display: block;
  }
}
h1.search-sidebar-heading.accordion-handle {
  display: block;
}
@media (min-width: 48.0625em) {
  h1.search-sidebar-heading.accordion-handle {
    display: none;
  }
}
@media (max-width: 48.0625em) {
  .search-sidebar-reset {
    background: #F7F7F7;
    display: block;
    padding: 12px;
  }
}
@media (min-width: 48.0625em) {
  .search-sidebar-reset {
    float: right;
  }
}
.search-sidebar-inner {
  background: #F7F7F7;
  color: #303030;
  padding: 0 12px 18px;
  text-align: left;
}
.search-sidebar-options {
  border-bottom: 1px solid #D7D7D7;
  padding: 12px 0;
}
@media (max-width: 48.0625em) {
  .search-sidebar-options:first-of-type {
    border-top: 1px solid #D7D7D7;
  }
}
.search-sidebar-options:last-of-type {
  border: 0;
}
.search-sidebar-options h1 {
  margin-top: 0;
  text-align: left;
}
.search-sidebar-show-all {
  font-size: 14px;
}
.search-sidebar-show-all:visited {
  color: #005BAB !important;
}
.search-sidebar-show-all .closed-text {
  font-size: 14px;
}
.search-sidebar-show-all .closed-text:after {
  font-family: 'qa-icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0d7';
  display: inline-block;
  padding-left: 6px;
}
.search-sidebar-show-all .opened-text {
  font-size: 14px;
}
.search-sidebar-show-all .opened-text:after {
  font-family: 'qa-icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0d8';
  display: inline-block;
  padding-left: 6px;
}
.search-results a {
  color: #005BAB;
  font-weight: 700;
  text-decoration: none;
}
.search-results a:hover,
.search-results a:focus,
.search-results a:active,
.search-results a:visited {
  color: #005BAB;
  text-decoration: underline;
}
.search-results a.btn:active {
  text-decoration: none;
}
.search-results .listitem .course-details-container {
  margin-bottom: 0;
  padding: 12px 0;
}
.search-results-heading {
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px 0 12px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .search-results-heading {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 12px;
    padding: 6px 0 18px;
    text-align: left;
  }
}
.listitem + .search-results-heading {
  border: none;
}
.search-results-promoted {
  background: #F2F7FC;
  margin-bottom: 36px;
  padding: 6px 12px 12px;
}
.search-results-general .search-results-heading {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 400;
}
.featured-page-typeahead-image {
  height: 90px !important;
  background-position: center;
  margin: 0px;
  background-size: cover;
}
.select2-results li.select2-result-with-children > .select2-result-label,
.featured-page-title {
  color: #666;
  padding: 25px 0px 10px 0px;
  border-bottom: solid 1px #005BAB;
  font-weight: normal;
}
.featured-page-header {
  font-weight: bold;
}
.select2-chosen {
  text-align: left;
}
.bigdrop .select2-results {
  max-height: 350px;
}
.business-solutions-diagram,
.scroll-to-nav {
  display: none;
}
@media (min-width: 48.0625em) {
  .business-solutions-diagram,
  .scroll-to-nav {
    display: block;
  }
}
@media (min-width: 48.0625em) {
  .page-course-booking .tab-section-body {
    padding-top: 30px;
  }
}
.page-course-booking .course-booking-header {
  margin-top: 12px;
  text-align: center;
}
.page-course-booking .course-booking-header:first-child {
  margin-top: 0;
}
.pagetitle-header.booking-banner {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
}
@media (min-width: 75em) {
  .pagetitle-header.booking-banner h2.pagetitle-title {
    font-size: 34px;
    line-height: 57px;
  }
}
.pagetitle-header.booking-banner .pagetitle-subtitle {
  font-weight: 400;
}
.course-booking-course-details {
  margin: 0;
  text-align: center;
  font-size: 13px;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 30em) {
  .course-booking-course-details {
    font-size: 14px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media (min-width: 48.0625em) {
  .course-booking-course-details {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
.course-booking-course-details a {
  color: #005BAB;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
.course-booking-course-details a:hover,
.course-booking-course-details a:focus,
.course-booking-course-details a:active,
.course-booking-course-details a:visited {
  color: #005BAB;
  text-decoration: underline;
}
.course-booking-course-details a.btn:active {
  text-decoration: none;
}
@media (min-width: 30em) {
  .course-booking-course-details a {
    font-size: 16px;
  }
}
/* ******************** */
/* LEGACY BOOKING STYLES*/
/* ******************** */
.location-details-container-legacy {
  padding-right: 12px;
  padding-left: 12px;
}
.location-details-container-legacy:after {
  clear: both;
  content: '';
  display: table;
}
@media (max-width: 48.0625em) {
  .location-details-container-legacy {
    text-align: center;
  }
  .location-details-container-legacy ul,
  .location-details-container-legacy ol {
    text-align: center;
  }
}
.location-details-legacy {
  border-bottom: 1px solid #D7D7D7;
  padding: 12px 0;
}
.location-details-legacy:after {
  clear: both;
  content: '';
  display: table;
}
.location-details-legacy .accordion-content {
  font-size: 14px;
  padding-top: 6px;
}
.location-details-header-legacy {
  display: inline-block;
}
@media (min-width: 48.0625em) {
  .location-details-header-legacy {
    width: 40%;
  }
}
.location-details-body-legacy {
  font-size: 14px;
}
@media (min-width: 48.0625em) {
  .location-details-body-legacy {
    display: inline-block;
  }
}
@media (min-width: 48.0625em) {
  .location-details-cta-legacy {
    display: inline-block;
    float: right;
  }
}
.location-details-cta-legacy span {
  font-weight: 400;
}
@media (max-width: 48.0625em) {
  .location-details-cta-legacy .btn {
    margin: 12px auto 0;
  }
}
/* ************************* */
/* END LEGACY BOOKING STYLES */
/* ************************* */
.location-details-container {
  padding-right: 12px;
  padding-left: 12px;
}
.location-details-container:after {
  clear: both;
  content: '';
  display: table;
}
@media (max-width: 48.0625em) {
  .location-details-container {
    text-align: center;
  }
  .location-details-container ul,
  .location-details-container ol {
    text-align: center;
  }
}
.location-details-container:nth-of-type(even) {
  background-color: #F3F3F3;
  border-bottom: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
  margin-top: 0px;
}
.location-details-container-heading {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
  margin: 0;
  padding: 0 8.4px 3px;
}
.location-details-container-heading.booking {
  color: #005baa;
  font-size: 24px;
  font-weight: 700;
}
.location-details {
  padding: 8.4px;
}
.location-details:after {
  clear: both;
  content: '';
  display: table;
}
.location-details .accordion-content {
  font-size: 14px;
  padding-top: 6px;
  margin-left: 0 !important;
}
.location-details .accordion-content li {
  font-size: 12.6px;
  line-height: 12px;
}
.location-details > * + * {
  margin-top: 0.4rem;
}
.location-details-header {
  display: inline-block;
}
.location-details-header h5 {
  margin: 0;
  line-height: 1rem !important;
}
.location-details-header h5 + h5 {
  margin-top: 0.8rem;
}
.location-details-header a,
.location-details-header span {
  font-size: 14px;
  line-height: 1.2rem !important;
  margin-top: 0.15rem !important;
  display: block;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.location-details-header a {
  color: #303030;
}
.location-details-header span {
  color: #005BAB;
}
.location-details-header .location-details-link {
  font-size: 12.5px;
}
.location-details-body {
  font-size: .75rem;
  color: #005BAB;
  padding: .155rem;
  font-weight: 600;
  /*height:41px;*/
}
.location-details-body .availability-icon {
  display: inline-block;
  vertical-align: top;
  line-height: 2.6;
}
@media (max-width: 48.0625em) {
  .location-details-body .availability-icon.hidden-xs {
    display: none !important;
  }
}
.location-details-body .availability-text {
  line-height: 0.9rem;
  display: inline-block;
  width: 89%;
  padding-top: 0.125rem;
  padding-right: .12rem;
  padding-left: .12rem;
}
@media (min-width: 48.0625em) {
  .location-details-body .availability-text .icon-availability.shown-xs {
    display: none !important;
  }
}
.location-details-body .availability-text.availability-text-bold {
  font-weight: 700;
}
.location-details-body .availability-text .availability-space {
  font-weight: 700;
  font-size: inherit;
}
.location-details-body .availability-text-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.location-details-cta span {
  /*font-weight: @font-weight-regular;*/
}
@media (max-width: 48.0625em) {
  .location-details-cta .btn {
    margin: 12px auto 0;
  }
}
.location-details-cta-offer {
  color: #4792CF;
  font-weight: 700;
  margin-top: 12px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .location-details-cta-offer {
    margin-bottom: 0;
  }
}
.location-details-cta .btn {
  padding: 9px 15px;
  text-align: center;
}
.icon-availability {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #B9B9B9;
  display: inline-block;
}
.icons {
  display: inline-block;
  height: 16px;
  width: 13px;
  background-repeat: no-repeat;
  margin-right: 3px;
}
.icons.icons-marker {
  background-image: url("../images/location-icon.png");
}
.icons.icons-home {
  background-image: url("../images/home-icon.png");
}
.availability-style-a {
  background: #ff0000;
}
.availability-style-b {
  background: #f39200;
}
.availability-style-c {
  background: #659830;
}
.accordion-session-date {
  font-size: 14px;
  margin: 0;
}
.accordion-session-date a {
  display: inline;
}
.accordion-session-date .icon {
  position: static;
}
.accordion-session-date-b {
  font-size: 12.6px;
  margin: 0;
}
.accordion-session-date-b a {
  display: inline;
  font-size: 12.6px;
}
.accordion-session-date-b .icon {
  position: static;
}
.schedule {
  margin-bottom: 6px;
  margin-top: 6px;
}
.schedule .schedule-toggle,
.schedule li {
  font-size: 10px;
  line-height: 1;
  color: #303030;
}
.schedule .schedule-toggle {
  cursor: pointer;
  position: relative;
  padding-right: 18px;
}
.schedule .schedule-toggle:after {
  font-family: 'qa-icons';
  content: '\f078';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease-out;
  padding-left: 3px;
  position: absolute;
  top: 1px;
  right: 0;
}
.schedule li:before {
  display: none;
}
.schedule .schedule-info {
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.schedule .schedule-info ul {
  list-style-type: none;
  margin-left: inherit;
  display: none;
}
.schedule .schedule-info ul li {
  list-style-type: none;
  position: relative;
}
.schedule .schedule-info ul li i.icons {
  position: absolute;
  top: 0;
  left: 0;
}
.schedule .schedule-info ul li span {
  display: inline-block;
  padding-left: 18px;
}
.schedule .schedule-info ul li span:first-of-type {
  font-weight: bold;
  padding-bottom: 2px;
}
.schedule .schedule-check {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
.schedule .schedule-check:checked ~ .schedule-info {
  max-height: 20em;
  opacity: 1;
}
.schedule .schedule-check:checked ~ .schedule-info ul {
  display: block;
}
.schedule .schedule-check:checked ~ .schedule-toggle:after {
  transform: rotate(-180deg);
}
.course-detail-contact {
  padding-bottom: 60px;
  text-align: center;
}
.course-detail-contact .img-centered {
  margin-bottom: 18px;
}
.course-detail-contact-lower {
  color: #303030;
  font-size: 24px;
  margin: 0;
}
.course-detail-contact-lower span,
.course-detail-contact-lower strong {
  font-size: 24px;
}
.course-detail-image-banner.pagetitle-image .pagetitle-title {
  font-size: 42px;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 60px;
}
@media (max-width: 48.0625em) {
  .contact-us-further-details {
    padding: 18px 0 0;
  }
}
@media (min-width: 48.0625em) {
  .contact-us-further-details {
    margin-left: 120px;
    text-align: center;
    width: 250px;
  }
  .contact-us-further-details .contact-us-further-details-inner {
    display: inline-block;
    padding-top: 30px;
    text-align: left;
  }
}
.contact-us-further-details p {
  margin: 0;
}
.contact-us-further-details a {
  color: #FFF;
}
.contact-us-further-details a:hover,
.contact-us-further-details a:focus,
.contact-us-further-details a:active,
.contact-us-further-details a:visited {
  color: #FFF;
  text-decoration: underline;
}
.contact-us-further-details a.btn:active {
  text-decoration: none;
}
@media (min-width: 37.5em) {
  .contact-us-utility-bar .search-form,
  .contact-us-utility-bar .bar-sub-header,
  .contact-us-utility-bar .toggle-utility-bar {
    float: right;
  }
}
.contact-us-utility-bar .search-form:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 37.5em) {
  .contact-us-utility-bar .search-form {
    width: 50%;
  }
}
.contact-us-utility-bar .search-input-container {
  float: left;
  width: 80%;
}
@media (min-width: 30em) {
  .contact-us-utility-bar .search-input-container {
    width: 85%;
  }
}
@media (min-width: 37.5em) {
}
.contact-us-utility-bar .search-button-container {
  float: right;
  width: 20%;
}
@media (min-width: 30em) {
  .contact-us-utility-bar .search-button-container {
    width: 15%;
  }
}
.contact-us-utility-bar .search-button {
  line-height: 1.95rem;
  min-height: 16px;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .contact-us-utility-bar .search-button {
    height: 42px;
    line-height: 2rem;
  }
}
.contact-us-utility-bar .search-button .icon {
  margin: 0;
}
.ie8 .contact-us-utility-bar .search-button {
  line-height: 38px;
}
.contact-us-utility-bar .bar-sub-header {
    color: #303030;
    text-align: center;
    font-family: 'Figtree',Arial,sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 2.6rem;
    margin: 18px 0;
}
@media (min-width: 37.5em) {
  .contact-us-utility-bar .bar-sub-header {
    margin: 0;
    width: 16.66%;
  }
}
.contact-us-utility-bar .toggle-utility-bar {
  min-height: 39px;
}
@media (min-width: 37.5em) {
  .contact-us-utility-bar .toggle-utility-bar {
    min-height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 33.33%;
  }
}
.contact-us-utility-bar .toggle-utility-bar .icon {
  margin-left: .5rem;
}
.utility-bar-open .contact-us-utility-bar .toggle-utility-bar .closed-text {
  display: none;
}
.utility-bar-open .contact-us-utility-bar .toggle-utility-bar .opened-text {
  display: inline-block;
}
.ie8 .contact-us-utility-bar .toggle-utility-bar {
  padding-right: 0;
  padding-left: 0;
}
.contact-us-utility-bar .bar-header {
  color: #FFF;
  text-align: center;
}
.contact-us-utility-bar.bar-upper {
  margin-bottom: 0;
  padding-bottom: 100px;
}
@media (max-width: 37.5em) {
  .contact-us-utility-bar.bar-upper {
    text-align: center;
  }
}
.contact-us-utility-bar.bar-upper:before,
.contact-us-utility-bar.bar-upper:after {
  background: #4792CF;
  display: none;
}
.utility-bar-open .contact-us-utility-bar.bar-upper:before,
.utility-bar-open .contact-us-utility-bar.bar-upper:after {
  display: block;
}
.contact-us-utility-bar.bar-lower {
  display: none;
}
.utility-bar-open .contact-us-utility-bar.bar-lower {
  display: block;
}
.contact-us-form-section:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .contact-us-form-section {
    margin: 30px auto;
  }
  .contact-us-form-section .contact-us-form {
    float: left;
    width: 50%;
  }
  .contact-us-form-section .contact-us-further-details {
    float: left;
  }
}
@media (min-width: 48.0625em) {
  .contact-us-utility-bar-inner {
    margin: 0 auto;
    width: 66.66%;
  }
}
.blog-search-form:after {
  clear: both;
  content: '';
  display: table;
}
.blog-search-form-container {
  float: left;
  margin-right: -50px;
  width: 100%;
}
.blog-search-input-container {
  margin-right: 50px;
}
.blog-search-input {
  margin-bottom: 0;
}
.blog-search-button-container {
  float: right;
  width: 50px;
}
.blog-search-button-container .btn.blog-search-button {
  height: 36px;
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .blog-search-button-container .btn.blog-search-button {
    height: 42px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.blog-search-button-container .icon {
  font-size: 1rem;
}
.blog-search-suggestions {
  display: block;
  font-size: 16px;
  margin: 0;
  padding-top: 24px;
  text-align: center;
}
.container-landing h1,
.container-landing h2,
.container-landing h3,
.container-landing h4 {
  margin: 0;
  padding: 0;
}
.container-landing h1 a,
.container-landing h2 a,
.container-landing h3 a,
.container-landing h4 a {
  font-size: 1em;
}
.container-landing .text-center {
  text-align: center;
}
.container-landing .layout2 {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px;
}
.container-landing .layout2:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 61.25em) {
  .container-landing .layout2 {
    padding: initial;
  }
}
.container-landing .std-layout {
  padding-top: 42px;
  padding-bottom: 24px;
}
.container-landing .l-contact-box header p {
  font-size: 18px;
  margin-bottom: 0;
  background-color: #FFF;
  padding: 18px 22px;
  margin-bottom: 6px;
}
@media (min-width: 61.25em) {
  .container-landing .l-contact-box {
    padding-left: 60px;
  }
}
.container-landing h1,
.container-landing .h1 {
  font-size: 30px;
  line-height: 40px;
  color: #FFF;
  margin-bottom: 38px;
}
@media (min-width: 37.5em) {
  .container-landing h1,
  .container-landing .h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.container-landing h2,
.container-landing .h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.container-landing h2.light,
.container-landing .h2.light,
.container-landing h2 .light,
.container-landing .h2 .light {
  color: #FFF;
}
.container-landing h3,
.container-landing .h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.container-landing h4,
.container-landing .h4 {
  font-size: 20px;
  margin-bottom: 30px;
}
.container-landing hr {
  border: none;
  height: 1px;
  background-color: #b7b7b7;
  margin: 30px 0;
}
@media (min-width: 61.25em) {
  .container-landing hr {
    margin: 30px -30px;
  }
}
.container-landing .main-banner-skin {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.container-landing .main-banner-skin:before {
  content: "";
  position: absolute;
  opacity: 0.2;
  height: 68px;
  top: 0;
  left: 0;
  right: 0;
}
.container-landing .light-banner-skin {
  background: #ffffff;
  /* Old browsers */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 88%, #fefefe 90%, #f4f4f4 95%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
}
.container-landing .brand-banner-skin {
  background-color: #005BAB;
}
.container-landing .top-shadow {
  box-shadow: inset 0px 40px 20px 0px rgba(0, 0, 0, 0.1);
}
.container-landing .section-pointer:after {
  position: absolute;
  bottom: 0;
  width: 36px;
  height: 40px;
  background-color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 8px 6px;
}
.container-landing [class^="icons-"],
.container-landing [class*=" icons-"] {
  line-height: 1;
  text-align: initial;
  display: inline-block;
}
.container-landing [class^="icons-"]:before,
.container-landing [class*=" icons-"]:before {
  content: "";
  height: 40px;
  width: 30px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  background-repeat: no-repeat;
}
.container-landing [class^="icons-"].icons-mail:before,
.container-landing [class*=" icons-"].icons-mail:before {
  background-image: url("/images/css/icon-mail.png");
}
.container-landing [class^="icons-"].icons-call:before,
.container-landing [class*=" icons-"].icons-call:before {
  background-image: url("/images/css/icon-call.png");
}
.container-landing .landing-logo {
  position: relative;
  z-index: 9;
  padding-top: 14px;
  max-width: 59px;
}
.container-landing .main-banner {
  padding-top: 64px;
  padding-bottom: 32px;
  overflow: hidden;
}
.container-landing .main-banner:after {
  clear: both;
  content: '';
  display: table;
}
.container-landing .main-banner .l-btn-primary {
  font-weight: bold;
}
.container-landing .list-arrow {
  list-style: none;
  margin-bottom: 48px;
}
.container-landing .list-arrow li {
  color: #FFF;
  list-style: none;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 24px;
  padding-left: 20px;
}
.container-landing .list-arrow li:before {
  content: "";
  background-image: url("/images/css/list-arrow.png");
  background-repeat: no-repeat;
  width: 27px;
  height: 22px;
}
.container-landing .top-content p {
  font-size: 20px;
  color: #FFF;
}
.container-landing .box-skin {
  background-color: #FFF;
  padding: 18px 22px;
  margin-bottom: 6px;
}
.container-landing .box-skin textarea {
  height: 110px;
}
.container-landing .box-skin .l-btn {
  margin-top: 10px;
}
.container-landing .box-skin .h3 {
  margin-bottom: 12px;
}
.container-landing label {
  font-size: 20px;
}
.container-landing input,
.container-landing textarea {
  border: none;
  box-shadow: none;
  height: initial;
  padding: 2px 6px;
}
.container-landing .control-row {
  margin-bottom: 10px;
}
.container-landing .control-row:after {
  clear: both;
  content: '';
  display: table;
}
.container-landing .l-btn {
  padding: 12px 14px;
  border: none;
  transition: background-color 1s;
}
.container-landing .l-btn.l-btn-primary {
  color: #FFF;
  width: 100%;
  background-color: #005BAB;
  font-size: 20px;
}
.container-landing .l-btn.l-btn-primary:hover,
.container-landing .l-btn.l-btn-primary:focus {
  background-color: #4792CF;
}
@media (min-width: 61.25em) {
  .container-landing .filter-header,
  .container-landing .video-section {
    width: 78%;
    margin: auto;
  }
}
.container-landing .filter-header:after {
  clear: both;
  content: '';
  display: table;
}
.container-landing .filter-header a {
  display: block;
  text-decoration: none;
  color: #303030;
  opacity: 0.4;
  transition: opacity 1s;
}
.container-landing .filter-header a.selected,
.container-landing .filter-header a:hover,
.container-landing .filter-header a:focus {
  opacity: 1;
}
.container-landing .filter-header .tab-title p {
  font-size: 14px;
  line-height: 18px;
}
.container-landing .filter-header .tab-title .tab-media {
  min-height: 90px;
}
.container-landing .filter-items {
  background-color: #FFF;
  padding: 12px 12px 6px 12px;
  opacity: 0.4;
  display: block;
  text-decoration: none;
  transition: box-shadow 1s;
}
.container-landing .filter-items.selected {
  opacity: 1;
}
.container-landing .filter-items p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 12px;
}
.container-landing .filter-items h4 {
  margin-bottom: 12px;
}
.container-landing .filter-items .details {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.container-landing .filter-items:hover,
.container-landing .filter-items:focus {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.container-landing .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}
.container-landing .video-container iframe,
.container-landing .video-container object,
.container-landing .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container-landing .info a {
  color: #FFF;
}
.container-landing .info a:hover,
.container-landing .info a:focus {
  opacity: 0.8;
}
.container-landing .info .info-logo {
  margin-bottom: 24px;
}
@media (min-width: 61.25em) {
  .container-landing .info .info-logo {
    margin-bottom: initial;
  }
}
.container-landing .info h2.light,
.container-landing .info .h2.light,
.container-landing .info h2 .light,
.container-landing .info .h2 .light {
  color: #FFF;
}
.container-landing.bright-theme .main-banner-skin {
  background-image: url("/images/css/landing-top-bg.jpg");
  background-color: #f08300;
}
.container-landing.bright-theme .main-banner-skin:before {
  background-color: #f08300;
}
.container-landing.bright-theme label {
  color: #df612c;
}
.container-landing.bright-theme input,
.container-landing.bright-theme textarea {
  background-color: #fce2c4;
}
.container-landing.bright-theme .section-pointer:after {
  background-image: url("/images/css/icon-pointer.png");
}
.container-landing.bright-theme h1.dark,
.container-landing.bright-theme .h1.dark {
  color: #df612c;
}
.container-landing.bright-theme h2,
.container-landing.bright-theme .h2 {
  color: #df612c;
}
.container-landing.bright-theme h3,
.container-landing.bright-theme .h3 {
  color: #df612c;
}
.container-landing.bright-theme h4,
.container-landing.bright-theme .h4 {
  color: #df612c;
}
.container-landing.bright-theme .dark-banner-skin {
  background: #f08300;
  /* Old browsers */
  background: linear-gradient(to bottom, #f08300 0%, #f18101 20%, #ef8203 20%, #f08304 25%, #ef7e06 37%, #ee7d07 39%, #ef7d0a 39%, #ec790f 50%, #eb7511 52%, #eb7515 55%, #e46724 76%, #e1622b 95%, #df622a 100%, #e06430 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08300', endColorstr='#e06430', GradientType=0);
}
.container-landing.bright-theme [class^="icons-"].icons-chemistry:before,
.container-landing.bright-theme [class*=" icons-"].icons-chemistry:before {
  background-image: url("/images/css/icon-chemistry.png");
}
.right {
  float: right;
}
.left {
  float: left;
}
.block-center {
  margin-right: auto;
  margin-left: auto;
}
.center {
  text-align: center;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.text-hide {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.invisible {
  visibility: hidden;
}
.no-transition,
.no-transition * {
  transition: none!important;
}
.center-elements {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.visible-a,
.visible-b,
.visible-c,
.visible-d,
.visible-e,
.visible-f {
  display: none;
}
@media (min-width: 20em) {
  .hidden-a {
    display: none;
  }
}
@media (min-width: 37.5em) {
  .hidden-c {
    display: none;
  }
}
.visible-a {
  display: block;
}
@media (min-width: 30em) {
  .visible-b {
    display: block;
  }
}
@media (min-width: 37.5em) {
  .visible-c {
    display: block;
  }
}
@media (min-width: 48.0625em) {
  .visible-d {
    display: block;
  }
}
@media (min-width: 61.25em) {
  .visible-e {
    display: block;
  }
}
@media (min-width: 75em) {
  .visible-f {
    display: block;
  }
}
#monitor_mq {
  display: block;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 20em;
}
.visible-breakpoints #monitor_mq:after {
  border-radius: 3px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  padding: 5px 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  z-index: 1000;
  content: "@break-point-a";
}
@media (min-width: 30em) {
  #monitor_mq {
    width: 480px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-b";
  }
}
@media (min-width: 37.5em) {
  #monitor_mq {
    width: 600px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-c";
  }
}
@media (min-width: 48.0625em) {
  #monitor_mq {
    width: 769px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-d";
  }
}
@media (min-width: 61.25em) {
  #monitor_mq {
    width: 980px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-e";
  }
}
@media (min-width: 75em) {
  #monitor_mq {
    width: 1200px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-f";
  }
}
@media (min-width: 87.5em) {
  #monitor_mq {
    width: 1400px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-g";
  }
}
@media (min-width: 100em) {
  #monitor_mq {
    width: 1600px;
  }
  .visible-breakpoints #monitor_mq:after {
    content: "@break-point-i +";
  }
}
.contain {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1220px;
  text-align: left;
}
@media (min-width: 75em) {
  .contain {
    padding: 0 30px;
    max-width: 1240px;
  }
}
.cta-box {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 20px 0;
  min-height: 180px;
  padding: 15px;
  position: relative;
}
.top-corner {
  color: #fff;
  display: block;
  height: 100px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.top-corner:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 85px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.top-corner p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0px 0 0 30px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  top: 10px;
  transform: rotate(40deg);
  width: 80px;
  z-index: 2;
}
.grid-left {
  float: left;
  width: 38.98305085%;
}
.grid-right {
  float: left;
  width: 61.01694915%;
}
.tc-container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1220px;
  text-align: left;
}
@media (min-width: 75em) {
  .tc-container {
    padding: 0 30px;
    max-width: 1240px;
  }
}
.tc-container:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 30em) {
  .tc-container--sm .tc-container__left {
    float: left;
    width: 38.98305085%;
  }
  .tc-container--sm .tc-container__right {
    float: left;
    width: 61.01694915%;
  }
}
@media (min-width: 48.0625em) {
  .tc-container--md .tc-container__left {
    float: left;
    width: 38.98305085%;
  }
  .tc-container--md .tc-container__right {
    float: left;
    width: 61.01694915%;
  }
}
@media (min-width: 61.25em) {
  .tc-container--lg .tc-container__left {
    float: left;
    width: 38.98305085%;
  }
  .tc-container--lg .tc-container__right {
    float: left;
    width: 61.01694915%;
  }
}
@media (min-width: 75em) {
  .tc-container--xl .tc-container__left {
    float: left;
    width: 38.98305085%;
  }
  .tc-container--xl .tc-container__right {
    float: left;
    width: 61.01694915%;
  }
}
.tc-container__fullwidth {
  clear: both;
  margin: 0 -10px;
}
.tc-container__fullwidth:after {
  clear: both;
  content: '';
  display: table;
}
.tc-content-block {
  border-bottom: 1px solid #eee;
  padding: 30px 0;
}
@media (min-width: 48.0625em) {
  .tc-content-block {
    padding: 60px 0 40px;
  }
}
.tc-content-block--alt {
  background-color: #fafafa;
}
.tc-content-block h1,
.tc-content-block h2,
.tc-content-block h3,
.tc-content-block h4,
.tc-content-block h5,
.tc-content-block h6 {
  color: #005BAB;
  font-weight: 300;
  margin: 0 0 16px;
}
.tc-content-block h1 {
  line-height: 1.2;
}
@media (min-width: 37.5em) {
  .tc-content-block h1 {
    font-size: 46px;
  }
}
.tc-content-block h6 {
  line-height: 20px;
}
.tc-content-block p {
  font-size: 14px;
  font-weight: 300;
  padding-right: 22%;
}
.tc-content-block a {
  font-size: 14px;
}
.tc-hero {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1220px;
  text-align: left;
  background: #fff no-repeat center;
  background-size: cover;
  color: #005BAB;
  min-height: 290px;
  position: relative;
}
.tc-hero--small {
  min-height: 190px;
}
.tc-hero--small:after {
  background-color: #005BAB;
  bottom: 0;
  content: '';
  height: 1px;
  left: -100%;
  position: absolute;
  right: -100%;
}
@media (min-width: 75em) {
  .tc-hero {
    padding: 0 30px;
    max-width: 1240px;
  }
}
.tc-hero__caption {
  max-width: 540px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tc-hero h1 {
  font-size: 48px;
  font-weight: 300;
  margin: 0 0 16px;
}
.tc-hero h3 {
  color: #71A13D;
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}
.tc-hero h4 {
  font-weight: 300;
  margin: 0;
}
.tc-page-navigation {
  border-top: 1px solid #003C70;
}
@media (min-width: 37.5em) {
  .tc-page-navigation {
    border-bottom: 1px solid #D7D7D7;
  }
}
.tc-page-navigation ul {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1220px;
  text-align: left;
  list-style: none;
  padding: 0;
}
@media (min-width: 75em) {
  .tc-page-navigation ul {
    padding: 0 30px;
    max-width: 1240px;
  }
}
.tc-page-navigation ul:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 37.5em) {
  .tc-page-navigation ul {
    max-height: 60px;
  }
}
.tc-page-navigation li {
  border-bottom: 1px solid #D7D7D7;
  margin: 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .tc-page-navigation li {
    border-bottom: none;
    float: left;
    width: 25%;
  }
}
.tc-page-navigation li:before {
  content: '';
}
.tc-page-navigation li a {
  color: #666;
  display: block;
  padding: 17px 10px 16px;
  position: relative;
  text-decoration: none;
}
@media (min-width: 37.5em) {
  .tc-page-navigation li a {
    display: inline-block;
  }
}
.tc-page-navigation li a:after {
  background-color: #005BAB;
  bottom: -2px;
  content: '';
  height: 2px;
  left: 100%;
  position: absolute;
  right: 100%;
  transition: all .2s linear;
}
.tc-page-navigation li a:hover:after {
  left: 0;
  right: 0;
}
.tc-page-navigation li.active a:before,
.tc-page-navigation li .has-dropdown:after {
  bottom: 6px;
  color: #005BAB;
  content: '\f078';
  font-family: 'qa-icons';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  left: 0;
  line-height: .5;
  position: absolute;
  right: 0;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tc-page-navigation li.active a:after {
  left: 0;
  right: 0;
}
.tc-page-navigation li .has-dropdown {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.tc-page-navigation li .has-dropdown:after {
  bottom: auto;
  left: auto;
  top: 50%;
}
.tc-page-navigation li .has-dropdown > a {
  padding: 17px 17px 16px;
  z-index: 1;
}
.tc-dropdown {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  font-weight: normal;
  opacity: 0;
  position: absolute;
  right: -15px;
  transform: translateY(-10px);
  transition: all .3s linear;
  width: 200px;
  z-index: 2;
  visibility: hidden;
}
.tc-dropdown--active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.tc-dropdown:before {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  content: '';
  height: 20px;
  position: absolute;
  right: 10px;
  top: -5px;
  transform: rotate(45deg);
  width: 20px;
  z-index: 1;
}
ul.tc-dropdown__tabs {
  background-color: #fff;
  padding: 0;
  position: relative;
  z-index: 2;
}
ul.tc-dropdown__tabs li {
  display: inline-block;
  float: left;
  width: 33.33333333%;
}
ul.tc-dropdown__tabs a {
  display: block;
  font-size: 10px;
  padding: 2px 0 0;
  text-transform: uppercase;
}
ul.tc-dropdown__tabs a.active {
  background-color: #005BAB;
  color: #fff;
}
ul.tc-dropdown__tabs a.active:after {
  left: 0;
  right: 0;
}
.tc-dropdown__content {
  display: none;
  padding: 15px;
  text-align: left;
}
.tc-dropdown__content--active {
  display: block;
}
.tc-dropdown__content img {
  display: block;
}
.tc-dropdown__content small {
  color: #005BAB;
  font-size: 10px;
}
.tc-dropdown__content p {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.tc-dropdown a.tc-dropdown__btn {
  border: 1px solid #005BAB;
  border-radius: 15px;
  color: #005BAB;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  line-height: 2.2;
  margin-top: 10px;
  padding: 0 15px;
  transition: all .2s linear;
}
.tc-dropdown a.tc-dropdown__btn:after {
  display: none;
}
.tc-dropdown a.tc-dropdown__btn:hover {
  background-color: #005BAB;
  color: #fff;
}
/* SELECT2 OVER-RIDES*/
.select2-container .select2-choice .select2-arrow {
  display: none;
}
.select2-container .select2-choice abbr {
  top: 14px;
  right: 14px;
}
.tc-cta__inner {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 20px 0;
  min-height: 180px;
  padding: 15px;
  position: relative;
  padding: 15px 120px 0 15px;
}
@media (min-width: 30em) {
  .tc-cta__inner {
    margin: 10px;
  }
}
@media (min-width: 61.25em) and (max-width: 75em) {
  .tc-cta__inner {
    padding: 100px 15px 0 15px;
  }
}
@media (min-width: 75em) {
  .tc-cta__inner__inner {
    margin: 20px 20px 0;
  }
}
.tc-cta--green .tc-cta__top-corner:before {
  border-color: transparent #70a339 transparent transparent;
}
.tc-cta--green .tc-cta__inner {
  border-bottom: 9px solid #70a339;
}
.tc-cta--orange .tc-cta__top-corner:before {
  border-color: transparent #f88300 transparent transparent;
}
.tc-cta--orange .tc-cta__inner {
  border-bottom: 9px solid #f88300;
}
.tc-cta--red .tc-cta__top-corner:before {
  border-color: transparent #a9103a transparent transparent;
}
.tc-cta--red .tc-cta__inner {
  border-bottom: 9px solid #a9103a;
}
.tc-cta--blue .tc-cta__top-corner:before {
  border-color: transparent #0c4583 transparent transparent;
}
.tc-cta--blue .tc-cta__inner {
  border-bottom: 9px solid #0c4583;
}
.tc-cta--purple .tc-cta__top-corner:before {
  border-color: transparent #3e1e5a transparent transparent;
}
.tc-cta--purple .tc-cta__inner {
  border-bottom: 9px solid #3e1e5a;
}
.tc-cta--dark-red .tc-cta__top-corner:before {
  border-color: transparent #831311 transparent transparent;
}
.tc-cta--dark-red .tc-cta__inner {
  border-bottom: 9px solid #831311;
}
.tc-cta--dark-blue .tc-cta__top-corner:before {
  border-color: transparent #063755 transparent transparent;
}
.tc-cta--dark-blue .tc-cta__inner {
  border-bottom: 9px solid #063755;
}
.tc-cta--light-blue .tc-cta__top-corner:before {
  border-color: transparent #5c85aa transparent transparent;
}
.tc-cta--light-blue .tc-cta__inner {
  border-bottom: 9px solid #5c85aa;
}
.tc-cta--light-purple .tc-cta__top-corner:before {
  border-color: transparent #7c5666 transparent transparent;
}
.tc-cta--light-purple .tc-cta__inner {
  border-bottom: 9px solid #7c5666;
}
.tc-cta--yellow .tc-cta__top-corner:before {
  border-color: transparent #ffd84e transparent transparent;
}
.tc-cta--yellow .tc-cta__inner {
  border-bottom: 9px solid #ffd84e;
}
.tc-cta--image .tc-cta__inner {
  box-shadow: none;
  margin-bottom: 0;
  min-height: 180px;
  padding: 0;
}
.tc-cta--image .tc-cta__inner img {
  display: block;
  margin: 0 auto;
}
.tc-cta__img {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  height: 87px;
  position: absolute;
  right: 0;
  top: 0;
  width: 103px;
}
@media (min-width: 61.25em) and (max-width: 75em) {
  .tc-cta__img {
    left: 0;
    right: auto;
  }
}
.tc-cta .tc-cta__link {
  bottom: 0;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 0 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 50%;
  width: 89px;
}
@media (min-width: 61.25em) and (max-width: 75em) {
  .tc-cta .tc-cta__link {
    top: 0;
    height: 89px;
    width: 50%;
  }
}
.tc-cta .tc-cta__link:after {
  background: #005BAB;
  border-radius: 100%;
  bottom: 10px;
  color: #fff;
  content: '\e600';
  font-family: 'qa-icons';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  height: 24px;
  left: 0;
  line-height: 2;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tc-cta p,
.tc-cta .same-height p {
  font-size: 12px;
  margin: 0 0 15px;
  line-height: 1.4;
  padding-bottom: 20px;
}
.tc-cta p a,
.tc-cta .same-height p a {
  font-size: 10px;
  font-weight: bold;
}
.tc-cta__top-corner {
  color: #fff;
  display: block;
  height: 100px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.tc-cta__top-corner:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 85px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.tc-cta__top-corner p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0px 0 0 30px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  top: 10px;
  transform: rotate(40deg);
  width: 80px;
  z-index: 2;
}
ul.tc-cta__icons {
  bottom: 0;
  position: absolute;
  right: 10px;
}
ul.tc-cta__icons li {
  display: inline-block;
  list-style: none;
  padding: 0 6px;
}
ul.tc-cta__icons img {
  display: block;
  height: 22px;
}
@media (min-width: 30em) {
  .tc-cta {
    float: left;
    width: 50%;
  }
  .tc-cta:nth-child(odd) {
    clear: both;
  }
  .tc-cta:nth-child(even) .tc-cta__inner {
    margin-left: 10px;
    margin-right: 0;
  }
}
@media (min-width: 61.25em) and (max-width: 75em) {
  .tc-cta {
    width: 25%;
  }
  .tc-cta:nth-child(n) {
    clear: none;
  }
  .tc-cta:nth-child(n) .tc-cta__inner {
    margin: 10px;
  }
}
@media (min-width: 75em) {
  .tc-cta .tc-cta__inner {
    margin-right: 20px;
  }
  .tc-cta:nth-child(even) .tc-cta__inner {
    margin-left: 20px;
  }
  .tc-cta:nth-child(n+3) .tc-cta__inner {
    margin-top: 30px;
  }
}
@media (min-width: 61.25em) {
  .tc-cta--sml {
    width: 20%;
  }
  .tc-cta--sml:nth-child(5n+1) {
    clear: both;
  }
}
.tc-cta--sml:nth-child(odd) {
  clear: none;
}
.tc-cta--sml p {
  padding: 0;
}
.tc-cta--sml .tc-cta__inner {
  margin: 0;
  min-height: auto;
  padding: 15px 15px 0;
  transition: all .2s linear;
}
@media (min-width: 30em) {
  .tc-cta--sml .tc-cta__inner {
    min-height: 150px;
  }
}
.tc-cta--sml .tc-cta__inner:hover {
  background-color: #005BAB;
}
.tc-cta--sml .tc-cta__inner:hover * {
  color: #fff;
}
.tc-cta--sml.tc-cta--active .tc-cta__inner {
  background-color: #005BAB;
}
.tc-cta--sml.tc-cta--active .tc-cta__inner * {
  color: #fff;
}
.tc-cta--green .tc-cta__top-corner:before {
  border-color: transparent #70a339 transparent transparent;
}
.tc-cta--green .tc-cta__inner {
  border-bottom: 9px solid #70a339;
}
.tc-cta--orange .tc-cta__top-corner:before {
  border-color: transparent #f88300 transparent transparent;
}
.tc-cta--orange .tc-cta__inner {
  border-bottom: 9px solid #f88300;
}
.tc-cta--red .tc-cta__top-corner:before {
  border-color: transparent #a9103a transparent transparent;
}
.tc-cta--red .tc-cta__inner {
  border-bottom: 9px solid #a9103a;
}
.tc-cta--blue .tc-cta__top-corner:before {
  border-color: transparent #0c4583 transparent transparent;
}
.tc-cta--blue .tc-cta__inner {
  border-bottom: 9px solid #0c4583;
}
.tc-cta--purple .tc-cta__top-corner:before {
  border-color: transparent #3e1e5a transparent transparent;
}
.tc-cta--purple .tc-cta__inner {
  border-bottom: 9px solid #3e1e5a;
}
.tc-cta--dark-red .tc-cta__top-corner:before {
  border-color: transparent #831311 transparent transparent;
}
.tc-cta--dark-red .tc-cta__inner {
  border-bottom: 9px solid #831311;
}
.tc-cta--dark-blue .tc-cta__top-corner:before {
  border-color: transparent #063755 transparent transparent;
}
.tc-cta--dark-blue .tc-cta__inner {
  border-bottom: 9px solid #063755;
}
.tc-cta--light-blue .tc-cta__top-corner:before {
  border-color: transparent #5c85aa transparent transparent;
}
.tc-cta--light-blue .tc-cta__inner {
  border-bottom: 9px solid #5c85aa;
}
.tc-cta--light-purple .tc-cta__top-corner:before {
  border-color: transparent #7c5666 transparent transparent;
}
.tc-cta--light-purple .tc-cta__inner {
  border-bottom: 9px solid #7c5666;
}
.tc-cta--yellow .tc-cta__top-corner:before {
  border-color: transparent #ffd84e transparent transparent;
}
.tc-cta--yellow .tc-cta__inner {
  border-bottom: 9px solid #ffd84e;
}
.tc-cta--sml:nth-child(n) .tc-cta__inner {
  margin: 20px 10px;
}
@media (min-width: 30em) {
  .tc-cta--sml:nth-child(n) .tc-cta__inner {
    margin: 10px;
  }
}
.tc-cta--fullwidth {
  clear: both;
  width: 100%;
}
.tc-cta--fullwidth figure {
  background-position: 50%;
  background-size: cover;
  position: relative;
}
@media (min-width: 30em) {
  .tc-cta--fullwidth figure {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
  }
}
.tc-cta--fullwidth figure:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.tc-cta--fullwidth img {
  width: 100%;
}
.tc-cta--fullwidth:nth-child(n) .tc-cta__inner {
  margin: 0;
  padding: 0;
}
.tc-cta--fullwidth:nth-child(n) .tc-cta__inner h5 {
  font-size: 18px;
}
.tc-cta--fullwidth:nth-child(n) .tc-cta__inner h6 {
  color: #303030;
}
.tc-cta__caption {
  padding: 15px;
}
@media (min-width: 30em) {
  .tc-cta__caption {
    float: left;
    margin-left: 50%;
    width: 50%;
  }
}
.tc-read-more {
  clear: both;
  font-size: 10px;
  text-align: right;
}
.tc-read-more a {
  font-size: 10px;
  font-weight: bold;
}
.tc-information {
  float: right;
  padding: 10px 0 20px 0;
  text-align: right;
}
@media (min-width: 48.0625em) {
  .tc-information {
    padding-bottom: 70px;
  }
}
.tc-information h5 {
  line-height: normal;
  margin: 0 0 10px;
  min-height: 44px;
  padding-right: 50px;
  position: relative;
}
.tc-information h5:after {
  background-color: #fff;
  border: 1px solid #005BAB;
  border-radius: 100%;
  content: '!';
  font-size: 24px;
  font-weight: normal;
  height: 35px;
  line-height: 1.4;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}
a.tc-information__btn {
  background-color: #005BAB;
  border-radius: 15px;
  bottom: 0;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s linear;
}
a.tc-information__btn:hover {
  background-color: #003C70;
}
.tc-forms header {
  display: none;
}
.tc-forms .contact-us-form-section {
  margin: 0;
}
.tc-forms .contact-us-form-section form {
  float: none;
  width: auto;
}
.tc-forms .contact-us-form-section form label,
.tc-forms .contact-us-form-section form span {
  font-size: 14px;
  font-weight: 300;
}
.tc-forms .contact-us-form-section form label {
  color: #005BAB;
}
.tc-forms .contact-us-form-section form input::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic;
}
.tc-forms .contact-us-form-section form input:-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}
.tc-forms .contact-us-form-section form input::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}
.tc-forms .contact-us-form-section form input:-ms-input-placeholder {
  font-size: 14px;
  font-style: italic;
}
.tc-forms .contact-us-form-section form button {
  font-size: 16px;
  font-weight: normal;
}
.tc-forms footer {
  padding: 0;
}
.tc-call-us {
  padding: 30px 0 0;
}
@media (min-width: 75em) {
  .tc-call-us {
    padding: 0 15%;
  }
}
@media (max-width: 37.5em) {
  .tc-call-us h1 {
    font-size: 28px;
  }
}
.courses-via {
  margin-bottom: 80px;
}
@media (min-width: 30em) {
  .courses-via {
    margin-bottom: 0;
  }
}
.courses-via p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.courses-via p strong {
  color: #71A13D;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.courses-via p a {
  font-size: 12px;
}
.courses-via h6 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.tc-owl {
  max-width: 1220px;
  padding: 20px 0;
  position: relative;
}
.tc-owl__wrap {
  margin: 0 -10px;
  width: auto;
}
@media (min-width: 75em) {
  .tc-owl__wrap {
    margin: 0 -40px;
  }
}
.tc-owl .owl-carousel {
  position: static;
}
.tc-owl .owl-carousel .tc-paging {
  display: inline-block;
}
.tc-owl .owl-carousel .tc-paging span {
  color: #080C10;
  display: inline-block;
  font-size: 14px;
  padding: 0 2px;
}
.tc-owl .owl-carousel .owl-controls .owl-nav {
  font-family: 'Figtree',Arial,sans-serif;
  margin: 0;
  position: absolute;
  right: 10px;
  top: -60px;
}
.tc-owl .owl-carousel .owl-controls .owl-nav .tc-carousel-toggle {
  color: #080C10;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: -0.5px;
  text-align: right;
  text-decoration: underline;
}
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-next,
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-prev {
  background-color: #080C10;
  border-radius: 100%;
  height: 25px;
  left: auto;
  margin: 0 0 0 7px;
  padding: 0;
  position: relative;
  right: auto;
  text-indent: -9999px;
  width: 25px;
}
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-next:before,
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-prev:before {
  bottom: 0;
  content: '';
  color: #fff;
  font-family: FontAwesome;
  font-size: 20px;
  left: 0;
  line-height: 1.2;
  position: absolute;
  right: 0;
  text-indent: 0;
  top: 0;
}
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-next:before {
  content: '\f105';
  left: 4px;
}
.tc-owl .owl-carousel .owl-controls .owl-nav .owl-prev:before {
  content: '\f104';
}
.tc-owl__carousel {
  margin: 0 !important;
}
ul.tc-owl__carousel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul.tc-owl__carousel li {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 20px;
}
@media (min-width: 768px) {
  ul.tc-owl__carousel li {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 61.25em - 1) {
  ul.tc-owl__carousel li:nth-child(even),
  ul.tc-owl__carousel li:nth-last-child {
    border-right: none;
  }
  ul.tc-owl__carousel li:nth-child(odd) {
    clear: both;
  }
}
@media (min-width: 61.25em) {
  ul.tc-owl__carousel li {
    width: 33.33333333%;
  }
  ul.tc-owl__carousel li:nth-child(3n) {
    border-right: none;
  }
  ul.tc-owl__carousel li:nth-child(3n + 1) {
    clear: both;
  }
}
@media (min-width: 75em) {
  ul.tc-owl__carousel li {
    padding: 20px 50px;
  }
}
ul.tc-owl__carousel:first-child li:first-child {
  padding-top: 2px;
}
@media (min-width: 768px) {
  ul.tc-owl__carousel:first-child li:nth-child(-n+2) {
    border-top: none;
    padding-top: 2px;
  }
  ul.tc-owl__carousel:last-child li:nth-last-child(-n+2) {
    padding-bottom: 2px;
  }
}
@media (min-width: 61.25em) {
  ul.tc-owl__carousel:first-child li:nth-child(-n+3) {
    border-top: none;
    padding-top: 2px;
  }
  ul.tc-owl__carousel:last-child li:nth-last-child(-n+3) {
    padding-bottom: 2px;
  }
}
.tc-owl__carousel__inner {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 20px 0;
  min-height: 180px;
  padding: 15px;
  position: relative;
  padding-right: 100px;
  margin: 0;
  transition: .2s;
}
.tc-owl__carousel__inner--green {
  border-bottom: 9px solid #70a339;
}
.tc-owl__carousel__inner--green .tc-owl__carousel__top-corner:before {
  border-color: transparent #70a339 transparent transparent;
}
.tc-owl__carousel__inner--orange {
  border-bottom: 9px solid #f88300;
}
.tc-owl__carousel__inner--orange .tc-owl__carousel__top-corner:before {
  border-color: transparent #f88300 transparent transparent;
}
.tc-owl__carousel__inner--red {
  border-bottom: 9px solid #a9103a;
}
.tc-owl__carousel__inner--red .tc-owl__carousel__top-corner:before {
  border-color: transparent #a9103a transparent transparent;
}
.tc-owl__carousel__inner--blue {
  border-bottom: 9px solid #0c4583;
}
.tc-owl__carousel__inner--blue .tc-owl__carousel__top-corner:before {
  border-color: transparent #0c4583 transparent transparent;
}
.tc-owl__carousel__inner--purple {
  border-bottom: 9px solid #3e1e5a;
}
.tc-owl__carousel__inner--purple .tc-owl__carousel__top-corner:before {
  border-color: transparent #3e1e5a transparent transparent;
}
.tc-owl__carousel__inner--dark-red {
  border-bottom: 9px solid #831311;
}
.tc-owl__carousel__inner--dark-red .tc-owl__carousel__top-corner:before {
  border-color: transparent #831311 transparent transparent;
}
.tc-owl__carousel__inner--dark-blue {
  border-bottom: 9px solid #063755;
}
.tc-owl__carousel__inner--dark-blue .tc-owl__carousel__top-corner:before {
  border-color: transparent #063755 transparent transparent;
}
.tc-owl__carousel__inner--light-blue {
  border-bottom: 9px solid #5c85aa;
}
.tc-owl__carousel__inner--light-blue .tc-owl__carousel__top-corner:before {
  border-color: transparent #5c85aa transparent transparent;
}
.tc-owl__carousel__inner--light-purple {
  border-bottom: 9px solid #7c5666;
}
.tc-owl__carousel__inner--light-purple .tc-owl__carousel__top-corner:before {
  border-color: transparent #7c5666 transparent transparent;
}
.tc-owl__carousel__inner--yellow {
  border-bottom: 9px solid #ffd84e;
}
.tc-owl__carousel__inner--yellow .tc-owl__carousel__top-corner:before {
  border-color: transparent #ffd84e transparent transparent;
}
.tc-owl__carousel__inner:hover {
  background-color: #005BAB;
}
.tc-owl__carousel__inner:hover * {
  color: #fff;
}
.tc-owl__carousel__inner h5 {
  line-height: 1.2;
}
.tc-owl__carousel__inner p {
  font-size: 12px;
  line-height: 1.2;
}
.tc-owl__carousel__inner p:last-of-type {
  margin-bottom: 0;
}
.tc-owl__carousel__inner p a {
  font-weight: bold;
}
.tc-owl__carousel__top-corner {
  color: #fff;
  display: block;
  height: 100px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.tc-owl__carousel__top-corner:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 85px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.tc-owl__carousel__top-corner p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0px 0 0 30px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  top: 10px;
  transform: rotate(40deg);
  width: 80px;
  z-index: 2;
}
.tc-owl__carousel__top-corner p {
  width: 70px;
}
.tc-owl__carousel__details {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 100px;
}
.tc-owl__carousel__details span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 5px;
}
.tc-owl__carousel__details span strong {
  color: #080C10;
  font-weight: 400;
}
.owl-item ul.tc-owl__carousel li:first-child {
  border-top: none;
  padding-top: 2px;
}
@media (min-width: 768px) {
  .owl-item ul.tc-owl__carousel li:nth-child(-n+2) {
    border-top: none;
    padding-top: 2px;
  }
  .owl-item ul.tc-owl__carousel li:nth-last-child(-n+2) {
    padding-bottom: 2px;
  }
}
@media (min-width: 61.25em) {
  .owl-item ul.tc-owl__carousel li:nth-child(-n+3) {
    border-top: none;
    padding-top: 2px;
  }
  .owl-item ul.tc-owl__carousel li:nth-last-child(-n+3) {
    padding-bottom: 2px;
  }
}
.sitecore-page-editor .pagetitle-header {
  background: #D7D7D7;
}
@media (min-width: 48.0625em) {
  .sitecore-page-editor .pagetitle-header {
    min-height: 440px;
  }
  .pagetitle-small .sitecore-page-editor .pagetitle-header {
    min-height: 350px;
  }
}
.sitecore-page-editor .main .accordion-content {
  display: block;
}
.sitecore-page-editor .promoblock-angled img {
  display: block;
}
.sitecore-page-editor span.scWebEditInput {
  font-size: 16px;
}
.sitecore-page-editor h1 span.scWebEditInput,
.sitecore-page-editor h2 span.scWebEditInput,
.sitecore-page-editor h3 span.scWebEditInput,
.sitecore-page-editor h4 span.scWebEditInput,
.sitecore-page-editor h5 span.scWebEditInput,
.sitecore-page-editor h6 span.scWebEditInput {
  font-size: inherit!important;
}
.sitecore-page-editor .pagetitle-title > span {
  font-size: inherit;
}
.pdf-download .navigation-links-hugescreen,
.pdf-download .action-toggle,
.pdf-download .course-booking,
.pdf-download .pagetitle-image,
.pdf-download .pagetitle-read-more,
.pdf-download #footer {
  display: none!important;
}
.pdf-download.js .toggle-content-closed {
  height: auto!important;
}
.pdf-download.js .toggle-content-closed:after {
  display: none!important;
}
.pdf-download .tab-section {
  display: block!important;
}
.pdf-download .navigation-menu {
  height: 80px;
}
.pdf-download.js.page-navigation-in .page-navigation {
  position: static;
}

/*# sourceMappingURL=main.css.map */

@charset "UTF-8";





#bj {
    /*background-color: #ffffff;*/
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #080C10;
    min-width: 320px;
}

    #bj h1, #bj h2, #bj h3, #bj h4, #bj h5, #bj h6, #bj p, #bj ul, #bj ol, #bj li, #bj div, #bj dl, #bj dd, #bj dt, #bj span, #bj a, #bj b, #bj i, #bj label, #bj strong, #bj em {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        margin: 0;
        padding: 0;
    }

    #bj input::after,
    #bj input::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }

    #bj .card_context *::-moz-selection,
    #bj .card_control *::-moz-selection {
        background-color: transparent;
    }

    #bj .card_context *::selection,
    #bj .card_control *::selection {
        background-color: transparent;
    }

    #bj .label {
        padding: unset;
        font-size: unset;
        font-weight: unset;
        line-height: unset;
        color: unset;
        text-align: unset;
        white-space: unset;
        vertical-align: unset;
        border-radius: unset;
    }

#bj_modal {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(46, 45, 44, 0.8);
    color: #f0f0f0;
    font-size: 26px;
    line-height: 30px;
    padding: 20px;
}

    #bj_modal::before {
        content: " ";
        display: inline-block;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        background-color: #f0f0f0;
        -webkit-animation: sk-rotateplane 2s infinite ease-in-out;
        animation: sk-rotateplane 2s infinite ease-in-out;
    }

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#bj .featherlight-close {
    display: block;
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    padding: 0 6px 0 0;
    cursor: pointer;
}

#bj section .featherlight .card .base .card_context,
#bj .featherlight section .card .base .card_context {
    display: none;
}

#bj section .featherlight .card .base,
#bj .featherlight section .card .base {
    padding: 20px;
    min-height: 40px;
}

    #bj section .featherlight .card .base::before,
    #bj .featherlight section .card .base::before {
        display: none;
    }

    #bj .layout {
        display: block;
        table-layout: auto;
        border-collapse: collapse;
        width: 100%;
        margin: 0 auto;
        font-size: 0;
    }

        #bj .layout.sub-footer {
            padding-top: 20px;
            margin-top: 0px;
        }

        #bj .layout .block {
            font-size: 16px;
        }

        #bj .layout .block-size-10 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: none;
        }

        #bj .layout .block-size-30 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-60 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-90 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-100 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-100 {
            padding: 20px 20px 10px;
        }

#bj.login .block-size-30 {
    background-color: #ffffff;
    color: #080C10;
}

    #bj.login .layout section .form-item {
        padding: 0 5px 20px;
    }

    #bj.login section {
        background: transparent;
    }

    #bj.help {
        display: table;
        margin: 0 auto;
        font-size: 0;
    }

    #bj section {
        font-size: 0;
        position: relative;
        display: block;
        padding: 10px 0 40px;
        margin: 0;
        min-height: 320px;
        overflow: hidden;
    }

        #bj section h1, #bj section h2, #bj section h3, #bj section h4 {
            font-size: 26px;
            line-height: 30px;
            font-weight: 200;
            color: #2e2d2c;
            margin: 0;
            padding: 0;
            font-weight: 700;
        }

.flexbox #bj section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

#bj section.search {
    background: transparent;
    padding-bottom: 0;
    min-height: 0;
    margin-top: 20px;
}

    #bj section.search .form-item.action {
        float: none;
        width: 100%;
        text-align: left;
        display: inline-block;
        padding: 10px 0 0;
    }

        #bj section.search .form-item.action .input {
            display: inline-block;
            padding: 0 10px 0 0;
        }

#bj section .filter {
    position: absolute;
    top: 0;
    width: calc( 100% - 80px );
    max-width: 720px;
    right: 0;
    bottom: 0;
    z-index: 1500;
    padding: 80px 20px 20px;
    background-color: #080C10;
    color: #ffffff;
}

    #bj section .filter.off {
        display: none;
    }

    #bj section .filter .cls {
        position: absolute;
        top: 20px;
        right: 20px;
        height: 40px;
        background: rgba(223, 233, 233, 0.1) url(_i/myqa.icons.f0f0f0.svg) -91px -17px no-repeat scroll;
        background-size: 150px;
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 10px 40px;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

        #bj section .filter .cls:hover {
            background-color: rgba(223, 233, 233, 0.25);
        }

    #bj section .filter ul {
        font-size: 16px;
        line-height: 20px;
    }

        #bj section .filter ul li {
            padding: 0 0 10px;
            text-transform: capitalize;
            line-height: 20px;
            list-style-type: none;
            position: static;
            padding: 5px 0;
            margin: 0;
            cursor: pointer;
        }

            #bj section .filter ul li::before {
                content: " ";
                display: inline-block;
                position: static;
                height: 40px;
                width: 40px;
                margin-right: 5px;
                vertical-align: -75%;
                background: url(_i/myqa.icons.f0f0f0.svg) -30px -30px no-repeat scroll;
                background-size: 200px;
            }

            #bj section .filter ul li.off {
                opacity: 0.4;
            }

                #bj section .filter ul li.off::before {
                    background: url(_i/myqa.icons.f0f0f0.svg) -130px -30px no-repeat scroll;
                    background-size: 200px;
                }

            #bj section .filter ul li[data-only] {
                border-top: 1px solid rgba(240, 240, 240, 0.2);
            }

#bj section .head {
    width: 100%;
    padding: 20px 5px 20px;
    overflow: hidden;
}

    #bj section .head h1, #bj section .head h2, #bj section .head h3 {
        display: block;
        max-width: 100%;
        position: relative;
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        color: #080C10;
    }

        #bj section .head h1 i, #bj section .head h2 i, #bj section .head h3 i {
            display: inline-block;
            font-size: 16px;
            line-height: 20px;
            font-style: normal;
            font-weight: 200;
            padding: 5px 0 0 1px;
        }

            #bj section .head h1 i::before, #bj section .head h2 i::before, #bj section .head h3 i::before {
                display: inline-block;
                content: "";
                height: 14px;
                width: 14px;
                background-color: rgba(0, 81, 156, 0.4);
                margin: 0 5px 0 0;
                vertical-align: -1px;
            }

        #bj section .head h1 b, #bj section .head h2 b, #bj section .head h3 b {
            display: block;
            font-size: 20px;
            line-height: 20px;
            font-style: normal;
            font-weight: 400;
            padding: 0 0 2px;
        }

    #bj section .head.hide {
        display: block !important;
        height: 0px;
        padding-bottom: 0px;
    }

        #bj section .head.hide h1, #bj section .head.hide h2, #bj section .head.hide h3 {
            display: none;
        }

    #bj section .head p {
        clear: both;
        position: absolute;
        top: 0;
        right: 0;
        position: static;
        display: inline-block;
        padding: 20px 0 0;
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 20px;
        text-transform: unset;
        letter-spacing: unset;
        cursor: default;
        /*border-bottom: 10px solid rgba(223, 233, 233, 0.1);*/
    }

    #bj section .head .text {
        display: block;
        list-style-type: square;
        float: none;
        clear: both;
        padding: 20px 0 0;
        margin-bottom: -10px;
    }

        #bj section .head .text p {
            position: relative;
            list-style-type: square;
            padding: 0 0 15px 20px;
            margin: 0;
            font-size: 14px;
            line-height: 20px;
            display: block;
            text-transform: unset;
            letter-spacing: unset;
            cursor: default;
            border-bottom-width: 0;
        }

            #bj section .head .text p::before {
                position: absolute;
                top: 0;
                left: 4px;
                margin: 5px 5px 0 0;
                content: " ";
                display: block;
                width: 9px;
                height: 9px;
                border-radius: 10% 10% 10% 10%;
                background-color: #080C10;
            }

    #bj section .head ul {
        display: block;
        list-style-type: none;
        margin: 0 0 0 -20px;
        float: right;
    }

        #bj section .head ul li {
            display: inline-block;
            padding: 10px 20px;
            margin: 0;
            font-size: 12px;
            line-height: 20px;
            cursor: pointer;
           padding: 10px 40px 10px 20px;
            margin: 0 0 0 10px;
            background-size: 40px;
            color: #f0f0f0;
            border: 2px solid grey;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            vertical-align: 0;
            color: grey;
         
        }

            #bj section .head ul li[data-do_view] {
                display: none;
            }

            #bj section .head ul li::before {
                display: none;
            }

            #bj section .head ul li:hover {
                color: grey;
            }

            #bj section .head ul li.on {
                cursor: default;
                background-color: #333333;
                background-image: none;
            }

                #bj section .head ul li.on:hover {
                    text-decoration: none;
                }

            #bj section .head ul li a {
                color: #ffffff;
                text-decoration: none;
            }

                #bj section .head ul li a:hover {
                    color: #ffffff;
                    text-decoration: underline;
                }

    #bj section .head ol + h2,
    #bj section .head ol + h3 {
        margin-top: 20px;
    }

    #bj section .head ol {
        display: block;
        list-style-type: none;
        margin: 0 0 -10px 0;
        padding: 10px 0 0 20px;
        clear: both;
    }

        #bj section .head ol li {
            display: inline-block;
            padding: 10px 50px 10px 30px;
            margin: 0 0 10px -20px;
            font-size: 14px;
            line-height: 20px;
            background-color: rgba(223, 233, 233, 0.1);
            text-shadow: 0 0 0.125em rgba(46, 45, 44, 0.4);
            -webkit-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
            white-space: nowrap;
        }

            #bj section .head ol li::before {
                display: inline-block;
                content: " ";
                width: 0;
                height: 0;
                padding: 0;
                margin: -20px 0 0 0;
                position: absolute;
                left: 0;
                top: 50%;
                border: 20px solid #134983;
                border-color: transparent transparent transparent #134983;
            }

            #bj section .head ol li:first-of-type {
                padding-left: 15px;
            }

                #bj section .head ol li:first-of-type::before {
                    display: none;
                }

            #bj section .head ol li:last-of-type::after {
                display: none;
            }

            #bj section .head ol li:last-of-type {
                padding-right: 15px;
            }

            #bj section .head ol li::after {
                display: inline-block;
                content: " ";
                width: 0;
                height: 0;
                padding: 0;
                margin: -20px 0 0 0;
                position: absolute;
                right: 0;
                top: 50%;
                border: 20px solid #134983;
                border-color: #134983 #134983 #134983 transparent;
            }

            #bj section .head ol li.done {
                background-color: rgba(223, 233, 233, 0.1);
            }

            #bj section .head ol li a {
                color: #dfe9e9;
                -webkit-transition: background-color 0.5s linear;
                transition: background-color 0.5s linear;
                text-decoration: none;
            }

            #bj section .head ol li.current {
                background-color: #f0f0f0;
                text-shadow: none;
            }

                #bj section .head ol li.current a, #bj section .head ol li.current span, #bj section .head ol li.current i {
                    color: #134983;
                }

            #bj section .head ol li a:hover {
                border-bottom: 5px solid #d1d7de;
            }

            #bj section .head ol li span {
                color: #dfe9e9;
                -webkit-transition: background-color 0.5s linear;
                transition: background-color 0.5s linear;
            }

            #bj section .head ol li i {
                font-variant: small-caps;
                text-transform: lowercase;
                font-weight: 100;
                font-style: normal;
            }

            #bj section .head ol li .title {
                display: none;
            }

            #bj section .head ol li .step_word {
                display: none;
            }

#bj section .card {
    width: 100%;
    padding: 0 5px 10px;
    position: relative;
    display: inline-block;
    z-index: 1;
    font-size: 0;
    vertical-align: top;
    border-radius: 20px;
    border: none;
    background:none;
}

    #bj section .card.logo {
        float: none;
        height: auto;
    }

        #bj section .card.logo .base {
            padding: 40px 0 20px;
            min-height: 140px;
        }

    #bj section .card .bundle {
        display: block;
        padding: 10px;
        margin: 0 0 0 -13px;
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .bundle a {
            text-decoration: none;
        }

            #bj section .card .bundle a:hover {
                text-decoration: underline;
            }

        #bj section .card .bundle::before {
            opacity: 0.8;
            background: url(_i/myqa.icons.2e2d2c.svg) -38px -40px no-repeat scroll;
            background-size: 100px 100px;
            display: inline-block;
            content: " ";
            width: 24px;
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            color: #2e2d2c;
            vertical-align: -32.5%;
        }

.flexbox #bj section .card .bundle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .flexbox #bj section .card .bundle a {
        display: block;
    }

        .flexbox #bj section .card .bundle a:hover {
            background-image: none;
            text-decoration: underline;
        }

    .flexbox #bj section .card .bundle::before {
        margin: 0;
    }

#bj section .card.off, #bj section .card.off + ol.milestones {
    display: none;
}





    #bj section .card .more .pane.on {
        display: block;
    }

    #bj section .card .more .pane h1, #bj section .card .more .pane h2, #bj section .card .more .pane h3, #bj section .card .more .pane h4, #bj section .card .more .pane h5, #bj section .card .more .pane h6 {
        display: none;
    }

    #bj section .card .more .pane dl {
        margin: 0;
        padding: 0;
        font-size: unset;
    }

        #bj section .card .more .pane dl dt {
            vertical-align: top;
        }

        #bj section .card .more .pane dl dd {
            width: 70%;
            display: inline-block;
            margin: 0;
            padding: 5px 0 0;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
        }

    #bj section .card .more .pane p {
        margin: 0;
        padding: 5px 0 0;
    }

        #bj section .card .more .pane p a {
            text-decoration: none;
            font-size: unset;
        }

            #bj section .card .more .pane p a:hover {
                text-decoration: underline;
            }

        #bj section .card .more .pane p.dj_icon.pin {
            display: block;
        }

        #bj section .card .more .pane p.dj_icon::before {
            content: " ";
            color: #2e2d2c;
            background: #2e2d2c;
            display: inline-block;
            position: relative;
            top: 4px;
            margin-right: 4px;
            width: 20px;
            height: 20px;
        }

        #bj section .card .more .pane p.dj_icon::before {
            background: url(_i/myqa.icons.svg) -20px -20px no-repeat scroll;
            background-size: 200px 150px;
            background-size: 120px 120px;
        }

        #bj section .card .more .pane p.dj_icon.pin::before {
            background-position: -80px -50px;
        }

    #bj section .card .more .pane .pane_control {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
        line-height: 20px;
        background-color: #00519c;
        padding: 10px 10px 10px 20px;
        color: #f0f0f0;
    }

        #bj section .card .more .pane .pane_control:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(223, 233, 233, 0)), color-stop(87.5%, rgba(223, 233, 233, 0)), color-stop(87.5%, rgba(223, 233, 233, 0.25)), to(rgba(223, 233, 233, 0.25)));
            background-image: linear-gradient(to bottom, rgba(223, 233, 233, 0) 0, rgba(223, 233, 233, 0) 87.5%, rgba(223, 233, 233, 0.25) 87.5%, rgba(223, 233, 233, 0.25) 100%);
        }

        #bj section .card .more .pane .pane_control::after {
            content: " ";
            color: #2e2d2c;
            display: inline-block;
            margin-left: 3px;
            width: 40px;
            height: 40px;
            background: url(_i/myqa.icons.f0f0f0.svg) -128px -30px no-repeat scroll;
            background-size: 200px 200px;
            vertical-align: -65%;
        }

#bj section .card.dark {
    min-height: auto;
}

    #bj section .card.dark .base {
        background: rgba(2, 91, 170, 0.2);
        color: #080C10;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: auto;
        padding: 30px 20px 70px;
        border-width: 0;
    }

        #bj section .card.dark .base::before {
            display: none;
        }

        #bj section .card.dark .base a {
            color: #080C10;
        }

            #bj section .card.dark .base a:hover {
                text-decoration: none;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 91, 170, 0)), color-stop(86%, rgba(2, 91, 170, 0)), color-stop(86.1%, rgba(2, 91, 170, 0.75)), color-stop(90%, rgba(2, 91, 170, 0.75)), color-stop(90.1%, rgba(2, 91, 170, 0)), to(rgba(2, 91, 170, 0)));
                background: linear-gradient(to bottom, rgba(2, 91, 170, 0) 0%, rgba(2, 91, 170, 0) 86%, rgba(2, 91, 170, 0.75) 86.1%, rgba(2, 91, 170, 0.75) 90%, rgba(2, 91, 170, 0) 90.1%, rgba(2, 91, 170, 0) 100%);
            }

#bj section .card .progress {
    margin: 10px 20px;
    color: #2e2d2c;
    height: auto;
    overflow: visible;
    background-color: unset;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /*#bj section .card .progress.vague {
        opacity: 0.5;
    }*/

        /*#bj section .card .progress.vague .int span {
            display: none;
        }*/

#bj section .card .percentage-tracker {
    margin: 0 -20px;
    width: calc( 100% + 20px );
    height: 40px;
    color: #2e2d2c;
}

    #bj section .card .percentage-tracker .int {
        width: calc( 100% + 20px );
        color: #2e2d2c;
        line-height: 30px;
        height: 30px;
        text-align: right;
        padding-right: 13px;
    }

        #bj section .card .percentage-tracker .int span {
            font-size: 14px;
            line-height: 20px;
            display: inline-block;
        }

#bj section .card .card_control {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    color: #2e2d2c;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #bj section .card .card_control li {
        display: inline-block;
        margin: 0 0 0 0;
        padding: 20px 10px;
        list-style-type: none;
        cursor: pointer;
    }

        #bj section .card .card_control li span {
            border-bottom: 5px solid transparent;
        }

        #bj section .card .card_control li a span {
            border-bottom-width: 0;
        }

        #bj section .card .card_control li:first-of-type {
            padding-left: 20px;
        }

        #bj section .card .card_control li::after {
            display: none;
            content: " ";
            background-color: #00519c;
            position: absolute;
            bottom: 0;
            height: 10px;
            left: 0;
            right: 0;
        }

        #bj section .card .card_control li.on::after,
        #bj section .card .card_control li:hover::after {
            display: block;
        }

        #bj section .card .card_control li::before {
            display: none;
        }

        #bj section .card .card_control li.link a {
            display: block;
            margin: -20px -10px -20px -20px;
            position: relative;
            z-index: 1400;
            text-decoration: none;
            padding: 20px;
            color: #f0f0f0;
            -webkit-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
        }

            #bj section .card .card_control li.link a::before {
                position: relative;
                top: 0px;
                left: -10px;
                opacity: 1;
                content: "";
                color: #2e2d2c;
                display: inline-block;
                border-style: solid;
                border-width: 6px;
                border-color: #f0f0f0 transparent transparent #f0f0f0;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
                width: 0px;
                height: 0px;
                text-align: center;
            }

            #bj section .card .card_control li.link a:hover {
                background-color: #2e2d2c;
                color: #f0f0f0;
                background: linear-gradient(180deg, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 50px, rgba(46, 45, 44, 0.2) 50px, rgba(46, 45, 44, 0.2) 100%);
            }

            #bj section .card .card_control li.link a span {
                border-bottom-width: 0;
            }

#bj section .card[data-type] .card_context {
    border-radius: 0 1px 0 0;
}

    #bj section .card[data-type] .card_context::after {
        position: absolute;
        top: 9px;
        right: 12px;
        content: " ";
        color: #2e2d2c;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(_i/myqa.icons.f0f0f0.svg) -80px -31px no-repeat scroll;
        background-size: 200px 200px;
        vertical-align: -65%;
    }

#bj section .card[data-type='bundle'] a {
    color: #2e2d2c;
}

    #bj section .card[data-type='bundle'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(46, 45, 44, 0.2) 84.5%, rgba(46, 45, 44, 0.2) 100%);
    }

    #bj section .card[data-type='bundle'] a.amend {
        color: #005bab;
    }

#bj section .card[data-type='bundle'] .base::before,
#bj section .card[data-type='bundle'] .card_control li::after {
    background-color: rgba(46, 45, 44, 0.2);
}

#bj section .card[data-type='bundle'] .card_control li.link,
#bj section .card[data-type='bundle'] .card_context,
#bj section .card[data-type='bundle'] .more .pane .pane_control {
    background-color: #2e2d2c;
}

#bj section .card[data-type='bundle'] .card_control li.on,
#bj section .card[data-type='bundle'] .more .pane {
    background-color: #bcbcbb;
}

#bj section .card[data-type='bundle'] .card_control li.bundle_link {
    padding-left:30px;
}

#bj section .card[data-type='bundle'] .card_control li.bundle_link::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -59px -59px no-repeat scroll;
    background-size: 150px 150px;
    left: 0px !important;
}

#bj section .card[data-type='bundle'].warning .base::before, #bj section .card[data-type='bundle'].error .base::before, #bj section .card[data-type='bundle'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(46, 45, 44, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='bundle'] > .type {
    background: #ca7f4e;
}

#bj section .card[data-type='bundle'] td:first-of-type {
    background: #2e2d2c;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='bundle'] td {
    color: #2e2d2c;
}

#bj section .card[data-type='bundle'] .card_context span {
    background-color: #2e2d2c;
    color: #f0f0f0;
    display: inline-block;
}

#bj section .card[data-type='bundle'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -82px -80px no-repeat scroll;
    background-size: 200px 200px;
}

/*#bj section .card[data-type='bundle'] .card_control li.link a::before {
    top: 0;
    left: -5px;
    margin-right: 5px;
    border-color: #f0f0f0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
}*/

#bj section .card[data-type='online_learning'] a {
    color: #ca7f4e;
}

    #bj section .card[data-type='online_learning'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(202, 127, 78, 0.2)), to(rgba(202, 127, 78, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(202, 127, 78, 0.2) 84.5%, rgba(202, 127, 78, 0.2) 100%);
    }

#bj section .card[data-type='online_learning'] .base::before,
#bj section .card[data-type='online_learning'] .card_control li::after {
    background-color: rgba(202, 127, 78, 0.2);
}

#bj section .card[data-type='online_learning'] .card_context,
#bj section .card[data-type='online_learning'] .card_control li.link,
#bj section .card[data-type='online_learning'] .more .pane .pane_control {
    background-color: #ca7f4e;
}

#bj section .card[data-type='online_learning'] .card_control li.on,
#bj section .card[data-type='online_learning'] .more .pane {
    background-color: #f5e5db;
}

#bj section .card[data-type='online_learning'].warning .base::before, #bj section .card[data-type='online_learning'].error .base::before, #bj section .card[data-type='online_learning'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(202, 127, 78, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='online_learning'] > .type {
    background: #ca7f4e;
}

#bj section .card[data-type='online_learning'] td:first-of-type {
    background: #ca7f4e;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='online_learning'] td {
    color: #ca7f4e;
}

#bj section .card[data-type='online_learning'] .card_context span {
    background-color: #ca7f4e;
    color: #f0f0f0;
}

#bj section .card[data-type='online_learning'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -30px -130px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card[data-type='product'] a {
    color: #954637;
}

    #bj section .card[data-type='product'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(149, 70, 55, 0.2)), to(rgba(149, 70, 55, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(149, 70, 55, 0.2) 84.5%, rgba(149, 70, 55, 0.2) 100%);
    }

#bj section .card[data-type='product'] .base::before,
#bj section .card[data-type='product'] .card_control li::after {
    background-color: rgba(149, 70, 55, 0.2);
}

#bj section .card[data-type='product'] .card_context,
#bj section .card[data-type='product'] .card_control li.link,
#bj section .card[data-type='product'] .more .pane .pane_control {
    background-color: #954637;
}

#bj section .card[data-type='product'] .card_control li.on,
#bj section .card[data-type='product'] .more .pane {
    background-color: #d1c1be;
}

#bj section .card[data-type='product'].warning .base::before, #bj section .card[data-type='product'].error .base::before, #bj section .card[data-type='product'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(149, 70, 55, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='product'] > .type {
    background: #954637;
}

#bj section .card[data-type='product'] td:first-of-type {
    background: #954637;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='product'] td {
    color: #954637;
}

#bj section .card[data-type='product'] .card_context span {
    background-color: #954637;
    color: #f0f0f0;
}

#bj section .card[data-type='product'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -130px -130px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card[data-type='training_course'] a {
    color: #080C10;
}

    #bj section .card[data-type='training_course'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(69, 145, 206, 0.2)), to(rgba(69, 145, 206, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(69, 145, 206, 0.2) 84.5%, rgba(69, 145, 206, 0.2) 100%);
    }

#bj section .card[data-type='training_course'] .base::before,
#bj section .card[data-type='training_course'] .card_control li::after {
    background-color: rgba(69, 145, 206, 0.2);
}

#bj section .card[data-type='training_course'] .card_context,
#bj section .card[data-type='training_course'] .card_control li.link,
#bj section .card[data-type='training_course'] .more .pane .pane_control {
    background-color: #4591ce;
}

#bj section .card[data-type='training_course'] .card_control li.on,
#bj section .card[data-type='training_course'] .more .pane {
    background-color: #ffffff;
}

#bj section .card[data-type='training_course'].warning .base::before, #bj section .card[data-type='training_course'].error .base::before, #bj section .card[data-type='training_course'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(69, 145, 206, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='training_course'] > .type {
    background: #4591ce;
}

#bj section .card[data-type='training_course'] td:first-of-type {
    background: #4591ce;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='training_course'] td {
    color: #4591ce;
}

#bj section .card[data-type='training_course'] .card_context span {
    background-color: #4591ce;
    color: #f0f0f0;
}

#bj section .card[data-type='training_course'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -80px -31px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card.done::before, #bj section .card.error::before, #bj section .card.warning::before {
    content: " ";
    position: absolute;
    top: 1px;
    height: 0;
    left: 6px;
    width: 0px;
    z-index: 1190;
    border: 28px solid transparent;
}

#bj section .card.done .base::before, #bj section .card.error .base::before, #bj section .card.warning .base::before {
    left: 40px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(0, 81, 156, 0.2);
    background-color: transparent;
}

#bj section .card.done .card_control li:first-of-type, #bj section .card.error .card_control li:first-of-type, #bj section .card.warning .card_control li:first-of-type {
    padding-left: 50px;
    padding-right: 10px;
}

    #bj section .card.done .card_control li:first-of-type::before,
    #bj section .card.error .card_control li:first-of-type::before,
    #bj section .card.warning .card_control li:first-of-type::before,
    #bj section .card[data-type='bundle'] .card_control li.bundle_link::before {
        display: inline-block;
        content: " ";
        height: 32px;
        width: 32px;
        position: absolute;
        left: 15px;
        top: 14px;
    }

#bj section .card.done .card_control li.link:first-of-type::before, #bj section .card.error .card_control li.link:first-of-type::before, #bj section .card.warning .card_control li.link:first-of-type::before {
    background-image: none;
}

#bj section .card.done::before {
    border-top-color: #05763d;
    border-left-color: #05763d;
}

#bj section .card.done .card_control li:first-of-type span {
    border-bottom-color: #05763d;
    border-bottom-color: rgba(5, 118, 61, 0.6);
}

#bj section .card.done .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
    background-size: 150px;
}

#bj section .card.error::before {
    border-top-color: #ca1e17;
    border-left-color: #ca1e17;
}

#bj section .card.error .card_control li:first-of-type span {
    border-bottom-color: #ca1e17;
    border-bottom-color: rgba(202, 30, 23, 0.6);
}

#bj section .card.error .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -97px -21px no-repeat scroll;
    background-size: 150px;
}

#bj section .card.warning::before {
    border-top-color: #ffff33;
    border-left-color: #ffff33;
}

#bj section .card.warning .card_control li:first-of-type span {
    border-bottom-color: #ffff33;
    border-bottom-color: rgba(255, 255, 51, 0.6);
}

#bj section .card.warning .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -59px -96px no-repeat scroll;
    background-size: 150px;
}

#bj section .card .card_control li.link:first-of-type::before {
    background-image: none;
}

#bj section .card .card_control li.link:first-of-type {
    padding-left: 20px;
}

#bj section .card .card_context {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1200;
    background-color: #00519c;
    padding: 20px 60px 20px 20px;
    color: #f0f0f0;
}

    #bj section .card .card_context::after {
        position: absolute;
        top: 10px;
        right: 10px;
        content: " ";
        color: #2e2d2c;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(_i/myqa.icons.f0f0f0.png) -31px -31px no-repeat scroll;
        background-size: 200px 200px;
        vertical-align: -65%;
    }

    #bj section .card .card_context span {
        opacity: 0;
        overflow: hidden;
        -webkit-transition: 0.125s linear opacity;
        transition: 0.125s linear opacity;
        padding: 4px 9px 4px 4px;
        margin: 0;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 2px;
        left: 2px;
        font-size: 12px;
        line-height: 20px;
        color: #2e2d2c;
        text-indent: 25px;
        background-color: #f0f0f0;
    }

    #bj section .card .card_context.over::after {
        background-image: url(_i/myqa.icons.f0f0f0.svg) !important;
    }

#bj .list-view + section.search {
    margin-top: 0;
}

#bj section .tile {
    width: 100%;
    padding: 0 10px 20px;
    position: relative;
    display: inline-block;
    z-index: 1000;
    z-index: 10;
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
}

    #bj section .tile a {
        color: #2e2d2c;
        text-decoration: none;
    }

        #bj section .tile a:hover {
            text-decoration: underline;
        }

    #bj section .tile .download a {
        color: #ca7f4e;
    }

        #bj section .tile .download a:hover {
            text-decoration: none;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(86%, rgba(46, 45, 44, 0)), color-stop(86.1%, rgba(2, 91, 170, 0.75)), color-stop(90%, rgba(2, 91, 170, 0.75)), color-stop(90.1%, rgba(46, 45, 44, 0)), to(rgba(46, 45, 44, 0)));
            background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 86%, rgba(2, 91, 170, 0.75) 86.1%, rgba(2, 91, 170, 0.75) 90%, rgba(46, 45, 44, 0) 90.1%, rgba(46, 45, 44, 0) 100%);
        }

    #bj section .tile.done::before, #bj section .tile.error::before, #bj section .tile.warning::before {
        border-bottom-color: #ca7f4e;
    }

    #bj section .tile .base::before,
    #bj section .tile .card_context {
        padding-right: 20px;
    }

        #bj section .tile .card_context::after {
            display: none;
        }

    #bj section .tile .card_control li::after {
        background-color: rgba(46, 45, 44, 0.2);
    }

    #bj section .tile .card_control li.on,
    #bj section .tile .more .pane {
        background-color: #f5e5db;
    }

    #bj section .tile .base .base .card_context,
    #bj section .tile .base .base .card_control li.link,
    #bj section .tile .base .base .more .pane .pane_control {
        background-color: #2e2d2c;
        background-color: #134983;
        color: #f0f0f0;
    }

    #bj section .tile .progress {
        height: 50px;
        margin: 10px 0 0;
        border-radius: 5px;
    }

    #bj section .tile .percentage-tracker {
        margin: 0 -20px;
        width: calc( 100% + 20px );
        height: 50px;
        color: #2e2d2c;
    }

        #bj section .tile .percentage-tracker .int {
            color: #2e2d2c;
            line-height: 50px;
            height: 50px;
            text-align: right;
            padding-right: 13px;
        }

#bj section .tabs_control {
    width: 100%;
    padding: 0 0 0 10px;
}

    #bj section .tabs_control li {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 37px 10px 10px;
        margin: 0 5px 5px 0;
        background-color: #f0f0f0;
        color: #2e2d2c;
        border-bottom: 5px solid rgba(46, 45, 44, 0.2);
        cursor: pointer;
    }

        #bj section .tabs_control li::after {
            content: " ";
            margin: 9px 0 0 18px;
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -21px no-repeat scroll;
            background-size: 150px;
            right: 5px;
            top: -1px;
            position: absolute;
        }

        #bj section .tabs_control li:last-of-type {
            padding-right: 12px;
        }

            #bj section .tabs_control li:last-of-type::after {
                display: none;
            }

        #bj section .tabs_control li.on {
            color: #f0f0f0;
            background-color: #2e2d2c;
        }

            #bj section .tabs_control li.on::after {
                background-image: url(_i/myqa.icons.f0f0f0.svg);
            }

        #bj section .tabs_control li.done::after {
            background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .tabs_control li.done.on::after {
            background-image: url(_i/myqa.icons.f0f0f0.svg);
        }

    #bj section .tabs_control + fieldset:first-of-type {
        margin-top: 0;
    }

#bj section .form-text .done_list {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 20px;
    color: #2e2d2c;
}

    #bj section .form-text .done_list li {
        display: block;
        line-height: 20px;
        padding: 5px 0 5px 20px;
        cursor: pointer;
    }

        #bj section .form-text .done_list li:hover {
            text-decoration: underline;
        }

        #bj section .form-text .done_list li.off::before {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .form-text .done_list li.on::before {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .form-text .done_list li.on {
            opacity: 0.4;
        }

#bj.milestone section .card {
    padding-bottom: 10px;
}

#bj.home section.history .card,
#bj.split_90_10 section.history .card {
    width: 100%;
}

#bj section.checkout .card dl {
    margin: 0 0 20px;
    padding: 0;
    font-size: unset;
    /* max-width: 640px ; */
}

    #bj section.checkout .card dl dt {
        width: 100%;
        display: block;
        font-variant: small-caps;
        text-transform: lowercase;
        font-size: 12px;
        line-height: 20px;
        font-weight: 100;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

        #bj section.checkout .card dl dt span {
            display: inline;
            font-variant: normal;
            text-transform: capitalize;
            font-size: 12px;
            line-height: 20px;
            font-weight: 500;
        }

            #bj section.checkout .card dl dt span.txt {
                display: block;
                text-transform: none;
                font-size: 11px;
                line-height: 15px;
            }

    #bj section.checkout .card dl dd {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0 0 5px;
        vertical-align: top;
        font-size: 14px;
        line-height: 20px;
    }

    #bj section.checkout .card dl dt.break_before {
        padding-top: 9px;
        border-top: 2px dotted rgba(46, 45, 44, 0.2);
        margin-top: 9px;
    }

    #bj section.checkout .card dl dd.break_after {
        padding-bottom: 9px;
        border-bottom: 2px dotted rgba(46, 45, 44, 0.2);
        margin-bottom: 9px;
    }

    #bj section.checkout .card dl dd.number {
        font-weight: bold;
    }

#bj.home section .has_milestones .base,
#bj.split_90_10 section .has_milestones .base {
    height: auto;
    border-radius: 20px;
}

#bj section .the_code {
    font-size: 96px;
    line-height: 100px;
    font-family: "Courier", "Courier New", monospace;
    margin-bottom: -40px;
}

#bj section .the_big_code .the_code {
    font-size: 116px;
    line-height: 120px;
    max-width: 100%;
}

#bj section.checkout .unit {
    font-size: 14px;
    line-height: 20px;
}

#bj section .base {
    display: block;
    height: 100%;
    position: relative;
    color: #2e2d2c;
    padding: 80px 20px;
    font-size: 16px;
    line-height: 20px;
    min-height: 100px;
    overflow: hidden;
}

    #bj section .base::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 20px;
        z-index: 1199;
        background: rgba(0, 81, 156, 0.2);
        border-radius: 2px 0px 0 0;
    }

    #bj section .base .base {
        padding: 15px 10px 10px;
        min-height: 0;
        height: auto;
        font-size: 14px;
        line-height: 20px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 10px -10px 20px;
        background-image: none;
        background-color: rgba(0, 81, 156, 0.05);
    }

        #bj section .base .base::before {
            height: 5px;
        }

        #bj section .base .base p.card_context {
            font-size: 14px;
            line-height: 20px;
            padding: 13px 15px 12px;
            display: block;
            position: relative;
            float: right;
            margin: -15px -10px 10px 10px;
        }

        #bj section .base .base ul {
            list-style-type: none;
        }

            #bj section .base .base ul li {
                list-style-type: none;
            }

                #bj section .base .base ul li::before {
                    display: none;
                }

#bj section .download + .download {
    padding-top: 10px;
}

#bj section .download a {
    font-size: 26px;
    line-height: 30px;
    font-weight: 200;
    color: #2e2d2c;
    margin: 0;
    padding: 0;
    max-width: 560px;
    text-decoration: none;
}

#bj section .download span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

#bj section .base,
#bj section .milestones li a,
#bj section .milestones li a::before {
    background-color: #ffffff;
    border: 1px solid #025baa;
}

#bj section .featherlight-content .base,
#bj .featherlight-content section .base {
    border: 1px solid #000000;
}

#bj section .milestones {
    width: 100%;
    counter-reset: tracker;
    display: block;
    padding: 0px;
    margin: 0;
    list-style-type: none;
    font-size: 16px;
    line-height: 20px;
}

    #bj section .milestones li {
        counter-increment: tracker;
        display: block;
        list-style-type: none;
        position: relative;
        padding: 10px 75px;
        margin: 0px;
        border-top: 3px solid #f0f3f7;
    }

        #bj section .milestones li:last-of-type {
            padding-bottom: 10px;
        }

        #bj section .milestones li a {
            color: #2e2d2c;
            text-decoration: none;
            display: block;
            line-height: 20px;
            padding: 14px 9px;
        }

        #bj section .milestones li span {
            display: none;
            background-color: #ffffff;
            opacity: 0.4;
            text-decoration: none;
            line-height: 20px;
            padding: 14px 9px;
        }

        #bj section .milestones li a:hover {
            text-decoration: underline;
        }

        #bj section .milestones li a::before,
        #bj section .milestones li span::before {
            background-color: #ffffff;
            position: absolute;
            top: 5;
            left: 20;
            margin-top: 10px;
            line-height: 20px;
            padding: 14px;
            height: 10px;
            width: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            text-align: center;
            display: block;
        }

        #bj section .milestones li.hide {
            display: none;
        }

        #bj section .milestones li.done a::before,
        #bj section .milestones li.done span::before {
            content: "";
            background: white url(../assets/checkmark.png) no-repeat scroll;
            background-size: 100%;
            border-radius: 999px;
            left: 20px;
            top: 5px;
        }

        #bj section .milestones li.error {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #bj section .milestones li.error a::before,
            #bj section .milestones li.error span::before {
                content: "";
             background: white url(../assets/alert.png) no-repeat scroll;
                background-size: 100%;
                left: 20px;
            top: 5px;
            }

        #bj section .milestones li.warning a::before,
        #bj section .milestones li.warning span::before {
            content: "";
            background: #dfdf20 url(_i/myqa.icons.2e2d2c.svg) -75px -123px no-repeat scroll;
            background-size: 200px;
            left: 20px;
            top: 5px;
        }

#bj section .abstract {
    max-width: 520px;
    color: #2e2d2c;
    font-size: 14px;
    line-height: 20px;
    line-height: 20px;
    padding: 20px 0;
}

    #bj section .abstract p {
        margin: 0 0 20px;
    }

    #bj section .abstract ul li {
        margin: 0 0 20px 20px;
        list-style-type: square;
    }

    #bj section .abstract dl {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .abstract dl dt {
            padding: 0;
            margin: 5px 0;
            width: 25%;
            display: inline-block;
            font-variant: small-caps;
            text-transform: lowercase;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            margin: 0;
            padding: 5px 0 0;
            vertical-align: top;
        }

        #bj section .abstract dl dd {
            padding: 0;
            margin: 5px 0;
            width: 70%;
            display: inline-block;
        }

#bj section .split {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
}

    #bj section .split li {
        display: block;
        list-style-type: none;
        width: auto;
        padding: 0 10px 10px 0;
        vertical-align: top;
    }

        #bj section .split li::before {
            display: none;
        }

        #bj section .split li b {
            font-size: 26px;
            line-height: 30px;
            font-weight: 100;
            display: block;
        }

#bj section .tile .dj_form .btn,
#bj section .dj_form .tile .btn {
    background-color: #709640;
}

    #bj section .tile .dj_form .btn:hover,
    #bj section .dj_form .tile .btn:hover {
        background-color: #05763d;
    }

#bj section .img.logo {
    width: auto;
    height: auto;
    max-width: 140px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    float: none;
}

    #bj section .img.logo img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin: 0 auto;
    }

#bj section .table-responsive {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #bj section .table-responsive {
        border-width: 0;
        border-top: 5px solid rgba(223, 233, 233, 0.4);
        border-bottom: 5px solid rgba(223, 233, 233, 0.4);
        margin: -5px 0 -5px 10px;
    }

    #bj section.checkout .table-responsive {
        border-top: 5px solid rgba(223, 233, 233, 0.4);
        border-bottom: 5px solid rgba(223, 233, 233, 0.4);
    }

    #bj.afa section .table-responsive {
        margin: 0;
    }

    #bj section .table-responsive .dj_table {
        width: 100%;
    }
}

#bj section .dj_table {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    width: calc( 100% - 20px );
    margin: 0 auto 10px;
}

    #bj section .dj_table tr.off {
        display: none;
    }

    #bj section .dj_table tr th {
        text-align: left;
        vertical-align: top;
        background: rgba(240, 240, 240, 0.05);
        font-size: 12px;
        font-weight: 100;
        padding: 5px;
    }

    #bj section .dj_table tr td {
        text-align: left;
        vertical-align: top;
        padding: 10px 5px;
        position: relative;
    }

    #bj section .dj_table tr > .w_80 {
        width: 80%;
    }

    #bj section .dj_table tr > .w_70 {
        width: 70%;
    }

    #bj section .dj_table tr > .w_60 {
        width: 60%;
    }

    #bj section .dj_table tr > .w_50 {
        width: 50%;
    }

    #bj section .dj_table tr > .w_40 {
        width: 40%;
    }

    #bj section .dj_table tr > .action {
        min-width: 140px;
        max-width: 40%;
    }

    #bj section .dj_table thead tr {
        background-color: #080C10;
        color: #f0f0f0;
        border-bottom: 0px solid #134983;
    }

        #bj section .dj_table thead tr th {
            padding: 5px 0px 10px 10px;
            border-bottom: 1px solid #f0f0f0;
        }

    #bj section .dj_table tbody tr {
        border-bottom: 1px solid #080C10;
        color: #080C10;
    }

        #bj section .dj_table tbody tr td.email {
            max-width: 12ex;
        }

        #bj section .dj_table tbody tr:first-of-type td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr:first-of-type td:nth-of-type(2) a::before {
            display: none;
        }

        #bj section .dj_table tbody tr td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr td:nth-of-type(2) a::before {
            display: inline-block;
            content: " ";
            width: 12px;
            height: 12px;
            margin: 6px 4px 0;
            background-color: rgba(2, 91, 170, 0.4);
        }

        #bj section .dj_table tbody tr.a_user td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr.a_user td:nth-of-type(2) a::before {
            display: inline-block;
            content: " ";
            width: 20px;
            height: 20px;
            background-image: url(_i/myqa.people.2e2d2c.svg);
            background-color: transparent;
            background-position: 3px -8px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 36px 36px;
            opacity: 0.8;
            vertical-align: top;
            margin: -1px 4px 0 1px;
        }

        #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) {
            position: relative;
        }

            #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) span,
            #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) a {
                display: block;
                padding: 0 0 0 20px;
                white-space: nowrap;
            }

        #bj section .dj_table tbody tr.level_2 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_2 td:nth-of-type(2) a {
            padding-left: 20px;
        }

        #bj section .dj_table tbody tr.level_3 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_3 td:nth-of-type(2) a {
            padding-left: 40px;
        }

        #bj section .dj_table tbody tr.level_4 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_4 td:nth-of-type(2) a {
            padding-left: 60px;
        }

        #bj section .dj_table tbody tr.level_5 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_5 td:nth-of-type(2) a {
            padding-left: 80px;
        }

        #bj section .dj_table tbody tr.level_6 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_6 td:nth-of-type(2) a {
            padding-left: 100px;
        }

        #bj section .dj_table tbody tr.level_7 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_7 td:nth-of-type(2) a {
            padding-left: 120px;
        }

        #bj section .dj_table tbody tr.level_8 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_8 td:nth-of-type(2) a {
            padding-left: 140px;
        }

        #bj section .dj_table tbody tr.level_9 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_9 td:nth-of-type(2) a {
            padding-left: 160px;
        }

        #bj section .dj_table tbody tr.level_10 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_10 td:nth-of-type(2) a {
            padding-left: 180px;
        }

        #bj section .dj_table tbody tr td a {
            color: #2e2d2c;
            text-decoration: none;
        }

            #bj section .dj_table tbody tr td a:hover {
                text-decoration: underline;
            }

        #bj section .dj_table tbody tr td.action {
            padding: 5px 5px 0px 32px;
        }

            #bj section .dj_table tbody tr td.action span {
                display: inline-block;
                font-size: 14px;
                line-height: 20px;
                margin: 0 0 0 5px;
                padding: 5px 1em 5px 2px;
            }

            #bj section .dj_table tbody tr td.action a {
                display: block;
                text-align: center;
                white-space: nowrap;
                margin: 0 0 5px 5px;
                padding: 5px 10px;
                border-radius: 2px;
                background: #709640;
                font-weight: 200;
                text-decoration: none;
                font-size: 12px;
                line-height: 20px;
                color: #f0f0f0;
                -webkit-transition: 0.15s background;
                transition: 0.15s background;
            }

            #bj section .dj_table tbody tr td.action .btn {
                display: inline-block;
                margin: 0 0 5px 5px;
                padding: 10px;
                border-radius: 2px;
                background: #709640;
                font-weight: bold;
                text-decoration: none;
                font-size: 12px;
                line-height: 20px;
                min-height: 1px;
                border-width: 0;
                -webkit-transition: 0.15s background;
                transition: 0.15s background;
            }

                #bj section .dj_table tbody tr td.action .btn:hover {
                    background: #2e2d2c;
                }

            #bj section .dj_table tbody tr td.action:nth-of-type(n+2) a {
                opacity: 1;
                -webkit-transition: 0.5s opacity linear;
                transition: 0.5s opacity linear;
            }

        #bj section .dj_table tbody tr:hover td.action:nth-of-type(n+2) a {
            opacity: 1;
        }

        #bj section .dj_table tbody tr td.action a.sub-action {
            background: #709640;
        }

            #bj section .dj_table tbody tr td.action a:hover,
            #bj section .dj_table tbody tr td.action a.sub-action:hover {
                background: #05763d;
            }

        #bj section .dj_table tbody tr td.action::before {
            content: " ";
            width: 32px;
            height: 32px;
            display: block;
            position: absolute;
            top: 4px;
            left: 4px;
            background: url(_i/myqa.icons.2e2d2c.svg) -22px -22px no-repeat scroll;
            background-size: 150px;
            opacity: 0.15;
        }

        #bj section .dj_table tbody tr td.action.on::before {
            opacity: 1;
        }

        #bj section .dj_table tbody tr td.action.on.not::before {
            background-position: -98px -22px;
            opacity: 0.15;
        }

    #bj section .dj_table tbody.no_action_icon tr td.action {
        padding-left: 5px;
    }

        #bj section .dj_table tbody.no_action_icon tr td.action::before {
            display: none;
        }

    #bj section .dj_table tbody tr td.action.on a.on,
    #bj section .dj_table tbody tr td.action.on a {
        background-color: rgba(46, 45, 44, 0.2);
        color: rgba(46, 45, 44, 0.8);
    }

        #bj section .dj_table tbody tr td.action.on a.on:hover,
        #bj section .dj_table tbody tr td.action.on a:hover {
            background-color: #2e2d2c;
            color: #f0f0f0;
        }

    #bj section .dj_table tbody tr td.action.off {
        padding: 5px 5px 0 0;
    }

        #bj section .dj_table tbody tr td.action.off::before {
            display: none;
        }

    #bj section .dj_table tbody tr td.number {
        text-align: right;
    }

    #bj section .dj_table tbody tr td .location {
        display: block;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: -5px;
        white-space: nowrap;
    }

        #bj section .dj_table tbody tr td .location::before {
            content: "";
            display: inline-block;
            position: relative;
            top: 1px;
            margin-right: 2px;
            width: 10px;
            height: 10px;
            background: url(_i/myqa.icons.2e2d2c.svg) -40px -25px no-repeat scroll;
            background-size: 60px 60px;
        }

        #bj section .dj_table tbody tr td .location span,
        #bj section .dj_table tbody tr td .location a {
            white-space: normal;
        }

#bj section.checkout .dj_table tr > .action {
    min-width: 50px;
}

#bj section.checkout .dj_table tr th {
    background: rgba(19, 73, 131, 0.05);
}

#bj section.checkout .dj_table thead tr {
    background-color: #00519c;
}

#bj section.checkout .table-responsive {
    padding-top: 20px;
    padding-bottom: 20px;
}

    #bj section.checkout .table-responsive .dj_table {
        width: 100%;
    }

#bj section .dj_head {
    padding: 20px 0 0 10px;
    margin: 0 0 20px;
}

    #bj section .dj_head h1, #bj section .dj_head h2, #bj section .dj_head h3, #bj section .dj_head h4 {
        padding: 0;
        margin: 0;
    }

    #bj section .dj_head + .dj_form {
        margin-top: -40px;
    }

#bj p.status {
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2d;
    padding: 5px 10px 10px;
}

    #bj p.status b {
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
    }

    #bj p.status::before {
        display: inline-block;
        content: "";
        height: 10px;
        width: 10px;
        background-color: #2e2d2c;
        margin: 0 3px 0 0;
        vertical-align: -1px;
        opacity: 0.4;
    }

#bj .page_list {
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2d;
    padding: 10px;
    text-align: right;
    width: 90%;
    width: 100%;
    list-style-type: none;
}

    #bj .page_list li {
        display: inline-block;
        padding: 0 5px 5px 0;
        margin: 0 -4px 0 0;
        list-style-type: none;
    }

        #bj .page_list li::before {
            display: none;
        }

        #bj .page_list li a,
        #bj .page_list li span {
            display: block;
            text-align: center;
            min-width: 40px;
            font-size: 14px;
            line-height: 20px;
            border-radius: 2px;
            border-width: 0;
            color: #2e2d2d;
            padding: 10px;
        }

        #bj .page_list li a {
            background-color: #709640;
            color: #f0f0f0;
            font-weight: bold;
            text-decoration: none;
            -webkit-transition: background 0.15s;
            transition: background 0.15s;
        }

            #bj .page_list li a:hover {
                background-color: #05763d;
            }

        #bj .page_list li span {
            font-size: 12px;
            background-color: transparent;
            color: #f0f0f0;
        }

        #bj .page_list li.current span {
            color: #2e2d2c;
        }

#bj .full_list {
    width: 100%;
    width: calc( 100% - 10px );
    clear: both;
    color: #f0f0f0;
    margin: 0 auto 20px;
}

    #bj .full_list p {
        font-size: 14px;
        line-height: 20px;
        display: block;
        margin: 0 5px;
        padding: 0;
        text-align: right;
    }

        #bj .full_list p a {
            color: #080C10;
            text-decoration: none;
        }

            #bj .full_list p a:hover {
                text-decoration: underline;
            }

#bj .dj_form {
    width: 100%;
}

    #bj .dj_form .btn {
        display: inline-block;
        margin: 20px 5px 10px 0;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #f0f0f0;
        border-width: 0;
        float: none;
        vertical-align: baseline;
    }

    #bj .dj_form .linkedin-btn {
        display: inline-block;
        padding: 10px 5px 10px 0;
        border-width: 0;
        float: none;
    }

    #bj .dj_form label {
        color: #2e2d2c;
        display: block;
        padding: 20px 0 10px;
    }

    #bj .dj_form input[type='text'] {
        max-width: 560px;
        padding: 0 10px;
    }

    #bj .dj_form .dj_icon {
        display: inline-block;
        margin: 5px 0 0;
        padding: 10px 5px 10px 0;
        font-size: 14px;
        line-height: 20px;
        color: #2e2d2c;
    }

        #bj .dj_form .dj_icon a {
            text-decoration: none;
        }

            #bj .dj_form .dj_icon a:hover {
                text-decoration: underline;
            }

        #bj .dj_form .dj_icon.search::before {
            content: " ";
            color: #2e2d2c;
            background: #2e2d2c;
            display: inline-block;
            position: relative;
            top: 4px;
            margin-right: 6px;
            width: 20px;
            height: 20px;
        }

        #bj .dj_form .dj_icon.search::before {
            background: url(_i/myqa.icons.svg) -20px -50px no-repeat scroll;
            background-size: 120px 120px;
        }

        #bj .dj_form .dj_icon.done {
            background-color: #f0f0f0;
            margin-top: 10px;
            padding: 10px 10px 15px;
            border-radius: 0.25rem;
        }

            #bj .dj_form .dj_icon.done::before {
                content: " ";
                color: #2e2d2c;
                background: #2e2d2c;
                display: inline-block;
                position: relative;
                top: 4px;
                margin-right: 6px;
                width: 20px;
                height: 20px;
            }

            #bj .dj_form .dj_icon.done::before {
                background: url(_i/myqa.icons.svg) -20px -20px no-repeat scroll;
                background-size: 120px 120px;
            }

        #bj .dj_form .dj_icon.error {
            background-color: #971915;
            color: #f0f0f0;
            margin-top: 10px;
            padding: 10px 10px 15px;
            border-radius: 0.25rem;
        }

            #bj .dj_form .dj_icon.error::before {
                content: " ";
                color: #f0f0f0;
                background: #971915;
                display: inline-block;
                position: relative;
                top: 4px;
                margin-right: 6px;
                width: 20px;
                height: 20px;
            }

            #bj .dj_form .dj_icon.error::before {
                background: url(_i/myqa.icons.f0f0f0.svg) -80px -20px no-repeat scroll;
                background-size: 120px 120px;
            }

#bj .dj_panel {
    width: 90%;
    width: calc( 100% - 20px );
    border-radius: 0 2px 2px 2px;
    margin: 0 10px 20px;
    padding: 10px;
    position: relative;
    border: 1px solid #00519c;
}

    #bj .dj_panel dl {
        font-size: 14px;
        line-height: 20px;
        color: #2e2d2c;
    }

        #bj .dj_panel dl dt {
            font-weight: normal;
            display: block;
            width: 100%;
            padding: 5px;
            font-variant: small-caps;
            text-transform: lowercase;
        }

        #bj .dj_panel dl dd {
            font-size: 16px;
            line-height: 20px;
            color: #2e2d2c;
            display: block;
            width: 100%;
            padding: 5px;
        }

#bj .layout:nth-of-type(1) .block-size-100 {
    padding: 0;
}

#bj .layout .block-size-100 > .pane {
    color: #2e2d2c;
    margin: 0;
    padding: 0 0 20px;
    display: block;
    vertical-align: top;
}

    #bj .layout .block-size-100 > .pane.message {
        width: 100%;
    }

    #bj .layout .block-size-100 > .pane h4 {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #2e2d2c;
        border-bottom: 5px solid rgba(0, 81, 156, 0.2);
        margin: 0;
        padding: 0;
    }

    #bj .layout .block-size-100 > .pane p {
        padding: 10px 0;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .layout .block-size-100 > .pane ul {
        padding: 10px 0;
        font-size: 12px;
        line-height: 20px;
        list-style-type: none;
    }

        #bj .layout .block-size-100 > .pane ul li {
            padding: 0;
            margin: 0 0 0 15px;
            list-style-type: square;
        }

            #bj .layout .block-size-100 > .pane ul li::before {
                display: none;
            }

    #bj .layout .block-size-100 > .pane a {
        color: #2e2d2c;
        text-decoration: none;
    }

        #bj .layout .block-size-100 > .pane a:hover {
            text-decoration: underline;
        }

#bj .form-text {
    display: block;
    width: 100%;
    padding: 0 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2c;
}

    #bj .form-text:first-of-type {
        padding-top: 30px;
    }

    #bj .form-text p {
        margin: 0;
        padding: 10px 0 0;
        max-width: 560px;
    }

    #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
        margin: 0;
        padding: 10px 0 0;
        max-width: 560px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #134983;
        display: inline-block;
        border-bottom: 5px solid rgba(0, 81, 156, 0.2);
    }

    #bj .form-text + .form-text p {
        padding-top: 0;
    }

    #bj .form-text + .form-text.has_padding p {
        padding-top: 10px;
    }

    #bj .form-text ul {
        list-style-type: none;
        display: block;
        padding: 10px 10px 0px 0px;
        margin: 10px 0 0;
        list-style-type: none;
        font-size: 16px;
        line-height: 20px;
    }

        #bj .form-text ul li {
            display: block;
            list-style-type: none;
            position: relative;
            padding: 20px 0 20px 60px;
            margin: 0;
            color: #2e2d2c;
            display: block;
            line-height: 20px;
            padding: 0 0 0 50px;
        }

            #bj .form-text ul li::before {
                display: none;
            }

            #bj .form-text ul li a,
            #bj .form-text ul li span {
                color: #2e2d2c;
                text-decoration: none;
                display: block;
                line-height: 20px;
                padding: 16px 10px 14px;
            }

                #bj .form-text ul li a:hover {
                    text-decoration: underline;
                    background-color: #f0f0f0;
                }

                #bj .form-text ul li a::before,
                #bj .form-text ul li span::before {
                    background-color: rgba(240, 240, 240, 0.05);
                    content: counter(tracker);
                    position: absolute;
                    top: 0;
                    left: 0;
                    line-height: 20px;
                    padding: 15px;
                    height: 50px;
                    width: 50px;
                    text-align: center;
                    display: block;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                #bj .form-text ul li a::before {
                    background-color: #dfdfdf;
                    background-image: none;
                }

            #bj .form-text ul li.done a::before, #bj .form-text ul li.done span::before {
                content: "";
                background: #05763d url(_i/myqa.icons.f0f0f0.svg) -25px -25px no-repeat scroll;
                background-size: 200px;
            }

            #bj .form-text ul li.error {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                #bj .form-text ul li.error a::before, #bj .form-text ul li.error span::before {
                    content: "";
                    background: #971915 url(_i/myqa.icons.f0f0f0.svg) -125px -25px no-repeat scroll;
                    background-size: 200px;
                }

            #bj .form-text ul li.warning a::before, #bj .form-text ul li.warning span::before {
                content: "";
                background: #dfdf20 url(_i/myqa.icons.2e2d2c.svg) -75px -123px no-repeat scroll;
                background-size: 200px;
            }

    #bj .form-text dl {
        color: #2e2d2c;
        margin: 0 10px;
        padding: 0;
        font-size: unset;
    }

        #bj .form-text dl dt {
            width: 50%;
            display: inline-block;
            font-variant: small-caps;
            text-transform: lowercase;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            margin: 0 -4px 0 0;
            padding: 10px 0 10px 10px;
            vertical-align: top;
        }

            #bj .form-text dl dt.hdr {
                width: 100%;
                font-size: 20px;
                border-top-width: 0;
                padding-top: 0;
            }

        #bj .form-text dl dd {
            width: 50%;
            display: inline-block;
            margin: 0 -4px 0 0;
            padding: 10px 10px 10px 0;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
        }

    #bj .form-text.summary:first-of-type {
        padding-top: 0;
    }

    #bj .form-text.summary dl dt {
        border-top: 2px dotted rgba(240, 240, 240, 0.2);
        padding-top: 9px;
    }

    #bj .form-text.summary dl dd {
        border-top: 2px dotted rgba(240, 240, 240, 0.2);
        padding-top: 9px;
        text-align: right;
    }

    #bj .form-text.summary dl dt.hdr {
        border-top-width: 0;
        font-weight: 200;
        background-color: #2e2d2c;
    }

    #bj .form-text.summary dl dt:last-of-type {
        border-bottom: 2px dotted rgba(240, 240, 240, 0.2);
        padding-bottom: 8px;
        background-color: rgba(240, 240, 240, 0.2);
    }

    #bj .form-text.summary dl dd:last-of-type {
        border-bottom: 2px dotted rgba(240, 240, 240, 0.2);
        padding-bottom: 8px;
        background-color: rgba(240, 240, 240, 0.2);
    }

    #bj .form-text.summary dl dt,
    #bj .form-text.summary dl dd,
    #bj .form-text.summary dl dt:last-of-type,
    #bj .form-text.summary dl dd:last-of-type {
        border-color: rgba(46, 45, 44, 0.2);
    }

#bj h2 + .form-item {
    margin-top: 20px;
}

#bj .form-item.free_size.action {
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 10px;
    float: none;
    text-align: left;
}

#bj fieldset .form-item.free_size.action:first-of-type {
    margin-top: 20px;
    margin-bottom: 10px;
}

#bj .form-item.free_size.action:first-of-type {
    margin-top: 0;
    margin-bottom: 0px;
}

#bj .form-item.checkbox {
    cursor: default;
}

#bj .form-item[data-layout~="vertical"] .label {
    padding-bottom: 20px;
}

#bj .search .form-item[data-layout~="vertical"] .input {
    padding-top: 20px;
}

#bj .form-item.checkbox[data-layout~="vertical"] {
    padding-left: 20px;
}

#bj .form-item[data-layout~="labelless"] .label label {
    display: none;
}

#bj .form-item[data-validation~="not_first"] .label label::after,
#bj .form-item[data-validation~="matches_previous"] .label label::after,
#bj .form-item[data-validation~="required"] .label label:not(.nostar)::after {
    position: absolute;
    display: inline-block;
    padding: 0 0 0 4px;
    content: "*";
    color: #ff0000;
    font-size: 14px;
    line-height: 20px;
}

#bj .form-item .search-input {
    max-width: 560px;
    text-indent: 10px;
}

#bj .form-form .input input,
#bj.login .form-item .input textarea,
#bj.login .form-item .input input {
    background-color: #ffffff;
}

#bj .form-item[data-layout~="labelless"][data-layout~="labelshift"] {
    width: 100%;
}

#bj fieldset ~ .form-item[data-layout~="labelless"] .input input {
    margin-left: 10px;
}
    #bj fieldset ~ .form-item[data-layout~="labelless"] .input input.remove-delegate-launch {
        margin-left: 0px;
    }

#bj fieldset + .sub-action + .form-item.action .input input[type='button'],
#bj fieldset + .sub-action + .form-item.action .input input[type='submit'] {
    margin: 0 10px 0 0;
}

#bj section .tile .dj_form .btn,
#bj section .dj_form .tile .btn {
    margin: 10px 5px 10px 0;
    padding: 15px 20px;
}

#bj .form-item.button .label {
    display: none;
}

.no-flexbox #bj .form-item.checkbox,
.no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] {
    display: block;
}

    .no-flexbox #bj .form-item.checkbox .label,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label {
        display: block;
        width: calc( 100% - 40px );
        padding: 5px;
    }

        .no-flexbox #bj .form-item.checkbox .label label,
        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label label {
            display: block;
            width: 100%;
            margin-left: 0%;
            text-align: left;
            border-bottom-width: 0;
        }

    .no-flexbox #bj .form-item.checkbox .input,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        display: block;
    }

.flexbox #bj .form-item.checkbox,
.flexbox #bj .form-item.checkbox[data-layout~="horizontal"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flexbox #bj .form-item.checkbox .label,
    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc( 100% - 40px );
        padding: 5px;
    }

        .flexbox #bj .form-item.checkbox .label label,
        .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label label {
            width: 100%;
            margin-left: 0%;
            text-align: left;
            border-bottom-width: 0;
        }

    .flexbox #bj .form-item.checkbox .input,
    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 23px;
        padding: 5px 0;
    }

    .flexbox #bj .form-item.checkbox[data-layout~="w_33"] {
        width: 90%;
        width: calc( 100% - 40px );
        padding: 0 0 10px;
        margin: 0 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: top;
        border-bottom: 1px solid rgba(46, 45, 44, 0.2);
    }

    .flexbox #bj .form-item.checkbox[data-layout~="no_padding"] {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .flexbox #bj .form-item.checkbox[data-layout~="some_padding_bottom"] {
        padding-bottom: 10px;
    }

    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="no_padding"] {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="no_padding"] + .form-item.checkbox[data-layout~="horizontal"][data-layout~="no_padding"]:last-of-type {
            padding-bottom: 20px;
        }

#bj section.checkout .no_heading .base {
    padding-top: 40px;
    min-height: 90px;
}

#bj .form-item.action {
    width: 100%;
    padding: 0 0 10px 10px;
}

#bj fieldset + .form-item.action {
    padding-right: 10px;
}

#bj fieldset .form-item.action {
    padding-right: 0;
}

#bj .form-item.sub-action {
    width: 100%;
    text-align: left;
    padding: 0 10px 0 0;
    margin: 0 0 10px;
}

#bj section.checkout .form-item.sub-action {
    margin-left: 10px;
}

#bj.login .featherlight .form-item.sub-action[data-type='labelless'] {
    float: left;
    width: 50%;
}

#bj.login .form-item.sub-action[data-type='labelless'] {
    float: none;
    width: 100%;
}

#bj .form-item.sub-action .input input[type='button'],
#bj .form-item.sub-action .input input[type='submit'] {
    background-color: #8e8e8e;
}

    #bj .form-item.sub-action .input input[type='button']:hover,
    #bj .form-item.sub-action .input input[type='submit']:hover {
        background-color: #2e2d2c;
    }

#bj section .tile .dj_form .btn.error,
#bj section .dj_form .tile .btn.error,
#bj .form-item.sub-action.error .input input[type='button'],
#bj .form-item.sub-action.error .input input[type='submit'] {
    background-color: #ca1e17;
}

    #bj section .tile .dj_form .btn.error:hover,
    #bj section .dj_form .tile .btn.error:hover,
    #bj .form-item.sub-action.error .input input[type='button']:hover,
    #bj .form-item.sub-action.error .input input[type='submit']:hover {
        background-color: #b61607;
    }

#bj .form-item.sub-action .input a {
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 4px;
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: 0;
}

#bj .form-item.actions {
    text-align: right;
}

    #bj .form-item.actions .input {
        display: inline-block;
        float: none;
        margin: 0 0 10px 5px;
    }

#bj .form-item {
    display: block;
    width: 100%;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
}

    #bj .form-item.recaptcha .input input[type='text'] {
        display: block;
        padding: 3px !important;
        width: auto;
        max-width: 100%;
        margin: 10px 0 0 !important;
        font-size: 12px;
        line-height: 100%;
        background-color: unset;
        color: unset;
        border: 0 solid #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #333333;
        border-radius: 4px;
        box-shadow: none;
        height: auto;
    }

    #bj .form-item .input .select-replace {
        -webkit-box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        display: block;
        width: 100%;
        max-width: 560px;
        margin: 0;
        line-height: 40px;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        border-width: 0;
    }

        #bj .form-item .input .select-replace select {
            font-size: 14px;
        }

        #bj .form-item .input .select-replace::after {
            z-index: 0;
        }

    #bj .form-item .input select,
    #bj .form-item .input textarea,
    #bj .form-item .input input {
        -webkit-box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        display: block;
        padding: 0 10px;
        width: 100%;
        max-width: 560px;
        margin: 0;
        border-radius: 2px;
        line-height: 40px;
        background-color: #f0f0f0;
        background-color: transparent;
        color: #485A6E;
    }

        #bj .form-item .input input:nth-of-type(1) {
            margin-top: 0;
        }

    #bj .form-item .input input {
        margin-top: 20px;
    }

        #bj .form-item .input input[disabled] {
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: not-allowed;
        }

    #bj .form-item .input textarea {
        height: 120px;
        -webkit-transition: 1s height linear;
        transition: 1s height linear;
    }

        #bj .form-item .input textarea:focus {
            height: 320px;
        }

    #bj .form-item .input input[type='radio'] {
        border-radius: 100%;
        -webkit-appearance: radio;
        -moz-appearance: radio;
        -ms-appearance: radio;
        -o-appearance: radio;
        appearance: radio;
    }

    #bj .form-item .input input[type='radio'] {
        -webkit-transform: scale(1.53825);
        transform: scale(1.35);
        -ms-interpolation-mode: nearest-neighbor;
        -moz-image-rendering: crisp-edges;
        image-rendering: crisp-edges;
        padding: 0px;
    }

    #bj .form-item .input input[type='checkbox'] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        -ms-appearance: checkbox;
        -o-appearance: checkbox;
        appearance: checkbox;
    }

    #bj .form-item .input input[type='checkbox'] {
        -webkit-transform: scale(1.53825);
        transform: scale(1.35);
        -ms-interpolation-mode: nearest-neighbor;
        -moz-image-rendering: crisp-edges;
        image-rendering: crisp-edges;
        padding: 0px;
    }

    #bj .form-item .input input[type='checkbox'],
    #bj .form-item .input input[type='radio'] {
        position: static;
        height: auto;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        padding: 0;
        max-width: 560px;
        margin: 1px 0 0 4px;
        line-height: 20px;
        border-width: 0;
    }

    #bj .form-item .input input[type='radio'] {
        position: static;
        height: auto;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        padding: 0;
        max-width: 560px;
        margin: 1px 0 0 4px;
        line-height: 20px;
        border-width: 0;
        border-radius: 100%;
    }

        #bj .form-item .input input[type='checkbox']::before,
        #bj .form-item .input input[type='radio']::before,
        #bj .form-item .input input[type='checkbox']::after,
        #bj .form-item .input input[type='radio']::after {
            display: none;
            position: static;
        }

    #bj .form-item .input select[multiple] {
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }

        #bj .form-item .input select[multiple] option {
            font-size: 14px;
            line-height: 20px;
        }

    #bj .form-item .input input[type='email'] {
        text-transform: lowercase;
    }

    #bj .form-item .input input[type='button'],
    #bj .form-item .input input[type='submit'],
    #bj .form-item .input a.btn {
        min-height: auto;
        display: inline-block;
        width: auto;
        padding: 10px 40px 10px 20px;
        margin: 0;
        background: #709640 url(_i/grey-form-icon-arrow-right.png) right 50% no-repeat;
        background-size: 40px;
        color: #f0f0f0;
        border-width: 0;
        border-radius: 4px;
        border-bottom-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        vertical-align: 0;
    }

        #bj .form-item .input input[type='button']:hover,
        #bj .form-item .input input[type='submit']:hover,
        #bj .form-item .input a.btn:hover {
            background-color: #05763d;
            color: #f0f0f0;
            text-decoration: none;
        }

        #bj .form-item .input input[type='button'].off,
        #bj .form-item .input input[type='submit'].off,
        #bj .form-item .input a.btn.off {
            opacity: 0.4;
            cursor: default;
        }

    #bj .form-item .input .strength {
        max-width: 560px;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        color: #f0f0f0;
        background-size: 200% 200%;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-position: 0% 0%;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #00519c));
        background-image: linear-gradient(to right, transparent 50%, #00519c 50%);
    }

        #bj .form-item .input .strength.zero {
            color: #2e2d2c;
        }

        #bj .form-item .input .strength.error {
            color: #2e2d2c;
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(202, 30, 23, 0.8)));
            background-image: linear-gradient(to right, transparent 50%, rgba(202, 30, 23, 0.8) 50%);
        }

        #bj .form-item .input .strength.done {
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(5, 118, 61, 0.8)));
            background-image: linear-gradient(to right, transparent 50%, rgba(5, 118, 61, 0.8) 50%);
        }

        #bj .form-item .input .strength.warning {
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(223, 223, 32, 0.95)));
            background-image: linear-gradient(to right, transparent 50%, rgba(223, 223, 32, 0.95) 50%);
            color: #2e2d2c;
        }

        #bj .form-item .input .strength::before {
            display: inline-block;
            content: "";
            font-size: 1rem;
            position: static;
            background-image: url(_i/myqa.icons.2e2d2c.svg);
            background-position: 9999px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 100px 100px;
            width: 20px;
            height: 20px;
            margin-right: 3px;
            vertical-align: -30%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #bj .form-item .input .strength.error.zero::before {
            display: inline-block;
            background-position: -65px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.2e2d2c.svg);
        }

        #bj .form-item .input .strength.done::before {
            display: inline-block;
            background-position: -15px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.f0f0f0.svg);
        }

        #bj .form-item .input .strength.error::before {
            display: inline-block;
            background-position: -65px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.2e2d2c.svg);
        }

        #bj .form-item .input .strength.warning::before {
            display: inline-block;
            background-position: -40px -64px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        #bj .form-item .input .strength span {
            display: block;
            font-size: 10px;
            line-height: 20px;
            padding-left: 26px;
        }

    #bj .form-item .label label,
    #bj .form-item .input_label label {
        display: block;
        padding: 0;
        width: 100%;
        font-weight: normal;
        max-width: 480px;
        cursor: pointer;
        white-space: normal;
    }

        #bj .form-item .label label span,
        #bj .form-item .input_label label span {
            display: block;
            padding: 10px 0 0;
            text-indent: 0;
        }

            #bj .form-item .label label span.remove,
            #bj .form-item .input_label label span.remove {
                display: inline-block;
                padding: 0;
                width: 18px;
                height: 18px;
                margin: -1px 5px -4px 0;
                overflow: hidden;
                text-indent: 40px;
                background: transparent url(_i/myqa.icons.2e2d2c.svg) -66px -16px no-repeat scroll;
                background-size: 100px;
                border-radius: 20px;
            }

                #bj .form-item .label label span.remove:hover,
                #bj .form-item .input_label label span.remove:hover {
                    background-color: #971915;
                    background-image: url(_i/myqa.icons.f0f0f0.svg);
                }

        #bj .form-item .label label b,
        #bj .form-item .input_label label b {
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
        }

        #bj .form-item .label label i,
        #bj .form-item .input_label label i {
            opacity: 0.6;
            font-style: normal;
            font-size: 12px;
            line-height: 20px;
        }

    #bj .form-item .input_label label {
        max-width: 500px;
    }

    #bj .form-item .messages {
        font-size: 14px;
        line-height: 20px;
    }

        #bj .form-item .messages ul {
            padding: 0;
        }

            #bj .form-item .messages ul li {
                padding: 5px;
                max-width: 560px;
            }

                #bj .form-item .messages ul li a {
                    color: #2e2d2c;
                    text-decoration: none;
                }

                    #bj .form-item .messages ul li a:hover {
                        text-decoration: underline;
                    }

                #bj .form-item .messages ul li::before {
                    display: inline-block;
                    content: "";
                    font-size: 1rem;
                    position: static;
                    background-image: url(_i/myqa.icons.2e2d2c.svg);
                    background-position: -65px -15px;
                    background-repeat: no-repeat;
                    background-attachment: scroll;
                    background-size: 100px 100px;
                    width: 20px;
                    height: 20px;
                    margin-right: 3px;
                    vertical-align: -30%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                #bj .form-item .messages ul li.done {
                    background-color: rgba(5, 118, 61, 0.8);
                    padding: 5px;
                }

                    #bj .form-item .messages ul li.done::before {
                        display: inline-block;
                        background-position: -15px -15px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                #bj .form-item .messages ul li.error {
                    background-color: rgba(202, 30, 23, 0.8);
                    color: #f0f0f0;
                    padding: 5px;
                    font-size:12px;
                }

                    #bj .form-item .messages ul li.error::before {
                        display: inline-block;
                        background-position: -65px -15px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                        background-image: url(_i/myqa.icons.f0f0f0.svg);
                    }

                #bj .form-item .messages ul li.warning {
                    background-color: rgba(223, 223, 32, 0.95);
                    padding: 5px;
                    color: #2e2d2c;
                }

                    #bj .form-item .messages ul li.warning::before {
                        display: inline-block;
                        background-position: -40px -64px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

    #bj .form-item p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px;
        max-width: 560px;
    }

#bj fieldset {
    width: 100%;
    margin: 0 0 80px;
    padding: 0;
    position: relative;
    counter-increment: tracker;
    background-color: #ffffff;
    padding: 0 1rem 1rem;
}

    #bj fieldset::after {
        content: "";
        border-bottom: 1px solid #080C10;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }

    #bj fieldset:nth-of-type(even) {
        background-color: #f8f8f8;
        border-top: 1px solid #eee;
    }

        #bj fieldset:nth-of-type(even) legend {
            background-color: #f8f8f8;
            border-top: 1px solid #eee;
        }

    #bj fieldset:first-of-type.legendless {
        margin-top: 0;
    }

    #bj fieldset.legendless legend {
        display: none;
    }

    #bj fieldset:first-of-type {
        margin-top: 40px;
    }

    #bj fieldset:last-of-type {
        margin-bottom: 10px;
    }

    #bj fieldset.in_card {
        width: 100%;
        border-radius: 0;
        margin: 0 0 -60px;
        padding: 20px 0 0;
        position: relative;
        background-color: transparent;
        background-image: none;
    }

        #bj fieldset.in_card legend {
            display: none;
        }

            #bj fieldset.in_card legend::before {
                display: none;
            }

        #bj fieldset.in_card .form-item:first-of-type {
            padding-top: 0;
        }

        #bj fieldset.in_card .form-item:last-of-type {
            padding-bottom: 0;
        }

        #bj fieldset.in_card .form-item {
            padding-left: 0;
            padding-right: 0;
        }

            #bj fieldset.in_card .form-item[data-layout~="horizontal"] .label {
                margin: 0;
                width: 100%;
            }

    #bj fieldset legend {
        position: absolute;
        top: -60px;
        left: 0;
        display: block;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        margin: 0;
        padding: 20px 20px 20px 10px;
        color: #080C10;
        padding: 1rem 1rem 0.5rem;
    }

        #bj fieldset legend::before {
            display: inline-block;
            content: counter(tracker);
            width: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
            background-color: #ffffff;
            border: 1px solid #080C10;
            margin: 0 10px 0 0;
        }

        #bj fieldset legend.numberless {
            padding-right: 20px;
        }

            #bj fieldset legend.numberless::before {
                content: "";
                font-family: "Font Awesome 5 Pro";
            }

    #bj fieldset .form-text,
    #bj fieldset .form-item {
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #080C10;
        border-right: 1px solid #080C10;
        background-color: #ffffff;
    }

        #bj fieldset .form-text .picker,
        #bj fieldset .form-item .picker {
            margin: 0 0 10px;
        }

        #bj fieldset .form-text:first-of-type,
        #bj fieldset .form-item:first-of-type {
            margin-top: 10px;
            padding-top: 30px;
            border: 1px solid #080C10;
            border-bottom-width: 0;
        }

            #bj fieldset .form-text:first-of-type:last-of-type,
            #bj fieldset .form-item:first-of-type:last-of-type {
                border-top: 1px solid #080C10;
                border-bottom: 1px solid #080C10;
            }

            #bj fieldset .form-text:first-of-type .form-text,
            #bj fieldset .form-text:first-of-type .form-item,
            #bj fieldset .form-item:first-of-type .form-text,
            #bj fieldset .form-item:first-of-type .form-item {
                padding-top: 10px;
            }

                #bj fieldset .form-text:first-of-type .form-text:last-of-type,
                #bj fieldset .form-text:first-of-type .form-item:last-of-type,
                #bj fieldset .form-item:first-of-type .form-text:last-of-type,
                #bj fieldset .form-item:first-of-type .form-item:last-of-type {
                    border-bottom-width: 0 !important;
                }

            #bj fieldset .form-text:first-of-type[style*="none"] + .form-item,
            #bj fieldset .form-item:first-of-type[style*="none"] + .form-item {
                padding-top: 30px;
            }

        #bj fieldset .form-text:last-of-type,
        #bj fieldset .form-item:last-of-type {
            padding-bottom: 30px;
            border: 1px solid #080C10;
            border-top-width: 0;
        }

            #bj fieldset .form-text:last-of-type:first-of-type,
            #bj fieldset .form-item:last-of-type:first-of-type {
                border-top: 1px solid #080C10;
                border-bottom: 1px solid #080C10;
            }

            #bj fieldset .form-text:last-of-type .btn,
            #bj fieldset .form-item:last-of-type .btn {
                margin-top: 0;
                margin-bottom: 0;
            }

        #bj fieldset .form-text .form-text,
        #bj fieldset .form-text .form-item,
        #bj fieldset .form-item .form-text,
        #bj fieldset .form-item .form-item {
            border-width: 0 !important;
        }

    #bj fieldset .form-conditional .form-item:first-of-type {
        padding-top: 0px;
        margin-top: 0px;
        border-top-width: 0px;
    }

    #bj fieldset .form-conditional .form-item:last-of-type {
        /* padding-bottom: 0px ; */
    }

#bj .form-table {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.no-flexbox #bj .form-table {
    display: block;
}

#bj .form-table .nav {
    width: 100%;
}

    #bj .form-table .nav li {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        border-radius: 0;
    }

    #bj .form-table .nav > li {
        border-top-width: 0 !important;
    }

    #bj .form-table .nav li a {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
        text-align: left;
        font-weight: normal;
        border-radius: 0;
    }

        #bj .form-table .nav li a:hover {
            background: #4591ce -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
            background: #4591ce linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
        }

    #bj .form-table .nav li.active a {
        position: relative;
        padding-left: 50px;
    }

        #bj .form-table .nav li.active a:hover {
            background: #005bab -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
            background: #005bab linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
        }

        #bj .form-table .nav li.active a::before {
            position: absolute;
            top: 10px;
            left: 5px;
            content: " ";
            display: block;
            width: 40px;
            height: 40px;
            background-image: url(_i/myqa.icons.f0f0f0.svg);
            background-position: -30px -30px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 200px 200px;
        }

    #bj .form-table .nav li.afa-datepicker-holder {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin: 0;
    }

        #bj .form-table .nav li.afa-datepicker-holder::before {
            display: none;
        }

        #bj .form-table .nav li.afa-datepicker-holder button.btn {
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
            padding: 10px;
            height: auto;
            border-radius: 0;
        }

        #bj .form-table .nav li.afa-datepicker-holder button.btn-ds {
            width: auto;
        }

        #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker {
            display: none;
            width: auto;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            padding: 0;
            height: auto;
            border-width: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker:hover {
                background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
                background: transparent linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
            }

#bj .form-table .tab-content {
    width: 100%;
}

#bj .form-table .features-table {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-shadow: none;
}

    #bj .form-table .features-table tr:nth-of-type(even) {
        background-color: rgba(46, 45, 44, 0.2);
    }

    #bj .form-table .features-table td.col-cell-right,
    #bj .form-table .features-table td {
        height: auto;
        vertical-align: top;
        padding: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-width: 0;
        background-color: transparent;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .form-table .features-table .afa-table-headerrow td {
        padding: 10px 5px;
    }

    #bj .form-table .features-table td .btn {
        display: block;
        margin: 0 0 10px;
        padding: 5px;
        min-height: 0;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .form-table .features-table td input.btn {
        width: 100%;
    }

    #bj .form-table .features-table .afa-table-headerrow td {
        text-align: left;
        padding: 5px 5px 10px;
        background: rgba(240, 240, 240, 0.05);
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
        padding-top: 5px;
    }

#bj .sub-navigation {
    display: block;
    margin: 30px 10px 0;
}

    #bj .sub-navigation li {
        display: inline-block;
        margin: 0 10px 10px 0;
    }

#bj .form-table .form-return {
    width: 100%;
}

#bj .form-table .form-form {
    width: 100%;
    margin: 20px 0 0;
}

    #bj .form-table .form-form .form-item {
        padding: 5px 15px 9px 10px;
        border-bottom: 1px solid rgba(240, 240, 240, 0.2);
        background: #0c63af;
        font-weight: 100;
    }

        #bj .form-table .form-form .form-item.checkbox {
            padding-bottom: 5px;
            border-bottom-width: 0px;
        }

            #bj .form-table .form-form .form-item.checkbox:first-of-type {
                padding-bottom: 0px;
                border-bottom-width: 0px;
            }

            #bj .form-table .form-form .form-item.checkbox:last-of-type {
                padding-top: 0px;
                border-bottom-width: 0px;
            }

        #bj .form-table .form-form .form-item label {
            color: #f0f0f0;
        }

    #bj .form-table .form-form .sub-navigation {
        margin-top: 5px;
        margin-left: 0;
    }

        #bj .form-table .form-form .sub-navigation li {
            margin-right: 0;
        }

#bj .form-conditional {
    width: 100%;
}

#bj.login .form-item .messages ul li::before {
    background-image: url(_i/myqa.icons.2e2d2c.svg);
}

#bj.login .form-item .messages ul li.error::before {
    background-image: url(_i/myqa.icons.f0f0f0.svg);
}

#bj #recaptcha_widget_div input {
    display: inline;
}

#bj .dj_form.search .form-item {
    padding-bottom: 0;
}

#bj .dj_form.search .card .base {
    padding: 40px 20px 20px;
    min-height: 0;
}

.myqa #bj .bapslb {
    background-color: transparent;
}

#bj section.checkout .payment_panes {
    width: 100%;
}

#bj section.checkout .the_panes {
    font-size: 14px;
    line-height: 20px;
    width: 98%;
    width: calc( 100% - 10px );
    padding: 0 0 0 10px;
}

    #bj section.checkout .the_panes li {
        cursor: pointer;
        font-size: 12px;
        line-height: 20px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
        font-style: normal;
        margin: 0;
        padding: 10px 30px 10px 10px;
        vertical-align: top;
        display: block;
        background-position: 0% 0%;
        background-size: 100%;
        -webkit-box-shadow: 0 0 20px rgba(46, 45, 44, 0.25);
        box-shadow: 0 0 20px rgba(46, 45, 44, 0.25);
        -webkit-box-shadow: 0 0 9px 1px rgba(46, 45, 44, 0.5);
        box-shadow: 0 0 9px 1px rgba(46, 45, 44, 0.5);
        background-color: #00519c;
        background-image: none;
        color: #f0f0f0;
    }

        #bj section.checkout .the_panes li.on {
            background-color: #f0f0f0;
            background-image: linear-gradient(135deg, #dfdfdf 0%, white 200px, white 100%);
            color: #2e2d2c;
        }

.myqa .featherlight .featherlight-content {
    min-width: 80%;
}

#bj .dj_controls {
    display: block;
    padding: 20px 0px;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.25);
}

    #bj .dj_controls li {
        display: inline-block;
        padding: 0;
        vertical-align: top;
    }

        #bj .dj_controls li.progress-action {
            float: right;
        }

            #bj .dj_controls li.progress-action a,
            #bj .dj_controls li.progress-action input[type='button'],
            #bj .dj_controls li.progress-action button {
                margin-left: 10px;
                margin-right: 0;
            }

        #bj .dj_controls li a {
            text-decoration: none;
            color: #f0f0f0;
        }

        #bj .dj_controls li input[type='button'],
        #bj .dj_controls li button {
            color: #f0f0f0;
        }

        #bj .dj_controls li a,
        #bj .dj_controls li input[type='button'],
        #bj .dj_controls li button {
            display: inline-block;
            -webkit-box-shadow: 0 0 10px rgba(46, 45, 44, 0.2);
            box-shadow: 0 0 10px rgba(46, 45, 44, 0.2);
            margin: 0 10px 10px 0;
            padding: 10px 15px;
            border-radius: 2px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 200;
            background: #05763d;
            height: auto;
            width: auto;
            border-width: 0;
            text-align: left;
        }

        #bj .dj_controls li.sub-action a, #bj .dj_controls li.sub-action input[type='button'], #bj .dj_controls li.sub-action button {
            background: #8e8e8e;
            color: #f0f0f0;
        }

            #bj .dj_controls li.sub-action a:hover, #bj .dj_controls li.sub-action input[type='button']:hover, #bj .dj_controls li.sub-action button:hover {
                background: #000000;
                color: #f0f0f0;
            }

        #bj .dj_controls li * span {
            display: block;
            font-size: 12px;
        }

    #bj .dj_controls.full_width {
        display: block;
    }

    #bj .dj_controls.align_left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #bj .dj_controls.align_left li.progress-action {
            float: none;
            justify-self: flex-end;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    #bj .dj_controls.old_style li.sub-action a,
    #bj .dj_controls.old_style li.sub-action input[type='button'],
    #bj .dj_controls.old_style li.sub-action button {
        background-color: #8e8e8e;
    }

    #bj .dj_controls.old_style li a,
    #bj .dj_controls.old_style li input[type='button'],
    #bj .dj_controls.old_style li button {
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 20px;
        background-color: #05763d;
        color: #f0f0f0;
        border-radius: 4px;
        font-weight: 700;
    }

        #bj .dj_controls.old_style li a:hover,
        #bj .dj_controls.old_style li input[type='button']:hover,
        #bj .dj_controls.old_style li button:hover {
            background-color: #2e2d2c;
            color: #f0f0f0;
            border-radius: 4px;
            font-weight: 700;
        }

@media (min-width: 30em) {
    #bj .layout .block-size-100 > .pane {
        display: inline-block;
        width: 40%;
        width: calc( 50% - 10px );
        padding-bottom: 0;
    }

        #bj .layout .block-size-100 > .pane.message {
            width: 100%;
        }
}

@media (min-width: 37.5em) {
    #bj section .head ol li i {
        opacity: 0.6;
    }

    #bj section .head ol li .title {
        display: inline;
    }

    #bj .layout {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    }

        #bj .layout .block-size-10 {
            display: none;
        }

        #bj .layout .block-size-30,
        #bj .layout .block-size-60,
        #bj .layout .block-size-90,
        #bj .layout .block-size-100 {
            display: table-cell;
            vertical-align: top;
        }

        #bj .layout .block-size-30 {
            width: 50%;
            padding-bottom: 0;
        }

        #bj .layout .block-size-60 {
            width: 50%;
        }

        #bj .layout .block-size-90 {
            width: 100%;
        }

        #bj .layout .block-size-100 {
            width: 100%;
        }

    #bj section .milestones li span {
        display: block;
    }

    #bj section {
        padding: 0 10px 10px;
    }

    #bj.bkg_change section {
        padding: 0 0 10px;
    }

    #bj section .the_code {
        font-size: 116px;
        line-height: 120px;
    }

    #bj section .the_big_code .the_code {
        font-size: 192px;
        line-height: 200px;
    }

    #bj section .card.logo .base {
        padding: 80px 0;
        min-height: 280px;
    }

    #bj.milestone section {
        padding: 20px 10px 0;
    }

        #bj.milestone section .base {
            padding-bottom: 20px;
        }

            #bj.milestone section .base .base {
                padding-bottom: 10px;
            }

        #bj.milestone section .dj_form .tile .btn,
        #bj.milestone section .tile .dj_form .btn {
            margin-bottom: 0;
        }

    #bj .form-text {
        padding: 0 0 20px;
    }

        #bj .form-text p {
            margin-left: 40%;
        }

        #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
            margin-left: 70px;
        }

        #bj .form-text ul {
            margin-left: 40%;
        }

        #bj .form-text[data-layout~='labelless'] p {
            margin-left: 20px;
        }

        #bj .form-text[data-layout~='labelless'] ul {
            margin-left: 20px;
        }

    #bj .form-table .nav {
        width: calc( 40% - 20px );
        margin: 0 20px 0 0;
    }

    #bj .form-table .tab-content {
        width: 60%;
    }

    #bj .form-table .form-form {
        width: calc( 30% - 20px );
        margin: 20px 20px 0 0;
    }

    #bj .form-table .form-return {
        width: 70%;
        margin: 20px 0 0;
    }

    #bj fieldset legend {
        /* margin-left: -10px ; */
    }

    #bj .form-item.action {
        float: right;
        width: 40%;
        text-align: right;
        padding: 0 0 10px;
    }

    #bj .form-item.sub-action {
        float: left;
        width: 55%;
        width: calc( 60% - 10px );
        text-align: left;
        margin: 0 0 10px;
    }

    #bj .form-item[data-layout~="horizontal"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .form-item[data-layout~="horizontal"] .label {
            display: block;
            width: 40%;
            padding: 10px 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="labelless"] .label label {
            display: none;
        }

        #bj .form-item[data-layout~="horizontal"] .label label {
            display: block;
            width: 90%;
            width: calc( 100% - 60px );
            margin-left: 60px;
            padding: 0 0 8px;
            text-align: left;
            border-bottom: 1px solid rgba(46, 45, 44, 0.2);
        }

        #bj .form-item[data-layout~="horizontal"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"] .input {
            width: 60%;
        }

        #bj .form-item[data-layout~="horizontal"] .messages {
            margin-left: 40%;
            width: 60%;
        }

        #bj .form-item[data-layout~="horizontal"].checkbox {
            padding-left: 40%;
        }

        #bj .form-item[data-layout~="horizontal"].recaptcha .label label {
            width: calc( 100% - 20px );
            margin-left: 20px;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] {
            width: 25%;
            padding: 0 10px 20px 20px;
            float: left;
            border-width: 0;
        }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].doubled {
                width: 50%;
            }

    #bj .form-item.special-req {
        padding: 0;
    }

            #bj .form-item.special-req .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type {
                padding: 0 10px 20px 20px !important ;
                margin-top:0;
            }

    #bj .requirements .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type,
    #bj .requirements .form-item[data-layout~="horizontal"][data-layout~="w_25"]:nth-of-type(4n+1) {
        padding-left: 0;
    }

    #bj div.bordered {
        border-left: 1px solid #080C10;
        border-right: 1px solid #080C10;
    }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].force-left {
                border-left: 1px solid #080C10;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].force-right {
                border-right: 1px solid #080C10;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type {
                padding-left: 0;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label {
                display: block;
                width: calc( 100% - 40px );
                padding: 10px 10px 0 0;
            }

                #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label label,
                #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input_label label {
                    width: 100%;
                    margin-left: 0%;
                    white-space: nowrap;
                }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input {
                width: 30px;
                padding: 10px 0 0;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .messages {
                margin-left: 0%;
                width: 10%;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"][data-validation~="required"] .label label::before {
                padding: 0 2px 0 0;
            }

    #bj .form-item[data-layout~="labelless"][data-layout~="labelshift"] .input {
        margin-left: 40%;
    }

    #bj .form-item[data-layout~="horizontal-stack"] {
        padding-left: 40%;
    }

    #bj .form-item[data-layout~="move_left"] {
        text-align: left;
        float: none;
    }

    #bj .form-item[data-layout~="icon"] .label label::before {
        display: inline-block;
        content: " ";
        width: 20px;
        height: 20px;
        background-image: url(_i/myqa.people.2e2d2c.svg);
        background-position: 0px -15px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 50px 50px;
        opacity: 0.8;
        vertical-align: top;
        margin: -1px 4px 0 1px;
    }

    #bj .form-item[data-layout~="icon"] .label label {
        display: block;
    }

    #bj section.checkout .card .form-item.sub-action {
        margin-top: -10px;
        margin-bottom: 0;
    }

    .no-flexbox #bj .form-table .nav {
        width: 35%;
        display: inline-block;
    }

    .no-flexbox #bj .form-table .tab-content {
        width: 60%;
        display: block;
        float: right;
        margin-bottom: 20px;
    }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] {
        display: block;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .no-flexbox #bj .form-item[data-layout~="horizontal"] .label,
        .no-flexbox #bj .form-item[data-layout~="horizontal"] .input {
            display: block;
            float: left;
        }

    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        display: block;
        float: none;
    }

        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input input {
            position: absolute;
            top: 15px;
            left: calc( 40% - 20px );
        }

    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] {
        padding-left: 35px;
    }

        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] .input input {
            padding: 0;
            left: 10px;
            top: 20px;
        }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] .messages {
        clear: both;
    }

    .flexbox #bj .form-item.checkbox[data-layout~="w_33"] {
        width: 30%;
        width: calc( 33.333% - 40px );
        margin-bottom: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="no_padding"] > div {
        margin: 0;
        padding: 0;
    }

    #bj section .dj_table tbody tr td.action a {
        display: inline-block;
        text-align: left;
    }

    #bj section.checkout .card dl dt {
        width: 27.5%;
        width: calc( 30% - 5px );
        display: inline-block;
        padding: 5px 0 0;
    }

        #bj section.checkout .card dl dt span {
            display: block;
        }

    #bj section.checkout .card dl dd {
        width: 70%;
        display: inline-block;
        padding: 5px 0 0;
    }

        #bj section.checkout .card dl dt.break_before,
        #bj section.checkout .card dl dd.break_before {
            padding-top: 9px;
            border-top: 2px dotted rgba(46, 45, 44, 0.2);
            margin-top: 9px;
        }

        #bj section.checkout .card dl dt.break_after,
        #bj section.checkout .card dl dd.break_after {
            padding-bottom: 9px;
            border-bottom: 2px dotted rgba(46, 45, 44, 0.2);
            margin-bottom: 9px;
        }

        #bj section.checkout .card dl dd.number {
            text-align: right;
        }

    #bj section.checkout .card dl dt.hdr {
        width: 100%;
        display: block;
        padding: 10px 0 0;
        font-weight: bold;
    }

    #bj section.checkout .card dl dd.hdr {
        width: 100%;
        display: block;
        padding: 10px 0 0;
        font-weight: bold;
    }

    #bj section.checkout .the_panes {
        width: 98%;
        width: calc( 100% - 15px );
        padding: 0 0 0 15px;
    }

        #bj section.checkout .the_panes li {
            height: 60px;
            max-width: 180px;
            vertical-align: top;
            display: inline-block;
            padding-bottom: 0;
            padding-left: 10px;
            margin-right: 10px;
        }

    #bj section .img.logo {
        max-width: 200px;
    }

    .myqa .featherlight .featherlight-content {
        min-width: 70%;
    }
}

@media (min-width: 48.0625em) {
    #bj section .head ol li .step_word {
        display: inline;
    }

    #bj .layout .block-size-30 {
        width: 33.333%;
    }

    #bj .layout .block-size-60 {
        width: 66.666%;
    }

    #bj .layout .block-size-90 {
        width: 100%;
    }

    #bj.milestone .layout .block-size-10 {
        width: 2%;
        display: table-cell;
    }

    #bj.milestone .layout .block-size-30 {
        width: 44%;
    }

    #bj.milestone .layout .block-size-60 {
        width: 54%;
    }

    #bj .layout .block-size-100 > .pane {
        width: 25%;
    }

        #bj .layout .block-size-100 > .pane.message {
            width: 40%;
            width: calc( 50% - 10px );
        }

    #bj section .base {
        padding-top: 100px;
    }

    #bj section .card,
    #bj section .milestones,
    #bj.history section .card,
    #bj.learning section .card,
    #bj.home section.history .card,
    #bj.split_90_10 section.history .card {
        width: 50%;
    }

    #bj section .the_big_code .the_code {
        font-size: 272px;
        line-height: 280px;
    }

    #bj section .card.the_big_code {
        width: 100%;
    }

    #bj section.checkout .card {
        width: 100%;
    }

    #bj.home section.history.list-view .card,
    #bj.split_90_10 section.history.list-view .card {
        width: 100%;
    }

    #bj .split_50_50 fieldset {
        width: calc( 50% - 20px );
        display: inline-block;
        margin-top: 40px;
        margin-bottom: 20px;
        vertical-align: top;
    }

    #bj .split_50_50 .form-item[data-layout~="horizontal"] .label label {
        width: 100%;
        margin-left: 0px;
    }

    #bj .featherlight section .card,
    #bj section .featherlight .card {
        width: 100%;
    }

    #bj section.search .card {
        width: 66.666%;
    }

    #bj.history section .card,
    #bj.learning section .card {
        width: 50%;
    }

    #bj.milestone section .card,
    #bj.milestone section .milestones {
        width: 100%;
    }

    #bj .featherlight section .card,
    #bj section .featherlight .card {
        width: 100%;
    }

        #bj .featherlight section .card .base,
        #bj section .featherlight .card .base {
            padding-bottom: 0;
            min-height: 0;
        }

    #bj section .card.logo {
        width: auto;
        height: 100%;
        display: inline-block;
    }

    #bj section .card .more .pane {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .more .pane .amend {
            text-decoration: none;
            margin: 0 0 0 0.25em;
        }

            #bj section .card .more .pane .amend:hover {
                text-decoration: none;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(46, 45, 44, 0)), color-stop(82.5%, rgba(46, 45, 44, 0)), color-stop(82.5%, rgba(69, 145, 206, 0.2)), to(rgba(69, 145, 206, 0.2)));
                background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0, rgba(46, 45, 44, 0) 82.5%, rgba(69, 145, 206, 0.2) 82.5%, rgba(69, 145, 206, 0.2) 100%);
            }

        #bj section .card .more .pane dl, #bj section .card .more .pane div {
            padding-top: 0px;
            display: inline-block;
            margin-right: 20px;
            width: 25%;
        }

            #bj section .card .more .pane dl dt,
            #bj section .card .more .pane dl dd {
                width: 100%;
                display: block;
                padding: 0;
            }

        #bj section .card .more .pane p {
            padding-top: 0;
        }

        #bj section .card .more .pane dl dt,
        #bj section .card .more .pane dl dd,
        #bj section .card .more .pane p {
            line-height: 20px;
        }

            #bj section .card .more .pane p.pane_control,
            #bj section .card .more .pane p:first-of-type.pane_control {
                padding-top: 10px;
            }

            #bj section .card .more .pane p:first-of-type {
                padding-top: 0px;
            }

            #bj section .card .more .pane p.dj_icon::before {
                top: 6px;
            }

    #bj section .head h1, #bj section .head h2, #bj section .head h3, #bj section .head h4 {
        float: left;
    }

    #bj section .head ul li[data-do_view] {
        display: inline-block;
    }

    #bj section.list-view .milestones {
        display: none;
    }

    #bj section.list-view .card {
        width: 100%;
        padding: 0 10px 5px;
    }

    #bj section.list-view .base {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0 5px;
        overflow: hidden;
        font-size: 0;
        display: table;
    }

        #bj section.list-view .card .base::before,
        #bj section.list-view .card::before,
        #bj section.list-view .card .bundle,
        #bj section.list-view .card .progress,
        #bj section.list-view .base::after,
        #bj section.list-view .card .more .pane p.dj_icon,
        #bj section.list-view .card .more .pane[data-link],
        #bj section.list-view .card .more .pane .pane_control,
        #bj section.list-view .card .more .pane h3,
        #bj section.list-view .card .more .pane dl dt,
        #bj section.list-view .card_control {
            display: none;
        }

    #bj section.list-view .card a:hover {
        text-decoration: underline;
        background-image: none;
    }

    #bj section.list-view .card .card_context {
        display: inline-block;
        text-indent: -5555px;
        vertical-align: top;
        width: 12.5%;
        height: 30px;
        width: 30px;
        padding: 0;
        position: static;
        background-color: transparent;
        color: #2e2d2c;
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 12px;
        line-height: 20px;
    }

    #bj section.list-view .card_context.over span {
        opacity: 1;
        width: auto;
        height: auto;
    }

    #bj section.list-view .card[data-type] .card_context::after {
        top: 5px;
        right: auto;
        left: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/myqa.icons.2e2d2c.svg) -40px -15px no-repeat scroll;
        background-size: 100px;
    }

    #bj section.list-view .card[data-type='bundle'] .card_context::after {
        background-position: -40px -40px;
    }

    #bj section.list-view .card[data-type='online_learning'] .card_context::after {
        background-position: -15px -65px;
    }

    #bj section.list-view .card[data-type='training_course'] .card_context::after {
        background-position: -40px -15px;
    }

    #bj section.list-view .card[data-type='product'] .card_context::after {
        background-position: -65px -65px;
    }

    #bj section.list-view .base h1, #bj section.list-view .base h2, #bj section.list-view .base h3, #bj section.list-view .base h4 {
        display: inline-block;
        vertical-align: top;
        width: 27.5%;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        min-height: auto;
    }

    #bj section.list-view .card .more {
        display: inline-block;
        vertical-align: top;
        width: 60%;
        position: relative;
    }

        #bj section.list-view .card .more .pane {
            width: 100%;
            display: block;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
            padding: 3px 5px 2px;
            position: static;
            background-color: transparent;
        }

            #bj section.list-view .card .more[data-pane_count='1'] .pane,
            #bj section.list-view .card .more .pane:first-of-type {
                padding-top: 5px;
            }

            #bj section.list-view .card .more .pane:last-of-type {
                padding-bottom: 5px;
            }

            #bj section.list-view .card .more .pane p {
                padding: 0;
                font-size: 14px;
                line-height: 20px;
            }

            #bj section.list-view .card .more .pane dl {
                display: inline;
                font-size: 0;
            }

                #bj section.list-view .card .more .pane dl dd {
                    display: inline-block;
                    width: 33.333%;
                    vertical-align: top;
                    font-size: 14px;
                    line-height: 20px;
                    padding: 0;
                }

                    #bj section.list-view .card .more .pane p::before,
                    #bj section.list-view .card .more .pane dl dd::before {
                        display: block;
                        content: attr(data-text);
                        font-size: 9px;
                        line-height: 10px;
                        letter-spacing: 0.0825em;
                        color: #2e2d2c;
                        opacity: 0.6;
                        text-transform: uppercase;
                    }

    #bj section.list-view .base::before {
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 10px;
    }

    #bj section.list-view .card.dark .base {
        background-color: transparent;
        text-align: right;
    }

    #bj .block-size-100 > .pane {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

        #bj .block-size-100 > .pane:nth-of-type(3) {
            width: 25%;
        }

    .myqa .featherlight .featherlight-content {
        min-width: 60%;
    }
}

@media (min-width: 61.25em) {
    #bj .layout .block-size-10 {
        display: none;
    }

    #bj.milestone .layout .block-size-10 {
        width: 4%;
        display: table-cell;
    }

    #bj.milestone .layout .block-size-30 {
        width: 33%;
    }

    #bj.milestone .layout .block-size-60 {
        width: 63%;
    }

    #bj section .split li {
        display: inline-block;
        width: 45%;
        width: calc( 50% - 20px );
        width: auto;
        margin: 0 20px 0 0;
        padding-bottom: 0;
    }

    #bj.history section .card,
    #bj.learning section .card,
    #bj.home section.history .card,
    #bj.split_90_10 section.history .card {
        width: 100%;
    }

    #bj.history section.list-view .card,
    #bj.learning section.list-view .card,
    #bj.home section.history.list-view .card,
    #bj.split_90_10 section.history.list-view .card {
        width: 100%;
    }

    #bj.history section .card_control li.link,
    #bj.learning section .card_control li.link,
    #bj.milestone section .card_control li.link,
    #bj.home section.history .card_control li.link,
    #bj.split_90_10 section.history .card_control li.link {
        /* padding: 0 ; */
    }

        #bj.history section .card_control li.link:first-of-type,
        #bj.learning section .card_control li.link:first-of-type,
        #bj.milestone section .card_control li.link:first-of-type,
        #bj.home section.history .card_control li.link:first-of-type,
        #bj.split_90_10 section.history .card_control li.link:first-of-type {
            padding-left: 20px;
        }

    #bj section .card_control li {
        padding: 20px;
    }

        #bj section .card_control li:first-of-type {
            margin-left: 0;
        }

        #bj section .card_control li.done,
        #bj section .card_control li.error,
        #bj section .card_control li.warning,
        #bj section .card_control li.done:first-of-type,
        #bj section .card_control li.error:first-of-type,
        #bj section .card_control li.warning:first-of-type {
            padding-right: 10px;
        }

    #bj section .base {
        padding-top: 20px;
    }

    #bj section .card .more .pane {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .more .pane dl dt,
        #bj section .card .more .pane dl dd {
            display: inline-block;
            padding: 5px 0 0;
            vertical-align: top;
        }

        #bj section .card .more .pane dl dt {
            width: 100%;
        }

        #bj section .card .more .pane dl dd {
            width: 100%;
        }

        #bj section .card .more .pane p {
            padding-top: 5px;
        }

            #bj section .card .more .pane p.dj_icon::before {
                top: 4px;
            }

    #bj .form-item[data-layout~="horizontal"] .label label {
        width: calc( 100% - 140px );
        margin-left: 140px;
    }

    #bj .featherlight .form-item[data-layout~="horizontal"] .label label {
        width: 100%;
        margin-left: 0;
    }

    #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
        margin-left: 10px;
    }

    #bj section .the_big_code .the_code {
        font-size: 352px;
        line-height: 360px;
    }

    #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker {
        display: inline-block;
    }

    #bj .form-table .features-table td {
        vertical-align: middle;
    }

        #bj .form-table .features-table td .btn {
            display: inline-block;
            margin: 0;
        }

        #bj .form-table .features-table td input.btn {
            width: auto;
        }

    .myqa .featherlight .featherlight-content {
        min-width: 50%;
    }
}

@media (min-width: 75em) {
    #bj section .the_big_code .the_code {
        font-size: 332px;
        line-height: 340px;
    }
}

@media (min-width: 37.5em) and (max-width: 75em) {
    #bj section .card_control li {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card_control li.link:first-of-type {
            /* padding-left: 0 ; */
        }
}

#bj .addtocalendar var {
    display: none;
}

#bj .addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent !important;
}

#bj .atcb-link {
    display: block;
    outline: none !important;
    cursor: pointer;
    text-decoration: none;
}

    #bj .atcb-link:focus ~ ul,
    #bj .atcb-link:active ~ ul,
    #bj .atcb-list:hover {
        visibility: visible;
    }

#bj .atcb-list {
    visibility: hidden;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 200px;
    z-index: 900;
}

#bj .atcb-list {
    list-style: none;
    margin: 0;
    padding: 5px 10px;
    background: #ffffff;
    list-style-type: none;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(46, 45, 44, 0.2);
    box-shadow: 0 0 2px rgba(46, 45, 44, 0.2);
}

    #bj .atcb-list .atcb-item {
        list-style: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .atcb-list .atcb-item {
        list-style-type: none;
    }

        #bj .atcb-list .atcb-item::before {
            display: none;
        }

    #bj .atcb-list .atcb-item {
        float: none;
        text-align: left;
    }

#bj .atcb-item-link {
    text-decoration: none;
    outline: none;
    display: inline-block;
}

#bj .atcb-item.hover,
#bj .atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.no-flexbox #bj section .card {
    display: inline-block;
    padding: 0 10px 20px;
    font-size: 16px;
    line-height: 20px;
}

.no-flexbox #bj section.list-view .card {
    padding-bottom: 5px;
}

.no-flexbox #bj section .milestones {
    display: inline-block;
    float: none;
}

.no-flexbox #bj section.list-view .milestones {
    display: none;
}

.ie9 #bj .form-item {
    clear: both;
}

.ie9 .featherlight-content {
    overflow-y: hidden !important;
}

.ie9 #bj fieldset {
    background-color: #f0f0f0;
    background-image: none;
}

    .ie9 #bj fieldset.in_card {
        background-color: transparent;
    }

        .ie9 #bj fieldset.in_card legend {
            display: none;
        }

.ie9 #bj section .base .base {
    border: 1px solid #bcbcbb;
}

.ie9 #bj .featherlight section .card,
.ie9 #bj section .featherlight .card {
    width: 20em;
}

.ie9 #bj .form-table .nav {
    vertical-align: top;
    width: 30%;
}

.ie9 #bj .form-table .form-form {
    float: left;
    margin-top: 0;
}

.ie9 #bj .form-table .form-return {
    width: 100%;
}

@media (min-width: 30em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 30em;
    }
}

@media (min-width: 37.5em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 37.5em;
    }
}

@media (min-width: 48.0625em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 48.0625em;
    }
}

@media (min-width: 50em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 50em;
    }
}

@media (min-width: 61.25em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 61.25em;
    }
}

@media (min-width: 75em) {
    .ie9 #bj .featherlight section .card,
    .ie9 #bj section .featherlight .card {
        width: 75em;
    }
}

.ie8 #bj .form-item.checkbox,
.ie8 #bj .form-item.checkbox[data-layout~="horizontal"] {
    display: block;
}

    .ie8 #bj .form-item.checkbox .label,
    .ie8 #bj .form-item.checkbox[data-layout~="horizontal"] .label {
        display: block;
        width: calc( 100% - 40px );
        padding: 5px;
    }

        .ie8 #bj .form-item.checkbox .label label,
        .ie8 #bj .form-item.checkbox[data-layout~="horizontal"] .label label {
            display: block;
            width: 100%;
            margin-left: 0%;
            text-align: left;
            border-bottom-width: 0;
        }

    .ie8 #bj .form-item.checkbox .input,
    .ie8 #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        display: block;
    }

.ie8 #bj .form-table .nav {
    width: 35%;
    display: inline-block;
}

.ie8 #bj .form-table .tab-content {
    width: 60%;
    display: inline-block;
    float: right;
    margin-bottom: 20px;
}

.ie8 #bj .form-item[data-layout~="horizontal"] {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .ie8 #bj .form-item[data-layout~="horizontal"] .label,
    .ie8 #bj .form-item[data-layout~="horizontal"] .input {
        display: block;
        float: left;
    }

    .ie8 #bj .form-item[data-layout~="horizontal"] .label {
        width: 30%;
    }

    .ie8 #bj .form-item[data-layout~="horizontal"] .input {
        width: 65%;
    }

.ie8 #bj .form-item.checkbox[data-layout~="horizontal"] .input input {
    position: static;
    top: 15px;
    left: calc( 40% - 20px );
}

.ie8 #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] {
    padding-left: 35px;
}

    .ie8 #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] .input input {
        padding: 0;
        left: 10px;
        top: 20px;
    }

.ie8 #bj .form-item[data-layout~="horizontal"] .messages {
    clear: both;
}

.ie8 #bj .label {
    padding: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-align: inherit;
    white-space: inherit;
    vertical-align: inherit;
    border-radius: inherit;
}

.ie8 #bj section .card,
.ie8 #bj section .milestones,
.ie8 #bj.history section .card,
.ie8 #bj.learning section .card,
.ie8 #bj.home section.history .card,
.ie8 #bj.split_90_10 section.history .card {
    width: 50%;
}

.ie8 #bj section .base {
    border: 1px solid #cccccc;
    background: #ffffff;
}

.ie8 #bj section [data-type].card .card_context {
    padding-right: 20px !important;
}

.ie8 #bj li:before {
    content: "" !important;
}

.ie8 #bj section .card .card_context span {
    display: none;
}

.ie8 #bj section .card .card_control li:first-of-type {
    /* padding-left: 20px !important ; */
}

.ie8 #bj_modal {
    background-color: #2e2d2c;
}

.ie8 #bj .featherlight {
    background-color: #2e2d2c;
}

.ie8 #bj section .featherlight-content .milestones,
.ie8 #bj .featherlight-content section .milestones {
    width: 100% !important;
}

.ie8 #bj section .featherlight-content .card,
.ie8 #bj .featherlight-content section .card {
    width: 100% !important;
}

.ie8 #bj section .head h1, .ie8 #bj section .head h2, .ie8 #bj section .head h3 {
    display: inline-block;
    border-bottom: 5px solid #dfe9e9;
}

.ie8 #bj section .head ul {
    display: none !important;
}

.ie8 #bj section .card.warning .base::before,
.ie8 #bj section .card.error .base::before,
.ie8 #bj section .card.done .base::before {
    border-bottom: 20px solid #00519c;
}

.ie8 #bj section .base::before {
    background: #00519c;
}

.ie8 #bj section .milestones li {
    padding-left: 0;
}

    .ie8 #bj section .milestones li:last-of-type {
        padding-bottom: 0;
    }

    .ie8 #bj section .milestones li a {
        background-color: #fdfdfd;
    }

    .ie8 #bj section .milestones li span {
        display: block;
        background-color: #2c6da8;
        color: #f0f0f0;
    }

        .ie8 #bj section .milestones li a::before,
        .ie8 #bj section .milestones li span::before {
            background-color: #fdfdfd;
        }

.ie8 #bj section .card.dark .base a:hover {
    background: white;
}

.ie8 #bj section .tile .download a {
    color: #ca7f4e;
}

.ie8 #bj section .tile .base::before,
.ie8 #bj section .tile .card_control li::after {
    background-color: #e9e9e9;
}

.ie8 #bj section .card[data-type='online_learning'] a:hover {
    background-color: #ca7f4e;
}

.ie8 #bj section .card[data-type='online_learning'] .base::before,
.ie8 #bj section .card[data-type='online_learning'] .card_control li::after {
    background-color: #ca7f4e;
}

.ie8 #bj section .card[data-type='online_learning'].warning .base::before, .ie8 #bj section .card[data-type='online_learning'].error .base::before, .ie8 #bj section .card[data-type='online_learning'].done .base::before {
    border-bottom: 20px solid #ca7f4e;
}

.ie8 #bj section .card[data-type='training_course'] a:hover {
    background-color: #4591ce;
}

.ie8 #bj section .card[data-type='training_course'] .base::before,
.ie8 #bj section .card[data-type='training_course'] .card_control li::after {
    background-color: #4591ce;
}

.ie8 #bj section .card[data-type='training_course'].warning .base::before, .ie8 #bj section .card[data-type='training_course'].error .base::before, .ie8 #bj section .card[data-type='training_course'].done .base::before {
    border-bottom: 20px solid rgba(69, 145, 206, 0.2);
}

.ie8 #bj section .card[data-type='product'] a:hover {
    background-color: #954637;
}

.ie8 #bj section .card[data-type='product'] .base::before,
.ie8 #bj section .card[data-type='product'] .card_control li::after {
    background-color: #954637;
}

.ie8 #bj section .card[data-type='product'].warning .base::before, .ie8 #bj section .card[data-type='product'].error .base::before, .ie8 #bj section .card[data-type='product'].done .base::before {
    border-bottom: 20px solid #954637;
}

.ie8 #bj section .card[data-type='bundle'] a:hover {
    background-color: #2e2d2c;
}

.ie8 #bj section .card[data-type='bundle'] .base::before,
.ie8 #bj section .card[data-type='bundle'] .card_control li::after {
    background-color: #e9e9e9;
}

.ie8 #bj section .card[data-type='bundle'].warning .base::before, .ie8 #bj section .card[data-type='bundle'].error .base::before, .ie8 #bj section .card[data-type='bundle'].done .base::before {
    border-bottom: 20px solid #e9e9e9;
}

.ie8 #bj .form-item {
    clear: both;
    overflow: hidden;
}

    .ie8 #bj .form-item .messages ul li.done {
        background-color: #05763d;
    }

    .ie8 #bj .form-item .messages ul li.error {
        background-color: #ca1e17;
    }

    .ie8 #bj .form-item .messages ul li.warning {
        background-color: #dfdf20;
    }

    .ie8 #bj .form-item .input .strength.error {
        background-image: none;
        background-color: #ca1e17;
    }

    .ie8 #bj .form-item .input .strength.done {
        background-image: none;
        background-color: #05763d;
    }

    .ie8 #bj .form-item .input .strength.warning {
        background-image: none;
        background-color: #dfdf20;
    }

    .ie8 #bj .form-item[data-validation~="not_first"] .label label:after,
    .ie8 #bj .form-item[data-validation~="matches_previous"] .label label:after,
    .ie8 #bj .form-item[data-validation~="required"] .label label:after {
        content: " *";
        color: #ca1e17;
        font-size: 20px;
        line-height: 20px;
    }

.ie8 #bj section .card .more .pane .pane_control {
    padding: 20px;
}

.ie8 #bj.login .layout .block-size-10 {
    display: none !important;
}

.ie8 #bj.login .layout .block-size-30 {
    width: 32.5%;
    float: right;
}

.ie8 #bj.login .layout .block-size-60 {
    width: 62.5%;
    float: left;
}

.ie8 #bj.milestone .layout .block-size-10 {
    display: none !important;
}

.ie8 #bj.milestone .layout .block-size-30 {
    width: 32.5%;
    float: left;
}

.ie8 #bj.milestone .layout .block-size-60 {
    width: 62.5%;
    float: right;
}

.ie8 #bj.milestone section .card,
.ie8 #bj.milestone section .milestones {
    width: 100%;
}

.ie8 #bj .form-text ul li {
    padding: 0;
}

    .ie8 #bj .form-text ul li a,
    .ie8 #bj .form-text ul li span {
        padding: 0;
        border-bottom: 10px solid #cccccc;
        display: inline-block;
    }

.ie8 #bj fieldset {
    background-color: #f0f0f0;
    background-image: none;
}

    .ie8 #bj fieldset.in_card {
        background-color: transparent;
    }

        .ie8 #bj fieldset.in_card legend {
            display: none;
        }

.ie8 #bj .form-table {
    padding-bottom: 20px;
    overflow: hidden;
}

    .ie8 #bj .form-table .features-table {
        vertical-align: top;
        float: right;
        width: 100%;
        overflow-x: scroll;
    }

    .ie8 #bj .form-table .nav {
        vertical-align: top;
        width: 30%;
        float: left;
    }

        .ie8 #bj .form-table .nav li.active a {
            padding-left: 10px;
        }

.ie8 #bj section .card_context {
    padding-right: 20px;
}

.ie8 #bj .form-table .form-form {
    width: 35%;
    margin-right: 10px;
    border: 5px solid #0c63ae;
    display: block;
    float: none;
}

    .ie8 #bj .form-table .form-form .sub-navigation {
        background-color: #0c63ae;
        margin: 0;
        padding: 5px 0 0;
    }

    .ie8 #bj .form-table .form-form .form-item {
        padding: 0;
    }

.ie8 #bj .form-table .form-return {
    width: 100%;
    display: block;
    float: none;
    margin-top: 20px;
}

.ie8 #bj section .dj_table tr th {
    background: #2c445f;
}

.ie8 #bj section .dj_table thead tr {
    background-color: #2c445f;
}

.ie8 #bj section .dj_table tbody tr {
    border-bottom-color: #dadada;
}

    .ie8 #bj section .dj_table tbody tr td:nth-of-type(2) a::before {
        background-color: #2e2d2c;
    }

    .ie8 #bj section .dj_table tbody tr td.action.on a.on,
    .ie8 #bj section .dj_table tbody tr td.action.on a {
        background-color: #2e2d2c;
        color: #f0f0f0;
    }

.ie10 #bj .form-table .form-form .checkbox.form-item {
    padding-bottom: 0;
    padding-top: 0;
}

.ie10.flexbox #bj .checkbox.form-item .input,
.ie10.flexbox #bj [data-layout~=horizontal].checkbox.form-item .input {
    position: absolute;
    top: 12px;
}

.ie10.flexbox #bj .checkbox.form-item .label label,
.ie10.flexbox #bj [data-layout~=horizontal].checkbox.form-item .label label {
    margin-left: 27px;
}

.ie9 #bj .form-table .form-form .checkbox.form-item {
    padding-bottom: 5px;
    padding-top: 10px;
}

.ie9 #bj .checkbox.form-item .input,
.ie9 #bj [data-layout~=horizontal].checkbox.form-item .input {
    position: absolute;
    top: 0px;
}

.ie9 #bj .checkbox.form-item .label label,
.ie9 #bj [data-layout~=horizontal].checkbox.form-item .label label {
    margin-left: 30px;
}

@media (min-width: 37.5em) {
    .ie8 #bj .form-item[data-layout~="horizontal"] .label label {
        border-bottom: 1px solid #e9e9e9;
    }
}

.select-replace {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: unset;
    height: auto;
    line-height: 40px;
    border-radius: 2px;
    background-color: transparent;
}

    .select-replace::after {
        border: 8px solid #666;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        top: 16px;
        width: 0;
        height: 0;
        right: 0.75rem;
        background-image: none;
        /*z-index: 9999;*/
    }

    .select-replace select option {
        background-color: #ffffff;
    }

@media (min-width: 37.5em) {
    .select-replace::after {
        top: 19px;
    }
}

.picker {
    width: 100%;
    max-width: 560px;
    line-height: 20px;
    font-size: 14px;
    display: none;
    position: absolute;
    width: 328px;
    background-color: white;
    font-weight: 500;
    box-shadow: 0 2px 10px 1px rgba(0,64,80,0.05);
    border-radius: 10px;
    padding: 18px 24px 11px 24px;
    z-index: 100;
}

    .picker.picker--opened {
        display: block; 
    }

    .picker .picker__header {
        width: 100%;
        text-align: center;
        padding: 10px !important;
        line-height: 20px;
        font-size: 14px;
        position: relative;
    }

        .picker .picker__header .picker__month {
            display: inline-block;
            padding: 10px 0.5em 10px 0 !important;
        }

        .picker .picker__header .picker__year {
            display: inline-block;
        }

        .picker .picker__header .picker__nav--prev {
            height: 40px;
            width: 40px;
            display: inline-block;
            background-color: transparent;
            color: #f0f0f0;
            position: absolute;
            left: 0;
            -webkit-transition: 0.5s background-color linear;
            /*! transition: 0.5s background-color linear; */
        }

            .picker .picker__header .picker__nav--prev::before {
                content: "";
                border: 0;
                /*! border-left-color: transparent; */
                /*! border-bottom-color: transparent; */
                /*! border-top-color: transparent; */
                position: absolute;
                left: 3px;
                top: 10px;
                background: transparent;
                color: #080C10;
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
            }

        .picker .picker__header .picker__nav--next {
            height: 40px;
            width: 40px;
            display: inline-block;
            background-color: white;
            color: #f0f0f0;
            position: absolute;
            right: 0;
            -webkit-transition: 0.5s background-color linear;
            transition: 0.5s background-color linear;
        }

            .picker .picker__header .picker__nav--next::before {
                content: "";
                border: 10px solid #076d3a;
                border-right-color: transparent;
                border-bottom-color: transparent;
                border-top-color: transparent;
                position: absolute;
                right: 3px;
                top: 10px;
                content: "";
                border: 0;
                border-left-color: transparent;
                border-bottom-color: transparent;
                border-top-color: transparent;
                position: absolute;
                /*! left: 3px; */
                top: 10px;
                background: transparent;
                color: #080C10;
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
            }

            .picker .picker__header .picker__nav--prev:hover,
            .picker .picker__header .picker__nav--next:hover {
                background-color: white;
            }

    .picker .picker__table {
        width: 100%;
    }

        .picker .picker__table .picker__weekday {
            text-align: center;
        }

        .picker .picker__table .picker__day {
            text-align: center;
            line-height: 20px;
            font-size: 14px;
            padding: 7px 5px !important;
            cursor: pointer;
            /*! height: 40px; */
            /*! width: 40px; */
            /*! border-radius: 10px; */
            /*! background-color: #080C10; */
            border: 1px solid white;
        }

        .picker .picker__table .picker__day--today {
            /*! border: 1px solid #28598d; */
            /*! height: 40px; */
            /*! width: 40px; */
            border-radius: 10px;
            background-color: #080C10;
            color: white;
            border-color: #080C10;
        }

        .picker .picker__table .picker__day:hover {
            border-radius: 10px;
            background-color: #080C10;
            color: white;
            border: 1px solid #28598d;
        }

        .picker .picker__table .picker__day--outfocus {
            color: white;
        }

        .picker .picker__table .picker__day--outfocus:hover {
            color: white;
            background: white;
        }

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

        .picker .picker__footer button {
            /*! background: #076d3a; */
            color: #f0f0f0;
            font-size: 14px;
            line-height: 20px;
            padding: 7px 16px;
            margin: 10px 4px;
            font-weight: bold;
            border-width: 0;
            /*! border-radius: 0.25rem; */
            border-radius: 24px;
            background-color: #080C10;
            color: #FFFFFF;
            font-family: 'Figtree',Arial,sans-serif;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 16px;
            text-align: center;
            display: inline-block;
        }

            /*.picker .picker__footer button:hover {
                background: #2e2d2c;
            }*/

.select-replace[readonly], input[readonly], select[readonly], textarea[readonly] {
    cursor: default;
}

#bj input[type=button],
#bj input[type=submit],
#bj input[type=radio] {
    -webkit-appearance: none;
}

#bj .dj_autocomplete {
    border-right: 1px solid rgba(46, 45, 44, 0.2);
    border-left: 1px solid rgba(46, 45, 44, 0.2);
    background-color: #ffffff;
    max-width: 560px;
    max-height: 280px;
    overflow-y: auto;
}

    #bj .dj_autocomplete.off {
        display: none;
    }

    #bj .dj_autocomplete .off {
        display: none;
    }

        #bj .dj_autocomplete .off.on {
            display: block;
        }

    #bj .dj_autocomplete li {
        cursor: pointer;
        display: block;
        padding: 10px 10px 9px;
        border-bottom: 1px solid rgba(46, 45, 44, 0.2);
        background-color: #ffffff;
        color: #2e2d2c;
    }

        #bj .dj_autocomplete li:hover,
        #bj .dj_autocomplete li.on {
            display: block;
            text-decoration: underline;
            background-color: #f0f0f0;
        }

.disable-hover,
.disable-hover * {
    pointer-events: none !important;
}

#bj .select-replace {
    border-radius: 0;
}

    #bj .select-replace select {
        border-radius: 0;
    }

#bj .article-header {
    position: relative;
}

    #bj .article-header h1.course-detail-header {
        text-align: left;
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    #bj .article-header p {
        max-width: 640px;
        color: #080C10;
        font-size: 0.875em;
        line-height: 125%;
    }

    #bj .article-header button {
        padding: 10px;
        display: inline-block;
        cursor: pointer;
    }

#bj .details h3 {
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    color: #080C10;
    font-size: 18px;
    margin: 10px 0;
    padding: 60px 0 9px;
    border-bottom: 10px solid rgba(2, 91, 170, 0.2);
    display: inline-block;
}

    #bj .details h3:first-of-type {
        padding-top: 0px;
    }

#bj .details h4 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#bj .payment h3 {
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    color: #080C10;
    font-size: 18px;
    margin: 10px 0;
    padding: 60px 0 9px;
    border-bottom: 10px solid rgba(2, 91, 170, 0.2);
    display: inline-block;
}

    #bj .payment h3:first-of-type {
        padding-top: 0px;
    }

#bj .payment h4 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#bj .unit {
    position: relative;
    padding: 1rem;
    margin: 0 -1rem;
}

    #bj .unit:first-of-type {
        padding-top: 0;
    }
/*
    #bj .unit:nth-of-type(even) {
        background-color: #f8f8f8;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }*/

    #bj .unit > .hdr {
        padding: 0px;
        font-size: 20px;
        line-height: 20px;
        color: #080C10;
        font-size: 18px;
        margin: 10px 0;
        padding: 10px 70px 10px 50px;
        position: relative;
        z-index: 1;
    }

        #bj .unit > .hdr span {
            width: 38px;
            line-height: 38px;
            height: 38px;
            text-align: center;
            padding: 0;
            margin: 0 8px 16px 0;
            border: 1px solid #080C10;
            background: #ffffff;
            font-weight: bold;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

    #bj .unit .hdr i {
        font-size: 12px;
        font-style: normal;
        opacity: 0.8;
    }

        #bj .unit .hdr i::before {
            padding-left: 0.5em;
        }

    #bj .unit .hdr .fa {
/*        position: relative;
        top: 5px;
        left: -11px;
        font-size: 28px;*/
        position: relative;
        top: 3px;
        left: -8px;
        font-size: 26px;
        font-weight: 500;
    }
    #bj .unit .hdr .fa.fa-shopping-cart {
        left: -10px;
    }


    #bj .unit .cnt {
        margin: 0;
        padding: 15px;
        border: 1px solid #080C10;
        border-bottom: none;
        background-color: #ffffff;
        color: #080C10;
    }

    #bj .unit.off .cnt {
        border-bottom: 1px solid #080C10;
    }

        #bj .unit .cnt.question {
            display: block;
        }

        #bj .unit .cnt.statement {
            display: none;
        }

        #bj .unit .cnt p {
            font-size: 12px;
            line-height: 20px;
        }

        #bj .unit .cnt table {
            width: 100%;
            margin: 0;
            padding: 0;
            table-layout: fixed;
            border-collapse: collapse;
        }

            #bj .unit .cnt table thead tr th {
                vertical-align: top;
                text-align: left;
                padding: 10px 5px;
            }

            #bj .unit .cnt table tbody tr td {
                vertical-align: top;
                text-align: left;
            }

            #bj .unit .cnt table tfoot tr td {
                /*background-color: #e9e9e9;*/
                color: #000;
                padding: 10px;
            }

            #bj .unit .cnt table tfoot tr:nth-of-type(2) td {
                /*background-color: #cccccc;*/
                color: #2e2d2c;
            }

    #bj .unit.off .cnt.question {
        display: none;
    }

    #bj .unit.off .cnt.statement {
        display: block;
    }

    #bj .unit > .ftr {
        margin: 0;
        /*        background-color: #080C10;
        color: #ffffff;*/
        font-size: 12px;
        padding: 8px 16px;
        border: 1px solid #080C10;
        border-top:none;
    }

        #bj .unit > .ftr button {
            padding: 10px;
            line-height: 20px;
            cursor: pointer;
        }

    #bj .unit.off > .ftr {
        display: none;
    }

    #bj .unit .ctl {
        display: block;
        position: absolute;
        top: 10px;
        right: 1rem;
        z-index: 2;
        font-size: 12px;
        cursor: pointer;
        color: #080C10;
    }

        #bj .unit .ctl span {
            font-size: 12px;
        }

        #bj .unit .ctl:hover {
            text-decoration: underline;
        }

        #bj .unit .ctl .change {
            display: none;
        }

        #bj .unit .ctl .cls {
            display: block;
        }

            #bj .unit .ctl .cls::after {
                font-family: "Font Awesome 5 Pro";
                display: inline-block;
                content: "\f054";
                position: relative;
                width: 20px;
                height: 20px;
                /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                text-align:center;
            }

        #bj .unit .ctl .change::after {
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            content: "\f054";
            position: relative;
            width: 20px;
            height: 20px;
            text-align: center;
            /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
        }

    #bj .unit.off .ctl {
        display: block;
    }

        #bj .unit.off .ctl .change {
            display: block;
        }

        #bj .unit.off .ctl .cls {
            display: none;
        }

    #bj .unit .cnt.question p {
        padding: 0;
        margin: 0;
    }

    #bj .unit .cnt.question table {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        table-layout: fixed;
        border-collapse: collapse;
    }

        #bj .unit .cnt.question table thead,
        #bj .unit .cnt.question table tbody,
        #bj .unit .cnt.question table tfoot {
            display: block;
            width: 100%;
        }

            #bj .unit .cnt.question table tbody tr {
                display: block;
            }

                #bj .unit .cnt.question table tbody tr td {
                    display: inline-block;
                    margin-left: -5px;
                    vertical-align: top;
                    text-align: left;
                    padding: 10px 5px;
                }

                    #bj .unit .cnt.question table tbody tr td.hdr {
                        font-size: 18px;
                        line-height: 20px;
                        font-weight: 400;
                    }

                    #bj .unit .cnt.question table tbody tr td strike {
                        color: #999999;
                    }

                    #bj .unit .cnt.question table tbody tr td .txt {
                        display: block;
                        font-size: 14px;
                        line-height: 20px;
                    }

                    #bj .unit .cnt.question table tbody tr td span.more {
                        font-size: 14px;
                        line-height: 20px;
                        padding: 0 0 10px;
                        cursor: pointer;
                        display: block;
                    }

                    #bj .unit .cnt.question table tbody tr td div.more {
                        display: none;
                        font-size: 14px;
                        line-height: 20px;
                        padding: 0;
                    }

                    #bj .unit .cnt.question table tbody tr td dl {
                        display: block;
                    }

                        #bj .unit .cnt.question table tbody tr td dl dt {
                            display: inline-block;
                            width: 25%;
                        }

                        #bj .unit .cnt.question table tbody tr td dl dd {
                            display: inline-block;
                            width: 70%;
                        }

        #bj .unit .cnt.question table tfoot {
            display: block;
        }

            #bj .unit .cnt.question table tfoot tr:nth-of-type(2) td {
                /*background-color: #cccccc;*/
                color: #2e2d2c;
            }

            #bj .unit .cnt.question table tfoot tr {
                display: block;
            }

                #bj .unit .cnt.question table tfoot tr td {
                    display: inline-block;
                    margin-left: -5px;
                    /*background-color: #e9e9e9;*/
                    color: #000;
                    padding: 10px;
                }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(1),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(1) {
                        width: 51%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(2),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(2) {
                        width: 17%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(3),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(3) {
                        width: 17%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(4),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(4) {
                        width: 15%;
                    }

@media (max-width: 990px) {
    #bj .unit .cnt.question table tfoot tr td:nth-of-type(1) {
        width: 100%;
        padding: 10px 10px 0;
        margin: 0;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(2) {
        width: 100%;
        text-align: right;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(3) {
        display: none !important;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(4) {
        width: 100%;
        text-align: right;
        padding: 0 10px 10px;
        margin: 0;
    }
}

#bj .unit .cnt.question table.summary ~ .form-item {
    font-size: 12px;
    color: #080C10;
}

#bj .unit .cnt.question table.summary tbody {
    font-size: 20px;
    line-height: 20px;
}

    #bj .unit .cnt.question table.summary tbody.bundle {
        background: #bcbcbb;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.product {
        background: #d1c1be;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.online_learning {
        background: #f5e5db;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.training_course {
        background: #d0dfec;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 40%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 20%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 20%;
        text-align: right;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 20%;
        text-align: right;
    }

        #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3).hdr,
        #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4).hdr {
            font-weight: 700;
        }

@media (max-width: 990px) {
    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 100%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 100%;
        padding: 5px 0 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 100%;
        text-align: right;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 50%;
        text-align: left;
        padding: 5px 5px 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(5) {
        width: 50%;
        text-align: right;
        padding: 5px 5px 0;
    }
}

#bj .unit .cnt.question table.licence {
    width: 100%;
}

    #bj .unit .cnt.question table.licence tr thead th:nth-of-type(1) {
        padding-left: 10px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
        width: 15%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
        width: 35%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

@media (max-width: 640px) {
    #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
        width: 50%;
        padding: 0 0 0 5px !important;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
        width: 50%;
        padding: 0 5px 0 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-item-align: center;
        align-self: center;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
        width: 100%;
        padding: 5px 5px 0;
        text-align: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
        width: 33.333%;
        padding: 0 0 5px 5px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
        width: 33.333%;
        padding: 0 0 5px 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
        width: 33.333%;
        padding: 0 5px 5px 0;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(1) {
    width: 40%;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(2) {
    width: 15%;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(4) {
    width: 15%;
    text-align: right;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(5) {
    width: 15%;
    text-align: right;
}

@media (max-width: 990px) {
    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(1) {
        width: 100%;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(2) {
        width: 100%;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(3) {
        display: none !important;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(4) {
        display: none !important;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(5) {
        width: 100%;
        text-align: right;
    }
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
    width: 40%;
    padding-bottom: 10px;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(2) {
    width: 15%;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(4) {
    width: 15%;
    text-align: right;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(5) {
    width: 15%;
    text-align: right;
}

@media (max-width: 990px) {
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] {
        margin-top: 12px;
    }

    #bj .unit.details .cnt.question .form.grey .form-item[data-layout~="w_10"][data-layout~="labelless"] .input {
        padding-top: 0px;
    }

    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"],
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] .input,
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] .input button {
        width: 100%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 100%;
        font-weight: 700;
        padding: 10px 10px 5px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 100%;
        text-align: left;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 100%;
        text-align: right;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 100%;
        text-align: right;
        padding: 0 10px 10px;
        margin: 0;
    }
}

.flexbox #bj .unit .cnt.question table thead tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #080C10;
    color: #fff;
    width: 100%;
}

    .flexbox #bj .unit .cnt.question table thead tr th {
        font-weight: 500;
    }

.flexbox #bj .unit .cnt.question table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #080C10;
    width: 100%;
}

    .flexbox #bj .unit .cnt.question table tbody tr:last-of-type {
        border-bottom-width: 0px;
    }

    .flexbox #bj .unit .cnt.question table tbody tr td {
        display: block;
        margin-left: 0px;
    }

.flexbox #bj .unit .cnt.question table.licence tr > th:nth-of-type(1) {
    padding-left: 10px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
    min-width: 120px;
}

    .flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) i {
        display: block;
        font-size: 12px;
        line-height: 20px;
        color: #080C10;
        font-style: normal;
    }

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
    min-width: 210px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td.hdr {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.flexbox #bj .unit .cnt.question.multiple table.summary tbody tr {
    border-bottom: 0px solid #080C10;
}

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
        min-width: 190px;
        padding-left: 10px;
        border-radius: 4px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(2) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(3) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(4) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(5) {
        min-width: 90px;
    }

#bj .unit .cnt.question p.more {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0 8px;
    display: block;
    color: #080C10;
}

    #bj .unit .cnt.question p.more .link::before {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
        text-align: center;
    }

    #bj .unit .cnt.question p.more .link.on::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #bj .unit .cnt.question p.more .action::before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/grey-form-icon-blue-action.png) 50% 50%/20px no-repeat;
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
    }

    #bj .unit .cnt.question p.more .important::before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/grey-form-icon-blue-important.png) 50% 50%/20px no-repeat;
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
    }

    #bj .unit .cnt.question p.more span, #bj .unit .cnt.question p.more a {
        font-size: 12px;
        line-height: 20px;
        text-decoration: none;
    }

        #bj .unit .cnt.question p.more a:hover,
        #bj .unit .cnt.question p.more .action:hover,
        #bj .unit .cnt.question p.more .link:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    #bj .unit .cnt.question p.more a {
        color: #080C10;
    }

#bj .unit .cnt.question .item p.more {
    padding: 0;
}

#bj .unit .cnt.question table[data-type="online_learning"] + .more + .more {
    color: #ca7f4e;
}

#bj .unit .cnt.question table[data-type="training_course"] + .more + .more {
    color: #4591ce;
}

#bj .unit .cnt.question table[data-type="product"] + .more + .more {
    color: #954637;
}

#bj .unit .cnt.question table[data-type="bundle"] + .more + .more {
    color: #2e2d2c;
}

#bj .unit .cnt.question div.more {
    display: none;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px 8px 4px;
}

    #bj .unit .cnt.question div.more.questions {
        padding: 0 0 24px;
    }

#bj .unit .cnt.question dl {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 8px;
}

    #bj .unit .cnt.question dl dt {
        display: inline-block;
        width: 25%;
        padding: 0;
        margin: 0;
        font-weight: 500;
        vertical-align: top;
    }

    #bj .unit .cnt.question dl dd {
        display: inline-block;
        width: 70%;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

#bj .unit .cnt.question p.txt {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    background: #f7ecec url(_i/grey-form-icon-error.png) 8px 50%/24px 24px no-repeat scroll;
    padding: 8px 8px 8px 36px;
    margin: 0 0 16px;
    -webkit-box-shadow: 0 0 3px inset rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px inset rgba(255, 255, 255, 0.8);
    color: #080C10;
    border: 1px solid #e8cbca;
    border-radius: 4px;
}

    #bj .unit .cnt.question p.txt a {
        color: #D90A47;
        font-size: 12px;
    }

        #bj .unit .cnt.question p.txt a:hover {
            color: #D90A47;
        }

#bj .unit .cnt.question.multiple p.more {
    font-size: 12px;
    padding: 0;
}

#bj .unit .cnt.question .payment_panes {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0;
}

    #bj .unit .cnt.question .payment_panes h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 0 0 8px;
        display: none;
    }

    #bj .unit .cnt.question .payment_panes p {
        padding: 0 0 8px;
    }

    #bj .unit .cnt.question .payment_panes .the_panes {
        width: calc( 100% - 16px );
        padding: 0;
        margin: 8px 0 0;
    }

        #bj .unit .cnt.question .payment_panes .the_panes li {
            border-top: 1px solid #080C10;
        }

            #bj .unit .cnt.question .payment_panes .the_panes li:first-of-type {
                border-left: 1px solid #080C10;
            }

            #bj .unit .cnt.question .payment_panes .the_panes li:last-of-type {
                border-right: 1px solid #080C10;
            }

    #bj .unit .cnt.question .payment_panes .card {
        border: 1px solid #080C10;
        margin: -1px 0 0;
        padding: 16px;
        border-radius:0;
    }

        #bj .unit .cnt.question .payment_panes .card .base {
            width: 100%;
        }

#bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type {
    background: #ccdeee;
}

    #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on {
        background: #080C10;
        color: #ffffff;
    }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on::before {
            background-image: url(_i/grey-form-icon-white-arrow-right.png);
        }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on:hover {
            background-color: #080C10;
            color: #ffffff;
        }

    #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type:hover {
        background-color: #080C10;
        color: #ffffff;
    }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type:hover::before {
            background-image: url(_i/grey-form-icon-white-arrow-right.png);
        }

@media (max-width: 990px) {
    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
        padding-bottom: 10px;
    }
}

.flexbox #bj .unit .cnt.question table tfoot tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*background-color: #f0f2f7;*/
    width: 100%;
    border: 1px solid #080C10;
    border-bottom: 1px solid #080C10;
}

/*    .flexbox #bj .unit .cnt.question table tfoot tr td {
        background-color: #f0f2f7;
    }*/

    .flexbox #bj .unit .cnt.question table tfoot tr:last-of-type {
        border-bottom: 1px solid #080C10;
        background-color: #EDEFF1;
    }

        .flexbox #bj .unit .cnt.question table tfoot tr:last-of-type td {
            background-color: #EDEFF1;
        }

    .flexbox #bj .unit .cnt.question table tfoot tr td {
        display: block;
        margin-left: 0px;
    }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(1) {
            min-width: 240px;
            font-weight: 700;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(2) {
            min-width: 120px;
            font-weight: 300;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(3) {
            min-width: 120px;
            font-weight: 300;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(4) {
            min-width: 120px;
            font-weight: 700;
            color: #080C10;
        }

#bj .unit.basket .cnt.question p.note {
    text-align: right;
    font-style: normal;
    max-width: 100%;
    line-height: 15px;
    font-size: 12px;
    color: #0B7192;
}

    #bj .unit.basket .cnt.question p.note b {
        display: none;
        font-weight: 500;
        font-style: normal;
        font-variant: small-caps;
        text-transform: capitalize;
        padding: 0 0.125rem 0 0;
    }

#bj .unit button {
    display: inline-block;
    margin: 0 0 5px 5px;
    padding: 10px;
    border-radius: 2px;
    background: #64992f;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    min-height: 1px;
    border-width: 0;
    -webkit-transition: 0.15s background, 0.35s border-color;
    transition: 0.15s background, 0.35s border-color;
}

    #bj .unit button + button {
        margin-right: 5px;
    }

    #bj .unit button:hover {
        background: #05763d;
    }

#bj .unit .form {
    padding: 20px 0 0;
}

#bj .unit .cnt.statement p {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}

#bj .unit.basket > .cnt.statement p {
    padding-right: 130px;
}

    #bj .unit.basket > .cnt.statement p .cost {
        position: absolute;
        width: 120px;
        right: 0;
        top: 0;
        text-align: right;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit.basket > .cnt.statement p i {
        font-style: normal;
        font-weight: 500;
    }

#bj .unit.basket > .cnt.question p {
    max-width: 560px;
}

    #bj .unit.basket > .cnt.question p.more {
        margin-bottom: 12px;
        padding-bottom: 0;
    }

#bj .unit.basket > .cnt.question.multiple p.more {
    padding-top: 0;
}

#bj .unit .the_panes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    width: calc( 100% + 30px );
    padding: 0 0 8px;
    margin: -15px -15px 8px;
}

    #bj .unit .the_panes li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 120px;
        max-width: 100%;
        position: relative;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        padding: 12px 8px 12px 32px;
        vertical-align: top;
        background-color: #fff;
        border-bottom: 1px solid #080C10;
        border-right: 1px solid #080C10;
    }

@media (min-width: 800px) {
    #bj .unit .the_panes li:nth-last-child(n+2):first-child,
    #bj .unit .the_panes li:nth-last-child(n+2):first-child ~ li {
        max-width: 50%;
    }

    #bj .unit .the_panes li:nth-last-child(n+3):first-child,
    #bj .unit .the_panes li:nth-last-child(n+3):first-child ~ li {
        max-width: 33.333%;
    }

    #bj .unit .the_panes li:nth-last-child(n+4):first-child,
    #bj .unit .the_panes li:nth-last-child(n+4):first-child ~ li {
        max-width: 25%;
    }

    #bj .unit .the_panes li:nth-last-child(n+5):first-child,
    #bj .unit .the_panes li:nth-last-child(n+5):first-child ~ li {
        max-width: 20%;
    }

    #bj .unit .the_panes li:nth-last-child(n+6):first-child,
    #bj .unit .the_panes li:nth-last-child(n+6):first-child ~ li {
        max-width: 16.6666666667%;
    }

    #bj .unit .the_panes li:nth-last-child(n+7):first-child,
    #bj .unit .the_panes li:nth-last-child(n+7):first-child ~ li {
        max-width: 14.2857142857%;
    }

    #bj .unit .the_panes li:nth-last-child(n+8):first-child,
    #bj .unit .the_panes li:nth-last-child(n+8):first-child ~ li {
        max-width: 100%;
    }
}

#bj .unit .the_panes li::before {
    font-family: "Font Awesome 5 Pro";
    display: block;
    content: "\f054";
    position: absolute;
    top: 12px;
    left: 6px;
    width: 20px;
    height: 20px;
    text-align:center;
    font-size:12px;
}

#bj .unit .the_panes li.on::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#bj .unit .the_panes li:last-of-type {
    border-right-width: 0px;
}

#bj .unit .the_panes li.on {
    background-color: #EDEFF1;
    border-bottom-color: #EDEFF1;
}

#bj .unit .the_panes li:hover {
    /*background-color: rgba(204, 222, 238, 0.8);*/
    color: #485A6E;
}

@media (max-width: 800px) {
    #bj .unit .the_panes {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .unit .the_panes li {
            display: block;
            border: 1px solid #080C10;
            width: 100%;
        }
}

.lt-ie10 #bj .unit .the_panes {
    display: block;
}

    .lt-ie10 #bj .unit .the_panes li {
        display: inline-block;
        list-style: none;
        vertical-align: bottom;
    }

#bj .unit .form-item {
    display: block;
}

#bj .unit button {
    cursor: pointer;
    padding: 8px;
}

#bj .form.grey {
    padding: 0;
    margin: 0;
    position: relative;
}

    #bj .form.grey .form-item {
        vertical-align: top;
        padding: 0 8px 0 0;
    }

        #bj .form.grey .form-item[data-layout~="clear"] {
            display: block;
            padding-top: 8px;
        }

        #bj .form.grey .form-item .person_finder input[type="text"] {
            width: 320px;
            background-color: #ffffff;
        }

        #bj .form.grey .form-item .label {
            padding: 0;
        }

            #bj .form.grey .form-item .label label {
                color: #080C10;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin: 0;
            }

        #bj .form.grey .form-item .input_label {
            padding: 4px 0 8px;
            margin-left: 0;
        }

            #bj .form.grey .form-item .input_label label {
                color: #080C10;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin: 0;
            }

        #bj .form.grey .form-item .input button,
        #bj .form.grey .form-item .input textarea,
        #bj .form.grey .form-item .input input {
            height: auto;
            background-color: #ffffff;
            color: #080C10;
            border: 1px solid #d7d7d7;
            border-radius: 2px;
            font-size: 0.875rem;
            line-height: 20px;
            font-weight: normal;
            padding: 8px;
            margin: 0;
            white-space: nowrap;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #bj .form.grey .form-item .input input[disabled] {
                opacity: 0.6;
                font-style: italic;
                color: #080C10;
                cursor: not-allowed;
            }

        #bj .form.grey .form-item .input button {
            border-color: transparent;
        }

        #bj .form.grey .form-item .input select {
            background-color: #ffffff;
            color: #080C10;
            border: 1px solid #d7d7d7;
            font-size: 0.875rem;
            line-height: 20px;
            font-weight: normal;
            padding: 8px;
            margin: 0;
            white-space: nowrap;
        }

        #bj .form.grey .form-item .input textarea {
            height: 4rem;
            -webkit-transition: 1s height linear;
            transition: 1s height linear;
        }

            #bj .form.grey .form-item .input textarea:focus {
                height: 12rem;
            }

        #bj .form.grey .form-item .input a {
            /*color: #ffffff;*/
            text-decoration: none;
        }

            #bj .form.grey .form-item .input a:hover {
                text-decoration: underline;
            }

        #bj .form.grey .form-item .input button,
        #bj .form.grey .form-item .input input[type=button] {
            background: #709640;
            border-color: transparent;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            background-size: 40px;
            padding: 4px 8px;
        }

            #bj .form.grey .form-item .input button:hover,
            #bj .form.grey .form-item .input input[type=button]:hover {
                background: #05763d;
            }

        #bj .form.grey .form-item .error {
            width: 100%;
            font-size: 12px;
            line-height: 20px;
        }

            #bj .form.grey .form-item .error a {
                font-size: 12px;
                line-height: 20px;
                text-decoration: none;
            }

                #bj .form.grey .form-item .error a:hover {
                    text-decoration: underline;
                }

        #bj .form.grey .form-item.text .input input + input {
            border-top: 0px solid transparent;
        }

        #bj .form.grey .form-item.textarea {
            width: 100%;
        }

        #bj .form.grey .form-item.checkbox {
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

            #bj .form.grey .form-item.checkbox .label {
                vertical-align: 50%;
            }

                #bj .form.grey .form-item.checkbox .label label {
                    min-height: 1px;
                    padding: 0px;
                    margin: 0;
                }

            #bj .form.grey .form-item.checkbox .input input {
                height: auto;
                width: auto;
                background-color: unset;
                color: unset;
                border: unset;
                font-size: unset;
                line-height: unset;
                font-weight: unset;
                padding: 0px;
                margin: 0;
                white-space: normal;
            }

        #bj .form.grey .form-item[data-icon~="key"] .input input {
            background: url(_i/grey-form-icon-key.png) 0 50% no-repeat;
            background-size: 40px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="user"] .input input {
            background: url(_i/grey-form-icon-user.png) 0 50% no-repeat;
            background-size: 40px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="name_first"] .input input {
            background: url(_i/grey-form-icon-name_first.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="name_last"] .input input {
            background: url(_i/grey-form-icon-name_last.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="email"] .input input {
            background: url(_i/grey-form-icon-email.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="code"] .input input {
            background: url(_i/grey-form-icon-code.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="find-right"] .input button.find,
        #bj .form.grey .form-item[data-icon~="find-right"] .input input.find,
        #bj .form.grey .form-item[data-icon~="find-right"] .input button.save,
        #bj .form.grey .form-item[data-icon~="find-right"] .input input.save {
            background: #709640;
            border-color: #ffffff;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 10px;
            padding-right: 10px;
        }

            #bj .form.grey .form-item[data-icon~="find-right"] .input button.find:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input input.find:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input button.save:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input input.save:hover {
                background-color: #05763d;
            }

        #bj .form.grey .form-item[data-icon~="arrow-right"] .input button,
        #bj .form.grey .form-item[data-icon~="arrow-right"] .input input {
            background: #709640 url(_i/grey-form-icon-arrow-right.png) right 50% no-repeat;
            border-color: transparent;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            background-size: 40px;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 15px;
            padding-right: 40px;
        }

            #bj .form.grey .form-item[data-icon~="arrow-right"] .input button:hover,
            #bj .form.grey .form-item[data-icon~="arrow-right"] .input input:hover {
                background-color: #05763d;
            }

        #bj .form.grey .form-item[data-layout~="labelless"] .label {
            display: none;
        }

        #bj .form.grey .form-item[data-layout~="labelless"] .person_finder .label {
            display: block;
        }

            #bj .form.grey .form-item[data-layout~="labelless"] .person_finder .label label {
                display: block;
            }

        #bj .form.grey .form-item[data-layout~="smaller"][data-icon] .input button,
        #bj .form.grey .form-item[data-layout~="smaller"][data-icon] .input input {
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 8px;
            padding-right: 24px;
            background-position: 150% 50%;
        }

        #bj .form.grey .form-item .person_finder {
            position: absolute;
            background-color: #f0f0f0;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 10px;
        }

#bj table[data-type='online_learning'] td:first-of-type {
    background: #ca7f4e;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='online_learning'] td {
    color: #ca7f4e;
}

#bj table[data-type='training_course'] td:first-of-type {
    background: #4591ce;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='training_course'] td {
    color: #4591ce;
}

#bj table[data-type='product'] td:first-of-type {
    background: #954637;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='product'] td {
    color: #954637;
}

#bj table[data-type='bundle'] td:first-of-type {
    background: #2e2d2c;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='bundle'] td {
    color: #2e2d2c;
}

#bj .unit.pay .form.grey .form-item .input {
    font-size: 16px;
}

    #bj .unit.pay .form.grey .form-item .input button {
        vertical-align: 10%;
        margin-right: 5px;
    }

#bj .unit.pay .cnt.question .form-item label {
    font-size: 12px;
    color: #080C10;
}

@media (max-width: 800px) {
    #bj .form.grey .form-item[data-icon~="find-right"] .input {
        padding-top: 8px;
    }
}

#bj .unit.details .form.grey .form-item[data-layout~="labelless"] .person_finder .input {
    padding: 8px 0 0;
}

#bj .unit .person_finder {
    z-index: 2;
}

    #bj .unit .person_finder.off {
        display: none;
    }

    #bj .unit .person_finder .cls {
        position: absolute;
        top: 10px;
        right: 5px;
        font-size: 12px;
        line-height: 20px;
        padding: 0 32px 0 0;
        cursor: pointer;
        color: #080C10;
    }

        #bj .unit .person_finder .cls:hover {
            text-decoration: underline;
        }

        #bj .unit .person_finder .cls::after {
            content: " ";
            width: 32px;
            height: 32px;
            display: block;
            position: absolute;
            top: -5px;
            right: 0px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -22px no-repeat scroll;
            background-size: 150px;
            opacity: 0.8;
        }

            #bj .unit .person_finder .cls::after:hover {
                opacity: 1;
            }

#bj .unit.details .form.grey .form-item[data-layout~="labelless"] .input {
    padding-top: 25px;
}

#bj .unit.details .ftr .form.grey .form-item[data-layout~="labelless"] .input {
    padding-top: 0px;
}

#bj .unit.account .form.grey .form-item[data-layout~="labelless"] .input {
    margin-top: 8px;
    padding-top: 26px;
}

#bj .unit.who .form.grey .form-item[data-layout~="labelless"]:last-of-type .input {
    margin-bottom: 0px;
}

#bj .unit.who .form.grey .form-item[data-layout~="labelless"] .input {
    margin-bottom: 8px;
}

#bj .unit .ftr .form.grey .form-item .label {
    padding-right: 20px;
    white-space: normal;
}

    #bj .unit .ftr .form.grey .form-item .label label {
        color: #ffffff;
        margin-bottom: 8px;
    }

#bj .unit .ftr .form.grey .form-item .input {
    display: inline-block;
}

#bj [type="checkbox"]:not(:checked),
#bj [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    #bj [type="checkbox"]:not(:checked) + label,
    #bj [type="checkbox"]:checked + label {
        position: relative;
        cursor: pointer;
        text-indent: -16px;
        text-indent: 32px;
    }

        #bj [type="checkbox"]:not(:checked) + label:before,
        #bj [type="checkbox"]:checked + label:before {
            content: "";
            position: absolute;
            left: 4px;
            top: -2px;
            width: 22px;
            height: 22px;
            border: 1px solid #d7d7d7;
            background: #ffffff;
        }

        #bj [type="checkbox"]:not(:checked) + label:after,
        #bj [type="checkbox"]:checked + label:after {
            content: "";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: -1px;
            left: -26px;
            font-size: 18px;
            line-height: 20px;
            color: #080C10;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        #bj [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
        }

        #bj [type="checkbox"]:checked + label:after {
            opacity: 1;
        }

#bj [type="checkbox"]:disabled:not(:checked) + label:before,
#bj [type="checkbox"]:disabled:checked + label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

#bj [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#bj [type="checkbox"]:disabled + label {
    color: #aaa;
}

#bj [type="radio"]:not(:checked),
#bj [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

    #bj [type="radio"]:not(:checked) + label,
    #bj [type="radio"]:checked + label {
        position: relative;
        cursor: pointer;
        text-indent: -16px;
        text-indent: 32px;
    }

        #bj [type="radio"]:not(:checked) + label:before,
        #bj [type="radio"]:checked + label:before {
            content: "";
            position: absolute;
            left: 2px;
            top: -3px;
            width: 22px;
            height: 22px;
            border: 1px solid #d7d7d7;
            background: #ffffff;
            border-radius: 11px;
        }

        #bj [type="radio"]:not(:checked) + label:after,
        #bj [type="radio"]:checked + label:after {
            content: "";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: -1px;
            left: -27px;
            font-size: 18px;
            line-height: 20px;
            color: #080C10;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        #bj [type="radio"]:not(:checked) + label:after {
            opacity: 0;
        }

        #bj [type="radio"]:checked + label:after {
            opacity: 1;
        }

#bj [type="radio"]:disabled:not(:checked) + label:before,
#bj [type="radio"]:disabled:checked + label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

#bj [type="radio"]:disabled:checked + label:after {
    color: #999;
}

#bj [type="radio"]:disabled + label {
    color: #aaa;
}

.no-flexbox #bj .form-item.checkbox,
.no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] {
    display: block;
}

    .no-flexbox #bj .form-item.checkbox .label,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label {
        display: block;
        width: calc( 100% - 40px );
        padding: 5px;
    }

        .no-flexbox #bj .form-item.checkbox .label label,
        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label label {
            display: block;
            width: 100%;
            margin-left: 0%;
            text-align: left;
            border-bottom-width: 0;
        }

    .no-flexbox #bj .form-item.checkbox .input,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        display: block;
    }

.flexbox #bj .form-item.checkbox,
.flexbox #bj .form-item.checkbox[data-layout~="horizontal"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .flexbox #bj .form-item.checkbox .label,
    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc( 100% - 40px );
        padding: 5px;
    }

        .flexbox #bj .form-item.checkbox .label label,
        .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label label {
            width: 100%;
            margin-left: 0%;
            text-align: left;
            border-bottom-width: 0;
        }

    .flexbox #bj .form-item.checkbox .input,
    .flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 23px;
        padding: 5px 0;
    }

#bj .unit .number_of {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #bj .unit .number_of .add,
    #bj .unit .number_of .sub {
        display: inline-block;
        width: 18px;
        font-size: 20px;
        line-height: 14px;
        padding: 2px 0;
        background-color: rgba(2, 91, 170, 0.6);
        color: #f0f0f0;
        text-align: center;
        -webkit-transition: 0.5s background-color, 0.5s color;
        transition: 0.5s background-color, 0.5s color;
        cursor: pointer;
        border-radius: 2px;
    }

        #bj .unit .number_of .add:hover,
        #bj .unit .number_of .sub:hover {
            background-color: #080C10;
            color: #e9e9e9;
        }

    #bj .unit .number_of .number {
        display: inline-block;
        width: 40px;
        line-height: 20px;
        text-align: center;
    }

    #bj .unit .number_of input {
        position: relative;
        top: -1px;
        display: inline-block;
        padding: 0;
        margin: -2px 2px 0;
        border-width: 0;
        height: auto;
        line-height: 18px;
        font-size: 14px;
        -o-border-image: none;
        border-image: none;
        width: 40px;
        text-align: center;
        color: #2e2d2c;
        font-weight: 300;
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
    }

        #bj .unit .number_of input:focus {
            outline: 1px solid rgba(46, 45, 44, 0.2);
        }

#bj .unit table[data-type="online_learning"] .number_of .add,
#bj .unit table[data-type="online_learning"] .number_of .sub {
    background-color: rgba(202, 127, 78, 0.6);
}

#bj .unit table[data-type="training_course"] .number_of .add,
#bj .unit table[data-type="training_course"] .number_of .sub {
    background-color: rgba(69, 145, 206, 0.6);
}

#bj .unit table[data-type="product"] .number_of .add,
#bj .unit table[data-type="product"] .number_of .sub {
    background-color: rgba(149, 70, 55, 0.6);
}

#bj .unit table[data-type="bundle"] .number_of .add,
#bj .unit table[data-type="bundle"] .number_of .sub {
    background-color: rgba(46, 45, 44, 0.6);
}

#bj .unit .error {
    display: block;
    color: #cc0000;
    padding-bottom: 8px;
    margin: 0;
}

#bj .unit .note {
    display: block;
    color: #009900;
    padding-bottom: 8px;
    margin: 0;
}

#bj .unit .img_cnt::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#bj .unit .img_cnt {
    padding: 12px 0 0;
}

    #bj .unit .img_cnt .img {
        padding: 15px 20px 10px;
        max-width: 315px;
        background-color: #005BAB;
        border-radius: 10px;
        float: right;
    }

        #bj .unit .img_cnt .img img {
            width: 100%;
        }

#bj .item .more span.required::after,
#bj .form-item[data-validation~="required"] .label label:not(.nostar)::after,
#bj .form-item[data-validation~="required"] .input_label em::after {
    position: absolute;
    display: inline-block;
    padding: 0 0 0 4px;
    content: "*";
    color: #ff0000;
    font-size: 14px;
    line-height: 20px;
}

#bj .item .more span.required::after {
    position: static;
}

#bj .messages ul {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#bj .basket-header {
    color: #337dba;
    overflow: hidden;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 1rem;
    margin: 44px -1rem 0;
}

    #bj .basket-header p {
        padding-top: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .basket-header .card {
        border: 0.125rem solid #080C10;
        border-radius: 0.3125rem;
        background-color: #fff;
        width: 45%;
        width: calc( 50% - 16px );
        margin: 0 16px 16px 0;
        float: left;
        position: relative;
        z-index: 2;
    }

        #bj .basket-header .card .base {
            padding: 16px;
            font-size: 12px;
            line-height: 20px;
        }

            #bj .basket-header .card .base h1 {
                position: relative;
                font-size: 18px;
                line-height: 20px;
                font-weight: bold;
                margin: 0;
                padding: 0 0 0 28px;
                color: #080C10;
            }

                #bj .basket-header .card .base h1::after {
                    content: " ";
                    width: 32px;
                    height: 32px;
                    display: block;
                    position: absolute;
                    top: -6px;
                    left: -6px;
                    background: url(_i/myqa.icons.2e2d2c.svg) -22px -22px no-repeat scroll;
                    background-size: 150px;
                    opacity: 0.8;
                }

            #bj .basket-header .card .base h2 {
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                margin: 0;
                padding: 16px 0;
            }

            #bj .basket-header .card .base dl {
                display: block;
                font-size: 12px;
                line-height: 20px;
                padding: 0;
                margin: 0 0 8px;
            }

                #bj .basket-header .card .base dl dt {
                    display: inline-block;
                    width: 25%;
                    padding: 0;
                    margin: 0;
                    font-weight: 500;
                    vertical-align: top;
                }

                #bj .basket-header .card .base dl dd {
                    display: inline-block;
                    width: 70%;
                    padding: 0;
                    margin: 0;
                    vertical-align: top;
                }

    #bj .basket-header .form-item {
        padding-bottom: 4px;
    }

@media (max-width: 800px) {
    #bj .basket-header .card {
        width: 100%;
        margin: 0;
        float: none;
    }
}

#bj .basket-text {
    color: #595959;
    overflow: hidden;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    background-color: #F6F7F8;
    /*    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    position: relative;
    padding: 1rem;
    margin: 44px -1rem 22px;
}

    #bj .basket-text h1 {
        position: relative;
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        margin: 0;
        padding: 0 0 14px;
        color: #080C10;
    }

    #bj .basket-text h2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin: 0;
        padding: 0 0 4px;
    }

    #bj .basket-text p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .basket-text .shift {
        padding-left: 60%;
    }

    #bj .basket-text div.buttons {
        margin-top: 30px;
    }

    #bj.checkout .cta {
        margin-right: 30px;
    }

@media (max-width: 800px) {
    #bj .basket-text .shift {
        padding-left: 0%;
    }
}

#bj .basket-text p a {
    font-size: 12px;
    line-height: 20px;
    color: #595959;
    text-decoration: none;
}

    #bj .basket-text p a:hover {
        text-decoration: underline;
    }

#bj .basket-text .form.grey {
    margin-top: 28px;
}

    #bj .basket-text .form.grey .form-item {
        display: inline-block;
    }

        #bj .basket-text .form.grey .form-item[data-layout~="sub"] button,
        #bj .basket-text .form.grey .form-item[data-layout~="sub"] input {
            background-color: #ffffff;
            color: #709640;
            -webkit-box-shadow: inset 0 0 0 2px #709640;
            box-shadow: inset 0 0 0 2px #709640;
            background-image: url(_i/grey-form-icon-arrow-right-green.png);
        }

            #bj .basket-text .form.grey .form-item[data-layout~="sub"] button:hover,
            #bj .basket-text .form.grey .form-item[data-layout~="sub"] input:hover {
                background-color: #709640;
                background-image: url(_i/grey-form-icon-arrow-right.png);
                color: #ffffff;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

@media (max-width: 1100px) {
    #bj .basket-text .form.grey .form-item {
        display: block;
        padding-bottom: 8px;
    }
}

#bar {
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    top: 123px;
}

    #bar ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #ebebeb;
        line-height: 100%;
    }

        #bar ul li {
            list-style-type: none;
            font-size: 14px;
            line-height: 100%;
            font-weight: 600;
            margin: 0;
            padding: 10px 16px 10px 16px;
            background: #ffffff;
            color: #080C10;
            border-bottom: 4px solid #080C10;
            border-right: 1px solid #080C10;
            cursor: pointer;
            white-space: nowrap;
            -webkit-transition: 0.35s all linear;
            transition: 0.35s all linear;
            opacity: 0.3;
        }

            #bar ul li::before {
                display: none;
            }

            #bar ul li:last-of-type {
                border-right-width: 0px;
            }

/*            #bar ul li:nth-of-type(odd) {
                border-top-color: #134983;
                border-bottom-color: #134983;
            }*/

            #bar ul li:hover{
                opacity: 1;
            }
            #bar ul li.now:hover, 
            #bar ul li.now.done:hover {
                background: #ffffff;
                color: #485A6E;
                border-bottom-color: #485A6E;
                opacity: 1;
            }

            #bar ul li.done:hover {
                background: #485A6E;
                color: #ffffff;
                border-bottom-color: #485A6E;
                opacity: 1;
            }

            #bar ul li.done {
                background: #080C10;
                color: #fff;
                border-bottom-color: #080C10;
                opacity: 1;
            }

            #bar ul li span.number {
                position: relative;
                left: -6px;
                width: 28px;
                line-height: 26px;
                border: 1px solid #080C10;
                text-align: center;
                padding: 0;
                background: #ffffff;
                color: #080C10;
                display: inline-block;
            }

                #bar ul li span.number i {
                    line-height: 26px;
                    font-size: 125%;
                    font-weight: 300;
                }

            #bar ul li:hover span.number,
            #bar ul li.done.now:hover span.number {
                border: 1px solid #485A6E;
                background: #ffffff;
                color: #485A6E;
            }

            #bar ul li.done:hover span.number {
                background: #ffffff;
                color: #485A6E;
            }

            #bar ul li.now {
                background-color: #fff;
                color: #080C10;
                border-bottom-color: #080C10;
                opacity: 1;
            }

                #bar ul li.now span.number {
                    border-color: #080C10;
                    background: #ffffff;
                    color: #080C10;
                }

            #bar ul li.done span.number {
                border: 1px solid #ffffff;
                background: #ffffff;
                color: #080C10;
                display: inline-block;
            }

            #bar ul li.done.now span.number {
                border-color: #080C10;
            }

            #bar ul li.now:last-of-type {
                background: #fff;
                color: #080C10;
                border-bottom-color: #080C10;
            }

.flexbox #bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5;
    border-bottom: 4px solid #d7d7d7;
    line-height: 100%;
}

.no-flexbox #bar ul {
    display: block;
    text-align: center;
}

    .no-flexbox #bar ul li {
        display: inline-block;
    }

.bar_breaks #bar ul li {
    width: 48px;
    overflow: hidden;
}

    .bar_breaks #bar ul li.now {
        width: auto;
    }

@media (max-width: 480px) {
    .bar_breaks #bar ul li.now {
        width: 48px;
    }
}

.is_smaller #bar {
    top: 54px;
}

    .is_smaller #bar ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #339;
    }

@media (min-width: 800px) {
    #bj .unit .form-item {
        display: inline-block;
    }

    #bj .form.grey .form-item[data-layout~="share_line"] {
        float: right;
        width: 50%;
        padding-top: 8px;
    }

    #bj .form.grey .form-item[data-layout~="w_100"] {
        width: 100%;
    }

    #bj .form.grey .form-item[data-layout~="w_50"] {
        width: 50%;
        width: calc( 50% - 40px );
    }

    #bj .form.grey .form-item[data-layout~="w_40"] {
        width: 40%;
        width: calc( 40% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_33"] {
        width: 33.333%;
        width: calc( 33.333% - 40px );
    }

    #bj .form.grey .form-item[data-layout~="w_30"] {
        width: 30%;
        width: calc( 30% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_25"] {
        width: 25%;
        width: calc( 25% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_20"] {
        width: 20%;
        width: calc( 20% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_12_5"] {
        width: 12.5%;
        width: calc( 12.5% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_10"] {
        width: 10%;
        width: calc( 10% - 20px );
        width: 10%;
    }

    #bj .form.grey .form-item[data-layout~="w_05"] {
        width: 5%;
        width: calc( 5% - 20px );
    }

    #bj .unit.account .form.grey .form-item[data-layout~="labelless"] .input {
        margin-top: 0px;
    }

    #bj .unit.who .form.grey .form-item[data-layout~="labelless"] .input {
        margin-bottom: 0px;
    }

    #bj .form-item[data-layout~="horizontal"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .form-item[data-layout~="horizontal"] .label {
            display: block;
            width: 40%;
            padding: 10px 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="labelless"] .label label {
            display: none;
        }

        #bj .form-item[data-layout~="horizontal"] .label label {
            display: block;
            margin-left: 10px;
            width: 90%;
            width: calc( 100% - 10px );
            padding: 12px 0 0;
            text-align: left;
        }

        #bj .form-item[data-layout~="horizontal"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"] .input {
            width: 60%;
            padding-bottom: 4px;
        }

        #bj .form-item[data-layout~="horizontal"] .messages {
            margin-left: 40%;
            width: 60%;
        }

    #bj .form-item.checkbox[data-layout~="horizontal"] {
        padding-left: 40%;
    }

    #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] {
        width: 25%;
        padding: 0 10px 20px 20px;
        float: left;
    }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label {
            display: block;
            width: calc( 100% - 40px );
            padding: 10px 10px 0 0;
        }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label label {
                width: 100%;
                margin-left: 0%;
                white-space: nowrap;
            }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input {
            width: 30px;
            padding: 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .messages {
            margin-left: 0%;
            width: 10%;
        }

    #bj .form-item.recaptcha[data-layout~="horizontal"] .label label {
        width: calc( 100% - 20px );
        margin-left: 20px;
    }

    #bj .form-item[data-layout~="horizontal-stack"] {
        padding-left: 40%;
    }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] {
        display: block;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .no-flexbox #bj .form-item[data-layout~="horizontal"] .label,
        .no-flexbox #bj .form-item[data-layout~="horizontal"] .input {
            display: block;
            float: left;
        }

    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .label,
    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input {
        display: block;
        float: none;
    }

        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"] .input input {
            position: absolute;
            top: 15px;
            left: calc( 40% - 20px );
        }

    .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] {
        padding-left: 35px;
    }

        .no-flexbox #bj .form-item.checkbox[data-layout~="horizontal"][data-layout~="w_25"] .input input {
            padding: 0;
            left: 10px;
            top: 20px;
        }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] .messages {
        clear: both;
    }
}

@media (max-width: 800px) {
    #bj .unit .form-item + .form-item[data-layout~="labelless"] {
        margin-top: 8px;
    }

    #bj .unit.who .form-item + .form-item[data-layout~="labelless"] {
        margin-top: 0;
    }
}

.ie8 #bj .form.grey .form-item[data-icon~="find-right"] .input button.find,
.ie8 #bj .form.grey .form-item[data-icon~="find-right"] .input input.find {
    padding: 8px;
}

.ie8 #bj .form.grey .form-item[data-icon] .input input {
    background-image: none !important;
}

.ie8 #bj .form.grey .form-item[data-icon~="arrow-right"] .input button,
.ie8 #bj .form.grey .form-item[data-icon~="arrow-right"] .input input {
    background-image: none !important;
    padding: 8px;
}

.ie8 #bj [type="checkbox"]:not(:checked) + label,
.ie8 #bj [type="checkbox"]:checked + label {
    text-indent: 4px;
}

    .ie8 #bj [type="checkbox"]:not(:checked) + label:after,
    .ie8 #bj [type="checkbox"]:checked + label:after {
        left: -25px;
    }

.ie8 #bj .basket-header .card {
    background-color: transparent;
}

    .ie8 #bj .basket-header .card .base h1 {
        padding-left: 0;
    }

        .ie8 #bj .basket-header .card .base h1::after {
            display: none;
        }

#bj section.landing-panes .base {
    background-color: white;
    padding-top: 50px;
    min-height: 220px;
    -webkit-transition: 1s linear background-color;
    transition: 1s linear background-color;
}

    #bj section.landing-panes .base:hover {
        background-color: white;
    }

    #bj section.landing-panes .base h2 {
        padding-left: 65px;
    }

        #bj section.landing-panes .base h2 .note {
            display: block;
            font-size: 12px;
            font-family: 'Figtree',Arial,sans-serif;
            max-width: 35px;
            min-width: 20px;
            height: 20px;
            padding: 2px 3px 0;
            line-height: 18px;
            text-align: center;
            position: absolute;
            top: 40px;
            left: 50px;
            color: #ffffff;
            background-color: #ff0000;
            border-radius: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        #bj section.landing-panes .base h2::before {
            display: block;
            font-family: "Font Awesome 5 Pro";
            font-size: 45px;
            padding: 25px 0 0;
            width: 75px;
            line-height: 80px;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            color: rgba(0, 81, 156, 0.9);
            background-color: #CCDCEB;
        }

        #bj section.landing-panes .base h2.user::before {
            content: "";
        }

        #bj section.landing-panes .base h2.home::before {
            content: "";
        }

        #bj section.landing-panes .base h2.learning-history::before {
            content: "";
        }

        #bj section.landing-panes .base h2.bookings-history::before {
            content: "";
        }

        #bj section.landing-panes .base h2.learning-dashboard::before {
            content: "";
        }

        #bj section.landing-panes .base h2.find-course::before {
            content: "";
        }

        #bj section.landing-panes .base h2.skills-licence::before {
            content: "";
            content: '\f03a';
        }

        #bj section.landing-panes .base h2.users::before {
            content: "";
        }

        #bj section.landing-panes .base h2.customer-defined-fields::before {
            content: "";
            content: "";
        }

        #bj section.landing-panes .base h2.reports::before {
            content: "";
        }

        #bj section.landing-panes .base h2.organisation-bookings-history::before {
            content: "";
            content: "";
        }

        #bj section.landing-panes .base h2.using-the-portal::before {
            content: "";
        }

        #bj section.landing-panes .base h2.pending-approvals::before {
            content: "";
        }

        #bj section.landing-panes .base h2.access-my-account::before {
            content: "";
        }

        #bj section.landing-panes .base h2.system-message::before {
            content: "";
        }

    #bj section.landing-panes .base .txt ul {
        padding: 5px 0 0 0;
        margin-bottom: -5px;
        list-style-type: square;
        color: #00519c;
    }

        #bj section.landing-panes .base .txt ul li {
            list-style-type: square;
            margin-left: 15px;
        }

            #bj section.landing-panes .base .txt ul li span {
                display: block;
                color: #202020;
                font-size: 0.825em;
            }

            #bj section.landing-panes .base .txt ul li::before {
                display: none;
            }

            #bj section.landing-panes .base .txt ul li.error {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.error::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #971915;
                    color: #ffffff;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

            #bj section.landing-panes .base .txt ul li.warning {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.warning::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #DFDF20;
                    color: #000000;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

            #bj section.landing-panes .base .txt ul li.done {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.done::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #05763D;
                    color: #ffffff;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

                #bj section.landing-panes .base .txt ul li.error + li,
                #bj section.landing-panes .base .txt ul li.warning + li,
                #bj section.landing-panes .base .txt ul li.done + li {
                    margin-left: 30px;
                }

        #bj section.landing-panes .base .txt ul.page-list {
            margin-top: 20px;
            margin-bottom: -50px;
            list-style-type: none;
        }

            #bj section.landing-panes .base .txt ul.page-list li {
                list-style-type: none;
                margin-left: 10px;
                margin-bottom: 10px;
                font-size: 1rem;
            }

                #bj section.landing-panes .base .txt ul.page-list li::before {
                    display: inline-block;
                    content: "";
                    color: rgba(0, 81, 156, 0.2);
                    font-family: "Font Awesome 5 Pro";
                    position: relative;
                    top: 3px;
                    left: -5px;
                }

                #bj section.landing-panes .base .txt ul.page-list li a {
                    text-decoration: none;
                    border-bottom: 5px solid rgba(0, 81, 156, 0);
                }

                    #bj section.landing-panes .base .txt ul.page-list li a:hover {
                        border-bottom-color: rgba(0, 81, 156, 0.6);
                        color: #00519c;
                    }

                #bj section.landing-panes .base .txt ul.page-list li:hover::before {
                    color: rgba(0, 81, 156, 0.6);
                }

                #bj section.landing-panes .base .txt ul.page-list li a .note {
                    display: inline-block;
                    font-size: 12px;
                    font-family: 'Figtree',Arial,sans-serif;
                    max-width: 35px;
                    min-width: 20px;
                    height: 20px;
                    padding: 2px 3px 0;
                    line-height: 18px;
                    text-align: center;
                    position: relative;
                    top: -1px;
                    left: -1px;
                    color: #ffffff;
                    background-color: #ff0000;
                    border-radius: 12px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

    #bj section.landing-panes .base .txt {
        padding: 5px 0 0 66px;
        font-size: 0.825em;
    }

#bj section.landing-panes .card .card_control li.link a {
    background-color: rgba(0, 81, 156, 0.9);
}

#bj section.landing-panes .card .card_control li:first-of-type {
    padding-left: 10px;
}

    #bj section.landing-panes .card .card_control li:first-of-type:before {
        display: inline-block;
        content: "";
        font-family: "Font Awesome 5 Pro";
        position: relative;
        color: #00519c;
        font-size: 1.25em;
        top: 1px;
        left: 0;
        padding: 0 3px 0 0;
    }

    #bj section.landing-panes .card .card_control li:first-of-type.link {
        padding-left: 20px;
    }

        #bj section.landing-panes .card .card_control li:first-of-type.link:before {
            display: none;
        }

#bj section.landing-panes .card.graph .base {
    padding: 45px 10px 80px 20px;
    min-height: 0;
}

    #bj section.landing-panes .card.graph .base img {
        width: 100%;
        display: block;
    }

#bj section.landing-panes + .search {
    margin: -10px 0 10px;
}

/*.navigation-list-item.accordion span {
    font-weight: 200;
}

.navigation-list-item.accordion:nth-of-type(8) span {
    border: 1px solid rgba(0, 81, 156, 0.8);
    border-radius: 2px;
    margin: -1px;
    padding: 0 14px 0 4px;
}

.navigation-list-item.accordion i.icon {
    text-indent: 0;
    padding: 0;
}

    .navigation-list-item.accordion i.icon::before {
        display: inline-block;
        content: "";
        font-family: "Font Awesome 5 Pro";
        padding: 0 2px;
    }*/

.flexbox #bj section.users-and {
    display: block;
}

    .flexbox #bj section.users-and ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .flexbox #bj section.users-and ul li {
            margin: 0;
            padding: 0 0;
            list-style-type: none;
            clear: both;
        }

            .flexbox #bj section.users-and ul li ul {
                padding-left: 26px;
            }

            .flexbox #bj section.users-and ul li:before {
                display: none;
            }

            .flexbox #bj section.users-and ul li img {
                padding: 3px 4px;
                margin: 0 6px 2px 0;
                border: 1px solid rgba(0, 81, 156, 0.2);
                background-color: white;
                cursor: pointer;
                vertical-align: baseline;
            }

                .flexbox #bj section.users-and ul li img:first-of-type {
                    padding: 3px 6px;
                    border-color: transparent;
                }

                .flexbox #bj section.users-and ul li .load img,
                .flexbox #bj section.users-and ul li img.open,
                .flexbox #bj section.users-and ul li img.close {
                    padding: 3px 6px;
                    margin: 0 2px 2px 0;
                    border-color: rgba(0, 81, 156, 0.4);
                    background-color: white;
                }

                    .flexbox #bj section.users-and ul li .load img:hover,
                    .flexbox #bj section.users-and ul li img.open:hover,
                    .flexbox #bj section.users-and ul li img.close:hover {
                        border: 1px solid #00519c;
                    }

            .flexbox #bj section.users-and ul li > a {
                position: relative;
                top: 3px;
            }

                .flexbox #bj section.users-and ul li > a:hover .tree-folder-text {
                    text-decoration: underline;
                }

                .flexbox #bj section.users-and ul li > a .tree-folder-text {
                    color: #202020;
                    margin-right: 5px;
                }

    .flexbox #bj section.users-and .list-tree {
        font-size: 13px;
        line-height: 20px;
    }

    .flexbox #bj section.users-and .control-group .myqa-btn-style {
        font-size: 100%;
    }

    .flexbox #bj section.users-and .panel .panel-heading {
        background-color: #fff;
        color: #333;
        padding: 0;
        margin: 10px 0 0;
        border-top: 1px solid rgba(0, 81, 156, 0.4);
    }

        .flexbox #bj section.users-and .panel .panel-heading .panel-title {
            display: none;
        }

    .flexbox #bj section.users-and .btn,
    .flexbox #bj section.users-and .myqa-btn-style-a,
    .flexbox #bj section.users-and .myqa-btn-style-b {
        font-size: 14px !important;
        font-weight: 200 !important;
        min-height: 38px !important;
        line-height: 38px !important;
        /* border-radius: 0 !important ; */
        padding: 0 10px !important;
    }

    .flexbox #bj section.users-and .panel .panel-body {
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 20px 0 0;
    }

    .flexbox #bj section.users-and .panel-content > a {
        font-size: 13px !important;
        text-decoration: none;
    }

        .flexbox #bj section.users-and .panel-content > a:hover {
            font-size: 13px !important;
            text-decoration: underline;
        }

    .flexbox #bj section.users-and .panel-content > img {
        padding: 3px 4px;
        margin: 0 6px 2px 0;
        border: 1px solid rgba(0, 81, 156, 0.2);
        background-color: white;
        cursor: pointer;
        vertical-align: -50%;
    }

    .flexbox #bj section.users-and .panel-content > ul {
        margin-top: 15px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-top: 1px solid rgba(0, 81, 156, 0.4);
    }

    .flexbox #bj section.users-and .panel-content div > .gridblock:first-of-type {
        margin-right: 38px;
    }

    .flexbox #bj section.users-and .panel-content p {
        padding: 0 0 10px;
    }

        .flexbox #bj section.users-and .panel-content p > span,
        .flexbox #bj section.users-and .panel-content label {
            font-size: 0.825em;
            color: #202020;
        }

    .flexbox #bj section.users-and .panel-content select {
        font-size: 13px;
        font-family: 'Figtree',Arial,sans-serif;
    }

    .flexbox #bj section.users-and select option {
        cursor: pointer;
    }

        .flexbox #bj section.users-and select option:nth-of-type(odd) {
            background-color: rgba(0, 81, 156, 0.1);
        }

    .flexbox #bj section.users-and .panel.hierarchy-setup-page {
        margin-bottom: 4px;
    }

/* additions Buzzbar */

.dashboard-container {
    background-color: #ffffff;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 0px !important;
    margin-bottom: 30px;
  }
.dashboard-container:last-of-type {
    border-radius: 10px;
  }

  .my-learning {
    color: #080C10;
    font-weight: 700;
    font-family: 'Figtree',Arial,sans-serif !important;
    margin-bottom: 0px;
    margin-left:30px;
    font-size:20px;
    line-height:24px;
  }

@media(max-width:767px) {
    .my-learning {
        display: inline-block;
        margin-top: 15px;
    }
}

    .dashboard-container .pane {
        flex-flow: row wrap;
        display: flex;
    }

    .course-icon {
        background-color: #080C10;
        border-radius: 999px;
        width: 70px;
        height: 70px;
        max-height: 70px;
        margin-right: 21px;
        min-width: 70px;
    }

        .course-icon img {
            width: 70px;
            height: 70px;
            padding: 17px
        }

    .dashboard-container dl {
        padding-top: 0px;
        display: inline-block;
        /*margin-right: 20px;*/
        width: 15%;
        font-size: 14px;
    }

        .dashboard-container dl a {
            font-size: 14px;
        }

        .dashboard-container dl:nth-of-type(3) {
            width: 25%;
        }

        .dashboard-container dl:last-child {
            width: 45%;
        }
        /*@media(max-width:767px) {
    .dashboard-container {
        width: 45%;
    }
    .dashboard-container dl:last-child {
        width: 90%;
    }
}*/

        .dashboard-container dl.full:first-child {
            width: 100%;
        }

    .dashboard-container .milestones {
        width: 100%;
        counter-reset: tracker;
        display: block;
        padding: 0px;
        margin: 0;
        list-style-type: none;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        font-size: 18px;
        padding-bottom: 5px;
        margin-top: 35px;
    }

        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 17px 26px 17px 75px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
            font-size: 18px;
            color: #080C10;
            min-height: 54px;
        }

            .dashboard-container .milestones li a, .dashboard-container .milestones li a:hover, .dashboard-container .milestones li a:visited {
                color: #080C10;
            }

            .dashboard-container .milestones li span {
                display: inline-block !important;
            }

            .dashboard-container .milestones li.disabled .view-button-disabled {
                opacity: 50%;
            }



    .dashboard-container .card .more .pane {
        display: none;
        bottom: 20px;
        padding: 20px 20px 0;
        z-index: 1250;
        font-size: 16px;
        line-height: 20px;
        color: #2e2d2c;
    }


    .dashboard-container .milestones li.done .iconed::before, #bj section .milestones li.done span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #080C10;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li.error .iconed::before, #bj section .milestones li.error span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #D90A47;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li.warning .iconed::before, #bj section .milestones li.error span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #EEAF04;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li .iconed::before, #bj section .milestones li span::before {
        background-color: #ffffff;
        position: absolute;
        margin-top: 10px;
        line-height: 20px;
        padding: 0;
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
    }



    .accordion-item {
        background-color: #fff;
        border: 0px solid rgba(0,0,0,.125);
    }



    .training-container .more .pane {
        display: block !important;
        bottom: 20px;
        padding: 20px 20px 0;
        z-index: 1250;
        font-size: 16px;
        line-height: 20px;
        color: #2e2d2c;
    }

    .training-title-flex {
        display: flex !important;
    }

    .details-header {
        display: block !important;
        font-weight: 700;
        font-size: 16px;
    }

    .toggle-div {
        display: block !important;
        width: 100px !important;
    }

    .toggle-button i {
        color: #b2c5c9 !important;
        font-size: 26px !important;
        width: 30px !important;
        height: 20px !important;
    }

    .dashboard-container .course-title {
        color: #080C10;
        font-weight: 700;
        font-family: 'Figtree',Arial,sans-serif !important;
        margin-bottom: 0px !important;
        margin-top: 10px;
    }

        .dashboard-container .course-title small {
            color: #646464;
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
        }

    .dashboard-container .accordion-header {
        /*margin-bottom: 20px;*/
        margin-top: 0px;
        background-color: transparent;
    }

    .dashboard-container .accordion-button:not(.collapsed) {
        color: #0c63e4;
        background-color: white;
        box-shadow: none;
        border-radius: 10px;
    }



    .dashboard-container .milestones li span {
        display: inline-block !important;
    }


    .dashboard-container .milestones li .view-button {
        display: inline-block !important;
        float: right;
        border: 2px solid #080C10;
        color: #080C10;
        background-color: transparent;
        border-radius: 60px;
        margin: -5px 0px 0px 48px;
        padding: 7px 24px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
    }

        .dashboard-container .milestones li .view-button.void {
            border-color: transparent;
        }

    .dashboard-container .milestones li .status-marker-complete {
        display: inline-block !important;
        float: right;
        color: #00aa16;
        border: 1px solid #00aa16;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
        min-width: 105px;
        max-width: 105px;
        text-align: center;
    }


    .dashboard-container .milestones li .status-marker-overdue {
        display: inline-block !important;
        float: right;
        color: #D90A47;
        border: 1px solid #D90A47;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
        min-width: 105px;
        text-align: center;
        max-width: 105px;
    }


    .dashboard-container .milestones li .status-marker-none {
        display: none;
        display: inline-block !important;
        float: right;
        color: transparent;
        border: 1px solid transparent;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
    }


    @media only screen and (max-width: 768px) {

        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 18px 25px 18px 65px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
        }

            .dashboard-container .milestones li span, .dashboard-container .milestones li a {
                display: inline-block !important;
                font-size: 18px;
                /*! margin-left: 65px; */
                line-height: 20px;
                /*! width: 100%; */
            }


        .dashboard-container dl {
            padding-top: 0px;
            display: inline-block;
            /*margin-right: 20px;*/
            width: 100%;
            font-size: 16px;
            flex-basis: 50%;
        }

        /*    .dashboard-container dl:last-child {
                flex-basis: 100%;
            }*/

        .dashboard-container .course-title {
            color: #080C10;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
            margin-bottom: 0px !important;
            margin-top: 10px;
            font-size: 18px;
        }

        .dashboard-container .milestones li.done .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li.error .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li.warning .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li .status-marker-complete {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-overdue {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-none {
            float: none;
            display: inline-block !important;
            border: 1px solid transparent;
            border-radius: 60px;
            padding: 0px 20px;
            margin: 21px 30px 0px -35px;
            font-size: 12px;
            font-weight: 700;
            min-width: 105px;
            text-align: center;
            max-width: 105px;
        }

        .dashboard-container .milestones li .view-button {
            display: block !important;
            float: right;
            border: 1px solid #080C10;
            color: #080C10;
            min-width: 80px;
            background-color: transparent;
            border-radius: 60px;
            margin: 16px 0px;
            padding: 7px 24px;
            font-size: 12px;
            font-weight: 700;
            height: 30px;
            line-height: 15px;
            text-decoration: none !important;
            margin-right: 0;
            justify-self: end;
        }
    }



    @media only screen and (max-width: 600px) {
        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 25px 75px;
            margin: 0px;
            border-top: 3px solid #f0f3f7;
        }


        .dashboard-container dl, .dashboard-container dl:first-child {
            padding-top: 0px;
            display: inline-block;
            /*margin-right: 20px;*/
            width: 100%;
            font-size: 16px;
        }


        .dashboard-container .course-title {
            color: #080C10;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
            margin-bottom: 0px !important;
            margin-top: 10px;
            font-size: 18px;
        }



        .dashboard-container .milestones li .status-marker-complete {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-overdue {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .view-button {
            display: block !important;
            color: #080C10;
            justify-self: end;
        }

        .dashboard-container .milestones li span {
            display: block !important;
        }
    }

    @media only screen and (max-width: 425px) {

        .dashboard-container .pane {
            flex-wrap: wrap;
        }
    }



    .learning-history-container {
        background-color: #ffffff;
        width: 100%;
        border-radius: 10px;
        padding: 30px !important;
        margin: 0px;
        margin-bottom: 200px;
        color: #080C10;
    }

        .learning-history-container .history-base {
            display: inline-block;
            height: 100%;
            position: static;
            color: #2e2d2c;
            padding: 20px 20px !important;
            font-size: 16px;
            line-height: 20px;
            min-height: 100px;
            overflow: hidden;
        }

    .search-bar input {
        width: 50%;
        display: flex;
    }


    .search-label {
        font-weight: 700;
    }

    .search-bar .search-button {
        margin-left: 20px;
        line-height: 20px;
        height: 45px;
        cursor: pointer;
        padding: 10px 20px;
        color: #f0f0f0;
        border-radius: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        font-weight: 700;
        vertical-align: 0;
        background-color: #080C10;
    }



    .search-bar {
        width: 100%;
        font-size: 12px;
        margin-bottom: 12px;
        display: flex;
        flex-direction: row;
    }

    .search-label {
        display: block !important;
    }

    .fa-sort {
        color: #b2c5c9;
    }



    #learning-history-table {
        border-collapse: collapse;
        width: 100%;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        #learning-history-table a {
            font-size: 12px;
            font-weight: 600;
            color: #080C10;
        }



        #learning-history-table th, #learning-history-table td {
            text-align: left;
            padding: 22px 10px;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            vertical-align: top;
        }

        #learning-history-table tr {
            border-bottom: 1px solid #DADEE3;
        }


    .learning-history-container ul li {
        list-style: none !important;
    }

        .learning-history-container ul li:before {
            color: #303030;
            content: '\2022';
            display: none !important;
            font-size: 24px;
            position: absolute;
            top: -1px;
            left: -15px;
        }

    .learning-history-container .filter-list {
        display: flex;
        margin: 0 auto;
        margin-right: 0;
        justify-self: end;
    }



    .filter-button {
        padding: 10px 20px;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        margin: 0 0 0 10px;
        color: #080C10;
        border: 2px solid #080C10;
        border-radius: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        display: flex !important;
        justify-self: end;
    }

    .show-filter-results {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        padding-left: 5px;
        padding-top: 20px;
        /*! max-width: 50%; */
    }

    #learning-history-table .status-marker-complete {
        display: inline-block !important;
        color: #080C10;
        border: 1px solid #080C10;
        border-radius: 60px;
        padding: 0px 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        line-height: 20px;
        /*! vertical-align: middle; */
    }

    #learning-history-table .status-marker-warning {
        display: inline-block !important;
        color: #EEAF04;
        border: 1px solid #EEAF04;
        border-radius: 60px;
        padding: 0px 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        height: 22px;
    }

    #learning-history-table .status-marker-error {
        display: inline-block !important;
        color: #D90A47;
        border: 1px solid #D90A47;
        border-radius: 60px;
        padding: 0px 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        height: 22px;
    }

    #learning-history-table .status-marker-expired {
        display: inline-block !important;
        color: grey;
        border: 1px solid grey;
        border-radius: 60px;
        padding: 0px 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        height: 22px;
    }

    #learning-history-table .action-link {
        display: inline-block !important;
        color: grey;
        border: 1px solid grey;
        border-radius: 60px;
        padding: 0px 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        height: 22px;
    }

    .mobile-ref {
        display: none;
    }


    .select-sort-by {
        margin-top: 20px;
        display: none;
    }



    /* Tabbed dashboard */

    .training-history-container {
        background-color: #ffffff;
        width: 100%;
        border-radius: 10px;
        padding: 0px !important;
        margin: 0px;
        margin-bottom: 200px;
        color: #080C10;
    }



        .training-history-container .milestones-md .milestone {
            background-color: transparent;
            color: #080C10 !important;
            width: 400px;
            text-align: left;
            padding: 10px 60px;
            border-bottom: 1px solid #DADEE3;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
        }

        .training-history-container .milestone:focus, .training-history-container .milestone:hover, .training-history-container .milestone.active {
            background-color: #f6f6f6 !important;
        }

    #milestone-detail .nav-pills .nav-link {
        border-radius: 0 !important;
    }

    .training-history-container .nav-pills {
        border-width: 1px 1px 0px 0px;
        border-color: #DADEE3;
        border-style: solid;
    }


    .training-history-container .back-icon {
        text-decoration: none !important;
    }



    .training-history-container .milestones-sm .milestone {
        background-color: #fff !important;
        color: #080C10 !important;
        width: 100%;
        text-align: left;
        padding: 10px 28px 10px 60px;
        border-bottom: 1px solid #f0f3f7;
        font-weight: 700;
        font-family: 'Figtree',Arial,sans-serif !important;
    }

    .cta, .cta:visited {
        line-height: 20px;
        height: 44px;
        cursor: pointer;
        /*margin-top: 20px;*/
        display: inline-block;
        width: auto;
        padding: 12px 24px;
        text-decoration: none !important;
        color: #fff;
        border-radius: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        font-weight: 600;
        vertical-align: 0;
        background-color: #0B7192 !important;
        border-color: #0B7192;
    }

        .cta.thin {
            padding: 4px 24px;
            height: 28px;
        }

        .cta:hover {
            background-color: #2FB7DA !important;
            color: #ffffff;
            border-color: #2FB7DA;
        }

        .cta.secondary {
            background-color: #080C10 !important;
        }

            .cta.secondary:hover {
                background-color: #485A6E !important;
            }

        .cta.outline {
            color: #080C10;
            background-color: white !important;
            border-color: #080C10;
            border-width: 2px;
            border-style: solid;
            line-height: 16px;
        }

            .cta.outline:hover {
                background-color: #E5E8EB !important;
            }

        .cta.ghost {
            color: #080C10;
            background-color: transparent !important;
            border: none;
            line-height: 16px;
        }

            .cta.ghost:hover {
                background-color: #E5E8EB !important;
            }

        .cta.inactive {
            color: #A7B1BC;
            background-color: #E5E8EB !important;
            /*        border-color: #080C10;
        border-width: 1px;
        border-style: solid;*/
        }

        .cta i.fal,
        #bj .cta i.fal {
            margin-left: 4px;
        }

            .cta i.fal::before,
            #bj .cta i.fal::before {
                width: 20px;
                display: inline-block;
                text-align: center;
            }

    input[type="button"].cta, input[type="reset"].cta, input[type="submit"].cta {
        height: 44px;
        width: auto;
    }

        input[type="button"].cta.thin, input[type="reset"].cta.thin, input[type="submit"].cta.thin {
            height: 28px;
            width: auto;
        }
    /*    input.cta {
        border:none;
    }*/

    #bj a.cta.promo {
        margin-top: 25px;
        margin-bottom: 0px;
    }


    #bj a.cta {
        padding: 12px 24px;
        font-size: 14px;
        margin-bottom: 20px;
    }

        #bj a.cta.thin {
            padding: 4px 24px;
            height: 28px;
        }

    #search_submit.cta {
        border: none;
    }

    .training-history-container .milestones-md .milestone-error::before, .training-history-container .milestones-md .milestone-done::before, .training-history-container .milestones-md .milestone-warning::before {
        /*! background-color: #ffffff; */
        /*    position: relative;
    top: 10px;
    left: 20px;*/
        margin-top: 7px;
        line-height: 20px;
        padding: 0px;
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
        float: left;
        margin-left: -30px;
    }

    .training-history-container .milestones-sm .milestone-error::before, .training-history-container .milestones-sm .milestone-done::before, .training-history-container .milestones-sm .milestone-warning::before {
        /*background-color: #ffffff;*/
        position: relative;
        top: 10;
        left: -13px;
        margin-top: 0px;
        line-height: 20px;
        /*! padding: 10px; */
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
        margin-left: -18px;
    }

    .training-history-container .disabled {
        opacity: 50%;
        cursor: default;
    }

    .training-history-container button.disabled::before {
        opacity: 100%;
    }

    .training-history-container button.disabled {
        pointer-events: auto;
    }



    .training-history-container .milestone-done::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #080C10;
    }

    .training-history-container .milestone-error::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #D90A47;
    }

    .training-history-container .milestone-warning::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #EEAF04;
    }

    .training-history-container .course-title {
        color: #080C10;
        font-weight: 700;
        margin-top: 21px;
    }

    .tabbed-section-header {
        padding: 28px 28px 20px 28px;
    }

    .training-history-container .tab-pane {
        padding: 0px 30px 30px 30px;
    }

    .training-history-container .tab-content {
        border-width: 0px 0px 0px 0px;
        border-color: #f0f3f7;
        border-style: solid;
    }

    .training-history-container .milestone-title {
        font-weight: 700;
        font-size: 22px;
    }

    .training-history-container .milestone-subtitle {
        font-weight: 700;
        font-size: 16px;
    }

    .training-history-container .milestones-heading {
        font-weight: 700;
        padding: 16px 20px 10px 28px;
    }

    .training-history-container .milestone-details {
        font-weight: 500;
        font-size: 14px;
    }


    .tabbed-section-header i {
        font-size: 40px;
        margin: 15px 20px 20px 0px;
        color: #080C10;
    }

    .cta.all-link {
        /* margin-left: 60px;*/
        margin-bottom: 20px
    }

    #bj .block-size-100.block-size-90 {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    p.no-bookings {
        width: 90%;
        margin: 0 auto;
        display: block;
    }


    @media only screen and (max-width: 850px) {

        .training-history-container .milestones-md .milestone {
            background-color: #fff !important;
            color: #080C10 !important;
            width: 300px;
            text-align: left;
            padding: 10px 60px;
            border-bottom: 2px solid #f0f3f7;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
        }
    }




    @media only screen and (max-width: 768px) {
        .accordion-header {
            margin-top: 0px;
        }
    }




    @media only screen and (max-width: 600px) {

        .training-history-container {
            border-radius: 0px;
        }

            .training-history-container .course-title {
                color: #080C10;
                font-weight: 700;
                font-size: 1rem;
            }


        .accordion-header {
            margin-top: 0px;
        }

        .course-icon {
            background-color: #080C10;
            border-radius: 999px;
            width: 60px;
            height: 60px;
            max-height: 60px;
            margin-right: 20px;
            min-width: 60px;
        }

            .course-icon img {
                width: 60px;
                height: 60px;
                padding: 14px
            }

        .cta.all-link {
            margin-left: 25px;
        }

        #bj .layout.sub-footer {
            padding-left: 25px;
        }
        /* Learning histroy */
        .learning-history-container {
            background-color: #ffffff;
            width: 100%;
            border-radius: 10px;
            padding: 20px !important;
            margin: 0px;
            margin-bottom: 200px;
            color: #080C10;
        }

            .learning-history-container .history-base {
                display: inline-block;
                height: 100%;
                position: static;
                color: #2e2d2c;
                padding: 20px 20px !important;
                font-size: 16px;
                line-height: 20px;
                min-height: 100px;
                overflow: hidden;
            }

            .learning-history-container .header-table {
                display: none;
            }

        .search-bar input {
            width: 100%;
            display: flex;
            margin-bottom: 10px;
        }


        .search-label {
            font-weight: 700;
        }

        .search-bar .search-button {
            margin-left: 0px;
            line-height: 20px;
            height: 45px;
            min-width: 100px;
            cursor: pointer;
            padding: 10px 20px;
            color: #f0f0f0;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            font-weight: 700;
            vertical-align: 0;
            background-color: #080C10;
        }



        .search-bar {
            width: 100%;
            font-size: 12px;
            margin-bottom: 12px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .search-label {
            display: block !important;
        }

        .fa-sort {
            color: #b2c5c9;
        }



        #learning-history-table {
            border-collapse: collapse;
            width: 100%;
            border-bottom: 1px solid #ddd;
            font-size: 14px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

            #learning-history-table a {
                font-size: 14px;
                font-weight: 600;
                color: #080C10;
            }



            #learning-history-table th, #learning-history-table td {
                text-align: right;
                padding: 0px 10px 0px 0px;
                display: flex;
                justify-content: space-between;
                font-size: 14px
            }

            #learning-history-table p, #learning-history-table a {
                font-size: 14px;
            }



            #learning-history-table .course-link {
                display: flex !important;
                text-align: right !important;
            }



            #learning-history-table th /*, #learning-history-table td:last-child*/ {
                display: none;
            }


            #learning-history-table td:first-child {
                margin-top: 20px;
            }


            #learning-history-table tr {
                border-bottom: 2px solid #ddd;
                margin-bottom: 10px;
                margin-top: 5px;
            }


        .learning-history-container ul li {
            list-style: none !important;
        }

            .learning-history-container ul li:before {
                color: #303030;
                content: '\2022';
                display: none !important;
                font-size: 24px;
                position: absolute;
                top: -1px;
                left: -15px;
            }

        .learning-history-container .filter-list {
            display: flex;
            margin: 0 auto;
            margin-right: 0;
            justify-self: end;
        }



        .filter-button {
            padding: 10px 20px;
            font-size: 12px;
            line-height: 20px;
            cursor: pointer;
            margin: 0 0 0 10px;
            color: #080C10;
            border: 2px solid #080C10;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            display: flex !important;
            justify-self: end;
        }

        .show-filter-results {
            font-weight: 600;
            font-size: 16px;
        }

        #learning-history-table .status-marker-complete {
            display: inline-block !important;
            color: #080C10;
            border: 1px solid #080C10;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-warning {
            display: inline-block !important;
            color: #F3622C;
            border: 1px solid #F3622C;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-error {
            display: inline-block !important;
            color: #FF004C;
            border: 1px solid #FF004C;
            border-radius: 60px;
            padding: 5px 20px;
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-expired {
            display: inline-block !important;
            color: grey;
            border: 1px solid grey;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .action-link {
            display: inline-block !important;
            color: grey;
            border: 1px solid grey;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        .mobile-ref {
            display: block;
            font-weight: 700;
        }


        .select-sort-by {
            margin-top: 20px;
            display: block;
            margin-bottom: 30px;
        }

            .select-sort-by .sort-by {
                width: 100%;
                font-weight: 700;
            }

            .select-sort-by select {
                width: 48%;
                float: left;
                margin-right: 2%;
                margin-bottom: 30px;
            }


        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 18px 25px 25px 65px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
            align-items:;
        }

            .dashboard-container .milestones li::after {
                clear: both;
            }
    }

    /*.progress {
    color:black !important;
}*/

    .dropdown ul li::before {
        display: none;
    }
/*extra css*/

/*icon spacing and fixes*/
.myQA-oi {
    margin-top: 3px;
}
h4 .myQA-oi {
    margin-top: 5px;
}
.select-replace select[disabled] {
    background: #f0f0f0 none repeat scroll 0 0;
    border-color: #ddd;
}
html input[disabled] {
    cursor: not-allowed;
}

/*dashboard loader*/
#myqa-dash .bbloader {
    position: relative;
    top: 0;
}
#myqa-dash table tr td:first-child, #myqa-dash table tr td:last-child {
    width: 15%
}
#myqa-dash .all-link {
    margin-right: 33px;
}

/*landing-panes  loader*/
.landing-panes .card .bbloader {
    position: relative;
    top: 0;
}

/*signoff form breakpoints*/
.myqa .sign-off-form {
    min-width: auto !important;
}
@media (min-width: 48em) {
    .myqa .sign-off-form {
        min-width: 39em !important;
    }
}
@media (min-width: 60em) {
    .myqa .sign-off-form {
        min-width: 50em !important;
    }
}
@media (min-width: 77em) {
    .myqa .sign-off-form {
        min-width: 65em !important;
    }
}

/*signoff form labels at small sizes*/ 
@media (max-width: 48em) {
    .myqa .sign-off-form .dl-horizontal dt {
        width: auto;
    }
    .myqa .sign-off-form .dl-horizontal dd {
        margin-left: auto;
    }
}

/*.progressBar*/
.progress {
    position: relative;
    /*margin-bottom: 18px;*/
}

.asset-block .progress {
    margin-bottom: 18px;
}
    .progress a {
        margin-right: 100px;
        display: block;
    }
.progressBar {
    background: transparent url("/styles/Images/progress_full_small.png") no-repeat scroll 0 0;
    height: 20px;
}
.progressFrame {
    background: transparent url("/styles/Images/progress_empty_small.png") no-repeat scroll 0 0;
    height: 20px;
    width: 80px;
    position: relative;
}
.progressBar span {
    color: black;
    font-weight: bold;
    left: 30px;
    position: absolute;
    font-size: 0.7rem;
    top: -1px
}


.myqa .ck-btn {
    background: #fff url("/styles/Images/back_button.png") no-repeat scroll left center;
    text-decoration: none;
    border-right: 1px solid #999;
    color: #333;
    display: inline-block;
    font-size: 14px !important;
    margin: 10px 0 10px 95px;
    padding: 7px 10px 7px 21px;
    width: 115px;
    line-height: 16px !important;
    font-family: 'Figtree',Arial,sans-serif;
}
.ck-btn-new-bar {
    background: #005BAB;
    padding-top: 10px
}
.ck-btn-new-bar-inner {
    max-width: 73.75rem;
    margin: 0 auto;
}

/*Dashboard be responsive !  hacks for over 600px*/
@media (min-width: 37.5em) {
    .myqa td.visible-c {
        display: table-cell;
    }

    .myqa thead.visible-c {
        display: table-header-group;
    }
}
/*hacks for under 600px*/
@media (max-width: 37.5em) {
    .myqa .progressFrame {
        margin: 0 auto;
    }

    .myqa img.myQA-oi.left {
        float: none;
    }
}
/*new icon column*/
.icon-column {
    width: 70px !important;
}
/*new icon column*/ 
.tree-folder.active
{
    background-color: #F7F7F7
}

/*transaction history spacing*/ 
.order-control{margin-top: .75rem;}
.order-control .controls > .btn:first-child {
    margin-top: 0;
}
/*xsmall input*/
@media (min-width: 48.02em) {
    .myqa .input-smallmedium {
        width: 12rem;
    }
}

.myqa .layout
{
    margin: 0 1.25rem;
}
@media (min-width: 75em) {
    .myqa .layout {
        margin: 0 auto;
    }
}

.myqa #bj .dashDefault {
    float: left;
    padding-top: 12px;
    padding-left: 20px;
    width:auto;
}

/*FAQs*/

#bj section .is_questions {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #bj section .is_questions > li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 100%;
        padding: 0 0 0px;
    }

#bj section .the_answer ul li:before {
    color: #080C10;
    top: 0;
    left: 0;
}

#bj section .the_answer ul li {
    font-size: 10px;
    padding-left: 1.5em;
}

#bj section .is_questions > li .the_question h3 {
    max-width: 100%;
}

@media screen and (max-width: 721px ) {
    #bj section .is_questions > li {
        width: 100%;
    }
}

#bj section .is_questions > li::before {
    display: none !important;
}

#bj section .is_questions > li .the_question {
    background-color: #ffffff;
    border: 1px solid #080C10;
    padding: 9px;
    margin: 0 0 10px;
    transition: all 0.35s linear;
    cursor: pointer;
}

    #bj section .is_questions > li .the_question h3 {
        font-size: 14px;
        line-height: 20px;
        transition: all 0.35s linear;
    }

        #bj section .is_questions > li .the_question h3::before {
            content: '\f0da';
            font-family: "Font Awesome 5 Pro";
            font-size: 20px;
            line-height: 20px;
            width: 20px;
            padding: 0 5px 0 0;
            text-align: center;
            color: #080C10;
            position: relative;
            top: 2px;
            transition: all 0.35s linear;
        }

    #bj section .is_questions > li .the_question:hover {
        background-color: #EDEFF1;
    }

#bj section .is_questions > li.on .the_question {
    background-color: #EDEFF1;
    border: 1px solid #080C10;
    color: #080C10;
}

    #bj section .is_questions > li.on .the_question h3,
    #bj section .is_questions > li.on .the_question h3::before {
        color: #080C10;
    }

        #bj section .is_questions > li.on .the_question h3::before {
            content: '\f0d7';
        }

#bj section .is_questions > li .the_answer {
    padding: 10px;
    margin: -10px 0 10px;
    display: none;
    background-color: #ffffff;
    border: 1px solid #080C10;
}

    #bj section .is_questions > li .the_answer p {
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 10px;
    }

#bj section .further_questions {
    display: block;
    width:100%;
}

    #bj section .further_questions p {
        display: block;
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
        color: #080C10;
    }

    #bj section .further_questions ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-flow: row wrap;
    }

        #bj section .further_questions ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            padding: 10px 10px 10px 13px;
            margin: 0 10px 10px 0;
            font-size: 12px;
            line-height: 20px;
            border-radius: 5px;
            border: 1px solid #080C10;
            background-color: #ffffff;
            cursor: pointer;
            transition: all 0.35s linear;
        }

            #bj section .further_questions ul li::after {
                content: '\f0d7';
                font-family: "Font Awesome 5 Pro";
                font-size: 20px;
                line-height: 20px;
                width: 20px;
                padding: 0 0 0 10px;
                text-align: center;
                color: #080C10;
                position: relative;
                top: 3px;
                transition: all 0.35s linear;
            }

            #bj section .further_questions ul li.on::after {
                content: '\f0d7';
                color: #080C10;
            }

            #bj section .further_questions ul li:hover::after {
                color: white;
            }

            #bj section .further_questions ul li:hover {
                background-color: #080C10;
                color:white;
            }

            #bj section .further_questions ul li.on {
                background-color: #EDEFF1;
                border: 1px solid #080C10;
                color: #080C10;
            }

            #bj section .further_questions ul li::before {
                display: none;
            }

#bj section .further_answers {
    display: none;
    width: 100%;
}

    #bj section .further_answers .head h2 {
        margin-top: -10px;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #2e2d2c;
        border-bottom: 5px solid #080C10;
    }

#bj #chart_div {
    margin-top: 10px;
    min-height: 200px;
}

#bj .graphSelector {
    margin-bottom: -82px; 
    margin-top: 10px;
}

.myqa .featherlight {
    z-index: 10000;
}

#bj .featherlight section .card .base {
    padding-top:35px;
}

/*fixes to error content on login screen*/
@media (min-width: 37.5em) {
    #bj.login section .card.the_big_code p {
        max-width: 100%;
    }

    #bj.login > section.processed {
        padding-right: 0px;
        min-height: 0;
    }

    #bj.login section .card.the_big_code {
        padding-right: 0px;
    }

    #bj.login section .base {
        min-height: 0;
    }
}

#bj.login section .base {
    padding-bottom: 0;
}

#bj .layout .pane.images {
    text-align: right;
    width: 100%
}

#bj .layout .pane.images .header__myQALogo {
    display: inline-block;
}

#bj .layout .pane.images img {
    padding-left: 20px;
    vertical-align: middle;
}

#bj section .card .more .pane.on {
    overflow-x: hidden;
    overflow-y: auto;
}

#bj section .card .more .pane.on.nospacing {
    padding-top: 0px;
}

.picker__day.picker__day--infocus.picker__day--disabled {
    /*! background-color: #f0f0f0; */
    /*! opacity: 0.3; */
    /*! height: 15px; */
    /*! width: 16px; */
    color: #A7A7A7;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center;
}

.flexbox #bj.checkout .form-item.checkbox,
.flexbox #tba-name-change .form-item.checkbox {
    display: inline-block;
    padding-top: 5px;
}

#bj.checkout .form-item .input_label label, #bj.checkout .form-item .label label {
    max-width: unset;
}

#bj [type="checkbox"] + label em {
    text-indent: 0px;
}

#unit_login .form-item[data-layout~="labelless"] .input {
    padding-top: 20px !important;
}

.asset-block{
    padding-bottom:20px;
}

.myqa .results-divider {
    height: 1px;
    width: 100%;
    border-width: 0;
    color: #DADEE3;
    background-color: #DADEE3;
    margin-top: 16px;
    margin-bottom: 25px;
    opacity:1;
    border:0;
}

th.date-fixed {
    width:120px;
}

.filter {
    border: 2px solid #080C10;
    border-radius: 60px;
    margin: 0px;
    color: #080C10;
    background-color: transparent;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    float:right;
}

    .filter::before {
        font-family: "Font Awesome 5 Pro";
        content: "";
        font-weight: 400;
        margin-right:4px;
    }

    table tr.show{
        display:table-row;
    }

    table tr.collapsing {
        transition:none!important;
    }

    .filter-modal, .generic-modal {
        background-color: white;
        border-radius: 5px;
        color: #080C10;
        max-width: 520px;
        margin:0 auto;
    }
    .filter-modal ul li::before, .generic-modal ul li::before, {
        display: none;
    }
        .filter-modal ul, .generic-modal ul {
            padding: 40px 30px 40px 30px;
            margin: 0;
        }
        .filter-modal h3, .generic-modal h3 {
            padding: 20px 30px 17px 30px;
            border-bottom: 2px solid #DADEE3;
            line-height: 22px;
            font-size: 20px;
            font-weight: bold;
        }

        .filter-modal p, .generic-modal p {
            padding: 0px 30px 0px 30px;
        }

        .filter-modal span.featherlight-close, .generic-modal span.featherlight-close {
            float: right;
            /*! top:10px; */

            font-size: 20px;
            cursor: pointer;
        }

        .filter-modal li, .generic-modal li {
            width: 100%;
            padding-bottom: 20px;
            padding-right: 10px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
        }

            .filter-modal li input, .generic-modal li input {
                float: right
            }


        .generic-modal > label, .generic-modal > div > label {
            width: 100%;
            color: #080C10;
            font-family: 'Figtree',Arial,sans-serif;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 18px;
            margin-bottom: 16px;
            padding: 0px 30px 0px 30px;
        }

        .generic-modal > label span:first-child:not(.select-replace),
        .generic-modal > div > label span:first-child:not(.select-replace) {
            margin-top: 7px;
            display: block
        }

        .private-book-modal {
            background-color: white;
            border-radius: 5px;
            color: #080C10;
            max-width: 70%;
            margin: 0 auto;
            /*padding: 30px;*/
            font-size: 12px;
        }

    .private-book-modal .person_finder.off {
        display:none;
    }
    .private-book-modal .person_finder {
        position: absolute;
        top: 60px;
        left: 0;
        background-color: #f0f0f0;
        bottom: 0;
        right: 0;
        padding: 30px;
        border-radius: 5px;
        max-width: 70%;
        margin: 0 auto;
        float: left;
        width: 80%;
        z-index: 10001;
    }
    .private-book-modal .person_finder .cls {
        cursor: pointer;
    }
        .private-book-modal button.find-delegate {
        display: inline-block;
        border: 2px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 18px 0px 22px 0px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        max-height: 44px;
    }

    .private-book-modal button.save-delegate {
        display: inline-block;
        border: 2px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 18px 0px 22px 16px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        max-height: 44px;
    }

    .private-book-modal .detail {
        padding-left: 30px;
        padding-right: 30px;
    }
        .private-book-modal .detail .flexrow {
            flex-flow: row wrap;
            display: flex;
        }



        .private-book-modal .detail p {
            font-size: 12px;
        }
    .private-book-modal label {
        width: 100%;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
    }
        .private-book-modal label.form-check-label {
            font-weight: normal;
        }
        .private-book-modal label input[type="checkbox"] {
            margin-right:5px;
        }
        .private-book-modal label input[type="text"], .private-book-modal label textarea {
            padding: 10px 10px 10px 10px;
            border-radius: 6px;
        }

    .private-book-modal .flexrow label {
        flex-basis: 20%;
        margin-left: 16px;
    }

.private-book-modal h3 {
    padding: 20px 30px 17px 30px;
    border-bottom: 2px solid #DADEE3;
    line-height: 22px;
    font-size: 20px;
    font-weight: bold;
}

.private-book-modal span.featherlight-close {
    float: right;
    /*! top:10px; */

    font-size: 20px;
    cursor: pointer;
}
    .private-book-modal ul li::before {
        display: none;
    }

    .private-book-modal ul {
        /*padding: 40px 30px 40px 30px;*/
        margin: 0;
    }
    .private-book-modal li {
        float: left;
        /*padding-bottom: 20px;*/
        padding-right: 10px;
        line-height: 20px;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }
    .private-book-modal .flexrow li {
        flex-basis: 25%;
    }
    .private-book-modal .flexrow li:last-child {
        flex-basis: 50%;
    }

.private-book-modal .sr_control {
    line-height: 20px
}
    .private-book-modal .sr_control label {
        width: auto;
        margin-bottom: 0;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0;
        margin-left: 5px;
    }

        .private-book-modal .form-check-input[type="checkbox"] {
            float: left
        }

    .private-book-modal li label {
        width: auto;
        margin-bottom: 0;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0;
        margin-left: 5px;
    }

    .private-book-modal li input {
        float: left
    }

    .private-book-modal .field-validation-error {
        font-weight: normal;
        font-size: 13px;
    }


    .private-book-modal .dj_autocomplete {
        border-right: 1px solid rgba(46, 45, 44, 0.2);
        border-left: 1px solid rgba(46, 45, 44, 0.2);
        background-color: #ffffff;
        max-width: 560px;
        max-height: 280px;
        overflow-y: auto;
        margin-top:-6px
    }

        .private-book-modal .dj_autocomplete.off {
            display: none;
        }

        .private-book-modal .dj_autocomplete .off {
            display: none;
        }

            .private-book-modal .dj_autocomplete .off.on {
                display: block;
            }

        .private-book-modal .dj_autocomplete li {
            cursor: pointer;
            display: block;
            padding: 10px 10px 9px;
            border-bottom: 1px solid rgba(46, 45, 44, 0.2);
            background-color: #ffffff;
            color: #2e2d2c;
            width: 100%;
            font-weight: normal;
            font-size: 13px;
        }

@media only screen and (max-width: 768px) {
    .private-book-modal {
        width: 100%;
        max-width: 100%;
    }

    .private-book-modal .detail .flexrow {
        flex-flow: row wrap;
    }

    .private-book-modal .detail .flexrow label {
        flex-basis: 100%;
        margin-left: 0;
    }

        .private-book-modal .flexrow li {
            flex-basis: 100%;
        }

        .private-book-modal .person_finder {
            width: 95%;
            max-width: 95%;
            top: 70px;
        }
}
.model-foot {
    padding: 20px 30px 20px 30px;
    /*box-shadow: 0px 0px 8px 1px rgba(34,34,34,0.08);*/
    min-height: 84px;
}


.filter-filter, .filter-filter:hover, .filter-filter:visited {
    border: 2px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    color: white;
    background-color: #080C10;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    float: right;
}
.filter-clear {
    border: 2px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    color: #080C10;
    background-color: transparent;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    /*float: left;*/
}

@media (max-width: 600px) {
    .progress {
        width:50%;
    }
}

.accordion-body {
    padding:0;
}

    .accordion-body .pane {
        padding: 0 25px;
    }


.dashboard-container.search {
    padding: 24px 25px !important;
}
/*.dashboard-container.search .form-control {
    box-shadow: none;
}*/

    .dashboard-container.search h3 {
        margin-bottom: 32px;
        height: 24px;
        width: 284px;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
    }

.search label::before {
    font-family: "Font Awesome 5 Pro";
    content: '';
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    padding: 0 5px 0 0;
    text-align: center;
    color: #485A6E;
    position: absolute;
    top: 11px;
    left: 14px;
    /*! background-color:orange; 
    display: inline-block;*/
}
.search label {
    padding: 10px 10px 10px 42px;
    border-radius: 6px;
    max-width: 568px;
    display: inline-block;
    width: 60%;
    border: 1px solid #DADEE3;
    position: relative;
}

.search input {
    padding: 0;
    border: 0;
    margin: 0;
    line-height: 20px;
    font-size: 16px;
    height: 20px;
    box-shadow: none;
}

    .search input::placeholder {
        color: #7A8999;
        opacity: 1;
    }

.search .search-button {
    display: inline-block !important;
    /*! float: right; */
    border: 1px solid #080C10;
    color: white;
    background-color: #080C10;
    border-radius: 60px;
    margin: 0 28px 0 10px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    min-width: 82px;
    text-align: center;
    line-height: 16px;
    height:44px;
}

.search a.advanced-search, .search a.advanced:hover, .search a.advanced:visited {
    height: 16px;
    width: 130px;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}


@media(max-width:600px) {
    .accordion-item:first-of-type {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .dashboard-container {
        border-radius: 0px !important;
    }
}
.accordion-item:first-of-type {
    border-top: 1px solid #f0f3f7;
}

@media(max-width:768px) {



    .dashboard-container .milestones li .iconed {
        width:100%;

    }

    .training-history-container .milestone-title {
        display:none;
    }
}
#linked-accounts.dropdown-toggle::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;

    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: 0;
    float:right;
}

#accordion-milestones .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: #FAFAFA !important;
    border-bottom:0;
}

#accordion-milestones .milestone-block {
    background-color: #FAFAFA;
    padding: 24px 29px 36px 29px;
}


.course-search-container {
    background-color: #ffffff;
    width: 100%;
    border-radius: 10px;
    padding: 30px !important;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 200px;
    color: #080C10;
}

    .course-search-container h3 {
        padding: 0;
        margin: 0;
        height: 24px;
        width: 284px;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
    }

.course-search-container hr {
    height: 1px;
    width: 100%;
    background-color: #DADEE3;
    margin-top:30px;
    margin-bottom:15px;
}
    .course-search-container label {
        width: 100% ;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom:16px;
    }
        .course-search-container label span:first-child:not(.select-replace) {
            margin-top: 7px;
            display: block
        }
        .course-search-container label.keyword span::before {
            font-family: "Font Awesome 5 Pro";
            content: '';
            font-weight: 400;
            font-size: 18px;
            line-height: 18px;
            width: 18px;
            padding: 0 5px 0 0;
            text-align: center;
            color: #7A8999;
            position: absolute;
            top: 11px;
            left: 14px;
            display: block
            /*! background-color:orange; 
    display: inline-block;*/
        }

    .course-search-container label.keyword span {
        padding: 10px 10px 10px 42px;
        border-radius: 6px;
        display: inline-block;
        width: 100%;
        border: 1px solid #DADEE3;
        position: relative;
    }

        .course-search-container label.keyword input {
            padding: 0;
            border: 0;
            margin: 0;
            line-height: 20px;
            font-size: 16px;
            height: 20px;
            box-shadow: none;
        }

    .course-search-container label.keyword input::placeholder {
        color: #7A8999;
        opacity: 1;
    }
        .course-search-container input {
            box-shadow: none;
        }

    .course-search-container .select-replace select,
    .course-search-container .form-control {
        border: 1px solid #A7B1BC;
        margin-bottom: 0;
        color: #485A6E;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 18px;
    }
    .course-search-container .select-replace,
    .course-search-container .form-control {
margin-bottom:0
    }
    .course-search-container label.date {

    }
    .course-search-container .search-button {
        display: inline-block !important;
        /*! float: right; */
        border: 1px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 16px 0 0 0px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        height:44px;
    }

    .course-search-container #learning-history-table th, .course-search-container #learning-history-table td {
        padding: 12px 10px;
    }

    .course-search-container .flex-search {
        flex-flow: row;
        display: flex;
    }

    .course-search-container .date .form-control:disabled, .course-search-container .date .form-control[readonly] {
        background-color:transparent;
    }

@media only screen and (min-width: 768px) {
    .course-search-container .flex-search label.region {
        flex-basis: 40%;
    }

    .course-search-container .flex-search label.date {
        flex-basis: 20%;
        margin-left: 16px;
    }

    .course-search-container .flex-search label.type {
        flex-basis: 20%;
        margin-left: 16px;
    }
}
@media only screen and (max-width: 768px) {
    .course-search-container .flex-search {
        flex-flow: row wrap;

    }
    .course-search-container .flex-search label {
        /*        padding-top: 0px;
        display: inline-block;
        margin-right: 20px;
        width: 100%;
        font-size: 16px;*/
        flex-basis: 100%;
        margin-left: 0;
    }
}

.course-search-container #learning-history-table span{
    font-size:inherit
}

.course-search-container #learning-history-table .location {
    display: block;
    /*! height: 16px; */
    /*width: 215px;*/
    color: #7A8999;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
}
.course-search-container #learning-history-table .location:first-of-type {
    padding-top: 8px
}

    .course-search-container #learning-history-table .location a {
        height: 16px;
        width: 215px;
        color: #7A8999;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 16px;
    }

    .course-search-container #learning-history-table .location::before {
        content: ''; 
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;    
        padding-right:5px;
    }

.course-search-container #learning-history-table .timezone {
    color: #7A8999;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
}

.course-search-container #learning-history-table a.book-button {
    box-sizing: border-box;
    padding: 4px 16px;
    border-radius: 24px;
    background-color: #080C10;
    height: 28px;
    color: white;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    margin-top: 4px;
}

.course-search-container #learning-history-table a.view {
    box-sizing: border-box;
    padding: 4px 16px;
    border: 2px solid #080C10;
    border-radius: 24px;
    background-color: #FFFFFF;
    height: 28px;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    margin-right: 16px;
    display: inline-block;
    /*! margin-bottom:8px; */
    margin-top: 4px;
}

.course-search-container #learning-history-table a.book-button:hover {
    background-color: #485A6E;
    text-decoration:none;
}

.course-search-container #learning-history-table a.view:hover {
    background-color: #E5E8EB;
    text-decoration: none;
}
    /*.course-search-container .mobile-ref a.view {

}
*/
    .course-search-container button.show-more {
    box-sizing: border-box;
    padding: 12px 20px;
    border: 1px solid #080C10;
    border-radius: 24px;
    background-color: #FFFFFF;
    /*height: 16px;*/
    width: 34px;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    min-width: 82px;
    display: block;
}

.course-search-container p.showing {
    height: 16px;
    /*width: 482px;*/
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
}
.course-search-container p.showing span{
    font-size: 12px;
}


div.course-search-container .results {
    margin-top: 20px;
}

div.course-search-container #learning-history-table {
    margin-top: 0;
}
.course-search-container #learning-history-table tr td.action-mobile {
    display: none;
}

.course-search-container #learning-history-table tr td p {
    margin: 0;
    font-size: 12px;
}

@media only screen and (max-width: 768px) {

    .course-search-container #learning-history-table tr {
        display: flex;
        flex-flow: row wrap;
        position: relative;
        border-bottom: 1px solid #DADEE3;
    }
        .course-search-container #learning-history-table tr td.action {
            display: none;
        }

        .course-search-container #learning-history-table tr td.action-mobile {
            display: table-cell;
            margin-bottom: 17px;
        }

        .course-search-container #learning-history-table tr td {
            flex-basis: 100%;
            display: table-cell;
            margin-top: 8px;
            padding: 0px 10px 0px 0px;
        }
            .course-search-container #learning-history-table tr td.thirds {
                flex-basis: 33%;
                margin-top: 20px;
            }

            .course-search-container #learning-history-table tr td.half {
                flex-basis: 50%;
            }
            .course-search-container #learning-history-table tr td.title {
                display: flex;
                flex-flow: row wrap;
            }
                .course-search-container #learning-history-table tr td.title a {
                    flex-basis: 100%;
                }

                .course-search-container #learning-history-table tr td.title span.location {
                    flex-basis: 100%;
                }

            .course-search-container #learning-history-table tr td p {
                margin: 0;
            }

    .course-search-container #learning-history-table .mobile-ref {
        display:inline-block;
        margin-right: 5px;
    }

    .course-search-container #learning-history-table tr td.action-mobile a {
        display: inline-block;
        width:auto;
        height:auto;
    }

    .course-search-container #learning-history-table th {
        display: none;
    }
}

.picker .picker__footer button.picker__button--today {
    background-color: #0B7192;
    border-color: #0B7192;
    color: #ffffff;
}


#learning-history-table .video-button {
    display: inline-block !important;
    color: #080C10;
    border: 1px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    height: 22px;
    float:right;
}
@media only screen and (max-width: 600px) {
    #learning-history-table .video-button {
        display: inline-block !important;
        color: #080C10;
        border: 1px solid #080C10;
        border-radius: 60px;
        /*! padding: 5px 20px; */
        margin-top: 0px;
        font-size: 12px;
        font-weight: 700;
    }
}

@media (min-width: 768px) {
    li.milestone-block a.iconed {
        max-width: 50%;
        display: inline-block;
    }

}



@media (min-width: 1000px) {
    li.milestone-block a.iconed {
        max-width: 64%;
        display: inline-block;
    }
}

.layout .container {
    padding-right:0;
}

.linkaccounts .dropdown-menu li {
    font-size:14px;

}
    .linkaccounts .dropdown-menu li .dropdown-item.active {
        background-color: #0B7192;
    }

    .floatRight {
        float:right;
    }

#bj .form-item.checkbox.minreq .messages {
    padding: 2px 16px 0 4px;
}

.progress-bar {
    background-color: #0B7192;
}


header.head h1, header.head h2, header.head h3 {
    color: #080C10;
    font-weight: 700;
    font-family: 'Figtree',Arial,sans-serif !important;
    margin-bottom: 0px;
    margin-left: 30px;
    font-size: 20px;
    line-height: 24px;
}


/* 3 column login */
/* container */
.three-columns {
    display: flex;
    flex-wrap: wrap;
}

/* columns */
.three-columns > * {
    width: 100%;
    padding: 1rem;
}

/* columns */
.three-columns > div {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px !important;
    margin: 0px;
    margin-bottom: 20px;
    color: #080C10;
}

.three-columns label {
    width: 100%;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 16px;
}

.three-columns label span:first-child:not(.select-replace) {
    margin-top: 7px;
    display: block
}

/* 3 -> 1 break point */
@media (min-width:960px) {
    .three-columns > div {
        width: calc(100% / 3 - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .three-columns div:first-child {
        margin-left: 0px;
    }

    .three-columns div:last-child {
        margin-right: 0px;
    }
}

.three-columns div.buttons {
    margin: 18px 0;
    min-height: 44px;
}
.three-columns div.buttons .cta {
    float: right;
}
.g-recaptcha {
    min-height: 62px;
}
.g-recaptcha .grecaptcha-badge {
    box-shadow: none !important;
    border: 1px solid #B9B9B9;
    height: 62px !important;
    float: right;
}

#registrationRecaptcha {
    width: 100%;
    padding: 0 1rem 1rem !important;
}

.existing-booking-check {
    padding-bottom: 30px;
}

.existing-booking-check .g-recaptcha {
    padding: 0px 30px 0px 30px;
}

.existing-booking-check div.buttons {
    padding: 0px 30px 0px 30px;
    min-height: 44px;
    margin-top: 16px;
    margin-bottom: 16px;
}

label.error, span.error {
    color: #D90A47 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

input.error {
    border-color: #D90A47 !important;
}

/*.access-bookings {
    margin-top: 16px;
}*/
.existing-booking-check a.cta {
    float:right
}
/*@media screen and (min-width:768px) and (max-width:768px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}*/

.cta.access-psp:first-of-type {
    margin-bottom:18px;
}

/*.tzWarning {
    padding: 10px 28px;
    background-color: #EBF7FA;
    color: #05607E;
}*/

.booking-history .info-block, #milestone-detail .info-block {
    color: #05607E;
    background-color: #EBF7FA;
    padding: 16px 16px 12px 48px;
    border-radius: 4px;
    margin-bottom: 32px;
    position: relative;
    width: 100%;
}
#milestone-detail .info-block {
    margin-top: 16px;
    margin-bottom: 0px;
}
.booking-history .info-block h4, #milestone-detail .info-block h4 {
    /*color: #05607E;*/
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.booking-history .info-block h4::before, #milestone-detail .info-block h4::before {
    content: url('../../images/myqa/information.png');
    display: block;
    top: 15px;
    left: 15px;
    position: absolute;
}

    .booking-history .info-block p, #milestone-detail .info-block p, #milestone-detail .info-block p a {
        font-size: 14px;
        color: #05607E;
    }