@font-face {
    font-family: 'shneregular';
    src: url('sohne-buch-webfont.woff2') format('woff2'), url('sohne-buch-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'shnekrftig';
    src: url('sohne-kraftig-webfont.woff2') format('woff2'), url('sohne-kraftig-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'shneleicht';
    src: url('sohne-leicht-webfont.woff2') format('woff2'), url('sohne-leicht-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.gnw main {
    overflow: hidden;
}


/*=========================================
1. CONTAINER MAX SIZE
2. GLOBAL
3. SHOW / HIDE
4. TEXT COLOR
5. BACKGROUND COLOR
6. SPACING
7. BUTTON
8. COL USE SAME HEIGHT
9. MOUSEOVER FADE (jQuery)
10. BLOCK
11. accordion forms
12. colFour, columnThree, columnTwo, columnFourBox
13. TEMPLATE PAGE
14. MODAL
15. BULLET
16. SECTION TITLE

=========================================*/


/*=========================================
1. CONTAINER MAX SIZE
=========================================*/

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



@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}



@media screen and (min-width: 1800px) {
    .container {
        max-width: 1740px;
    }
}


/*
.container {
    max-width: 1380px;
    //Or whatever value you need
}
*/
/*=========================================
2. GLOBAL
=========================================*/



body {
    font-family: 'shneleicht';
    font-weight: normal;
    font-style: normal;
    color: #2D1D49;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 28px;
    overflow-x: hidden;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    body {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    body {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width : 768px) {
    body {
        font-size: 16px;
        line-height: 22px;
    }
}




.gnw a,
.gnw button {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
}

    .gnw a:visited, .gnw a:link, .gnw a:hover, .gnw a:active, .gnw a:focus {
        text-decoration: none;
    }


.gnw strong, b {
    font-family: 'shneregular';
}

.gnw .small-text {
    font-size: 20px;
    line-height: 26px;
}

.gnw p {
    font-size: 22px;
    line-height: 28px;
}

.gnw .lead-text {
    font-size: 24px;
    line-height: 30px;
}


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    body {
        font-size: 18px;
        line-height: 24px;
    }

    .gnw .small-text {
        font-size: 16px;
        line-height: 22px;
    }

    .gnw p {
        font-size: 18px;
        line-height: 24px;
    }

    .gnw .lead-text {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width:767px) {
    .gnw .small-text {
        font-size: 14px;
        line-height: 20px;
    }

    .gnw p {
        font-size: 16px;
        line-height: 22px;
    }

    .gnw .lead-text {
        font-size: 18px;
        line-height: 24px;
    }
}

.gnw h1, .gnw h2, .gnw h3, .gnw h4, .gnw h5, .gnw h6 {
    font-family: 'shneleicht';
    font-weight: normal;
    font-style: normal;
}

.gnw h1 {
    font-size: 82px;
    line-height: 82px;
}

.gnw h2 {
    font-size: 52px;
    line-height: 60px;
}

.gnw h3 {
    font-size: 42px;
    line-height: 50px;
}

.gnw h4 {
    font-size: 32px;
    line-height: 40px;
}


.gnw #blogArticle h2 {
    font-size: 32px;
    line-height: 40px;
}

.gnw h5 {
    font-size: 28px;
    line-height: 36px;
}

.gnw h6 {
    font-size: 24px;
    line-height: 30px;
}

.gnw hr {
    border-top: 1px solid #c5b8ff;
}


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw h1 {
        font-size: 52px;
        line-height: 58px;
    }

    .gnw h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .gnw h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .gnw h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .gnw #blogArticle h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .gnw h5 {
        font-size: 26px;
        line-height: 34px;
    }

    .gnw h6 {
        font-size: 22px;
        line-height: 28px;
    }
}


@media (max-width:767px) {
    .gnw h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .gnw h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .gnw h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .gnw h4 {
        font-size: 25px;
        line-height: 31px;
    }

    .gnw #blogArticle h2 {
        font-size: 25px;
        line-height: 31px;
    }

    .gnw h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .gnw h6 {
        font-size: 22px;
        line-height: 28px;
    }


    .gnw .contentTitle {
        font-size: 1.725rem;
        line-height: 1.725rem;
    }

    .gnw .introTitle {
        font-size: 28px;
        line-height: 34px !important;
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.gnw .logo img {
    width: 140px;
}

@media only screen and (min-width : 768px) {
    .gnw .logo img {
        width: 186px;
    }
}

.gnw ol li {
    font-size: 22px;
    line-height: 28px;
    margin-top: 7px;
    margin-bottom: 7px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw ul li,
    .gnw ol li {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .gnw ul li,
    .gnw ol li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
    }
}



.gnw #lg-bullet-white ul,
.gnw #bullet-white ul {
    color: #fff;
}

.gnw #lg-bullet-violet ul,
.gnw #bullet-violet ul {
    color: #2D1D49;
}

    .gnw #lg-bullet-white ul li,
    .gnw #lg-bullet-violet ul li {
        margin-bottom: 18px;
    }

    .gnw #bullet-white ul li,
    .gnw #bullet-violet ul li {
        margin-bottom: 18px;
    }

.gnw #elmiPortalBullet ul {
    color: #fff;
}

    .gnw #elmiPortalBullet ul li {
        margin-bottom: 24px;
    }



.gnw .borderLeftLight {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw .borderLeftDark {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
}


/*=========================================
3. SHOW / HIDE
=========================================*/
.gnw .hideInMobile {
    display: block;
}

.gnw .hideInTablet {
    display: block;
}

.gnw .hideInDesktop {
    display: none;
}

@media only screen and (max-width : 997px) {
    .gnw .hideInDesktop {
        display: block;
    }

    .gnw .hideInMobile {
        display: block;
    }

    .gnw .hideInTablet {
        display: none;
    }
}

@media only screen and (max-width : 480px) {
    .gnw .hideInTablet {
        display: block;
    }

    .gnw .hideInMobile {
        display: none;
    }

    .gnw .hideInDesktop {
        display: block;
    }
}



/*=========================================
4. TEXT COLOR
=========================================*/
.gnw .text-purple {
    color: #967DFF;
}

.gnw .text-violet {
    color: #2D1D49;
}

.gnw .text-violet35 {
    color: rgba(45, 29, 73, 0.35);
}

.gnw #blogArticle .text-blue {
    color: #967DFF;
}

.gnw .text-white {
    color: #fff;
}

.gnw .text-light {
    color: #f3f1ff;
}



/*=========================================
5. BACKGROUND COLOR
=========================================*/
.gnw .bg-violet {
    background: #2D1D49;
}

.gnw .bg-purple {
    background: #967DFF;
}

.gnw .bg-pink {
    background: #FF8F90;
}

.gnw .bg-green {
    background: #A0E2E2;
}


.gnw .bg-light {
    background: #f3f1ff !important;
}

.gnw .bg-lilac {
    background: #E1DCFF;
    background: #edeaff;
}

.gnw .bg-white {
    background: #fff !important;
}



/*=========================================
6. SPACING
=========================================*/

.gnw .vh16 {
    width: 100%;
    height: 24px;
    display: block;
}

.gnw .vh32 {
    width: 100%;
    height: 32px;
    display: block;
}

.gnw .vh64 {
    width: 100%;
    height: 96px;
    display: block;
}


.gnw .pageLeftSpace {
    padding-left: 40px;
    margin-left: 0px;
}

.gnw .pageLeftSpaceNews {
    margin-left: 90px;
    padding-left: 45px;
}

.gnw .pageLeftSpace4Cols {
    margin-left: 0px;
    padding-left: 0px;
}

.gnw .marginLeft45to15 {
    margin-left: 45px;
}

.gnw .paddingLeft45to15 {
    padding-left: 45px;
    padding-left: 0px;
}

.gnw .pageLeftSpaceSubSmall {
    margin-left: 30px !important;
    padding-left: 45px !important;
}


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .vh16 {
        height: 16px;
    }

    .gnw .vh32 {
        height: 32px;
    }

    .gnw .vh64 {
        height: 64px;
    }
}




@media only screen and (max-width : 768px) {
    .gnw .vh32,
    .gnw .vh16 {
        height: 16px;
    }

    .gnw .vh64 {
        height: 32px;
    }

    .gnw .pageLeftSpace {
        padding-left: 15px;
    }

    .gnw .pageLeftSpaceNews {
        margin-left: 15px;
        padding-left: 15px;
    }

    .gnw .pageLeftSpace4Cols {
        margin-left: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .gnw .marginLeft45to15 {
        margin-left: 15px;
    }

    .gnw .paddingLeft45to15 {
        padding-left: 15px;
        padding-left: 5px;
    }

    .gnw .pageLeftSpaceSubSmall {
        padding-left: 15px !important;
        margin-left: 0px !important;
    }
}

.gnw .padLR0to15 {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width:767px) {
    .gnw .padLR0to15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*=========================================
7. BUTTON
=========================================*/

.gnw .btn:focus {
    outline: none;
    box-shadow: none;
}


.gnw #lmiGuideline a {
    color: rgba(255, 255, 255, 0.45);
}

    .gnw #lmiGuideline a:hover {
        color: rgba(255, 255, 255, 1);
        text-decoration: none;
    }

.gnw .newsLink a {
    font-family: 'shneleicht';
    background: #967DFF;
    padding: 8px 25px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #967DFF;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}

    .gnw .newsLink a:hover {
        background: #2D1D49;
        color: #fff;
        text-decoration: none;
        border: 1px solid #2D1D49;
    }

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .newsLink a {
        padding: 8px 25px;
        border-radius: 32px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .newsLink a {
        padding: 8px 25px;
        border-radius: 32px;
        font-size: 16px;
        line-height: 20px;
    }
}

.gnw #dynamicContact {
    font-size: 52px;
    line-height: 60px;
    position: relative;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw #dynamicContact {
        font-size: 42px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw #dynamicContact {
        font-size: 38px;
        line-height: 44px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw #dynamicContact {
        font-size: 32px;
        line-height: 38px;
        width: 100%;
    }
}


.gnw #dynamicContact .btnDynamic {
    border: 0;
    background: none;
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
}

    .gnw #dynamicContact .btnDynamic:hover {
        color: #2D1D49;
    }

    .gnw #dynamicContact .btnDynamic:focus {
        outline: none;
        box-shadow: none;
    }

.gnw #dynamicContact .btn.result {
    opacity: 1;
}

    .gnw #dynamicContact .btn.result.disabled {
        opacity: 0.5;
    }

.gnw #dynamicContact .right-side .text {
    display: inline-block;
}

.gnw #dynamicContact .right-side .questionnaire {
    display: inline-block;
    position: relative;
}

    .gnw #dynamicContact .right-side .questionnaire > span {
        text-decoration: underline;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

        .gnw #dynamicContact .right-side .questionnaire > span:hover {
            cursor: pointer;
        }

        .gnw #dynamicContact .right-side .questionnaire > span::after {
            margin: 0px 0px 0px 10px;
            text-decoration: none;
            content: url('/img/_2022/icon/arrow-down-in-circle.svg');
            bottom: 5px;
        }

.gnw #dynamicContact .right-side .questionnaire-box, .gnw #dynamicContact .right-side .questionnaire-option {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    min-width: 350px;
    border-radius: 30px;
}

.gnw #dynamicContact .right-side .questionnaire-option {
    min-width: 550px;
    top: -115px;
}

@media only screen and (max-width : 992px) {
    .gnw #dynamicContact .right-side .questionnaire {
        position: unset;
    }

    .gnw #dynamicContact {
        position: relative;
    }

        .gnw #dynamicContact .right-side .questionnaire-box, .gnw #dynamicContact .right-side .questionnaire-option {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
}

@media only screen and (max-width : 768px) {
    .gnw #dynamicContact .right-side .questionnaire-box, .gnw #dynamicContact .right-side .questionnaire-option {
        min-width: 280px;
        width: 90%;
        border-radius: 30px;
    }
}

.gnw #dynamicContact .right-side .questionnaire-box.show, .gnw #dynamicContact .right-side .questionnaire-option.show {
    display: block;
    z-index: 1;
}

.gnw #dynamicContact .right-side .questionnaire-box ul, .gnw #dynamicContact .right-side .questionnaire-option ul {
    padding: 0;
    margin: 10px 10px;
}

    .gnw #dynamicContact .right-side .questionnaire-box ul li, .gnw #dynamicContact .right-side .questionnaire-option ul li {
        list-style: none;
        color: #967DFF;
        border-bottom: 1px solid #967DFF;
        margin: 10px 10px;
        padding: 20px 0;
        font-size: 28px;
        line-height: 28px;
        padding-right: 40px;
    }

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw #dynamicContact .right-side .questionnaire-box ul li, .gnw #dynamicContact .right-side .questionnaire-option ul li {
        margin: 10px 10px;
        padding: 20px 0;
        font-size: 28px;
        line-height: 28px;
        padding-right: 40px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw #dynamicContact .right-side .questionnaire-box ul li, .gnw #dynamicContact .right-side .questionnaire-option ul li {
        margin: 10px 20px;
        padding: 20px 0;
        font-size: 28px;
        line-height: 28px;
        padding-right: 40px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw #dynamicContact .right-side .questionnaire-box ul li, .gnw #dynamicContact .right-side .questionnaire-option ul li {
        margin: 10px 20px;
        padding: 10px 0;
        font-size: 20px;
        line-height: 20px;
        padding-right: 40px;
    }
}

.gnw #dynamicContact .right-side .questionnaire-box ul li:hover, .gnw #dynamicContact .right-side .questionnaire-option ul li:hover {
    cursor: pointer;
}

.gnw #dynamicContact .right-side .questionnaire-box ul li:last-child, .gnw #dynamicContact .right-side .questionnaire-option ul li:last-child {
    border-bottom: 1px solid transparent;
}

.gnw #dynamicContact .right-side .questionnaire-box ul li::after, .gnw #dynamicContact .right-side .questionnaire-option ul li::after {
    margin: 0px 0px 0px 0;
    text-decoration: none;
    position: absolute;
    right: 20px;
    content: url('/img/_2022/icon/arrow-right-in-circle.svg');
}

@media only screen and (max-width : 768px) {
    .gnw #dynamicContact .right-side .questionnaire-box ul li::after, .gnw #dynamicContact .right-side .questionnaire-option ul li::after {
        margin: 2px 0px 0px 0;
        right: 30px;
        content: url('/img/_2022/icon/arrow-right-in-circle-sm.svg');
    }
}



.gnw #dynamicContact .left-side img {
    position: absolute;
    bottom: -105px;
}

.gnw #dynamicContact.telme {
    padding: 30px 0 0 0;
}

    .gnw #dynamicContact.telme .right-side {
        text-align: center;
    }



@media (max-width:992px) {
    .gnw #dynamicContact.telme {
        padding: 30px 0;
    }

        .gnw #dynamicContact.telme .right-side img {
            display: none;
        }
}

.gnw #permLeftLine #dynamicContact .row > [class*='col-'] {
    display: unset;
    flex-direction: unset;
}

.gnw #permLeftLine #dynamicContact h3 {
    display: inline-block;
}

.gnw #permLeftLine #dynamicContact .btnDynamic {
    display: inline-block;
    font-size: 40px;
}

.gnw #eachNews,
.gnw #eachMagazine {
    border-bottom: 1px solid rgba(45, 29, 73, 0.45);
}

    .gnw #eachNews:last-child,
    .gnw #eachMagazine:last-child {
        border-bottom: 0px solid rgba(45, 29, 73, 0.45);
    }

    .gnw #eachMagazine img,
    .gnw #singleArticleCta img {
        width: 100%;
    }

    .gnw #eachMagazine img {
        border: 1px solid #e0e0e0;
    }

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw #eachMagazine img,
    .gnw #singleArticleCta img {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw #eachMagazine img,
    .gnw #singleArticleCta img {
        width: 240px;
    }

    .gnw #permLeftLine #dynamicContact .btnDynamic {
        margin-bottom: 10px;
    }

    .gnw #permLeftLine #dynamicContact .right-side h3 {
        padding: 0;
    }
}

@media only screen and (max-width : 768px) {

    .gnw #permLeftLine #dynamicContact .btnDynamic {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .gnw #dynamicContact.telme .right-side {
        line-height: 30px;
    }

    .gnw #permLeftLine #dynamicContact .right-side h3 {
        padding: 0;
    }

    .gnw #eachMagazine img,
    .gnw #singleArticleCta img {
        width: 190px;
    }
}


.gnw .newsSummary {
    min-height: 285px;
}

@media only screen and (min-width: 1200px) and (max-width: 1799px) {
    .gnw .newsSummary {
        min-height: 285px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .gnw .newsSummary {
        min-height: 10px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .newsSummary {
        min-height: 10px;
    }
}


.gnw .btn-light-purple {
    background: #fff;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #2D1D49;
    border: 1px solid #fff;
}

.gnw .btn-light-purple:hover {
    background: #967DFF;
    color: #fff;
    text-decoration: none;
    border: 1px solid #967DFF;
}

.gnw .btn-purple-violet {
    background: #967DFF;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #967DFF;
}

.gnw .btn-purple-violet:hover {
    background: #2D1D49;
    color: #fff;
    text-decoration: none;
    border: 1px solid #2D1D49;
}



.gnw .btn-light {
    background: #fff;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #967DFF;
    border: 1px solid #fff;
}

    .gnw .btn-light:hover {
        background: #2D1D49;
        color: #fff;
        text-decoration: none;
        border: 1px solid #2D1D49;
    }

.gnw .btn-light-outline,
.gnw .newsLink p .btn-light-outline {
    background: none;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
}

    .gnw .btn-light-outline:hover,
    .gnw .newsLink p .btn-light-outline:hover {
        background: #fff;
        color: #2D1D49;
        text-decoration: none;
        border: 1px solid #fff;
    }

.gnw .btn-light-outline2 {
    background: none;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
}

    .gnw .btn-light-outline2:hover {
        background: #836BDC;
        color: #fff;
        text-decoration: none;
        border: 1px solid #836BDC;
    }


.gnw .btn-tabText {
    background: none;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
}

    .gnw .btn-tabText:hover {
        background: #2D1D49;
        color: #fff;
        text-decoration: none;
        border: 1px solid #2D1D49;
    }

    .gnw .btn-tabText.active {
        background: #2D1D49;
        border: 1px solid #2D1D49;
    }


.gnw #fs,
.gnw #l,
.gnw #yg {
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}



.gnw .btn-purple-outline,
.gnw .magazineLink a {
    background: none;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #967DFF;
    border: 1px solid #967DFF;
    display: inline-block;
}

    .gnw .magazineLink a.padding-small {
        padding: 17px 10px;
    }

    .gnw .btn-purple-outline:hover,
    .gnw .magazineLink a:hover {
        background: #967DFF;
        color: #fff;
        text-decoration: none;
    }

.gnw .template-sub .newsLink p .btn-violet-outline,
.gnw .btn-violet-outline {
    background: none;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #2D1D49;
    border: 1px solid #2D1D49;
}

    .gnw .template-sub .newsLink p .btn-violet-outline:hover,
    .gnw .btn-violet-outline:hover {
        background: #2D1D49;
        color: #fff;
        text-decoration: none;
    }


.gnw .btn-violet {
    background: #2D1D49;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #2D1D49;
}

    .gnw .btn-violet:hover {
        background: #967DFF;
        color: #fff;
        text-decoration: none;
        border: 1px solid #967DFF;
    }

.btn-violet {
    background: #2D1D49;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #2D1D49;
}

    .btn-violet:hover {
        background: #967DFF;
        color: #fff;
        text-decoration: none;
        border: 1px solid #967DFF;
    }

.gnw .btn-purple {
    background: #967DFF;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #967DFF;
}

    .gnw .btn-purple:hover {
        background: #fff;
        color: #967DFF;
        text-decoration: none;
        border: 1px solid #fff;
    }

.gnw .btn-purple-violet {
    background: #967DFF;
    padding: 17px 25px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #967DFF;
}

    .gnw .btn-purple-violet:hover {
        background: #2D1D49;
        border: 1px solid #2D1D49;
        text-decoration: none;
    }


@media only screen and (min-width: 998px) and (max-width: 1799px) {


    .gnw .btn-light,
    .gnw .btn-light-outline,
    .gnw .btn-purple-outline,
    .gnw .btn-violet-outline,
    .gnw .magazineLink a,
    .gnw .btn-violet,
    .btn-violet,
    .gnw .btn-purple,
    .gnw .btn-purple-violet {
        padding: 17px 25px;
        font-size: 20px;
        line-height: 20px;
    }

        .gnw .magazineLink a.padding-small {
            padding: 17px 10px;
            margin-bottom: 10px;
        }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .btn-light,
    .gnw .btn-light-outline,
    .gnw .btn-purple-outline,
    .gnw .btn-violet-outline,
    .gnw .magazineLink a,
    .gnw .btn-violet,
    .btn-violet,
    .gnw .btn-purple,
    .gnw .btn-purple-violet {
        padding: 8px 25px;
        font-size: 16px;
        line-height: 20px;
    }

        .gnw .magazineLink a.padding-small {
            padding: 8px 25px;
            margin-bottom: 10px;
        }
}

@media only screen and (max-width : 768px) {
    .gnw .btn-light,
    .gnw .btn-light-outline,
    .gnw .btn-purple-outline,
    .gnw .btn-violet-outline,
    .gnw .magazineLink a,
    .gnw .btn-violet,
    .btn-violet,
    .gnw .btn-purple,
    .gnw .btn-purple-violet {
        padding: 8px 25px;
        font-size: 16px;
        line-height: 20px;
    }

        .gnw .magazineLink a.padding-small {
            padding: 8px 25px;
            margin-bottom: 10px;
        }
}

.gnw .btn-sm {
    padding: 8px 25px;
    font-size: 16px;
    line-height: 20px;
}

.gnw .btn-lg {
    padding: 17px 25px;
    font-size: 24px;
    line-height: 24px;
    border-radius: 100px;
}


/*=========================================
8. COL USE SAME HEIGHT
=========================================*/

/*#permLeftLine .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    #permLeftLine .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }*/


/*=========================================
9. MOUSEOVER FADE (jQuery)
=========================================*/

.gnw #enlargeIcon,
.gnw #personBox,
.gnw #personArrow
.gnw .imageArrow,
.gnw #imageArrow {
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}



/*=========================================
10. BLOCK
=========================================*/

.gnw .bg-violet p,
.gnw .bg-violet h2 {
    color: #fff;
}

.gnw .bg-light p,
.gnw .bg-light h2,
.gnw .bg-lilac p,
.gnw .bg-lilac h2 {
    color: #2D1D49;
}

.gnw .bg-purple p {
    color: #2D1D49;
}

.gnw .bg-purple h2 {
    color: #fff;
}


.gnw .sectionTitleBox {
    padding-top: 96px;
    padding-bottom: 96px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .sectionTitleBox {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .sectionTitleBox {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.gnw .bg-violet .borderLeft,
.gnw .bg-purple .borderLeft {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    padding-left: 40px;
    margin-left: 0px;
}

@media only screen and (max-width : 768px) {
    .gnw .bg-violet .borderLeft,
    .gnw .bg-purple .borderLeft {
        padding-left: 15px;
    }
}

.gnw .bg-light .borderLeft,
.gnw .bg-lilac .borderLeft{
    border-left: 1px solid rgba(45, 29, 73, 0.45);
    padding-left: 40px;
}

.gnw .borderLeft {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
    padding-left: 40px;
    margin-left: 0px;
}

.gnw .mainHero .borderLeft {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
    padding-left: 60px;
    margin-left: 0px;
}


@media only screen and (max-width : 768px) {
    .gnw .bg-light .borderLeft,
    .gnw .bg-lilac .borderLeft,
    .gnw .borderLeft {
        padding-left: 15px;
    }

    .gnw .mainHero .borderLeft {
        padding-left: 15px;
        margin-left: 5px;
    }
}

.gnw .bg-violet .borderLeftOption,
.gnw .bg-purple .borderLeftOption {
    padding: 16px 0 15px 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw .bg-light .borderLeftOption,
.gnw .bg-lilac .borderLeftOption,
.gnw .bg-white .borderLeftOption,
.gnw .borderLeftOption {
    padding: 16px 0 15px 16px;
    border-left: 1px solid rgba(45, 29, 73, 0.45);
}


/******************************************************

11. accordion forms

*******************************************************/


#accordionForms a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

#accordionForms #accordion .panel {
    border: none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 10px;
    background: transparent;
}

#accordionForms #accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 5px;
    background: transparent;
    position: relative;
}

#accordionForms #accordion .panel-title a {
    display: block;
    padding: 15px 30px;
    margin: 0;
    background: rgba(0,0,0,0.4);
    font-family: 'shneleicht';
    color: #fff;
    letter-spacing: 1px;
    border: none;
    border-radius: 5px;
    position: relative;
}

    #accordionForms #accordion .panel-title a.collapsed {
        border: none;
    }

        #accordionForms #accordion .panel-title a:before,
        #accordionForms #accordion .panel-title a.collapsed:before {
            content: "\f007";
            font-family: "Font Awesome 5 Free";
            width: 30px;
            height: 30px;
            line-height: 27px;
            text-align: center;
            font-size: 25px;
            font-weight: 900;
            color: #fff;
            position: absolute;
            top: 15px;
            right: 30px;
            transform: rotate(180deg);
            transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
        }

        #accordionForms #accordion .panel-title a.collapsed:before {
            color: rgba(255,255,255,0.5);
            transform: rotate(0deg);
        }

    #accordionForms #accordion .panel-title a.collapsed {
        border: none;
    }

        #accordionForms #accordion .panel-title a:before,
        #accordionForms #accordion .panel-title a.collapsed:before {
            content: "\f107";
            font-family: "Font Awesome 5 Free";
            width: 30px;
            height: 30px;
            line-height: 27px;
            text-align: center;
            font-size: 25px;
            font-weight: 900;
            color: #fff;
            position: absolute;
            top: 15px;
            right: 30px;
            transform: rotate(180deg);
            transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
        }

        #accordionForms #accordion .panel-title a.collapsed:before {
            color: rgba(255,255,255,0.5);
            transform: rotate(0deg);
        }

#accordionForms #accordion .panel-body {
    padding: 15px 30px 30px 30px;
    background: rgba(0,0,0,0);
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: none;
    border-radius: 5px;
}



/******************************************************

12. colFour, columnThree, columnTwo, columnFourBox

*******************************************************/

.gnw .colItem {
    position: relative;
}

.gnw .colFour,
.gnw .colThree,
.gnw .colTwo,
.gnw .colFourBox,
.gnw .colThreeVideo,
.gnw .colThreeBox,
.gnw .colThreeTestimonial,
.gnw .colThreeImageLink,
.gnw .colOneTestimonial {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}


.gnw .colFourBox {
    gap: 30px;
}

.gnw .colThreeBox {
    gap: 30px;
}

.gnw .colThreeVideo {
    gap: 60px;
}

.gnw .colThreeImageLink {
    gap: 30px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .colThreeVideo {
        gap: 30px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .colThreeVideo {
        gap: 0px;
    }
}


@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .colFour,
    .gnw .colThree,
    .gnw .colTwo,
    .gnw .colFourBox,
    .gnw .colThreeBox,
    .gnw .colThreeVideo,
    .gnw .colThreeTestimonial,
    .gnw .colThreeImageLink,
    .gnw .colOneTestimonial {
        flex-direction: row;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .colFour,
    .gnw .colThree,
    .gnw .colTwo,
    .gnw .colFourBox,
    .gnw .colThreeVideo,
    .gnw .colThreeBox,
    .gnw .colThreeTestimonial,
    .gnw .colThreeImageLink,
    .gnw .colOneTestimonial {
        flex-direction: column;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .colFour,
    .gnw .colThree,
    .gnw .colTwo,
    .gnw .colFourBox,
    .gnw .colThreeVideo,
    .gnw .colThreeBox,
    .gnw .colThreeTestimonial,
    .gnw .colThreeImageLink,
    .gnw .colOneTestimonial {
        flex-direction: column;
    }
}


/* Variable number */


.gnw .colItem .btnPosition {
    bottom: 45px;
    left: 50%;
    position: absolute;
    z-index: 1;
    margin-left: -100px;
    width: 200px;
}

.gnw .colFour .colItem {
    width: 400px;
}

.gnw .colFourBox .colItem {
    width: 380px;
    width: 100%;
}

.gnw .colFourBox h5 {
    line-height: 30px;
}

.gnw .colThree .colItem,
.gnw .colThreeVideo .colItem {
    width: 560px;
}


.gnw .colThreeTestimonial .colItem {
    width: 560px;
}

.gnw .colOneTestimonial .colItem {
    width: 850px;
}

.gnw .colThreeBox .colItem {
    width: 560px;
}

.gnw .colTwo .colItem {
    width: 860px;
}


.gnw .colThreeImageLink .colItem {
    width: 300px;
}


@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .colFour .colItem {
        width: 267px;
    }

    .gnw .colFourBox .colItem {
        width: 267px;
    }

    .gnw .colThree .colItem,
    .gnw .colThreeVideo .colItem,
    .gnw .colThreeTestimonial .colItem {
        width: 400px;
    }

    .gnw .colOneTestimonial .colItem {
        width: 850px;
    }

    .gnw .colThreeBox .colItem {
        width: 400px;
    }

    .gnw .colTwo .colItem {
        width: 600px;
    }
}

/* End Variable number */

.gnw .colItem {
    padding: 0;
}

.gnw .colFour .colItem,
.gnw .colThree .colItem,
.gnw .colTwo .colItem,
.gnw .colThreeVideo .colItem,
.gnw .colThreeTestimonial .colItem,
.gnw .colOneTestimonial .colItem {
    padding: 32px 40px;
    list-style-type: none;
}

.gnw .colFourBox .colItem {
    padding: 32px 40px 102px 40px;
    list-style-type: none;
}

.gnw .colThreeTestimonial .colItem,
.gnw .colOneTestimonial .colItem {
    padding: 32px 40px 192px 40px;
    list-style-type: none;
}

.gnw .infoPosition {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.gnw .infoPosition40 {
    position: absolute;
    bottom: 0;
    left: 40px;
    z-index: 1;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .colFour .colItem,
    .gnw .colThree .colItem,
    .gnw .colTwo .colItem,
    .gnw .colThreeVideo .colItem,
    .gnw .colThreeTestimonial .colItem,
    .gnw .colOneTestimonial .colItem {
        padding: 32px 40px;
        padding: 32px 20px;
    }

    .gnw .colFourBox .colItem {
        padding: 32px 40px 92px 40px;
    }

    .gnw .colThreeTestimonial .colItem,
    .gnw .colOneTestimonial .colItem {
        padding: 32px 40px 192px 40px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .colFour .colItem,
    .gnw .colThree .colItem,
    .gnw .colTwo .colItem,
    .gnw .colThreeVideo .colItem,
    .gnw .colThreeTestimonial .colItem,
    .gnw .colOneTestimonial .colItem {
        width: 100%;
        padding: 32px 40px 32px 0;
    }

    .gnw .colFourBox .colItem,
    .gnw .colThreeBox .colItem {
        width: 100%;
        padding: 32px 40px 92px 40px;
    }

    .gnw .colThreeTestimonial .colItem,
    .gnw .colOneTestimonial .colItem {
        width: 100%;
        padding: 32px 40px 92px 0px;
    }

    .gnw .infoPosition40 {
        left: 0px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .colFour .colItem,
    .gnw .colThree .colItem,
    .gnw .colTwo .colItem,
    .gnw .colThreeVideo .colItem {
        width: 100%;
        padding: 32px 15px 32px 0px;
        padding: 32px 0px 32px 0px;
    }

    .gnw .colFourBox .colItem,
    .gnw .colThreeBox .colItem {
        width: 100%;
        padding: 32px 15px 92px 15px;
    }

    .gnw .colThreeTestimonial .colItem,
    .gnw .colOneTestimonial .colItem {
        width: 100%;
        padding: 32px 15px 92px 0px;
        padding: 32px 0px 92px 0px;
    }

    .gnw .infoPosition40 {
        left: 0px;
    }
}


.gnw .colThreeImageLink .colItem:first-child {
    padding: 0px;
}

.gnw .colItem:first-child {
    padding: 32px 40px 32px 0px;
    padding: 32px 20px 32px 0px;
}


.gnw .colFourBox .colItem:first-child,
.gnw .colThreeBox .colItem:first-child {
    padding: 32px 40px 102px 40px;
}

.gnw .colThreeTestimonial .colItem:first-child,
.gnw .colThreeVideo .colItem:first-child {
    padding: 32px 40px 92px 0px;
    width: 520px;
}

.gnw .colOneTestimonial .colItem:first-child {
    padding: 32px 40px 192px 0px;
    width: 80%;
}

.gnw .colThree .colItem:first-child {
    width: 520px;
}

.gnw .colFour .colItem:first-child {
    width: 360px;
}

.gnw .colThreeTestimonial .colItem:last-child,
.gnw .colOneTestimonial .colItem:last-child {
    border-right: 0;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .colThreeTestimonial .colItem:first-child,
    .gnw .colThreeVideo .colItem:first-child {
        width: 360px;
    }

    .gnw .colThree .colItem:first-child {
        width: 360px;
    }

    .gnw .colFour .colItem:first-child {
        width: 240px;
    }

    .gnw .colOneTestimonial .colItem:first-child {
        width: 85%;
    }

    .gnw .colOneTestimonial .colItem:first-child {
        padding: 32px 40px 152px 0px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .colThreeTestimonial .colItem:first-child,
    .gnw .colOneTestimonial .colItem:first-child,
    .gnw .colThreeVideo .colItem:first-child,
    .gnw .colThree .colItem:first-child,
    .gnw .colFour .colItem:first-child {
        width: 100%;
    }

    .gnw .colOneTestimonial .colItem:first-child {
        padding: 32px 40px 112px 0px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .colThreeTestimonial .colItem:first-child,
    .gnw .colOneTestimonial .colItem:first-child,
    .gnw .colThreeVideo .colItem:first-child,
    .gnw .colThree .colItem:first-child,
    .gnw .colFour .colItem:first-child {
        width: 100%;
        padding-right: 0;
    }

    .gnw .colOneTestimonial .colItem:first-child {
        padding: 32px 40px 112px 0px;
    }
}

.gnw #permLeftLine .bg-violet .borderRightBottom,
.gnw #permLeftLine .bg-purple .borderRightBottom {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw #permLeftLine .bg-light .borderRightBottom,
.gnw #permLeftLine .bg-lilac .borderRightBottom,
.gnw #permLeftLine .bg-white .borderRightBottom,
.gnw #permLeftLine .bg-green .borderRightBottom {
    border-right: 1px solid rgba(45, 29, 73, 0.45);
}

.gnw #permLeftLine .bg-violet .borderRightBottom:last-child,
.gnw #permLeftLine .bg-purple .borderRightBottom:last-child {
    border-right: 0px solid rgba(255, 255, 255, 0.45);
    border-bottom: 0px solid rgba(255, 255, 255, 0.45);
}

.gnw #permLeftLine .bg-light .borderRightBottom:last-child,
.gnw #permLeftLine .bg-lilac .borderRightBottom:last-child,
.gnw #permLeftLine .bg-white .borderRightBottom:last-child,
.gnw #permLeftLine .bg-green .borderRightBottom:last-child {
    border-right: 0px solid rgba(45, 29, 73, 0.45);
    border-bottom: 0px solid rgba(45, 29, 73, 0.45);
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw #permLeftLine .bg-violet .borderRightBottom,
    .gnw #permLeftLine .bg-purple .borderRightBottom {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .gnw #permLeftLine .bg-light .borderRightBottom,
    .gnw #permLeftLine .bg-lilac .borderRightBottom,
    .gnw #permLeftLine .bg-white .borderRightBottom,
    .gnw #permLeftLine .bg-green .borderRightBottom {
        border-right: 0px solid rgba(45, 29, 73, 0.45);
        border-bottom: 1px solid rgba(45, 29, 73, 0.45);
    }
}

@media only screen and (max-width : 768px) {
    .gnw #permLeftLine .bg-violet .borderRightBottom,
    .gnw #permLeftLine .bg-purple .borderRightBottom {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .gnw #permLeftLine .bg-light .borderRightBottom,
    .gnw #permLeftLine .bg-lilac .borderRightBottom,
    .gnw #permLeftLine .bg-white .borderRightBottom,
    .gnw #permLeftLine .bg-green .borderRightBottom {
        border-right: 0px solid rgba(45, 29, 73, 0.45);
        border-bottom: 1px solid rgba(45, 29, 73, 0.45);
    }
}



.gnw .insideColBox {
    padding: 32px 40px 102px 40px;
    border-radius: 12px;
    position: relative;
}


.gnw #fourColumnsBox {
    flex-direction: row;
    width: 300px;
}

.gnw #foulCols ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-left: 0;
}

.gnw #threeCols ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-left: 0;
}

.gnw #twoCols ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 0;
}

.gnw #fourCols li {
    width: 253px;
    width: 300px;
    width: 420px;
    padding: 32px 40px;
    list-style-type: none;
}

.gnw #threeCols li {
    width: 300px;
    width: 560px;
    padding: 32px 40px;
    list-style-type: none;
}


.gnw #twoCols li {
    width: 453px;
    padding: 16px 15px 32px 0px;
    list-style-type: none;
    text-align: left;
}

    .gnw #twoCols li:last-child {
        width: 453px;
        padding: 16px 15px 32px 45px;
        list-style-type: none;
        text-align: left;
    }

.gnw .bg-violet #fourCols .borderOption,
.gnw .bg-purple #fourCols .borderOption,
.gnw .bg-violet #threeCols .borderOption,
.gnw .bg-purple #threeCols .borderOption {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
    border-left: 0;
}

    .gnw .bg-violet #fourCols .borderOption:last-child,
    .gnw .bg-purple #fourCols .borderOption:last-child,
    .gnw .bg-violet #threeCols .borderOption:last-child,
    .gnw .bg-purple #threeCols .borderOption:last-child {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
        border-left: 0;
    }

.gnw .bg-violet #twoCols .borderOption,
.gnw .bg-purple #twoCols .borderOption {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
}

    .gnw .bg-violet #twoCols .borderOption:last-child,
    .gnw .bg-purple #twoCols .borderOption:last-child {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
    }

.gnw .bg-light #fourCols .borderOption,
.gnw .bg-lilac #fourCols .borderOption,
.gnw .bg-white #fourCols .borderOption,
.gnw .bg-light #threeCols .borderOption,
.gnw .bg-lilac #threeCols .borderOption,
.gnw .bg-white #threeCols .borderOption {
    border-right: 1px solid rgba(45, 29, 73, 0.45);
    border-left: 0;
}

    .gnw .bg-light #fourCols .borderOption:last-child,
    .gnw .bg-lilac #fourCols .borderOption:last-child,
    .gnw .bg-white #fourCols .borderOption:last-child,
    .gnw .bg-light #threeCols .borderOption:last-child,
    .gnw .bg-lilac #threeCols .borderOption:last-child,
    .gnw .bg-white #threeCols .borderOption:last-child {
        border-right: 0px solid rgba(45, 29, 73, 0.45);
        border-left: 0;
    }

.gnw .bg-light #twoCols .borderOption,
.gnw .bg-lilac #twoCols .borderOption,
.gnw .bg-white #twoCols .borderOption {
    border-right: 1px solid rgba(45, 29, 73, 0.45);
}

    .gnw .bg-light #twoCols .borderOption:last-child,
    .gnw .bg-lilac #twoCols .borderOption:last-child,
    .gnw .bg-white #twoCols .borderOption:last-child {
        border-right: 0px solid rgba(45, 29, 73, 0.45);
    }


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw #fourCols li {
        width: 300px;
        padding: 32px 40px;
    }

    .gnw #threeCols li {
        width: 400px;
        padding: 32px 40px;
    }
}



@media only screen and (max-width : 768px) {
    .gnw #fourCols ul,
    .gnw #threeCols ul,
    .gnw #twoCols ul {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-left: 0;
    }

        .gnw #fourCols ul li {
            width: 100%;
            border-right: 1px solid rgba(255, 255, 255, 0.45);
            border-bottom: 1px solid rgba(255, 255, 255, 0.45);
            padding: 32px 15px;
            list-style-type: none;
        }

        .gnw #threeCols ul li {
            width: 100%;
            border-right: 1px solid rgba(255, 255, 255, 0.45);
            border-bottom: 1px solid rgba(255, 255, 255, 0.45);
            padding: 32px 15px;
            list-style-type: none;
        }

    .gnw .bg-violet #fourCols .borderOption,
    .gnw .bg-violet #threeCols .borderOption {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .gnw .bg-light #fourCols .borderOption,
    .gnw .bg-lilac #fourCols .borderOption,
    .gnw .bg-white #fourCols .borderOption,
    .gnw .bg-light #threeCols .borderOption,
    .gnw .bg-lilac #threeCols .borderOption,
    .gnw .bg-white #threeCols .borderOption {
        border-right: 0px solid rgba(45, 29, 73, 0.45);
        border-bottom: 1px solid rgba(45, 29, 73, 0.45);
    }

    .gnw .bg-violet #fourCols .borderOption:last-child,
    .gnw .bg-violet #threeCols .borderOption:last-child {
        border-bottom: 0px solid rgba(255, 255, 255, 0.45);
    }

    .gnw .bg-light #fourCols .borderOption:last-child,
    .gnw .bg-lilac #fourCols .borderOption:last-child,
    .gnw .bg-white #fourCols .borderOption:last-child,
    .gnw .bg-light #threeCols .borderOption:last-child,
    .gnw .bg-lilac #threeCols .borderOption:last-child,
    .gnw .bg-white #threeCols .borderOption:last-child {
        border-bottom: 0px solid rgba(45, 29, 73, 0.45);
    }

    .gnw #fourCols ul li:last-child,
    .gnw #threeCols ul li:last-child {
        border-right: 0px solid rgba(255, 255, 255, 0.45);
        border-bottom: 0px solid rgba(45, 29, 73, 0.45);
    }

    .gnw #twoCols li {
        width: 100%;
        padding: 16px 0 32px 16px;
    }
}


.gnw #latestArticleBlock li {
    width: 253px;
    width: 300px;
    width: 420px;
    padding: 32px 60px;
    list-style-type: none;
    background-color: rgba(45, 29, 73, 0.25);
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw #latestArticleBlock li {
        width: 420px;
        padding: 32px 60px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw #latestArticleBlock li {
        width: 420px;
        padding: 32px 60px;
    }
}



.gnw .bg-violet .borderOptionLeft,
.gnw .bg-purple .borderOptionLeft {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw .bg-light .borderOptionLeft,
.gnw .bg-lilac .borderOptionLeft,
.gnw .bg-white .borderOptionLeft {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
}





.gnw #embededVideoBlock .bg-violet .borderOption,
.gnw #embededVideoBlock .bg-purple .borderOption,
.gnw #verticalHeightBlock .bg-violet .borderOption,
.gnw #verticalHeightBlock .bg-purple .borderOption,
.gnw #latestArticleBlock .bg-violet .borderOption,
.gnw #latestArticleBlock .bg-purple .borderOption,
.gnw #bg-violet #latestArticleBlock .borderOption,
.gnw #bg-purple #latestArticleBlock .borderOption,
.gnw #sectionTitle .bg-violet .borderOption,
.gnw #sectionTitle .bg-purple .borderOption,
.gnw #generalText2Block .bg-violet .borderOption,
.gnw #generalText2Block .bg-purple .borderOption,
.gnw #paginationBlock .bg-violet .borderOption,
.gnw #paginationBlock .bg-purple .borderOption,
.gnw #ourColsBlock .bg-violet .borderOptionL,
.gnw #ourColsBlock .bg-purple .borderOptionL,
.gnw #threeColumnsBlock .bg-violet .borderOptionL,
.gnw #threeColumnsBlock .bg-purple .borderOptionL,
.gnw #latestArticleBlockBlock .bg-violet .borderOptionL,
.gnw #latestArticleBlockBlock .bg-purple .borderOptionL,
.gnw #twoColsBlock .bg-violet .borderOption,
.gnw #twoColsBlock .bg-purple .borderOption,
.gnw #imageTextBlock .bg-violet .borderOption,
.gnw #imageTextBlock .bg-purple .borderOption,
.gnw #threeColumnsVideo .bg-violet .borderOption,
.gnw #threeColumnsVideo .bg-purple .borderOption,
.gnw #latestMagazines .bg-violet .borderOption,
.gnw #latestMagazines .bg-purple .borderOption,
.gnw #latestArticles .bg-violet .borderOption,
.gnw #latestArticles .bg-purple .borderOption,
.gnw #paginationBlock .bg-violet .broderOption,
.gnw #paginationBlock .bg-purple .broderOption,
.gnw #permLeftLine .bg-violet .borderOption,
.gnw #permLeftLine .bg-purple .borderOption {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw #embededVideoBlock .bg-light .borderOption,
.gnw #embededVideoBlock .bg-lilac .borderOption,
.gnw #embededVideoBlock .bg-white .borderOption,
.gnw #verticalHeightBlock .bg-light .borderOption,
.gnw #verticalHeightBlock .bg-lilac .borderOption,
.gnw #verticalHeightBlock .bg-white .borderOption,
.gnw #latestArticleBlock .bg-light .borderOption,
.gnw #latestArticleBlock .bg-lilac .borderOption,
.gnw #latestArticleBlock .bg-white .borderOption,
.gnw #latestArticleBlock #bg-light .borderOption,
.gnw #latestArticleBlock #bg-lilac .borderOption,
.gnw #latestArticleBlock #bg-white .borderOption,
.gnw #sectionTitle .bg-light .borderOption,
.gnw #sectionTitle .bg-lilac .borderOption,
.gnw #sectionTitle .bg-white .borderOption,
.gnw #generalText2Block .bg-light .borderOption,
.gnw #generalText2Block .bg-lilac .borderOption,
.gnw #generalText2Block .bg-white .borderOption,
.gnw #paginationBlock .bg-light .borderOption,
.gnw #paginationBlock .bg-lilac .borderOption,
.gnw #paginationBlock .bg-white .borderOption,
.gnw #ourColsBlock .bg-light .borderOptionL,
.gnw #ourColsBlock .bg-lilac .borderOptionL,
.gnw #ourColsBlock .bg-white .borderOptionL,
.gnw #threeColumnsBlock .bg-light .borderOptionL,
.gnw #threeColumnsBlock .bg-lilac .borderOptionL,
.gnw #threeColumnsBlock .bg-white .borderOptionL,
.gnw #latestArticleBlockBlock .bg-light .borderOptionL,
.gnw #latestArticleBlockBlock .bg-lilac .borderOptionL,
.gnw #latestArticleBlockBlock .bg-white .borderOptionL,
.gnw #twoColsBlock .bg-light .borderOption,
.gnw #twoColsBlock .bg-lilac .borderOption,
.gnw #twoColsBlock .bg-white .borderOption,
.gnw #imageTextBlock .bg-light .borderOption,
.gnw #imageTextBlock .bg-lilac .borderOption,
.gnw #imageTextBlock .bg-white .borderOption,
.gnw #threeColumnsVideo .bg-light .borderOption,
.gnw #threeColumnsVideo .bg-lilac .borderOption,
.gnw #threeColumnsVideo .bg-white .borderOption,
.gnw #latestMagazines .bg-light .borderOption,
.gnw #latestMagazines .bg-lilac .borderOption,
.gnw #latestMagazines .bg-white .borderOption,
.gnw #latestArticles .bg-light .borderOption,
.gnw #latestArticles .bg-lilac .borderOption,
.gnw #latestArticles .bg-white .borderOption,
.gnw #paginationBlock .bg-light .broderOption,
.gnw #paginationBlock .bg-lilac .broderOption,
.gnw #paginationBlock .bg-white .broderOption,
.gnw #permLeftLine .bg-light .borderOption,
.gnw #permLeftLine .bg-lilac .borderOption,
.gnw #permLeftLine .bg-white .borderOption,
.gnw #permLeftLine .bg-green .borderOption {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
}


.gnw #generalText2Block .bg-violet .borderOptionRight,
.gnw #generalText2Block .bg-purple .borderOptionRight {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw #generalText2Block .bg-light .borderOptionRight,
.gnw #generalText2Block .bg-lilac .borderOptionRight,
.gnw #generalText2Block .bg-white .borderOptionRight,
.gnw #generalText2Block .bg-green .borderOptionRight {
    border-right: 1px solid rgba(45, 29, 73, 0.45);
}


.gnw #horizontalBorderBlock .bg-violet .borderOption,
.gnw #horizontalBorderBlock .bg-purple .borderOption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}


.gnw #horizontalBorderBlock .bg-light .borderOption,
.gnw #horizontalBorderBlock .bg-lilac .borderOption,
.gnw #horizontalBorderBlock .bg-white .borderOption,
.gnw #horizontalBorderBlock .bg-green .borderOption {
    border-bottom: 1px solid rgba(45, 29, 73, 0.45);
}

.gnw .bg-violet .secondLine,
.gnw .bg-purple .secondLine {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    padding-left: 45px;
}

.gnw .bg-light .secondLine,
.gnw .bg-lilac .secondLine,
.gnw .bg-white .secondLine,
.gnw .bg-green .secondLine {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
    padding-left: 45px;
}

@media only screen and (max-width : 768px) {
    .gnw .bg-violet .secondLine,
    .gnw .bg-purple .secondLine {
        border-left: 0px solid rgba(255, 255, 255, 0.45);
        padding-left: 45px;
    }

    .gnw .bg-light .secondLine,
    .gnw .bg-lilac .secondLine,
    .gnw .bg-white .secondLine,
    .gnw .bg-green .secondLine {
        border-left: 0px solid rgba(45, 29, 73, 0.45);
        padding-left: 45px;
    }
}


.gnw #latestArticles .bg-violet .colorOption,
.gnw #latestArticles .bg-purple .colorOption {
    color: #fff;
}

.gnw #latestArticles .bg-white .colorOption,
.gnw #latestArticles .bg-light .colorOption,
.gnw #latestArticles .bg-lilac .colorOption,
.gnw #latestArticles .bg-green .colorOption {
    color: #2D1D49;
}


.gnw #paginationBlock .bg-violet .pagenationBorder,
.gnw #paginationBlock .bg-purple .pagenationBorder {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    padding-left: 30px;
    margin-left: 0px;
}

@media only screen and (max-width : 768px) {
    .gnw #paginationBlock .bg-violet .pagenationBorder,
    .gnw #paginationBlock .bg-purple .pagenationBorder {
        padding-left: 0px;
        margin-left: 5px;
    }
}


.gnw #paginationBlock .bg-light .pagenationBorder,
.gnw #paginationBlock .bg-lilac .pagenationBorder,
.gnw #paginationBlock .bg-white .pagenationBorder,
.gnw #paginationBlock .bg-green .pagenationBorder {
    border-left: 1px solid rgba(45, 29, 73, 0.45);
    padding-left: 30px;
    margin-left: 45px;
}

@media only screen and (max-width : 768px) {
    .gnw #paginationBlock .bg-light .pagenationBorder,
    .gnw #paginationBlock .bg-lilac .pagenationBorder,
    .gnw #paginationBlock .bg-white .pagenationBorder,
    .gnw #paginationBlock .bg-green .pagenationBorder {
        padding-left: 0px;
        margin-left: 15px;
    }
}




.gnw .marginLeft22to0 {
    margin-left: 0px;
}

@media only screen and (max-width : 768px) {
    .gnw .marginLeft22to0 {
        margin-left: 5px;
    }
}

.gnw #embededVideo iframe {
    height: 550px;
}

@media only screen and (min-width: 481px) and (max-width: 959px) {
    .gnw #embededVideo iframe {
        height: 315px;
    }
}

@media only screen and (max-width : 480px) {
    .gnw #embededVideo iframe {
        height: 190px;
    }
}


.gnw .videoImageSize {
    width: 100%;
    height: 780px;
    display: block;
}

@media only screen and (min-width: 481px) and (max-width: 959px) {
    .gnw .videoImageSize {
        height: 580px;
    }
}

@media only screen and (max-width : 480px) {
    .gnw .videoImageSize {
        height: 380px;
    }
}


.gnw .personListBoxButton {
    width: 100%;
    height: 217px;
    padding: 0;
    margin: 0 0 20px 0;
    background: none;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}



.gnw .personListBox {
    width: 100%;
    border-radius: 12px;
    height: 217px;
    display: block;
    position: relative;
    background: #fff;
}

.gnw .personPhoto {
    width: 179px;
    height: 217px;
}

    .gnw .personPhoto img {
        width: 179px;
        height: 217px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

.gnw .personLineLocation {
    position: absolute;
    top: 72px;
    left: 179px;
    z-index: 1;
}

.gnw .personLine {
    border-bottom: 1px solid #ccc;
    width: 30px;
}

.gnw .personNamePosition {
    position: absolute;
    top: 60px;
    left: 218px;
    z-index: 1;
    text-align: left;
}

.gnw .personName {
    margin: 0;
}

.gnw .personPosition {
    width: 310px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .personPosition {
        width: 260px;
    }
}





.gnw .personArrow {
    position: absolute;
    bottom: 30px;
    z-index: 1;
}

.gnw #personDetail p {
    color: #2D1D49;
}

@media only screen and (max-width : 768px) {
    .gnw .personListBoxButton {
        height: 143px;
    }

    .gnw .personListBox {
        height: 143px;
    }

    .gnw .personPhoto {
        width: 118px;
        height: 143px;
    }

        .gnw .personPhoto img {
            width: 118px;
            height: 143px;
        }

    .gnw .personLineLocation {
        top: 32px;
        left: 118px;
    }

    .gnw .personNamePosition {
        top: 22px;
        left: 156px;
    }

    .gnw .personPosition {
        width: 220px;
    }
}



.gnw #generalTextBox .bg-violet .borderOption,
.gnw #generalTextBox .bg-purple .borderOption {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    padding-left: 40px;
    margin-left: 0px;
    padding-bottom: 30px;
}

.gnw #generalTextBox .bg-light .borderOption,
.gnw #generalTextBox .bg-lilac .borderOption,
.gnw #generalTextBox .bg-white .borderOption {
    border-left: 1px solid rgba(45, 29, 74, 0.45);
    padding-left: 40px;
    margin-left: 0px;
    padding-bottom: 30px;
}


@media only screen and (max-width : 768px) {

    .gnw #generalTextBox .bg-violet .borderOption,
    .gnw #generalTextBox .bg-purple .borderOption,
    .gnw #generalTextBox .bg-light .borderOption,
    .gnw #generalTextBox .bg-lilac .borderOption,
    .gnw #generalTextBox .bg-white .borderOption {
        padding-left: 15px;
        padding-bottom: 30px;
        margin-left: 10px;
    }
}


.gnw #sectionTitle2 .bg-purple .borderOption,
.gnw #sectionTitle2 .bg-violet .borderOption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 85px;
    background-color: rgba(255, 255, 255, 0.45);
}

.gnw #sectionTitle2 .bg-light .borderOption,
.gnw #sectionTitle2 .bg-lilac .borderOption,
.gnw #sectionTitle2 .bg-white .borderOption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 85px;
    background-color: rgba(45, 29, 73, 0.45);
}

@media only screen and (max-width : 768px) {
    .gnw #sectionTitle2 .bg-light .borderOption,
    .gnw #sectionTitle2 .bg-lilac .borderOption,
    .gnw #sectionTitle2 .bg-white .borderOption,
    .gnw #sectionTitle2 .bg-purple .borderOption,
    .gnw #sectionTitle2 .bg-violet .borderOption {
        height: 60px;
    }
}

.gnw #sectionTitle2 .sectionTitleSpace {
    position: relative;
    padding: 95px 0 64px 0;
}

@media only screen and (max-width : 768px) {
    .gnw #sectionTitle2 .sectionTitleSpace {
        position: relative;
        padding: 65px 0 32px 0;
    }
}


.gnw #bg-violet p,
.gnw #bg-purple p {
    color: #fff;
}

.gnw #bg-light p,
.gnw #bg-lilac p{
    color: #2D1D49;
}

.gnw #bg-violet p,
.gnw #bg-purple p {
    color: #fff;
}

.gnw #bg-light p,
.gnw #bg-lilac p{
    color: #2D1D49;
}

.gnw #bg-violet .borderTopOption,
.gnw #bg-purple .borderTopOption {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.gnw #bg-light .borderTopOption,
.gnw #bg-lilac .borderTopOption,
.gnw #bg-white .borderTopOption {
    border-top: 1px solid rgba(45, 29, 73, 0.25);
}


.gnw #bg-violet .borderBottomOption,
.gnw #bg-purple .borderBottomOption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.gnw #bg-light .borderBottomOption,
.gnw #bg-lilac .borderBottomOption,
.gnw #bg-white .borderBottomOption {
    border-bottom: 1px solid rgba(45, 29, 73, 0.25);
}


.gnw #latestMagazines img {
    width: 160px;
}

.gnw .sectionTitleWidth {
    width: 75%;
}


@media only screen and (min-width: 1200px) and (max-width: 1799px) {
    .gnw #latestMagazines img {
        width: 160px;
    }

    .gnw .sectionTitleWidth {
        width: 75%;
    }
}



@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .gnw #latestMagazines img {
        width: 100%;
    }

    .gnw .sectionTitleWidth {
        width: 100%;
    }
}

@media only screen and (max-width : 768px) {
    .gnw #latestMagazines img {
        width: 160px;
    }

    .gnw .sectionTitleWidth {
        width: 100%;
    }
}


/*=========================================
13. TEMPLATE PAGE
=========================================*/


.gnw .simplePageBox {
    padding: 100px 0;
    position: relative;
}

.gnw #simplePage .bg-violet h1,
.gnw #simplePage .bg-purple h1 {
    padding: 0;
    margin: 0;
    color: #fff;
}

.gnw #simplePage .bg-light h1,
.gnw #simplePage .bg-lilac h1{
    padding: 0;
    margin: 0;
    color: #2D1D49;
}

.gnw #simplePage .bg-violet .titleBorder,
.gnw #simplePage .bg-purple .titleBorder,
.gnw #simplePage .titleBorder {
    width: 1px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.45);
    position: absolute;
    top: 0;
    left: 0;
}

.gnw #simplePage .bg-light .titleBorder,
.gnw #simplePage .bg-lilac .titleBorder{
    width: 1px;
    height: 80px;
    background-color: rgba(45, 29, 73, 0.45);
    position: absolute;
    top: 0;
    left: 0;
}


@media (max-width:767px) {
    .gnw .simplePageBox {
        padding: 60px 0;
    }

    .gnw #simplePage .bg-violet .titleBorder,
    .gnw #simplePage .bg-purple .titleBorder,
    .gnw #simplePage .titleBorder {
        height: 50px;
    }

    .gnw #simplePage .bg-light .titleBorder,
    .gnw #simplePage .bg-lilac .titleBorder{
        height: 50px;
    }
}

.gnw .template-page a {
    color: #007dc3;
}

    .gnw .template-page a:hover {
        text-decoration: underline;
    }

.gnw .template-sub a:hover {
    text-decoration: underline;
}




/*=========================================
14. MODAL
=========================================*/

.gnw #videoPopup .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

    .gnw #videoPopup .modal-dialog .modal-content {
        padding: 0;
    }

.gnw #videoPopup .modal-body {
    position: relative;
    padding: 15px;
}

.gnw #videoPopup .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}


.gnw #videoPopup button {
    background: none;
    border: 0;
    border-radius: 0;
}

    .gnw #videoPopup button:focus {
        background: none;
        border: 0;
        border-radius: 0;
    }

.gnw #staffPopup .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

    .gnw #staffPopup .modal-dialog .modal-header,
    .gnw #staffPopup .modal-dialog .modal-content {
        padding: 30px 15px;
    }

.gnw #staffPopup .modal-body {
    position: relative;
    padding: 15px;
}

.gnw #staffPopup .close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

    .gnw #staffPopup .close:focus {
        outline: none;
        box-shadow: none;
    }

.gnw #staffPopup button {
    background: none;
    border: 0;
    border-radius: 0;
}

    .gnw #staffPopup button:focus {
        background: none;
        border: 0;
        border-radius: 0;
    }

.gnw .modal-content {
    padding: 20px 15px;
    padding: 0px 0px;
}

.gnw #staffPopup .modal-header {
    border-bottom: 0;
}

.gnw #staffPopup .modal-body {
    padding-bottom: 60px;
}

    .gnw #staffPopup .modal-body span {
        font-size: 18px;
        line-height: 24px;
        display: block;
    }

@media only screen and (max-width : 768px) {
    .gnw #staffPopup .modal-body span {
        font-size: 16px;
        line-height: 22px;
    }
}


/*=========================================
15. BULLET
=========================================*/

.gnw .lineBullet li {
    list-style-type: none;
    background-image: url("/img/icon/genworth-bullet.png");
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 25px;
}

.gnw .contentBullet ul {
    padding: 0;
    margin: 0;
}

.gnw .contentBullet li {
    list-style-type: none;
    padding-left: 10px;
    border-left: 3px solid #007dc3;
    margin-bottom: 15px;
    line-height: 18px;
}

.gnw .discBullet li {
    list-style-type: none;
    background-image: url("/img/icon/bullet-violet.svg");
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 25px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {

    .gnw .discBullet li {        
        background-position: 0px 10px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .discBullet li {        
        background-position: 0px 10px;
    }
}




/*=========================================
16. SECTION TITLE
=========================================*/

.gnw .banner h2 {
    font-size: 32px;
    line-height: 38px;
}

.gnw .banner h4 {
    font-size: 24px;
    line-height: 30px;
}

.gnw .adPannel h2, .gnw .lmiTools h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.gnw .adPannel h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

@media (max-width:767px) {
    .gnw .adPannel h2, .gnw .lmiTools h2 {
        font-size: 1.725rem;
        line-height: 1.725rem;
    }

    .gnw .adPannel h3 {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
}

.gnw .adHomePannel h2, .gnw .popularTopics h2 {
    font-size: 1.75rem;
    line-height: 1.75rem;
}

@media (max-width:767px) {

    .gnw .adHomePannel h2, .gnw .popularTopics h2 {
        font-size: 1.45rem;
        line-height: 1.45rem;
    }
}


.gnw .mainHero h2, .gnw .subHero h2, .gnw .articleHero h2 {
    font-family: 'shneleicht';
    font-weight: 400;
}



/*=========================================
17. TEXT WIDTH
=========================================*/


.gnw .textWidth {
    width: 85%;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .textWidth {
        width: 95%;
    }
}


@media only screen and (max-width : 768px) {
    .gnw .textWidth {
        width: 100%;
    }
}


.gnw .textWidthSingle {
    width: 85%;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .textWidthSingle {
        width: 100%;
    }
}


@media only screen and (max-width : 768px) {
    .gnw .textWidthSingle {
        width: 100%;
    }
}


.gnw .textInformationWidth {
    width: 90%;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .textInformationWidth {
        width: 90%;
    }
}


@media only screen and (max-width : 768px) {
    .gnw .textInformationWidth {
        width: 100%;
    }
}


/*=========================================
18. IMAGE DISPLAY OPTION
=========================================*/

.gnw .resizeImg {
    width: auto;
}

@media (min-width:1200px) {
    .gnw .resizeImg {
        width: 100%;
    }
}

.gnw .grow {
    transition: all .2s ease-in-out;
}

    .gnw .grow:hover {
        transform: scale(1.1);
    }

.gnw .growSmall {
    transition: all .2s ease-in-out;
}

    .gnw .growSmall:hover {
        transform: scale(1.05);
    }

/*=========================================
CATEGORY / PORTFOLIO
=========================================*/

/*=========================================
BUTTON/LINK
=========================================*/

.gnw a.greenLink {
    color: #138a99;
}

    .gnw a.greenLink:hover, .gnw a.greenLink:focus {
        color: #0e6d79;
        text-decoration: underline;
    }

.gnw a.whiteLink {
    color: #fff;
    opacity: 0.9;
}

    .gnw a.whiteLink:hover, .gnw a.whiteLink:focus {
        text-decoration: underline;
        opacity: 1;
    }


.gnw .btn-lg, .gnw .btn-group-lg > .btn {
    padding: 14px 25px;
    font-size: 17px;
    line-height: 1.3;
    border-radius: 4px;
}


.gnw .btn-primary {
    color: #483f34;
    background-color: #ffc55f;
    border-color: #e7ad47;
}

    .gnw .btn-primary:hover, .gnw .btn-primary:focus, .gnw .btn-primary:active, .gnw .btn-primary.active, .gnw .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3d5fa8;
        border-color: #3d5fa8;
    }


.gnw .btn-exclamation {
    color: #fff;
    background: #319bdd;
    width: 24px;
    height: 24px;
    font-weight: 400;
    text-decoration: none;
    border: 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.gnw .btn-top {
    color: #fff;
    background-color: #420001;
}

    .gnw .btn-top:hover, .gnw .btn-top:focus, .gnw .btn-top:active, .gnw .btn-top.active, .gnw .open > .dropdown-toggle.btn-top {
        color: #fff;
        background-color: #3d5fa8;
        border-color: #3d5fa8;
    }


.gnw .btn-login {
    color: #fff;
    background-color: #007dc3;
    border-color: #007dc3;
    height: 40px;
    height: 34px;
    padding: 6px 25px;
    padding: 4px 25px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 60px;
    border-radius: 300px;
}


@media only screen and (min-width : 768px) {
    .gnw .btn-login {
        height: 40px;
        padding: 6px 25px;
    }
}

.gnw .btn-login:hover, .gnw .btn-login:focus, .gnw .btn-login:active, .gnw .btn-login.active, .gnw .open > .dropdown-toggle.btn-login {
    color: #fff;
    background-color: #0167a0;
    border-color: #0167a0;
}


.gnw #latestArticles .filtering .btn-light-outline2 {
    margin: 0 10px 10px 0;
}

.gnw #latestArticles .borderLeft {
    border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.gnw #latestArticles .owl-carousel .owl-nav button.owl-next {
    right: -15px;
    padding: 0 !important;
}

.gnw #latestArticles .owl-carousel .owl-nav button.owl-prev {
    padding: 0 !important;
}

.gnw #latestArticles .owl-carousel .owl-nav button img {
    width: 60px;
    padding: 0;
}

/* .template-page */
.template-sub .newsLink a {
    font-size: 16px;
    line-height: 20px;
    color: #2D1D49;
    padding: 5px 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #2D1D49;
    border-radius: 16px;
    background: #fff;
    display: inline-block;
}

    .template-sub .newsLink a:hover {
        border: 1px solid #967DFF;
        color: #fff;
        background: #967DFF;
        text-decoration: none;
    }

.template-sub .aniLink a, .template-sub .aniLink span {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    color: #22282f;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    padding-right: 12rem;
    padding-right: 10rem;
    padding-left: 0;
}

    .template-sub .aniLink a:hover, .template-sub .aniLink span:hover, .template-sub .aniLink a:active,
    .template-sub .aniLink span:active, .template-sub .aniLink a:focus, .template-sub .aniLink span:focus {
        padding-right: 8rem;
        padding-left: 3rem;
        color: #007dc3;
        text-decoration: none;
    }


        .template-sub .aniLink a:hover::before, .template-sub .aniLink span:hover::before, .template-sub .aniLink a:active::before,
        .template-sub .aniLink span:active::before, .template-sub .aniLink a:focus::before,
        .template-sub .aniLink span:focus::before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            background-color: #007dc3;
            width: 2rem;
        }

    .template-sub .aniLink a::before, .template-sub .aniLink span::before {
        width: 2rem;
        width: 0rem;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        left: 0;
    }

    .template-sub .aniLink a::after, .template-sub .aniLink span::after, .template-sub .aniLink a::before, .template-sub .aniLink span::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #22282f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }


    .template-sub .aniLink a:hover::after, .template-sub .aniLink span:hover::after, .template-sub .aniLink a:active::after,
    .template-sub .aniLink span:active::after, .template-sub .aniLink a:focus::after, .template-sub .aniLink span:focus::after {
        -webkit-transform: scaleX(0.85);
        transform: scaleX(0.85);
        background-color: #007dc3;
        text-decoration: none;
    }

    .template-sub .aniLink a::after, .template-sub .aniLink span::after {
        width: 7rem;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right;
        right: 0;
        text-decoration: none;
    }

    .template-sub .aniLink a::after, .template-sub .aniLink span::after, .template-sub .aniLink a::before,
    .template-sub .aniLink span::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #22282f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }




a.bigLink, span.bigLink {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    color: #22282f;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    padding-right: 12rem;
    padding-right: 10rem;
    padding-left: 0;
}

    a.bigLink:hover, span.bigLink:hover, a.bigLink:active, span.bigLink:active, a.bigLink:focus, span.bigLink:focus {
        padding-right: 8rem;
        padding-left: 3rem;
        color: #007dc3;
    }


        a.bigLink:hover::before, span.bigLink:hover::before, a.bigLink:active::before, span.bigLink:active::before, a.bigLink:focus::before, span.bigLink:focus::before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            background-color: #007dc3;
            width: 2rem;
        }

    a.bigLink::before, span.bigLink::before {
        width: 2rem;
        width: 0rem;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        left: 0;
    }

    a.bigLink::after, span.bigLink::after, a.bigLink::before, span.bigLink::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #22282f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


    a.bigLink:hover::after, span.bigLink:hover::after, a.bigLink:active::after, span.bigLink:active::after, a.bigLink:focus::after, span.bigLink:focus::after {
        -webkit-transform: scaleX(0.85);
        transform: scaleX(0.85);
        background-color: #007dc3;
    }

    a.bigLink::after, span.bigLink::after {
        width: 7rem;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right;
        right: 0;
    }

    a.bigLink::after, span.bigLink::after, a.bigLink::before, span.bigLink::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #22282f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


a.bigLinkWhite, span.bigLinkWhite {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 24px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    padding-right: 12rem;
    padding-right: 10rem;
    padding-left: 0;
}

    a.bigLinkWhite:hover, span.bigLinkWhite:hover, a.bigLinkWhite:active, span.bigLinkWhite:active, a.bigLinkWhite:focus, span.bigLinkWhite:focus {
        padding-right: 8rem;
        padding-left: 3rem;
        color: #fff;
    }

        a.bigLinkWhite:hover::before, span.bigLinkWhite:hover::before, a.bigLinkWhite:active::before, span.bigLinkWhite:active::before, a.bigLinkWhite:focus::before, span.bigLinkWhite:focus::before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            background-color: #fff;
            width: 2rem;
        }

    a.bigLinkWhite::before, span.bigLinkWhite::before {
        width: 0rem;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        left: 0;
    }

    a.bigLinkWhite::after, span.bigLinkWhite::after, a.bigLinkWhite::before, span.bigLinkWhite::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #f2f2f2;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


    a.bigLinkWhite:hover::after, span.bigLinkWhite:hover::after, a.bigLinkWhite:active::after, span.bigLinkWhite:active::after, a.bigLinkWhite:focus::after, span.bigLinkWhite:focus::after {
        -webkit-transform: scaleX(0.85);
        transform: scaleX(0.85);
        background-color: #fff;
    }

    a.bigLinkWhite::after, span.bigLinkWhite::after {
        width: 7rem;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right;
        right: 0;
    }

    a.bigLinkWhite::after, span.bigLinkWhite::after, a.bigLinkWhite::before, span.bigLink::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 0.2rem;
        background-color: #f2f2f2;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.gnw .btn-outline-primary, .gnw .template-page .btn-outline-primary {
    border: 1px solid #000;
    color: #000;
    line-height: 20px;
    text-align: left;
    margin-bottom: 10px;
}

    .gnw .btn-outline-primary:hover, .gnw .template-page .btn-outline-primary:hover {
        border: 1px solid #1383c5;
        background: #1383c5;
        color: #fff;
        text-decoration: none;
    }


/*=========================================
FORM
=========================================*/


.gnw .input-lg, .gnw .form-horizontal .form-group-lg .form-control {
    height: 52px;
    border-radius: 3px;
}

.gnw .form-control:focus {
    border-color: #BBB4A7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gnw .input-group-lg > .form-control, .gnw .input-group-lg > .input-group-addon, .gnw .input-group-lg > .input-group-btn > .btn {
    border-radius: 3px;
}

.gnw .form-control {
    border: 0;
    background: #f2f2f2;
    background: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-family: 'shneleicht';
    font-weight: 400;
    border-radius: 0;
    border-radius: 4px;
    border: 1px solid rgba(45, 29, 73, 0.45);
}

.gnw input::-webkit-input-placeholder {
    color: #2D1D49;
}

.gnw input:-moz-placeholder {
    color: #2D1D49;
}

.gnw textarea::-webkit-input-placeholder {
    color: #2D1D49;
}

.gnw textarea:-moz-placeholder {
    color: #2D1D49;
}

.gnw select {
    color: #2D1D49;
}

.gnw textarea {
    white-space: pre-wrap !important;
}

.gnw .input-group-prepend {
    border: 1px solid rgba(45, 29, 74, 0.45);
    border-radius: 4px;
}



/*=========================================
CONTACT FORM
=========================================*/


.gnw #contactForm .input-lg,
.gnw #contactForm .form-horizontal .form-group-lg .form-control {
    height: 52px;
    border-radius: 3px;
}

.gnw #contactForm .form-control:focus {
    border-color: #BBB4A7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gnw #contactForm .input-group-lg > .form-control,
.gnw #contactForm .input-group-lg > .input-group-addon,
.gnw #contactForm .input-group-lg > .input-group-btn > .btn {
    border-radius: 3px;
}

.gnw #contactForm .form-control {
    border: 0;
    background: #fff;
    font-family: 'shneleicht';
    font-weight: 400;
    border-radius: 0;
    border-radius: 4px;
    border: 1px solid rgba(45, 29, 73, 0.45);
}

.gnw #contactForm input {
    height: 54px;
}

.gnw #contactForm select {
    height: 54px;
}

.gnw #contactForm input::-webkit-input-placeholder {
    color: #2D1D49;
}

.gnw #contactForm input:-moz-placeholder {
    color: #2D1D49;
}

.gnw #contactForm textarea::-webkit-input-placeholder {
    color: #2D1D49;
}

.gnw #contactForm textarea:-moz-placeholder {
    color: #2D1D49;
}

.gnw #contactForm select {
    color: #2D1D49;
}

.gnw #contactForm textarea {
    white-space: pre-wrap !important;
}

.gnw #contactForm .input-group-prepend {
    border: 1px solid rgba(45, 29, 74, 0.45);
    border-radius: 4px;
}



/*=========================================
TEXT COLOR
=========================================*/

.gnw .text-red {
    color: #cc0000;
}



/*=========================================
TOP BANNER
=========================================*/

.gnw .topBanner {
    padding: 10px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .gnw .topBanner .title {
        font-size: 24px;
        line-height: 30px;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }

@media (min-width:767px) {

    .gnw .topBanner {
        padding: 35px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

        .gnw .topBanner .title {
            font-size: 32px;
            line-height: 36px;
        }
}

.gnw .topBanner a {
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
    padding: 2px 10px;
    background-image: url("/img/common/transBlack45.png");
    background-repeat: repeat;
    background-position: center;
    margin: 0;
    display: inline-block;
}

    .gnw .topBanner a:hover {
        background-image: url("/img/common/transBlack100.png");
    }

.gnw a.close {
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 7px;
    font-weight: 300;
    font-size: 40px;
    color: #000;
    background: none;
    text-shadow: none;
}

@media only screen and (min-width : 768px) {
    .gnw a.close {
        top: 37px;
        right: 7px;
        font-weight: 300;
        font-size: 70px;
    }
}

.gnw a.close:hover {
    background: none;
}


/*=========================================
BACKGROUND
=========================================*/


.gnw .bg-cover {
    background-size: cover;
    background-position: top center;
}

.gnw .bg-white {
    background: #fff;
}

.gnw .bg-light-grey {
    background: #f2f2f2;
}

.gnw .bg-blue {
    background: #007dc3;
}

.gnw .bg-light-blue {
    background: #d9ecf6;
}

.gnw .bg-xlight-blue {
    background: #e8eff7;
}

.gnw .bg-light-green {
    background: #d0e5e9;
}

.gnw .bg-contact {
    background-image: url("/img/background/contactBackground.jpg");
    background-position: top center;
    background-repeat: repeat-x;
}



/*=========================================
MINIUM HEIGHT
=========================================*/

.gnw .mh-76 {
    min-height: 0px;
}
/*eLMI Portal benefits size*/
.gnw .mh-220 {
    min-height: 220px;
}
/*investors banner size*/
.gnw .mh-240 {
    min-height: 240px;
}
/*common banner size*/
.gnw .mh-270 {
    min-height: 0px;
}
/*its my home magazine list*/
.gnw .mh-269 {
    min-height: 0px;
}
/*testimonial banner size*/
.gnw .mh-283 {
    min-height: 283px;
}
/*homepage shortcut*/
.gnw .mh-566 {
    min-height: 566px;
}
/*homepage shortcut longer version*/
.gnw .mh-685 {
    min-height: 0px;
}
/*its my home magazine details*/

@media (min-width:1200px) {

    .gnw .mh-270 {
        min-height: 270px;
    }

    .gnw .mh-280 {
        min-height: 280px;
    }

    .gnw .mh-685 {
        min-height: 685px;
    }
}

@media only screen and (min-width : 768px) {
    .gnw .mh-76 {
        min-height: 76px;
    }
}



/*=========================================
PAGE HERO
=========================================*/

.gnw .mainHero h1 {
    font-size: 102px;
    line-height: 87px;
}

.gnw .mainHero h5 {
    font-size: 34px;
    line-height: 38px;
    margin-top: 30px;
}

.gnw .mainHero .mainHeroTextPosition a {
    margin-top: 95px;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .mainHero h1 {
        font-size: 72px;
        line-height: 57px;
    }

    .gnw .mainHero h5 {
        font-size: 27px;
        line-height: 33px;
        margin-top: 25px;
    }

    .gnw .mainHero .mainHeroTextPosition a {
        margin-top: 75px;
    }
}


@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .mainHero h1 {
        font-size: 52px;
        line-height: 42px;
    }

    .gnw .mainHero h5 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 20px;
    }

    .gnw .mainHero .mainHeroTextPosition a {
        margin-top: 15px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .mainHero h1 {
        font-size: 42px;
        line-height: 36px;
    }

    .gnw .mainHero h5 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 20px;
    }

    .gnw .mainHero .mainHeroTextPosition a {
        margin-top: 15px;
    }
}

.gnw h1 {
    font-size: 42px;
    line-height: 48px;
}


.gnw .subHero {
    height: 338px;
    height: 502px;
    background-size: cover;
}

.gnw .articleHero {
    height: 189px;
}

.gnw .heroTitle {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: -50px;
    left: 0;
    background: #fff;
    padding: 0 45px 30px 45px;
    border-radius: 4px;
}


.gnw .subHeroTitleM {
    margin: 50px 0;
}



.gnw .subHeroTitle h1 {
    font-size: 66px;
    line-height: 66px;
    font-size: 72px;
    line-height: 72px;
}

.gnw .subHeroTitle h5 {
    font-size: 28px;
    line-height: 36px;
    font-size: 30px;
    line-height: 38px;
}

@media only screen and (min-width: 998px) and (max-width: 1799px) {
    .gnw .subHeroTitle h1 {
        font-size: 52px;
        line-height: 58px;
    }

    .gnw .subHeroTitle h5 {
        font-size: 27px;
        line-height: 35px;
    }
}


@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .subHeroTitle h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .gnw .subHeroTitle h5 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .subHeroTitle h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .gnw .subHeroTitle h5 {
        font-size: 24px;
        line-height: 30px;
    }
}


/*
.gnw .subHero .subHeroTitle h1 {
    font-family: 'shnekrftig';
    font-size:52px;
    line-height:60px;
    color:#fff;
}


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .subHero .subHeroTitle h1 {
        font-size: 42px;
        line-height: 50px;
        color: #fff;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .subHero .subHeroTitle h1 {
        font-size: 32px;
        line-height: 38px;
        color: #fff;
    }
}
*/



/*=========================================
BREADSCUMB
=========================================*/

.gnw .breadscumb {
    font-size: 16px;
    line-height: 22px;
}

    .gnw .breadscumb ul {
        margin: 0;
        padding: 0;
    }

        .gnw .breadscumb ul li {
            display: inline-block;
            color: #967DFF;
            font-size: 16px;
            line-height: 22px;
            font-family: 'shnekrftig';
        }

            .gnw .breadscumb ul li::after {
                content: " > ";
            }

            .gnw .breadscumb ul li:last-child::after {
                content: "";
            }

            .gnw .breadscumb ul li a {
                color: #2D1D49;
                font-size: 16px;
                line-height: 22px;
                font-family: 'shneleicht';
            }

                .gnw .breadscumb ul li a:hover {
                    color: #967DFF;
                    text-decoration: none;
                }



/*=========================================
FOOTER
=========================================*/

.gnw footer {
    font-size: 22px;
    line-height: 28px;
}

    .gnw footer ul {
        margin: 0;
        padding: 0;
    }

    .gnw footer li {
        list-style-type: none;
        font-size: 22px;
        line-height: 28px;
    }

    .gnw footer p {
        font-size: 22px;
        line-height: 28px;
    }


    .gnw footer li a {
        padding: 0px;
        margin-bottom: 10px;
        color: rgba(255, 255, 255, 0.45);
        display: block;
        font-size: 22px;
        line-height: 28px;
    }

        .gnw footer li a:hover {
            color: #fff;
            font-family: 'shneleicht';
            text-decoration: none;
        }

.copyright {
    background: #494743;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 35px;
}

.social-icons a {
    opacity: 0.5;
}

    .social-icons a:hover, .social-icons a:focus {
        opacity: 0.8;
    }


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw footer p {
        font-size: 19px;
        line-height: 25px;
    }

    .gnw footer li a {
        font-size: 18px;
        line-height: 24px;
    }

    .gnw footer li {
        font-size: 18px;
        line-height: 24px;
    }

    .gnw footer p {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw footer p {
        font-size: 17px;
        line-height: 23px;
    }

    .gnw footer li a {
        font-size: 16px;
        line-height: 22px;
    }
}


.gnw footer .itemFlex {
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding-left: 15px;
}


.gnw footer .item {
    width: 290px;
}

    .gnw footer .item p a {
        color: inherit;
    }

        .gnw footer .item p a:hover {
            text-decoration: underline;
        }


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw footer .itemFlex {
        flex-direction: row;
        gap: 30px;
    }


    .gnw footer .item {
        width: 190px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw footer .itemFlex {
        flex-direction: column;
        gap: 15px;
    }


    .gnw footer .item {
        width: 100%;
    }
}




/*=========================================
HOMEPAGE
=========================================*/


/* unknown */
.gnw .ad {
    width: 100%;
    height: 430px;
    position: relative;
}

.adItemImage {
    height: 346px;
    height: 246px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: 100%;
    transition: all 0.3s ease-in-out;
}

@media (min-width:1200px) {
    .adItemImage {
        height: 410px;
    }
}


.adItemImageNoFocus {
    height: 346px;
    height: 246px;
    position: relative;
    text-align: center;
    /* cursor: pointer; */
    margin-bottom: 20px;
    background-position: center;
    background-size: 100%;
    transition: all 0.3s ease-in-out;
}

@media (min-width:1200px) {
    .adItemImageNoFocus {
        height: 410px;
    }
}

.adItemImageSmall {
    height: 186px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: 100%;
    transition: all 0.3s ease-in-out;
}


@media (min-width:1200px) {
    .adItemImageSmall {
        height: 220px;
    }
}

.adItemImageSmallNoChange {
    width: 300px;
    width: 90%;
    height: 350px;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    background-size: 100%;
    transition: all 0.3s ease-in-out;
    background-position: center, top center;
    border-radius: 12px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .adItemImageSmallNoChange {
        height: 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .adItemImageSmallNoChange {
        height: 220px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .adItemImageSmallNoChange {
        height: 190px;
    }
}

@media only screen and (max-width : 768px) {
    .adItemImageSmallNoChange {
        height: 100%;
        height: 270px;
        width: 100%;
    }
}




.adItemImage:hover, .adItemImageSmall:hover {
    background-size: 104%;
}

.adItemNote {
    z-index: 1;
    position: relative;
    bottom: 0px;
    left: 00px;
    background: #fff;
    width: 100%;
    min-height: 150px;
    border-radius: 4px;
    padding: 0px 0 35px 0;
}

@media (min-width:1200px) {
    .adItemNote {
        z-index: 1;
        position: absolute;
        bottom: -80px;
        left: 50px;
        background: #fff;
        width: 470px;
        min-height: 250px;
        border-radius: 4px;
        padding: 35px;
    }
}


.adItemNoteSmall {
    z-index: 1;
    position: relative;
    bottom: 0px;
    left: 00px;
    background: #fff;
    width: 100%;
    min-height: 150px;
    border-radius: 4px;
    padding: 0px 0 35px 0;
}

@media (min-width:1200px) {
    .adItemNoteSmall {
        z-index: 1;
        position: absolute;
        bottom: -120px;
        left: 50px;
        background: #fff;
        width: 470px;
        min-height: 220px;
        border-radius: 4px;
        padding: 35px;
    }
}


/*=========================================
GALLERY
=========================================*/

.popup-gallery .box {
    position: relative;
}

    .popup-gallery .box .img-gradient:before {
        content: "\f00e";
        font-family: FontAwesome;
        position: absolute;
        color: #fff;
        font-size: 30px;
        z-index: 1;
        transition: all 1s ease;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        visibility: hidden;
        opacity: 0;
    }

    .popup-gallery .box:hover .img-gradient:before {
        visibility: visible;
        opacity: 1;
    }

    .popup-gallery .box .img-gradient:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        display: inline-block;
        /*
        background: rgb(2,0,36);
        background: -moz-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(1,108,148,0) 60%, rgba(125,103,208,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(1,108,148,0) 60%, rgba(125,103,208,1) 100%);
        background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(1,108,148,0) 60%, rgba(125,103,208,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#7d67d0",GradientType=1);
        */
        background: rgb(150,125,255);
        background: linear-gradient(0deg, rgba(150,125,255,0.75) 0%, rgba(255,255,255,0) 47%);
    }

    .popup-gallery .box .img-gradient {
        overflow: hidden;
    }

        .popup-gallery .box .img-gradient img {
            object-fit: cover;
            height: 100%;
            border-radius: 12px;
            transition: transform .5s ease;
        }

    .popup-gallery .box:hover img {
        transform: scale(1.5);
    }

    .popup-gallery .box a.cover {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 90%;
        border-radius: 12px;
    }

.gnw a.lmiTools {
    color: inherit;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
}

    .gnw a.lmiTools:hover {
        color: #0f7ec2;
    }

.gnw .hvLine {
    height: 42px;
    background-image: url("/img/common/verticalLine.png");
    background-repeat: repeat-y;
    background-position: center center;
}

@media (min-width:992px) {
    .gnw .hvLine {
        height: 84px;
        background-image: url("/img/common/horizontalLine.png");
        background-repeat: repeat-x;
        background-position: center bottom;
    }
}



.gnw .homeNews {
    position: relative;
    padding: 70px 30px 15px 30px;
}

    .gnw .homeNews a {
        color: #fff;
        text-decoration: underline;
    }

    .gnw .homeNews .date {
        position: absolute;
        z-index: 1;
        width: 210px;
        padding: 15px;
        top: 0;
        left: 20px;
        background: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }



/*=========================================
SUB - TIMELINE
=========================================*/

.timeline {
    background-image: url("../images/line-1.png");
    background-position: center;
    background-repeat: repeat-y;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    height: auto;
    padding: 0px;
    clear: both;
    overflow: hidden;
}

    .timeline li.year {
        clear: both;
        width: 4em;
        margin: 0 auto;
        line-height: 4em;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        margin-bottom: 25px;
        border: 1px solid #f39c12;
        box-shadow: 2px 2px 2px #888888;
        -moz-box-shadow: 2px 2px 2px #888888;
        -webkit-box-shadow: 2px 2px 2px #888888;
    }

        .timeline li.year:first-child {
            margin-top: 0px;
        }

    .timeline li.year, .timeline li.event {
        list-style-type: none;
        z-index: 999;
    }

    .timeline li.event {
        width: 45%;
        background-color: #fff;
        margin-bottom: 20px;
        padding: 20px;
        position: relative;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-color: #e5e6e9 #dfe0e4 #d0d1d5;
        border-image: none;
        border-style: solid;
        border-width: 1px;
    }

li.event:nth-child(odd) {
    color: green;
    clear: left;
    float: left;
}

li.event:nth-child(even) {
    color: red;
    clear: right;
    float: right;
    margin-top: 100px;
    margin-bottom: 50px;
}

.timeline li.event:nth-child(odd)::after {
    background: red;
    content: "";
    height: 2px;
    position: absolute;
    right: -11.2%;
    top: 30px;
    width: 11.2%;
}

li.event:nth-child(even)::before {
    background: red;
    content: "";
    height: 2px;
    position: absolute;
    top: 30px;
    width: 11.2%;
    left: -11.2%;
}


@media (max-width: 640px) {
    .timeline li.event {
        width: 80%;
        background-color: #fff;
        border: 1px solid #ff0000;
        margin: 20px auto;
        padding: 20px;
        position: relative;
    }

    li.event:nth-child(odd) {
        color: green;
        clear: both;
        float: none;
    }

    li.event:nth-child(even) {
        color: red;
        clear: both;
        float: none;
    }

        .timeline li.event:nth-child(odd)::after, li.event:nth-child(even)::before {
            width: 0px;
        }
}






/*=========================================
SUB - ELMI PORTAL - FEATURES
=========================================*/

.gnw .features p {
    margin-bottom: 0;
}

    .gnw .features p.lead-text,
    .gnw .listBox p.lead-text {
        line-height: 22px;
    }

.gnw .features table td {
    padding: 10px;
}


/*=========================================
SUB - BORROWERS
=========================================*/

.gnw .itsmyhomemagazineImg {
    width: 199px;
}

@media (min-width:1200px) {
    .gnw .itsmyhomemagazineImg {
        width: 100%;
    }
}

/*=========================================
SUB - INVESTORS
=========================================*/

.gnw .investors table {
    font-size: 16px;
    line-height: 20px;
}

    .gnw .investors table th {
        border: 0px;
    }

    .gnw .investors table tbody {
        border: 1px solid #ccc;
        width: 100%;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px
    }

.gnw .investors .btn-primary {
    background: #d9ecf6;
    border: 0;
    border-radius: 100px;
}

    .gnw .investors .btn-primary:hover {
        background: #007dc3;
        border: 0;
    }



.gnw .investors .nav {
    border: 0px solid #cc0000;
}

.gnw .investors .nav-tabs .nav-link {
    border: 0;
    background-color: #d9ecf6;
    color: #828e94;
    border-radius: 100px;
    margin: 0 5px 10px 5px;
    width: 105px;
    text-align: center;
}

    .gnw .investors .nav-tabs .nav-link:hover {
        border: 0;
        background-color: #007dc3;
        color: #fff;
        border-radius: 100px;
        margin: 0 5px;
    }

    .gnw .investors .nav-tabs .nav-item.show .nav-link, .gnw .investors .nav-tabs .nav-link.active {
        border: 0;
        background-color: #007dc3;
        color: #fff;
        border-radius: 100px;
    }



.gnw .investors .tab-content {
    border-top: 0;
    margin-top: 0;
    padding: 0;
}


.gnw .investors #custom-search-input .input-group {
    border-radius: 100px;
}

.gnw .investors #custom-search-input {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}



    .gnw .investors #custom-search-input .search-query {
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        padding: 22px 15px;
        border: 0;
    }

    .gnw .investors #custom-search-input button {
        font-size: 20px;
        border: 0;
        background: none;
        padding: 0;
        margin-top: 0px;
        position: relative;
        left: -10px;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #007dc3;
    }

.gnw .investors .search-query:focus + button {
    z-index: 3;
    color: #007dc3;
}




/* ==========================================================================
   Umb Grid Extensions
========================================================================== */

.gnw .umb-grid .grid-section > div,
.gnw .row-narrow-width,
.gnw .row-full-width {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .gnw .row-narrow-width > .row {
        max-width: 1140px;
        max-width: 1340px;
        margin-left: auto;
        margin-right: auto;
    }


img.imageleft,
img[style*="left"] {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

img.imageright,
img[style*="right"] {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}


.gnw .umb-grid img {
    width: 100%;
}

@media only screen and (min-width : 768px) {
    .gnw .umb-grid img {
        width: auto;
    }
}


/* ==========================================================================
   Print Friendly
========================================================================== */


@media print {

    body {
        color: #000 !important;
        margin: 0;
        padding: 0;
    }



    @page {
        size: auto;
        margin: 25mm 25mm 25mm 25mm;
    }



    .gnw {
        padding: 0;
    }

        .gnw * {
            text-align: left !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            vertical-align: text-top !important;
            border: 0 !important;
        }

        /*
    .gnw .btn{
        display:none;
    }

    .gnw .bigLink{
        display:none!important;
    }
    */


        .gnw .topBanner {
            display: none !important;
        }

        .gnw .print {
            display: none !important;
        }

        .gnw .megamenu {
            display: none !important;
        }

        .gnw footer {
            display: none !important;
        }

        .gnw a[href]:after {
            content: none !important;
        }

        .gnw .banner {
            display: none !important;
        }

        .gnw .adPannel {
            display: none !important;
        }


        .gnw .richtext img {
            display: block;
        }

        .gnw .adItemImageSmallNoChange {
            display: none !important;
        }

        .gnw .adItemImage {
            display: none !important;
        }

        .gnw .rmPrint {
            display: none !important;
        }


        .gnw #floatingSocialbar {
            display: none !important;
        }



            .gnw #floatingSocialbar a {
                display: none !important;
            }



        .gnw .pagination-container {
            display: none;
        }

        .gnw iframe {
            display: none !important;
        }

        .gnw .mainHero {
            height: 138px;
            height: 65px;
        }

        .gnw .subHero {
            height: 138px;
            height: 65px;
        }

        .gnw .articleHero {
            height: 138px;
            height: 65px;
        }

        .gnw .mh-283 {
            min-height: 138px;
        }

        .gnw .mh-566 {
            min-height: 138px;
        }
}


/* Homepage - Popular topics */

.gnw .popular {
    width: 100%;
    height: 250px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

    .gnw .popular .img {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gnw .popular .text-box {
        position: absolute;
        padding: 20px;
        background: #fff;
        width: 100%;
        height: 350px;
        height: 110px;
        top: 120px;
        overflow: hidden;
    }

        .gnw .popular .text-box ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .gnw .popular .text-box ul li {
                margin-left: 20px;
                margin-bottom: 7px;
                list-style-type: disc;
            }

                .gnw .popular .text-box ul li:before {
                    content: "\00B7 ";
                    color: #007dc3;
                    font-weight: 900;
                    display: inline-block;
                    width: 1em;
                    margin-left: -1em
                }

.gnw .popularM {
    width: 100%;
    position: relative;
    background-color: #fff;
}

    .gnw .popularM .img {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gnw .popularM .text-box {
        padding: 20px;
        background: #fff;
    }

        .gnw .popularM .text-box ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .gnw .popularM .text-box ul li {
                margin-left: 20px;
                margin-bottom: 7px;
                list-style-type: disc;
            }




/* Marketing resource centre - Popular topics */

.gnw #topicPannel .popular p {
    font-size: 17px;
    line-height: 21px;
}

.gnw #topicPannel .popular a {
    color: #000;
    transition: all .2s ease-in-out;
}

    .gnw #topicPannel .popular a:hover {
        color: #017dc3;
    }


.gnw #topicPannel .popular ul li {
    font-size: 17px;
    line-height: 21px;
}

.gnw #topicPannel .popular li a {
    color: #000;
    transition: all .2s ease-in-out;
}

    .gnw #topicPannel .popular li a:hover {
        color: #017dc3;
    }

.gnw #topicPannel .popular {
    width: 100%;
    height: 270px;
    height: 285px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

    .gnw #topicPannel .popular .img {
        width: 100%;
        height: 204px;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gnw #topicPannel .popular .text-box {
        position: absolute;
        padding: 20px;
        background: #fff;
        width: 100%;
        height: 350px;
        height: 100px;
        top: 120px;
        top: 200px;
        overflow: hidden;
    }

        .gnw #topicPannel .popular .text-box ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .gnw #topicPannel .popular .text-box ul li {
                margin-left: 20px;
                margin-bottom: 7px;
                list-style-type: disc;
            }

                .gnw #topicPannel .popular .text-box ul li:before {
                    content: "\00B7 ";
                    color: #007dc3;
                    font-weight: 900;
                    display: inline-block;
                    width: 1em;
                    margin-left: -1em
                }

.gnw #topicPannel .popularM {
    width: 100%;
    position: relative;
    background-color: #fff;
}

    .gnw #topicPannel .popularM .img {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gnw #topicPannel .popularM .text-box {
        padding: 20px;
        background: #fff;
    }

        .gnw #topicPannel .popularM .text-box ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .gnw #topicPannel .popularM .text-box ul li {
                margin-left: 20px;
                margin-bottom: 7px;
                list-style-type: disc;
            }






.gnw .cus-row-1, .gnw .cus-row-2, .gnw .cus-row-3, .gnw .cus-row-4, .gnw .cus-row-5,
.gnw .cus-row-6, .gnw .cus-row-7, .gnw .cus-row-8, .gnw .cus-row-9, .gnw .cus-row-10,
.gnw .cus-row-11, .gnw .cus-row-12, .gnw .cus-row-13 {
    font-size: 16px;
}

.gnw #tabOptions tbody .cus-col-1, .gnw #tabOptions tbody .cus-col-3,
.gnw #tabOptions tbody .cus-col-5, .gnw #tabOptions tbody .cus-col-7 {
    background: #f3f1ff;
}

.tooltip-inner {
    max-width: 300px !important;
    text-align: left !important;
    padding: 20px 15px !important;
}

.cus-col-1 ul, .cus-col-2 ul, .cus-col-3 ul, .cus-col-4 ul, .cus-col-5 ul, .cus-col-6 ul {
    list-style-type: none;
    padding-left: 0;
}

    .cus-col-1 ul li, .cus-col-2 ul li, .cus-col-3 ul li, .cus-col-4 ul li, .cus-col-5 ul li, .cus-col-6 ul li {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
    }

        .cus-col-1 ul li a, .cus-col-2 ul li a, .cus-col-3 ul li a, .cus-col-4 ul li a, .cus-col-5 ul li a, .cus-col-6 ul li a {
            color: #967DFF;
        }



/* ==========================================================================
   Calculated Forms
========================================================================== */

.gnw form .help-block {
    color: #f00;
}

.gnw form .checkbox label {
    cursor: pointer;
    display: block;
}

.gnw .w_180 {
    width: 180px;
}

.gnw #table-calculator th {
    position: relative;
    background: #967DFF;
    color: #fff;
    padding: 0;
    text-align: center;
}

    .gnw #table-calculator th > div {
        position: relative;
        background: #2D1D49;
        font-size: 14px;
        font-weight: normal;
    }

    .gnw #table-calculator th .btn-exclamation {
        font-size: 1rem;
        vertical-align: middle;
        display: table-cell;
        background: #2d1d49;
    }

.gnw #table-calculator .show-on-hover:hover > ul.dropdown-menu {
    display: block;
}

.gnw #table-calculator .dropdown-menu {
    padding: 15px;
    border-radius: 0;
    width: 300px;
}

    .gnw #table-calculator .dropdown-menu p {
        font-size: 14px;
        line-height: 18px;
    }

.gnw #table-calculator .dropdown-toggle::after {
    border-top: 0em solid;
}

.gnw #table-calculator td {
    font-size: 15px;
    line-height: 20px;
    width: 150px;
    text-align: right;
}

    .gnw #table-calculator td:first-child {
        text-align: left;
    }

.gnw #table-calculator .cus-col-0 {
    font-weight: 700;
}

.gnw #table-calculator b {
    font-weight: 700;
}

.gnw #table-calculator p {
    font-size: 15px;
    line-height: 20px;
}

.gnw #table-calculator td li {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
}


.gnw .mh510to10 {
    min-height: 570px;
}

@media (max-width:767px) {
    .gnw .mh510to10 {
        min-height: 10px;
    }

    .gnw .w_180 {
        width: 100%;
    }
}





.gnw .input-group-append,
.gnw .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(45, 29, 73, 0.25);
    border-radius: 4px;
}

.gnw group-append > .input-group-text,
.gnw .input-group-lg > .input-group-prepend > .btn,
.gnw .input-group-lg > .input-group-prepend > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 4px;
}




/*=========================================
HOMEPAGE SLIDER
=========================================*/

.gnw .mainHero {
    height: 684px;
    background-position: center;
    background-size: cover;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .gnw .mainHero {
        height: 550px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .gnw .mainHero {
        height: 550px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1199px) {
    .gnw .mainHero {
        height: 454px;
        height: 404px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .mainHero {
        height: auto;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .mainHero {
        height: auto;
    }
}

.gnw .mainHero .mainImage {
    position: relative;
    width: 100%;
    height: 684px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .gnw .mainHero .mainImage {
        height: 550px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1399px) {
    .gnw .mainHero .mainImage {
        height: 550px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .mainHero .mainImage {
        height: 550px;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .mainHero .mainImage {
        height: 550px;
    }
}

.gnw .mainHero .mainImage img {
    width: 100%;
}

@media (max-width:767px) {
    .gnw .mainHero .mainImage img {
        width: 100%;
    }
}


.gnw .heroTitleHome {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: none;
}

.gnw .heroTitleHomeM {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 320px;
}

.gnw .carousel {
    height: 684px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .gnw .carousel {
        height: 550px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .gnw .carousel {
        height: 454px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1199px) {
    .gnw .carousel {
        height: 454px;
        height: 404px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .carousel {
        height: auto;
    }
}

@media only screen and (max-width : 768px) {
    .gnw .carousel {
        height: auto;
    }
}

.gnw .heroImageHeight {
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
}

.gnw .mainHeroHeight {
    height: 684px;
    position: relative;
}

.gnw .mainHeroHeightM {
    height: 502px;
}

.gnw .mainHeroTextPosition {
    margin-top: 150px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {

    .gnw .mainHeroHeight {
        height: 550px;
    }

    .gnw .mainHeroHeightM {
        height: 380px;
    }

    .gnw .mainHeroTextPosition {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .gnw .mainHeroHeight {
        height: 550px;
    }

    .gnw .mainHeroHeightM {
        height: 380px;
    }

    .gnw .mainHeroTextPosition {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1199px) {

    .gnw .mainHeroHeight {
        height: 404px;
    }

    .gnw .mainHeroHeightM {
        height: 380px;
    }

    .gnw .mainHeroTextPosition {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 997px) {

    .gnw .mainHeroHeight {
        height: auto;
    }

    .gnw .mainHeroHeightM {
        height: auto;
    }

    .gnw .mainHeroTextPosition {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width : 768px) {

    .gnw .mainHeroHeight {
        height: auto;
    }

    .gnw .mainHeroHeightM {
        height: auto;
    }

    .gnw .mainHeroTextPosition {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}



.gnw .carousel-control-prev-icon {
    position: absolute;
    left: 30px;
    top: 50%;
}

.gnw .carousel-control-next-icon {
    position: absolute;
    right: 50px;
    top: 50%;
}

.gnw #homeSlider .nav a {
    color: rgba(255,255,255,0.6);
    font-weight: 700;
    font-size: 45px;
}

    .gnw #homeSlider .nav a:hover {
        color: rgba(255,255,255,1);
    }

.gnw .carousel a:hover {
    text-decoration: none;
}

/*=========================================
VARIOUS
=========================================*/
.gnw .disabled {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.gnw #floatingSocialbar {
    border-radius: 6px;
}

/*=========================================
MENU
=========================================*/
.gnw .btn-outline-purple {
    background: #fff;
    border-radius: 2rem;
}

.gnw a:hover, .gnw a:active {
    text-decoration: none;
}

.gnw .menu .dropdown-toggle::after {
    content: none;
}

.gnw .dropdown-menu.position {
    top: -10%;
    left: -40%;
    border-radius: 30px;
    visibility: hidden;
    border: 1px solid transparent;
}

    .gnw .dropdown-menu.position > .dropdown-item {
        color: #2D1D49;
        border-bottom: 1px solid rgba(45, 29, 73, 0.45);
    }

        .gnw .dropdown-menu.position > .dropdown-item:last-child {
            color: #2D1D49;
            border-bottom: 1px solid transparent;
        }

    .gnw .dropdown-menu.position.show {
        visibility: visible;
    }

    .gnw .dropdown-menu.position .dropdown-item:hover {
        color: #967DFF;
        background: none;
    }

.fade-in {
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.gnw .menu {
    margin: 0;
    padding: 0;
}


.gnw .menu {
    position: relative;
}

    .gnw .menu .bg-menu {
        position: absolute;
        color: #fff;
        width: 100%;
        left: 0;
        z-index: 1;
        min-height: 330px;
        width: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in;
        visibility: hidden;
        /*        background: #967DFF;
        -moz-box-shadow: 0px 15px 10px -15px rgba(103, 95, 141, 0.75);
        -webkit-box-shadow: 0px 15px 10px -15px rgb(103 95 141 / 75%);
        box-shadow: 0px 15px 10px -15px rgb(103 95 141);*/
    }


        .gnw .menu .bg-menu.show {
            display: block;
        }

        .gnw .menu .bg-menu > .container {
            width: 100%;
            height: 100%;
            background-color: #967dff;
            -moz-box-shadow: 0px 15px 10px -15px rgba(103, 95, 141);
            -webkit-box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
            box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
        }

    .gnw .menu .main-menu .dropdown.column_2 .bg-menu {
        left: -727px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_2 .dropdown-content .box-submenu .box-item {
        left: 37%;
    }

    .gnw .menu .main-menu .dropdown.column_3 .bg-menu {
        left: -47px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_3 .dropdown-content .box-submenu .box-item {
        left: 35%;
    }

    .gnw .menu .main-menu .dropdown.column_4 .bg-menu {
        left: -1197px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_4 .dropdown-content .box-submenu .box-item {
        left: 64%;
    }

    .gnw .menu .main-menu .dropdown.column_5 .bg-menu {
        left: -1197px;
        width: 2000px;
    }

    .gnw .menu .border-line {
        border-left: 1px solid #c5b8ff;
    }

    .gnw .menu .main-menu .dropdown {
        position: inherit;
    }

        .gnw .menu .main-menu .dropdown .underline {
            height: 4px;
            background-color: transparent;
            display: block;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            opacity: 0.8;
        }

    .gnw .menu .main-menu > .nav-item {
        padding-top: 10px;
    }

        .gnw .menu .main-menu > .nav-item.column_3 {
            position: unset;
        }

        .gnw .menu .main-menu > .nav-item._searchcolumns {
            position: unset;
            padding: 0 !important;
            margin: 0;
        }

    .gnw .menu .main-menu .dropdown-content {
        position: absolute;
        color: #fff;
        width: 100%;
        background: #967dff;
        left: 0;
        min-height: 330px;
        z-index: 2;
        opacity: 0;
        transition: opacity 0.1s ease-in;
        visibility: hidden;
        background-color: #967dff;
        -moz-box-shadow: 0px 15px 10px -15px rgba(103, 95, 141);
        -webkit-box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
        box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
    }

        .gnw .menu .main-menu .dropdown-content > .container {
            position: relative;
        }

        .gnw .menu .main-menu .dropdown-content.show {
            visibility: visible;
            opacity: 1;
            display: block;
        }

@media (hover: hover) and (pointer: fine) {
    .gnw .menu .main-menu .dropdown:hover .underline {
        height: 4px;
        background: #fff;
        display: block;
        opacity: 1;
    }

    .gnw .menu .main-menu .dropdown:hover .dropdown-content {
        visibility: visible;
        opacity: 1;
    }

    .gnw .menu .main-menu .dropdown:hover .bg-menu {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    50% {
        opacity: 0.5;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes toggle {
    from {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}

.gnw .menu .main-menu .dropdown:hover .dropdown-content > .border-line {
    border-left: none;
}

.gnw .menu .main-menu .dropdown._searchcolumns .dropdown-content {
    top: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
}

.gnw .menu .main-menu .dropdown-menu {
    border: 0;
    margin: 0;
    padding: 0;
}

.gnw .menu .main-menu a {
    color: #fff !important;
}

.gnw .menu .main-menu .dropdown-content h3, .gnw .menu .main-menu .dropdown-content .title-level2 {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: 22px;
    line-height: 28px;
    padding: 10px 0;
    font-family: 'shneleicht';
    font-weight: bold;
}

    .gnw .menu .main-menu .dropdown-content h3:hover, .gnw .menu .main-menu .dropdown-content .title-level2:hover {
        text-decoration: underline;
    }

.gnw .menu .main-menu .dropdown-content a {
    display: block;
    margin-bottom: 1rem;
}

    .gnw .menu .main-menu .dropdown-content a:hover {
        text-decoration: underline;
    }

.gnw .menu .main-menu .dropdown-content .dropdown-level2 {
    display: block;
}

.gnw .menu .main-menu .dropdown-content .box-submenu {
    padding: 0;
    min-height: 350px;
}

    .gnw .menu .main-menu .dropdown-content .box-submenu .box-item {
        position: absolute;
        top: 35px;
    }

    .gnw .menu .main-menu .dropdown-content .box-submenu .w_400 {
        width: 400px;
    }

    .gnw .menu .main-menu .dropdown-content .box-submenu .flex-wrapp {
        display: flex;
        flex-wrap: wrap;
        padding-top: 35px;
    }

        .gnw .menu .main-menu .dropdown-content .box-submenu .flex-wrapp .flex-item {
            flex: 25%;
        }

        .gnw .menu .main-menu .dropdown-content .box-submenu .flex-wrapp.search-box {
            min-height: 300px;
            justify-content: center;
            align-items: center;
        }

.gnw #overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

    .gnw #overlay.show {
        display: block;
    }

    .gnw #overlay .search-box {
        margin-top: 10rem;
    }

.gnw .menu .logo-mobile {
    display: none;
}

.gnw #barDropdownRight .dropdown-menu .menu-left-close {
    display: none;
}

.main-menu .show-submenu {
    display: block !important;
}

.gnw .menu-top > a {
    font-size: 18px;
    line-height: 24px;
}

.gnw .menu .border-white {
    margin-left: 10px;
}

.gnw .menu .border-purple {
    border-color: #967dff !important;
}

.gnw .menu #barDropdownRight .search-item {
    padding: 1.5rem 0 1.3rem 0;
}

/*    .gnw .menu #barDropdownRight .search-item .btn-search::after {
        content: "\f002";
        display: inline-block;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        color: #fff;
        width: 16px;
    }

    .gnw .menu #barDropdownRight .search-item .btn-search.active::after {
        content: "\f00d";
    }*/

.gnw footer .hub {
    position: relative;
}

    .gnw footer .hub #navboxDropdownBottom {
        display: none;
        top: -177px;
        border-radius: 30px;
        left: 0;
    }

        .gnw footer .hub #navboxDropdownBottom.show {
            display: block;
        }

        .gnw footer .hub #navboxDropdownBottom .dropdown-item {
            line-height: 24px;
            padding: 10px 20px;
            color: #2D1D49;
            border-bottom: 1px solid rgba(45, 29, 73, 0.45);
        }

            .gnw footer .hub #navboxDropdownBottom .dropdown-item:hover {
                background: none;
                color: #967DFF;
            }

            .gnw footer .hub #navboxDropdownBottom .dropdown-item:last-child {
                border-bottom: 1px solid transparent;
            }

.navbar-light .navbar-nav .nav-link .arrow-icon {
    display: none;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .menu .main-menu .dropdown-content h3, .gnw .menu .main-menu .dropdown-content .title-level2 {
        font-size: 18px;
        line-height: 24px;
    }

    .gnw .menu-top > a {
        font-size: 16px;
        line-height: 20px;
    }

    .gnw footer .hub #navboxDropdownBottom {
        left: 0;
    }


    .gnw .menu .main-menu .dropdown.column_2 .dropdown-content .box-submenu .box-item {
        left: 36%;
    }

    .gnw .menu .main-menu .dropdown.column_4 .dropdown-content .box-submenu .box-item {
        left: 66%;
    }
}

@media only screen and (max-width: 1799px) {
    .gnw .menu #barDropdownRight ul > li.dropdown {
        margin-bottom: 0;
    }

    .gnw .menu #barDropdownRight .search-item {
        padding: 1.5rem 0 1.7rem 0;
    }
}

@media only screen and (max-width: 1600px) {
    .gnw .menu .main-menu .dropdown.column_2 .bg-menu {
        left: -727px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_3 .bg-menu {
        left: -47px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_4 .bg-menu {
        left: -1197px;
        width: 2000px;
    }

    .gnw .menu .main-menu .dropdown.column_5 .bg-menu {
        left: -1197px;
        width: 2000px;
    }
}

@media only screen and (max-width: 1420px) {
    .gnw .menu .main-menu .dropdown.column_3 .dropdown-content {
        left: 3%;
    }
}

@media only screen and (max-width : 992px) {

    .gnw .menu .main-menu .dropdown-content .box-submenu .box-item {
        position: unset;
    }

    .gnw .menu .main-menu .dropdown-content .box-submenu .flex-wrapp .flex-item {
        flex: 100%;
    }

    .gnw .menu .main-menu .dropdown-content {
        opacity: 1;
        visibility: visible;
    }

    /* Left Bar */
    #leftmenuinner {
        position: fixed;
        top: 0;
        padding-bottom: 0;
        height: 100%;
        width: 80%;
    }

    #leftmenuinnerinner {
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .gnw .menu .main-menu .dropdown-content .box-submenu .w_400 {
        width: 100%;
    }

    .gnw .menu #barDropdownRight .search-item {
        padding: 1rem 0 1rem 1rem;
    }


    .gnw .menu .main-menu > .nav-item {
        padding-top: 0;
    }

    .gnw .menu .border-line {
        padding: 10px 0;
    }

    .gnw .menu .logo-mobile {
        display: table;
    }

    .gnw section.masterHead {
        display: none;
    }

    .gnw #barDropdownRight .dropdown {
        margin: 0;
    }

    .gnw #barDropdownRight {
        margin-right: 10px;
    }

        .gnw #barDropdownRight .dropdown {
            margin: 0;
        }

        .gnw #barDropdownRight .dropdown-menu {
            position: fixed;
            width: 80%;
            top: 0;
            height: 2000px;
            left: unset;
            right: 0;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
        }

        .gnw #barDropdownRight .dropdown .mr-3 {
            margin-right: 10px !important;
            padding: 2px 8px !important;
            font-size: 1rem;
        }

        .gnw #barDropdownRight .dropdown-menu .dropdown-item {
            border-bottom: 1px solid #BDBDBD;
            margin: 0 !important;
            padding: 10px 20px
        }

            .gnw #barDropdownRight .dropdown-menu .dropdown-item:nth-child(2) {
                border-top: 1px solid #BDBDBD;
            }

        .gnw #barDropdownRight .dropdown-menu .menu-left-close {
            display: block;
            margin: 0px 0px 0px 20px;
        }

    /*            .gnw #barDropdownRight .dropdown-menu .menu-left-close::before {
                content: '\f00d';
                font-family: FontAwesome;
                font-weight: normal;
                font-style: normal;
                margin: 0px 0px 0px 20px;
                text-decoration: none;
            }*/

    .gnw #overlay, .gnw #overlay-search {
        background: unset;
        position: absolute;
        top: 83px;
    }

        .gnw #overlay .search-box {
            margin-top: 0;
            padding: 2rem 1rem;
            -moz-box-shadow: 0px 15px 10px -15px rgba(103, 95, 141);
            -webkit-box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
            box-shadow: 0px 15px 10px -15px rgb(103, 95, 141);
        }

        .gnw #overlay-search .search-box {
            margin-top: 0;
            padding: 2rem 1rem;
            background: #967dff;
        }

        .gnw #overlay .border-line {
            background: #967dff;
            padding: 0;
        }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .box-submenu {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        min-height: unset;
    }

        .visible-rightmenu .gnw .menu .main-menu .dropdown-content .box-submenu .flex-wrapp {
            padding-top: 0;
        }

        .visible-rightmenu .gnw .menu .main-menu .dropdown-content .box-submenu > div {
            padding-top: 10px;
        }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .border-line {
        border-left: 0;
        padding: 10px 8px 0 15px;
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown a.nav-link .arrow-icon {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
    }

    /*    .visible-rightmenu .gnw .menu .main-menu .dropdown a.nav-link::after {
        content: '\f105';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        margin: 0px 0px 0px 10px;
        text-decoration: none;
        position: absolute;
        right: 0;
    }*/
    .visible-rightmenu .gnw .menu .main-menu .dropdown a.active::after {
        content: '\f107';
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-children {
        display: none;
        padding-left: 10px;
        min-height: unset;
        box-shadow: unset;
    }

        .visible-rightmenu .gnw .menu .main-menu .dropdown-children > .container {
            min-height: unset;
        }
}

@media only screen and (max-width : 768px) {


    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .border-line {
        padding: 10px 0 0 15px;
    }

    .gnw .menu #barDropdownRight .search-item .btn-search > span {
        display: none;
    }

    .gnw .menu {
        position: relative;
    }

        .gnw .menu .border-white {
            border: 1px solid #fff;
            margin: 10px 0 10px 10px;
        }

    .gnw .mobile-position > span {
        text-indent: -999px;
        display: inline-block;
    }

    .gnw .mobile-hidden {
        display: none;
    }

    .gnw .menu .main-menu .dropdown-menu.show {
        display: block;
    }

    /*    .gnw .menu .main-menu .dropdown a.nav-link::after {
        content: '\f105';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        margin: 0px 0px 0px 10px;
        text-decoration: none;
        position: absolute;
        right: 15px;
    }*/

    .gnw .menu .main-menu a {
        margin-bottom: 0.5rem;
    }

    .gnw .menu .border-line {
        position: relative;
    }

    .gnw #barDropdownRight .dropdown .mr-3 {
        margin-right: 0px !important;
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-children {
        padding: 0 0 0 10px;
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .box-submenu > div {
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    .gnw #overlay .border-line {
        margin-left: 0;
        border-left: none;
    }
}

.gnw #overlay .search-box input[type=text], .gnw #overlay-search .search-box input[type=text] {
    padding: 10px 20px;
    border-radius: 40px;
    border: none;
    min-width: 350px;
}

.gnw #overlay .search-box i.fa, .gnw #overlay-search .search-box i.fa {
    position: absolute;
    right: 2rem;
    top: 0.8rem;
}

.gnw #overlay .search-box input[type=text]::placeholder, .gnw #overlay-search .search-box input[type=text]::placeholder {
    color: #967DFF;
}

.visible-rightmenu .gnw #barDropdownLeft {
    display: block;
    position: fixed;
    z-index: 9;
    background: #fff;
    width: 80%;
    left: 0;
    height: 2000px;
    color: #2D1D49;
    top: 0;
}

    .visible-rightmenu .gnw #barDropdownLeft a {
        color: #2D1D49 !important;
    }

    .visible-rightmenu .gnw #barDropdownLeft .navbar-brand {
        display: table-cell;
        vertical-align: middle;
        margin: 0 !important;
        padding: 0;
        height: 50px;
    }

.gnw #barDropdownLeft .menu-right-close {
    display: none;
}

/*.visible-rightmenu .gnw #barDropdownLeft .menu-right-close::before {
    content: '\f00d';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    text-decoration: none;
}*/

.visible-rightmenu .gnw #barDropdownLeft .navbar-brand > img {
    display: none;
}

.visible-rightmenu .gnw #barDropdownLeft ul.main-menu {
    margin: 0 !important;
}

    .visible-rightmenu .gnw #barDropdownLeft ul.main-menu > li {
        border-bottom: 1px solid #BDBDBD;
        margin: 0 !important;
        padding: 10px 20px;
    }

        .visible-rightmenu .gnw #barDropdownLeft ul.main-menu > li:first-child {
            border-top: 1px solid #BDBDBD;
        }

.visible-rightmenu .gnw #barDropdownLeft a.pb-4 {
    padding-bottom: 0 !important;
}

.visible-rightmenu .gnw #barDropdownLeft a.pt-4 {
    padding-top: 0 !important;
}

.visible-rightmenu .gnw #barDropdownLeft .main-menu .dropdown a {
    padding: 0;
    position: relative;
}

    .visible-rightmenu .gnw #barDropdownLeft .main-menu .dropdown a:hover {
        text-decoration: none;
    }

.visible-rightmenu .gnw .menu .main-menu .dropdown-content {
    position: initial;
}

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .mt-5 {
        margin-top: 0 !important;
    }

.visible-rightmenu .gnw .menu .main-menu .dropdown-content {
    background: unset;
}

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content h3 {
        color: #2D1D49;
    }

@media only screen and (max-width : 768px) {
    .visible-rightmenu .gnw .menu .main-menu .dropdown-content h3 {
        margin: 0;
        padding: 0;
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .row {
        margin: 0;
    }

    .visible-rightmenu .gnw #barDropdownLeft .menu-right-close {
        display: table-cell;
    }

        .visible-rightmenu .gnw #barDropdownLeft .menu-right-close > img {
            display: block;
        }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content h3, .visible-rightmenu .gnw .menu .main-menu .dropdown-content .title-level2 {
        font-size: 16px;
        line-height: 22px;
        padding: 0;
        margin-bottom: 1rem
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .row > col-md-3 {
        padding: 0;
    }
}

.gnw .pageLeftSpace.border-line {
    border-left: 1px solid #c5b8ff;
}

@media only screen and (max-width: 575px) {
    .gnw .menu .border-line, .gnw .pageLeftSpace, .gnw .bg-light .borderLeft, .gnw .bg-lilac .borderLeft, .gnw .borderLeft, .gnw .bg-purple .borderLeft, .gnw #generalTextBox .bg-purple .borderOption, .gnw .bg-violet .borderLeft {
        margin-left: 10px;
    }

    .visible-rightmenu .gnw .menu .main-menu .dropdown-content .border-line {
        margin-left: 0;
        border-left: 0;
    }
}

/*=========================================
MODAL
=========================================*/

.gnw .modal .btn-cal-sendemail:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff;
    text-decoration: none;
}

/*=========================================
SEARCH PAGE
=========================================*/

#contentSearch .search-results .box-img {
    border-radius: 12px;
}

#contentSearch .search-results .not-found {
    background: #967dff;
    display: flex;
    flex: 100%;
    justify-items: center;
    min-height: 220px;
    padding: 1rem 2rem;
}

#contentSearch .search-results .lead-text {
    font-weight: bold;
}

#contentSearch .search-results .text-highlight {
    color: #967DFF;
}

/*=========================================
LOADING
=========================================*/
.loading {
    overflow: hidden;
}

#helia_intro {
    background: #2D1D49;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    overflow: hidden;
    display: none;
}

    #helia_intro.show {
        display: block;
    }

    #helia_intro .content {
        width: 100%;
        height: 80vh;
        display: block;
        background: #967DFF;
        text-align: center;
    }

        #helia_intro .content > div {
            width: 100%;
            margin: 0 auto;
        }

    #helia_intro .action {
        height: 20vh;
        display: block;
        text-align: center;
        padding-top: 50px;
    }

        #helia_intro .action > div > label {
            color: rgba(255, 255, 255, 0.65);
            cursor: pointer;
        }

        #helia_intro .action > div > span {
            color: rgba(255, 255, 255, 0.45);
        }

        #helia_intro .action > div > a {
            color: rgba(255, 255, 255, 0.65);
        }

        #helia_intro .action label {
            position: relative;
            padding-left: 30px;
        }

        #helia_intro .action .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #fff;
            border-radius: 5px;
        }

            #helia_intro .action .checkmark:after {
                content: "\f00c";
                font-family: FontAwesome;
                left: 1px;
                position: absolute;
                top: -1px;
                width: 0;
                height: 0;
                border: 0px solid white;
            }

        #helia_intro .action .check_animation {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

            #helia_intro .action .check_animation:checked ~ .checkmark {
                background-color: #967DFF;
            }

                #helia_intro .action .check_animation:checked ~ .checkmark:after {
                    background-color: #967DFF;
                    color: #fff;
                }


.container:hover input ~ .checkmark {
    background-color: #ccc;
}


.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/*=========================================
tabText Block
=========================================*/
#tabsText .nav-tabs-dropdown {
    display: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    #tabsText .nav-tabs-dropdown:before {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        right: 30px;
    }

#tabsText .button-list {
    list-style: none;
}



@media screen and (min-width: 769px) {
    #tabsText #nav-tabs-wrapper {
        display: block !important;
    }
}

@media screen and (max-width: 992px) {
    #tabsText .button-list {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 768px) {
    #tabsText .button-list button {
        white-space: normal;
    }

    #tabsText .nav-tabs-dropdown {
        display: block;
    }

    #tabsText #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }

    #tabsText .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    }

        #tabsText .nav-tabs-horizontal > li {
            float: none;
        }

            #tabsText .nav-tabs-horizontal > li + li {
                margin-left: 2px;
            }

            #tabsText .nav-tabs-horizontal > li,
            #tabsText .nav-tabs-horizontal > li > a {
                background: transparent;
                width: 100%;
            }

                #tabsText .nav-tabs-horizontal > li > a {
                    border-radius: 4px;
                }

                #tabsText .nav-tabs-horizontal > li.active > a,
                #tabsText .nav-tabs-horizontal > li.active > a:hover,
                #tabsText .nav-tabs-horizontal > li.active > a:focus {
                    color: #ffffff;
                    background-color: #428bca;
                }
}



/*=========================================
HOMEPAGE HERO - SECOND SLIDER - ELEMENT & BUTTON
=========================================*/


.gnw .heroEbookButton {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: -60px;
    left: 50px;
    background-color: none;
}

.gnw .heroEbookButtonM {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 320px;
}




.gnw .ebook_element {
    position: absolute;
    left: -47px;
    bottom: 105px;
    width: 1300px;
}


.gnw .lmiMadeEasier_element {
    position: absolute;
    left: 0;
    bottom: 50px;
}

.gnw .women_element {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.gnw .smallDeviceMainHeroLine {
    background: rgba(255, 255, 255, 0.45);
    width: 1px;
    height: 646px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 9999;
    display: block;
}

.gnw .smallHeroBackground {
    background-size: cover;
    width: 100%;
    height: 646px;
}

.gnw .slider1Button {
    position: absolute;
    left: 30px;
    bottom: -580px;
}

.gnw .ebookButton {
    position: absolute;
    left: 30px;
    bottom: -580px;
}


.gnw .lmiMadeEasier_button {
    margin-top: 400px;
}

.gnw .manWithTea_button {
    margin-top: 460px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {


    .gnw .heroEbookButton {
        top: 0px;
        left: 30px;
    }


    .gnw .ebook_element {
        bottom: 60px;
        width: 1100px;
    }

    .gnw .lmiMadeEasier_button {
        margin-top: 300px;
    }

    .gnw .manWithTea_button {
        margin-top: 350px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .gnw .heroEbookButton {
        top: 0px;
        left: 20px;
    }

    .gnw .ebook_element {
        bottom: 140px;
        width: 950px;
    }

    .gnw .lmiMadeEasier_element {
        bottom: 130px;
    }

    .gnw .lmiMadeEasier_button {
        margin-top: 250px;
    }

    .gnw .manWithTea_button {
        margin-top: 280px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1199px) {

    .gnw .heroEbookButton {
        top: 45px;
        left: 5px;
    }

    .gnw .ebook_element {
        bottom: 180px;
        width: 850px;
    }

    .gnw .lmiMadeEasier_element {
        bottom: 200px;
    }

    .gnw .lmiMadeEasier_button {
        margin-top: 200px;
    }

    .gnw .manWithTea_button {
        margin-top: 200px;
    }
}

.gnw .women_button {
    margin-top: 400px;
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {

    .gnw .women_button {
        margin-top: 300px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .gnw .women_element {
        bottom: 130px;
        bottom: 90px;
    }

    .gnw .women_button {
        margin-top: 250px;
        margin-top: 280px;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1199px) {
    .gnw .women_element {
        bottom: 200px;
    }

    .gnw .women_button {
        margin-top: 200px;
    }
}




@media only screen and (min-width: 769px) and (max-width: 997px) {
    .gnw .smallDeviceMainHeroLine {
        height: 646px;
        left: 0px;
    }

    .gnw .smallHeroBackground {
        background-size: cover;
        width: 100%;
        height: 646px;
    }

    .gnw .slider1Button {
        position: absolute;
        left: 30px;
        bottom: -580px;
    }

    .gnw .ebookButton {
        position: absolute;
        left: 20px;
        bottom: -430px;
    }
}

@media only screen and (min-width: 577px) and (max-width : 768px) {
    .gnw .smallDeviceMainHeroLine {
        height: 646px;
        left: 0px;
    }

    .gnw .smallHeroBackground {
        background-size: cover;
        width: 100%;
        height: 646px;
    }

    .gnw .slider1Button {
        position: absolute;
        left: 30px;
        bottom: -580px;
    }

    .gnw .ebookButton {
        position: absolute;
        left: 20px;
        bottom: -430px;
    }
}

@media only screen and (max-width : 576px) {
    .gnw .smallDeviceMainHeroLine {
        height: 684px;
        left: 10px;
    }

    .gnw .smallHeroBackground {
        background-size: cover;
        width: 100%;
        height: 424px;
    }

    .gnw .slider1Button {
        position: absolute;
        left: 30px;
        bottom: -360px;
    }

    .gnw .ebookButton {
        position: absolute;
        left: 20px;
        bottom: -280px;
    }
}


/*=========================================
ADDITIONAL BUTTON
=========================================*/


.gnw .btn-violet-solid-line {
    background: #2D1D49;
    padding: 17px 25px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #2D1D49;
}

.gnw .btn-violet-solid-line:hover {
    background: #fff;
    color: #2D1D49;
    text-decoration: none;
    border: 1px solid #2D1D49;
}

.gnw .btn-violet-solid-line {
    background: #2D1D49;
    padding: 17px 25px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #2D1D49;
}

.gnw .btn-violet-solid-line:hover {
    background: #fff;
    color: #2D1D49;
    text-decoration: none;
    border: 1px solid #2D1D49;
}


.gnw .btn-solid-white-violet,
.btn-solid-white-violet {
    background: #fff;
    padding: 17px 25px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 20px;
    color: #2D1D49;
    border: 1px solid #fff;
}

.gnw .btn-solid-white-violet:hover,
.btn-solid-white-violet:hover{
    background: #2D1D49;
    color: #fff;
    border: 1px solid #2D1D49;
}


.gnw .h3-bullet ul{

}

.gnw .h3-bullet ul li {
    font-size:42px;
    line-height:50px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px){
    .gnw .h3-bullet ul li {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .h3-bullet ul li {
        font-size: 26px;
        line-height: 32px;
    }
}

.gnw .h4-bullet ul {
}

.gnw .h4-bullet ul li {
    font-size: 25px;
    line-height: 31px;
}

@media only screen and (min-width: 1800px) and (max-width: 3000px) {
    .gnw .h4-bullet ul li {
        font-size: 32px;
        line-height: 40px;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1799px) {
    .gnw .h4-bullet ul li {
        font-size: 28px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .h4-bullet ul li {
        font-size: 25px;
        line-height: 31px;
    }
}




/*=========================================
RICH TEXT EDITOR
=========================================*/



.gnw #accordionForms li{
     font-size:22px;
     line-height:32px;
}

@media only screen and (min-width: 769px) and (max-width: 1799px) {

     .gnw #accordionForms li{
          font-size:18px;
          line-height:24px;
     }

}

@media only screen and (max-width : 768px) {
     .gnw #accordionForms li{
          font-size:16px;
          line-height:22px;
     }
    
}



/*=========================================
ADDITIONAL
=========================================*/

.gnw .bg-light .panel-title span,
.gnw .bg-lilac .panel-title span,
.gnw .bg-white .panel-title span{
    color:#2d1d49;
}



/*=========================================
DISPLAY SIZE
=========================================*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets (MD) */
@media only screen and (min-width : 768px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/* Extra-large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
}
/* Extra-large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
}