/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    =======================
    INZ2019 Core Stylesheet
    =======================

    This is the base stylesheet for the INZ2019 styles. This is loaded above all of the component/template-specific INZ2019 stylesheets and is where more
    loosely selected rules should go.

    However, because it is upstream and by design has less narrowly scoped rules in it, any changes to this are likely to impact the styling of other
    components (and at a minimum require re-testing of the other modules).

    Therefore *** ALL CHANGES TO THIS STYLESHEET NEED TO BE COORDINATED WITH THE REST OF THE INZ2019 DEV TEAM *** before they are made.



    ███████╗████████╗ ██████╗ ██████╗ ██╗       ---------------------------------------------------------------------------------------------------------------
    ██╔════╝╚══██╔══╝██╔═══██╗██╔══██╗██║
    ███████╗   ██║   ██║   ██║██████╔╝██║       *** ALL CHANGES TO THIS STYLESHEET NEED TO BE COORDINATED WITH THE REST OF THE INZ2019 DEV TEAM ***
    ╚════██║   ██║   ██║   ██║██╔═══╝ ╚═╝       before they are made.
    ███████║   ██║   ╚██████╔╝██║     ██╗
    ╚══════╝   ╚═╝    ╚═════╝ ╚═╝     ╚═╝       ---------------------------------------------------------------------------------------------------------------


   --------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    Lightbox/Outside Container(wrap):

        Because of the way the lightbox works, there are a couple of layers of container/wrapping outside the main element.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz2019.lightbox_showing > .container_wrap
{
    height: 100vh;
    overflow: hidden;
    scrollbar-gutter: stable;  /* needed because the scrollbar will otherwise disappear on the body element when the dialog is shown, changing the background's layout */
}

.inz2019 > div.container_wrap > div.container
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    Footer Overhang:

        When the footer is not an 'image footer', it overlaps the bottom of the <main> element by: 105px on desktop and 112.5px on tablet/mobile.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
    By default the main element has 135px bottom padding set to push it above the overhanging 'Search for a Visa'.
    Certain content types/templates - eg: Site Homepage - will need to override this, but for the most part, this default padding will give you the necessary clearance from the overhang.
*/
.inz2019 #main
{
    padding-bottom: 135px;
    flex-grow: 1;  /* allow main to extend if the page is shorter than the viewport */
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    INZ Container:

        The .inz_container class provides that standard container dimensions for the various breakpoints. Most templates will feature at least one.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_container
{
    max-width: 1400px;
    width: calc(100% - 240px);
    margin: 0 auto;
}

.inz2019 a:focus, .inz2019 input:focus, .inz2019 [tabindex]:focus, .inz2019 button:focus
{
    outline: 1px dotted #aaa;
}

.inz2019 h4
{
    color: #323849;
}

/* and so it begins... here lies the list of exceptions to the blanket h4 colour change above */
.inz2019 .tooltip_title,
.inz2019 .map_detail_title,
.inz2019 .text__light h4
{
    color: #fff;
}

@media only screen and (max-width: 1639px)   /* LARGE DESKTOP AND smaller */
{
}

@media only screen and (max-width: 1439px)   /* MEDIUM DESKTOP AND smaller */
{
}

@media only screen and (max-width: 1239px)   /* SMALL DESKTOP AND MOBILE AND TABLET */
{
    .inz_container
    {
        width: calc(100% - 225px);
    }
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
}


@media only print
{
    .inz2019 #main
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    .inz_container
    {
        max-width: unset !important;
        width: auto
    }

    .inz2019 > div.container_wrap > div.container
    {
        min-height: unset;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ================================
    INZ2019 Common Layout Stylesheet
    ================================

    This is the stylesheet for the INZ2019 header and associated lightboxes. This is loaded after the original site stylesheets and after the inz2019.css
    core stylesheet.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header2019
{
    background: transparent;
    /*outline: solid green 2px;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /*height: 180px;  -- removed because it blocks the content underneath, and doesn't appear to be needed */
}

.header2019 > .inz_container
{
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
}

.header2019 .inz_header_logo,
.inz_lightbox .inz_header_logo
{
    width: 200px;
    margin-top: 14px;
}

.header2019 .header_buttons
{
    display: flex;
    position: relative;
}

.header2019 .header_button
{
    height: 60px;
    width: 60px;
    border: none;
    margin: 0;
}

.header2019 #header_login
{
    width: 90px;
    text-transform: uppercase;
    color: #323849;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 14px;
    background: #fff;
}

.header2019 #header_login img
{
    display: none;
}

.header2019.dark_header #header_login,
.header2019.dark_header_with_gradient #header_login
{
    background: #e6e6e6;
}

.header2019 #header_search
{
    /*background: rgba(50, 56, 73, .9);*/
    background: #242832e6;
}

/*  Restricted to the Site Homepage as per IRT-17 */
body.homepage2019 .header2019.light_header #header_search,
body.homepage2019 .header2019.light_header_with_gradient #header_search
{
    background: rgba(50, 56, 73, .4);
}


.header2019 #header_search:last-child
{
    margin-right: 60px;
}

.header2019 #header_menu
{
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
}

.header2019 #header_menu > img
{
    width: 100%;
}

#header_menu_lightbox .close_lightbox
{
    margin-left: auto;
}

.inz_lightbox
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
    z-index: 500;
    background: rgba(30, 34, 44, 0.98);
}

.inz_lightbox > header
{
    margin: 0 auto 112.5px;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
}

.inz_lightbox .close_lightbox
{
    width: 60px;
    height: 60px;
    padding: 0;
    background: none;
    border: none;
}

.inz_lightbox .close_button_with_text
{
    display: inline;
}

.inz_lightbox .close_button_sans_text
{
    display: none;
}

#header_search_lightbox .close_lightbox
{
    margin-right: 60px;
}

.inz_lightbox > .lightbox_body
{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.inz_lightbox > .lightbox_body h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 0 0 .666667em;
}

.inz_lightbox > .lightbox_body h2
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 22px;
    line-height: 1.14;
    color: #fff;
    margin: 0 0 3.181818em;
}

#header_search_lightbox .lightbox_body > div
{
    display: flex;
    width: 62.5%;
    gap: 2px;
}

#header_search_lightbox .lightbox_body > div > input
{
    margin: 0;
    font-size: 16px;
    border: solid 1px #373d4f;
}

#header_search_lightbox .lightbox_body > div > button
{
    margin: 0;
    height: 50px;
    border: solid 1px transparent;
}

#header_search_lightbox .lightbox_body > div > input:focus,
#header_search_lightbox .lightbox_body > div > button:focus
{
    border-color: #888;
    outline: none;
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    #header_search_lightbox .lightbox_body > div
    {
        width: 100%;
        flex-direction: column;
    }
}


#header_login_lightbox
{
    flex-direction: column;
}

#header_login_lightbox h2 a,
#header_login_lightbox p a,
#header_login_lightbox a.realme_glossary_tip
{
    color: #fff;
    border-bottom: dotted 1px;
}

#header_login_lightbox .close_lightbox
{
    margin-right: 135px;
}

#header_login_lightbox .lightbox_body h1
{
    margin-bottom: 0.933333em;
}

#header_login_lightbox .lightbox_body h2
{
    font-family: fira-book, arial, sans-serif;
    font-size: 16px;
    line-height: 1.56;
    margin-bottom: 4.375em;
}

#header_login_lightbox .service_category
{
    margin-bottom: 50px;
    width: 100%;
}

#header_login_lightbox .service_category:last-child
{
    margin-bottom: 60px;
}

#header_login_lightbox .service_category h1
{
    text-align: center;
    margin-bottom: .5em;
}

#header_login_lightbox .services
{
    columns: 3;
    column-gap: 0;
    column-rule: solid 1px rgba(91, 96, 109, .5);
    border-top: solid 1px rgb(91, 96, 109);
}

#header_login_lightbox .services button
{
    display: block;
    width: 100%;
    background: transparent;
    color: #fff;
    text-align: left;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.18;
    padding: 25px 20px;
    border: none;
    border-bottom: solid 1px rgba(91, 96, 109, .5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#header_login_lightbox button.service_selector.selected
{
    background: #c01353;
}

#header_login_lightbox button.service_selector:hover
{
    background: #db2a5f;
}

#header_login_lightbox .login_details
{
    display: none;
    background: #171822;
    flex-grow: 1;
    padding-bottom: 4em;
}

#header_login_lightbox article.service_detail
{
    display: none;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
}

#header_login_lightbox article.service_detail h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 1.666667em 0 1em;
}

#header_login_lightbox article.service_detail p
{
    font-family: fira-book, arial, sans-serif;
    font-size: 16px;
    line-height: 1.56;
    color: #fff;
    margin: 0 0 2.1875em;
}

#header_login_lightbox article.service_detail .btn__login.online_services_login
{
    width: 430px;
}

#header_login_lightbox article.service_detail .online_services_login
{
    background: #dc2a5f;
    border-width: 0;
}

#header_login_lightbox article.service_detail .online_services_login:hover,
#header_login_lightbox article.service_detail .online_services_login:focus
{
    background: #c01353;
}

#header_login_lightbox article.service_detail .online_services_login::before
{
    display: none;
}

#header_login_lightbox article.service_detail .realme_glossary_tip
{
    display: inline-block;
    color: #fcfdff;
    font-size: 16px;
    font-family: fira-regular, arial, sans-serif;
    line-height: 1.15;
    margin: 1.1em auto 1.25em;
    text-align: center;
}

#header_login_lightbox article.service_detail .realme_glossary_tip:hover,
#header_login_lightbox article.service_detail .realme_glossary_tip:focus
{
    opacity: .8;
}

#header_login_lightbox article.service_detail .header_login_content select,
#header_login_lightbox article.service_detail .header_login_content .select2-container
{
    width: 50% !important;
}

#header_login_lightbox article.service_detail .login_lightbox_radio_buttons
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#header_login_lightbox article.service_detail .login_lightbox_radio_buttons.fixed_width
{
    justify-content: flex-start;
}

#header_login_lightbox article.service_detail .login_lightbox_radio_buttons > div
{
    max-width: 25%;
    margin: 0 0 3em;
}

#header_login_lightbox article.service_detail .login_lightbox_radio_buttons.fixed_width > div
{
    width: 25%;
}

#header_login_lightbox article.service_detail .login_lightbox_radio_buttons label
{
    text-align: left;
    padding-left: 30px;
    color: #fff;
}

#header_login_lightbox .select2-container
{
    text-align: left;
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    #header_login_lightbox article.service_detail .login_lightbox_radio_buttons > div
    {
        max-width: 50%;
    }

    #header_login_lightbox article.service_detail .login_lightbox_radio_buttons.fixed_width > div
    {
        width: 50%;
    }
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .header2019 > .inz_container,
    .inz2019 .inz_container
    {
        width: 90%;
    }

    .header2019 .inz_header_logo
    {
        width: 163px;
        margin-top: 7px;
    }

    .header2019 .header_button,
    .header2019 #header_login
    {
        width: 53px;
        height: 53px;
    }

    .header2019 #header_login img
    {
        display: inline;
    }

    .header2019 #header_login span
    {
        display: none;
    }

    .header2019 #header_search:last-child
    {
        margin-right: 53px;
    }

    .inz_lightbox > .lightbox_body,
    #header_login_lightbox article.service_detail
    {
        width: 78.125%;
    }

    .inz_lightbox > header
    {
        margin: 0 auto 185px;
    }

    .inz_lightbox > header > a:first-child
    {
        visibility: hidden;
    }

    .inz_lightbox .close_button_with_text
    {
        display: none;
    }

    .inz_lightbox .close_button_sans_text
    {
        display: inline;
        max-width: none;
    }

    .inz_lightbox .close_lightbox
    {
        width: 53px;
        height: 53px;
    }

    #header_search_lightbox .close_lightbox
    {
        margin-right: 53px;
    }

    #header_search_lightbox > header
    {
        margin-bottom: 187.5px;
    }

    #header_search_lightbox > .lightbox_body > input
    {
        width: 85%;
    }

    .inz_lightbox > .lightbox_body h1
    {
        font-size: 25px;
        line-height: 1.2;
        padding: 0;
    }

    .inz_lightbox > .lightbox_body h2
    {
        font-size: 20px;
        line-height: 1.25;
        padding: 0;
    }

    #header_login_lightbox > header
    {
        margin-bottom: 67.5px;
    }

    #header_login_lightbox .close_lightbox
    {
        margin-right: 105px;
    }

    #header_login_lightbox > .lightbox_body h1
    {
        margin-bottom: 25px;
    }

    #header_login_lightbox .lightbox_body h2
    {
        font-size: 12px;
        line-height: 1.67;
        margin-bottom: 70px;
    }

    #header_login_lightbox .service_category
    {
        margin-bottom: 70px;
    }

    #header_login_lightbox .services
    {
        columns: 2;
    }

    #header_login_lightbox .services button
    {
        font-size: 14px;
        line-height: 1.43;
        padding: 20px;
    }

    #header_login_lightbox article.service_detail h1
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        margin-top: 2em;
        margin-bottom: .8em;
        padding: 0;
    }

    #header_login_lightbox article.service_detail p
    {
        font-size: 12px;
        line-height: 1.67;
        margin-bottom: 2.5em;
    }

    #header_login_lightbox article.service_detail .realme_glossary_tip
    {
        font-size: 12px;
    }

}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .header2019 .inz_header_logo
    {
        width: 118px;
        margin-top: 6px;
    }

    .header2019 .header_button,
    .header2019 #header_login
    {
        width: 43px;
        height: 43px;
    }

    .header2019 #header_search:last-child
    {
        margin-right: 43px;
    }

    .inz_lightbox .close_lightbox
    {
        width: 43px;
        height: 43px;
    }

    #header_search_lightbox .close_lightbox
    {
        margin-right: 43px;
    }

    .inz_lightbox > .lightbox_body,
    #header_login_lightbox article.service_detail
    {
        width: 90%;
    }

    .inz_lightbox > .lightbox_body h1
    {
        font-size: 20px;
        line-height: 1.25;
    }

    .inz_lightbox > .lightbox_body h2
    {
        font-size: 16px;
        line-height: 1.38;
        padding: 0;
        text-align: center;
    }

    #header_search_lightbox > header
    {
        margin-bottom: 57.5px;
    }

    #header_search_lightbox > .lightbox_body > input
    {
        width: 90%;
        font-size: 13px;
        line-height: 1.92;
    }

    #header_login_lightbox > header
    {
        margin-bottom: 17.5px;
    }

    #header_login_lightbox .close_lightbox
    {
        margin-right: 86px;
    }

    #header_login_lightbox .lightbox_body h1
    {
        margin-bottom: 1em;
    }

    #header_login_lightbox .lightbox_body h2
    {
        margin-bottom: 50px;
    }

    #header_login_lightbox .service_category
    {
        margin-bottom: 50px;
    }

    #header_login_lightbox .service_category:last-child
    {
        margin-bottom: 50px;
    }

    #header_login_lightbox .services
    {
        columns: 1;
    }

    #header_login_lightbox .services button
    {
        font-size: 12px;
        line-height: 1.25;
        padding: 15px 20px;
    }

    #header_login_lightbox article.service_detail h1
    {
        font-size: 20px;
        line-height: 1.25;
        letter-spacing: normal;
        margin-top: 2.5em;
        margin-bottom: 1em;
        padding: 0;
    }

    /*
    #header_login_lightbox article.service_detail p
    {
        margin-bottom: 10px;
    }
    */
    /*
    #header_login_lightbox article.service_detail .btn__login
    {
        width: calc(100% - 70px);
        padding-right: 32px;
    }
    */
    #header_login_lightbox article.service_detail .btn__login.online_services_login::before
    {
        top: calc(50% - 6.5px);
    }

    #header_login_lightbox article.service_detail .btn__login.online_services_login
    {
        width: auto;
        padding-right: 14px;
        margin: auto;
    }

    #header_login_lightbox article.service_detail .realme_glossary_tip
    {
        margin: 15px auto 10px;
    }

    #header_login_lightbox article.service_detail .login_lightbox_radio_buttons > div
    {
        max-width: 100%;
    }

    #header_login_lightbox article.service_detail .login_lightbox_radio_buttons.fixed_width > div
    {
        width: 100%;
    }

    #header_login_lightbox article.service_detail .header_login_content select,
    #header_login_lightbox article.service_detail .header_login_content .select2-container
    {
        width: 100% !important;
    }

}

@media only print                      /* PRINT styles */
{
    .header2019
    {
        position: static;
    }

    .inz_header_logo[src$="inz_header_logo_light.svg"]
    {
        mix-blend-mode: difference;
    }

}

body.template-payment-online-form .header2019
{
    background: white;
    position: relative;
}

@media only screen and (min-width: 66em)
{
    body.template-payment-online-form .header2019 h1
    {
        font-size: 50px;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Footer
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */


.inz2019 #footer_image
{
    height: 450px;
    background-size: cover;
    background-position: center;
    margin-top: -135px; /* pull us back up by the amount of the bottom padding on the <main> element */
}

.inz2019 .footer
{
    margin-top: -105px; /* pull us back up above the page content */
    /*z-index: 20; i don't think this is needed any more, and specifying z-index > 11 creates issues with select2 dropdowns */
    background: none;
    border: none;
}

.inz2019 .footer .footer_visa_search
{
    background: linear-gradient(to top, rgba(30, 34, 44, 1) 0%, rgba(30, 34, 44, 1) 50%, rgba(30, 34, 44, 0) 50%);
    /*outline: solid 2px red;*/
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box
{
    max-width: 800px;
    padding: 40px 50px;
    margin: 0 auto;
    background: #f2f2f2;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 210px;
    justify-content: space-between;
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box h1
{
    font-family: "gustan-extrabold", "arial", sans-serif;
    font-size: 22px;
    line-height: 1.14;
    letter-spacing: normal; /* overriding rule from production.css */
    color: #323849;
    margin: 0;
    padding: 0;
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box p
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.1;
    color: #323849;
    margin: 0;
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box .search_widget_wrap
{
    padding: 0 125px;
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box .search_widget_wrap .select2-container--light .select2-search--inline::after
{
    color: #323849;
}

.inz2019 .footer .footer_visa_search .footer_visa_search_box .select2-results__option
{
    text-align: left;
}

.inz2019 .footer_links
{
    background: #1e222c;
}

.inz2019 .footer_links a
{
    border-bottom: solid 1px transparent;
}

.inz2019 .footer_links a:hover
{
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}

.inz2019 .footer_links .footer_primary_links
{
    display: flex;
    flex-wrap: wrap;
    padding: calc(7.2em - 9px) 0 3.5em;
}

.inz2019 .footer_links .footer_primary_links a
{
    font-family: "gustan-extrabold", "arial", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #fff;
    margin-top: 9px;
    margin-right: calc(100% / 17.5);
    white-space: nowrap;
}

.inz2019 .footer_links .footer_secondary_links
{
    padding: 2.5em 0 3em;
}

.inz2019 .footer_links .footer_primary_links + .footer_secondary_links
{
    border-top: solid 1px #313848;
}

.inz2019 .footer_links .footer_secondary_links li
{
    font-family: "gustan-medium", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-size: 13px;
    line-height: 2.31;
    letter-spacing: 0.33px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
}

.inz2019 .footer_links .footer_secondary_links li::after
{
    content: '|';
    margin: 0 30px;
}

.inz2019 .footer_links .footer_secondary_links li:last-child::after
{
    content: none;
}

.inz2019 .footer_links .footer_secondary_links li a
{
    color: #fff;
}

.inz2019 .footer_logos,
.inz2019 .footer_bottom
{
    background: #000;
}

.inz2019 .footer_logos > .inz_container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.5em 0;
}

.inz2019 .footer_logos img
{
    width: 265px;
    vertical-align: middle;
}

.inz2019 .footer_logos a
{
    opacity: .8;
    transition: opacity .2s ease-out;
}

.inz2019 .footer_logos a:hover
{
    opacity: 1;
}

.inz2019 .footer_logos .compound_logos
{
    display: flex;
    align-items: center;
}

.inz2019 .footer_logos #shielded-logo
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 3em;
}

.inz2019 .footer_bottom
{
    font-family: "fira-medium", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-size: 13px;
    color: #d2d2d2;
    text-transform: uppercase;
    padding-bottom: 3em;
}

.inz2019 .footer_bottom > .inz_container
{
    display: flex;
    justify-content: space-between;
}

.inz2019 .footer_bottom a
{
    margin-right: 1.6em;
    color: #fff;
    border-bottom: solid 1px transparent;
    opacity: .8;
    white-space: nowrap;
}

.inz2019 .footer_bottom a:hover
{
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.inz2019 .footer_bottom .footer_tertiary_links
{
    display: flex;
    flex-wrap: wrap;
}

.inz2019 .footer_bottom .footer_copyright
{
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 2em;
    color: #d2d2d2;
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .inz2019 #footer_image
    {
        height: 350px;
    }

    .inz2019 .footer
    {
        margin-top: -112.5px;
    }

    .inz2019 .footer > div > .inz_container
    {
        width: 100%;
    }

    .inz2019 .footer .footer_visa_search .footer_visa_search_box
    {
        width: 80%;
        height: 225px;
        padding: 40px 100px;
    }

    .inz2019 .footer .footer_visa_search .footer_visa_search_box h1
    {
        font-size: 20px;
        line-height: 1.25;
    }

    .inz2019 .footer .footer_visa_search .footer_visa_search_box p,
    .inz2019 .footer .footer_visa_search .footer_visa_search_box .search_widget_wrap .select2-search--inline .select2-search__field
    {
        font-size: 13px;
        line-height: 1.54;
    }

    .inz2019 .footer .footer_visa_search .footer_visa_search_box .search_widget_wrap
    {
        padding: 0 16px;
    }

    .inz2019 .footer_links .footer_primary_links
    {
        flex-direction: column;
        padding: 3.9em 0 0;
    }

    .inz2019 .footer_links .footer_primary_links a
    {
        font-size: 16px;
        line-height: 1.56;
        margin-right: 0;
        margin-top: 0;
        padding: .44em 5% .52em;
        border-bottom: solid 1px #313848;
    }

    .inz2019 .footer_links .footer_secondary_links li
    {
        display: block;
        line-height: 1.38;
        padding: 0 5%;
    }

    .inz2019 .footer_links .footer_secondary_links li::after
    {
        content: none;
    }

    .inz2019 .footer_links .footer_secondary_links li a
    {
        padding: .5em 0;
        display: inline-block;
    }

    .inz2019 .footer_logos > .inz_container
    {
        padding: 3.5em 5%;
    }

    .inz2019 .footer_bottom > .inz_container
    {
        padding: 0 5%;
    }
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .inz2019 #footer_image
    {
        height: 380px;
    }

    .inz2019 .footer .footer_visa_search .footer_visa_search_box
    {
        width: 90%;
        padding: 20px 24px 25px;
    }

    .inz2019 .footer_logos > .inz_container
    {
        flex-direction: column;
        align-items: flex-start;
        padding: 3.5em 5%;
    }

    .inz2019 .footer_logos > .inz_container > *:first-child
    {
        margin-bottom: 3em;
    }

    .inz2019 .footer_logos img
    {
        width: 185px;
    }

    .inz2019 .footer_logos #shielded-logo
    {
        width: 35px;
        height: 35px;
    }

    .inz2019 .footer_bottom .footer_tertiary_links,
    .inz2019 .footer_bottom > .inz_container
    {
        flex-direction: column;
    }

    .inz2019 .footer_bottom .footer_copyright
    {
        margin-left: 0;
        margin-top: 3.5em;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ================================
    INZ2019 Common Layout Stylesheet
    ================================

    This is the stylesheet for the INZ2019 Common Layout styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Specifically, this stylesheet contains rules for elements that are common to the more generic content types - the breadcrumbs, standard generic content
    header, left-hand navigation, etc.

    Any changes to this stylesheet have the potential to affect a variety of content types, and as such, must be discussed and coordinated with the wider team.



    ███████╗████████╗ ██████╗ ██████╗ ██╗       ---------------------------------------------------------------------------------------------------------------
    ██╔════╝╚══██╔══╝██╔═══██╗██╔══██╗██║
    ███████╗   ██║   ██║   ██║██████╔╝██║       *** ALL CHANGES TO THIS STYLESHEET NEED TO BE COORDINATED WITH THE REST OF THE INZ2019 DEV TEAM ***
    ╚════██║   ██║   ██║   ██║██╔═══╝ ╚═╝       before they are made.
    ███████║   ██║   ╚██████╔╝██║     ██╗
    ╚══════╝   ╚═╝    ╚═════╝ ╚═╝     ╚═╝       ---------------------------------------------------------------------------------------------------------------


   --------------------------------------------------------------------------------------------------------------------------------------------------------- */


.inz_page_header
{
    background: #eee;
    padding-top: 135px;
    padding-bottom: 100px;
    /*margin-top: -180px;*/
    margin-bottom: 100px;
    text-align: center;
}

.inz_page_header.inz_page_header_no_nav
{
    background: transparent;
}

nav.inz_breadcrumbs
{
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

nav.inz_breadcrumbs ul
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.inz_breadcrumbs li
{
    display: flex;
    align-items: center;
    font-family: gustan-book, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #5b606d;
    text-transform: none;
}

nav.inz_breadcrumbs li::after
{
    content: '/';
    display: inline-block;
    width: 1.666667em;
    text-align: center;
}

nav.inz_breadcrumbs li:last-child::after
{
    display: none;
}

nav.inz_breadcrumbs a
{
    color: #323849;
    text-decoration: none;
    transition: all .1s ease-out;
}

nav.inz_breadcrumbs a.site_nav_root
{
    background: url("https://www.immigration.govt.nz/++resource++inz.static.54/icons/home.svg");
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover;
}

nav.inz_breadcrumbs a:hover, nav.inz_breadcrumbs a:focus
{
    text-decoration: underline;
}

header.inz_page_header h1
{
    max-width: 700px;
    margin: 0 auto 15px;
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 50px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #323849;
}

header.inz_page_header h2
{
    max-width: 700px;
    margin: 0 auto 15px;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 35px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.7px;
    color: #323849;
}

header.inz_page_header h3
{
    max-width: 700px;
    margin: 0 auto 15px;
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #323849;
}

header.inz_page_header p.page_intro
{
    max-width: 800px;
    margin: 30px auto 0;
    font-family: fira-lightitalic, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal; /* we have to specify 'normal' even though the desired outcome is italicised text, because of the way DNA have registered the font. Downside is that the fallback fonts (if used) will not be italicised. */
    line-height: 1.67;
    letter-spacing: normal;
    color: #323849;
}

header.inz_page_header.header_text_light nav.inz_breadcrumbs li
{
    color: #ffffffb3;
}

header.inz_page_header.header_text_light nav.inz_breadcrumbs a,
header.inz_page_header.header_text_light h1,
header.inz_page_header.header_text_light h2,
header.inz_page_header.header_text_light h3,
header.inz_page_header.header_text_light p.page_intro
{
    color: #fff;
}

header.inz_page_header.header_text_light nav.inz_breadcrumbs a.site_nav_root
{
    filter: invert() brightness(200%);
}

.inz_page_body
{
    display: flex;
    align-items: start; /* don't stretch the columns to be equal vertically, otherwise the left hand nav is liable to end up the full height of the page! */
    position: relative;
    margin-bottom: 100px; /* there shouldn't be anything else between the inz_page_body and the bottom of the <main> element, so add this margin to ensure we're always clear of the footer overhang */
    justify-content: center; /* centre the layout horizontally so that it doesn't end up lop-sided when the columns start overflowing */
}

#main > .inz_page_body:first-child
{
    padding-top: 135px;
}

.inz_page_body.inz_page_body_dark h1,
.inz_page_body.inz_page_body_dark h2,
.inz_page_body.inz_page_body_dark h3,
.inz_page_body.inz_page_body_dark p
{
    color: #fff;
}

.inz_main_column
{
    width: 800px;
    margin: 0 auto;
}

.left_hand_nav + .inz_main_column
{
    width: 800px;
    margin: 0 70px 0 0; /* added 70px right margin to balance left margin+padding on left_hand_nav */
}

.inz_main_column_650
{
    width: 650px;
    margin: 0 auto;
}

.left_hand_nav + .inz_main_column_650
{
    width: 650px;
    margin: 0;
}

.inz_main_column_1080
{
    width: 1080px;
    margin: 0 auto;
}

.inz2019 .dock
{
    z-index: 80;
}

body.inz2019 .termination .banner .banner_title
{
    margin-top: 0;
}

#bottom_right_overlays
{
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 50;
    text-align: right;
    /*outline: solid 4px red;  // useful for testing that we're not unnecessarily blocking elements with lower z-index */
}


#back_to_top
{
    display: none;  /* set to inline-block by javascript if required because display can be transitioned */
    width: 60px;
    height: 60px;
    padding: 0;
    margin-bottom: 24px;
    margin-right: 30px;
    border: none;
    background: no-repeat url('https://www.immigration.govt.nz/++resource++inz.site/images/chevron-medium.svg') center/24px #323849e6;
    color: #fff;
    border-radius: 50%;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.25);  /* offset values switched from spec values of "0 2px" because of rotation */
    transform: rotate(270deg);
    backdrop-filter: blur(10px);
}

#back_to_top:last-child
{
    margin-bottom: 0;
}

#back_to_top.with_transition
{
    transition: margin-left .25s ease-in-out;
}

#back_to_top:hover,
#back_to_top:focus
{
    background-color: #323849;
}

#back_to_top:active
{
    background-color: #282d3a;
}

#back_to_top.hidden
{
    margin-left: 100%;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    #main > .inz_page_body:first-child
    {
        padding-top: 100px;
    }

    header.inz_page_header
    {
        padding-top: 100px;
        padding-bottom: 70px;
        margin-bottom: 70px;
    }

    body.folder_overview_2019 header.inz_page_header.inz_page_header_no_nav
    {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    header.inz_page_header .header_content
    {
        width: 600px;
        margin: 0 auto;
    }

    header.inz_page_header.inz_image_header .header_content
    {
        width: 700px;
        padding: 45px 50px 70px;
    }

    header.inz_page_header nav.inz_breadcrumbs
    {
        /*display: none;*/
    }

    header.inz_page_header nav.inz_breadcrumbs li
    {
        font-size: 11px;
        line-height: 14px;
    }

    header.inz_page_header h1
    {
        padding-top: 0;
        font-size: 45px;
        line-height: 1.22;
        letter-spacing: -1px;
    }

    /*
    header.inz_page_header h2, header.inz_page_header h3
    {
        display: none;
    }
    */
    header.inz_page_header h2
    {
        font-size: 25px;
    }

    header.inz_page_header h3
    {
        font-size: 22px;
    }

    header.inz_page_header p.page_intro
    {
        font-size: 14px;
        line-height: 1.43;
    }

    .left_hand_nav + .inz_main_column
    {
        width: 600px;
    }
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    .inz_page_body
    {
        width: 600px;
        margin: 0 auto 100px;
    }

    .inz_main_column
    {
        width: 600px;
        margin: 0 auto;
    }

    .left_hand_nav + .inz_main_column
    {
        width: 600px;
        margin: 0 auto;
    }

    .inz_main_column > :first-child
    {
        margin-top: 0;
    }

    body.inz2019 .termination .banner .banner_title
    {
        font-size: 24px;
        line-height: 37px;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    body.folder_overview_2019 header.inz_page_header.inz_page_header_no_nav
    {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    #main .inz_page_body:first-child
    {
        padding-top: 90px;
    }

    header.inz_page_header .header_content
    {
        width: 90%;
    }

    header.inz_page_header.inz_image_header .header_content
    {
        padding: 30px 16px 50px;
    }

    header.inz_page_header
    {
        padding-top: 90px;
        padding-bottom: 50px;
        margin-bottom: 35px;
    }

    header.inz_page_header h1
    {
        font-size: 30px;
        line-height: 1.33;
        margin-bottom: 20px;
    }

    header.inz_page_header h2
    {
        font-size: 20px;
    }

    header.inz_page_header h3
    {
        font-size: 16px;
    }

    header.inz_page_header p.page_intro
    {
        margin-top: 20px;
        font-size: 13px;
        line-height: 1.54;
    }

    .inz_main_column,
    .left_hand_nav + .inz_main_column
    {
        width: 100%;
    }

    body.inz2019 .termination .banner .banner_title
    {
        font-size: 16px;
        line-height: 1.5625em;
    }

    #back_to_top
    {
        width: 40px;
        height: 40px;
        margin-right: 9px;
        margin-bottom: 20px;
        background-size: 16px;
    }
}

@media only print                      /* PRINT styles */
{
    .inz_page_header
    {
        padding: 0 !important;
    }

    nav.inz_breadcrumbs
    {
        display: none;
    }

    #bottom_right_overlays
    {
        display: none;
    }
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Fonts
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_font_article_heading
{
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.39;
    color: #0e7ac3;
}

.inz_font_article_sub
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
}

.inz_font_article_desc
{
    font-family: fira-book, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.56;
    color: #323849;
}

.inz_font_link_arrow:after
{
    width: 30px;
    font-family: glyphs;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f108";
    font-size: 1.2em;
}


@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .inz_font_article_desc
    {
        font-size: 12px;
        line-height: 1.67;
    }
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Content Widgets

    NOTE: These are initially just being applied to the current site Page Generic and Folder Overview items. When the 2019 phase 3 rollout takes place
          they will also be applied to the new generic content items.


    Content styles fall into two general categories:

    -   rules to be applied to generic elements (eg: li or p)
    -   rules to be applied to INZ-specific elements (eg: .inz_note)

    Rules for the latter can be always applied as the selecting class should be unique to the widget in question.
    Rules for the former need to be guarded by a higher-level selector. In INZ2 the selector is typically .content and .dock_content. For INZ2019 the selector is .inz_content and .dock_content. TODO: confirm do we need to have .inz_dock_content?


    NOTE: Where possible, the goal for the INZ2019 project is to remove any dependencies on the styles from the original INZ2 stylesheets -- eg: production.*.css

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Image Header styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

header.inz_image_header
{
    min-height: 75vh; /* zeplin has 990px but limiting it to 75% of screen height because of issues on shorter screens (see IRT-137) */
    display: flex;
    align-items: flex-end;
    align-content: baseline;
    padding-bottom: 0;
}

header.inz_image_header .header_content
{
    max-width: 1200px;
    background: rgba(242, 242, 242, 0.97);
    padding: 60px 0 90px;
    color: #1e222c;
}

header.inz_image_header.colour_theme_blue .header_content
{
    background: rgba(10, 113, 183, 0.95);
    color: #fff;
}

header.inz_image_header.colour_theme_purple .header_content
{
    background: rgba(105, 87, 156, 0.97);
    color: #fff;
}

header.inz_image_header.colour_theme_cyan .header_content
{
    background: rgba(0, 177, 227, 0.97);
    color: #1e222c;
}

header.inz_image_header.colour_theme_green .header_content
{
    background: rgba(32, 169, 104, 0.97);
    color: #1e222c;
}


header.inz_image_header nav.inz_breadcrumbs li,
header.inz_image_header nav.inz_breadcrumbs li a,
header.inz_image_header h1, header.inz_image_header h2, header.inz_image_header h3,
header.inz_image_header p.page_intro
{
    color: #1e222c;
}

header.inz_image_header.colour_theme_blue nav.inz_breadcrumbs li,
header.inz_image_header.colour_theme_blue nav.inz_breadcrumbs li a,
header.inz_image_header.colour_theme_blue h1,
header.inz_image_header.colour_theme_blue h2,
header.inz_image_header.colour_theme_blue h3,
header.inz_image_header.colour_theme_blue p.page_intro,
header.inz_image_header.colour_theme_purple nav.inz_breadcrumbs li,
header.inz_image_header.colour_theme_purple nav.inz_breadcrumbs li a,
header.inz_image_header.colour_theme_purple h1,
header.inz_image_header.colour_theme_purple h2,
header.inz_image_header.colour_theme_purple h3,
header.inz_image_header.colour_theme_purple p.page_intro
{
    color: #fff;
}

header.inz_image_header.colour_theme_blue nav.inz_breadcrumbs li a.site_nav_root,
header.inz_image_header.colour_theme_purple nav.inz_breadcrumbs li a.site_nav_root
{
    filter: invert() brightness(200%);
}


/*
header.inz_image_header nav.inz_breadcrumbs li,
header.inz_image_header nav.inz_breadcrumbs li a,
header.inz_image_header h1, header.inz_image_header h2,
header.inz_image_header p.page_intro
{
    color: #fff;
}

header.inz_image_header.colour_theme_cyan nav.inz_breadcrumbs li,
header.inz_image_header.colour_theme_cyan nav.inz_breadcrumbs li a,
header.inz_image_header.colour_theme_cyan h1, header.inz_image_header h2,
header.inz_image_header.colour_theme_cyan p.page_intro,
header.inz_image_header.colour_theme_green nav.inz_breadcrumbs li,
header.inz_image_header.colour_theme_green nav.inz_breadcrumbs li a,
header.inz_image_header.colour_theme_green h1, header.inz_image_header h2,
header.inz_image_header.colour_theme_green p.page_intro
{
    color: #1e222c;
}
*/


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Image widgets
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_image
{
    margin-top: 70px;
    margin-bottom: 70px;
}

.inz_image.inz_image_full_width
{
    /*
    margin-left: calc(-1 * (100vw - 100%) / 2);
    margin-right: calc(-1 * (100vw - 100%) / 2);
    */
    background: #f2f2f2;
    width: 100vw;
}

section.dock .inz_image.inz_image_full_width
{
    width: auto;
}

.left_hand_nav + .inz_main_column .inz_image.inz_image_full_width
{
    /* nah - the layout doesn't allow for this sort of thing - have had to use js to set the margins here instead */
}

.inz_image.inz_image_full_width.inz_image_dark
{
    background: #323849;
    color: #fff;
}

.inz_image.inz_image_full_width .inz_image_container
{
    display: flex;
    margin: 0 auto;
    max-width: 1560px;
    flex-direction: column;
}

.inz_image.inz_image_full_width .image_outer_wrapper
{
    position: relative;
    flex-shrink: 0;
    flex-grow: 1;
}

.inz_image.inz_image_full_width .inz_image_container img
{
    width: 100%;
}

.inz_image.inz_image_full_width .inz_image_caption
{
    /*padding: 50px 120px 50px 50px;*/
    width: 30%; /*25%; 420px;*/
    flex-grow: 0;
    flex-shrink: 0;
}

.inz_image.inz_image_full_width .inz_image_caption > div
{
    padding: 50px 25% 50px 12.5%;
}

.inz_image.inz_image_full_width .image_caption_title,
.inz_image.inz_image_full_width .image_caption_text,
.inz_image.inz_image_full_width .image_caption_link
{
    color: #323849;
}

.inz_image.inz_image_full_width.inz_image_dark .image_caption_title,
.inz_image.inz_image_full_width.inz_image_dark .image_caption_text,
.inz_image.inz_image_full_width.inz_image_dark .image_caption_link
{
    color: #f3f3f3;
}

.inz_image.inz_image_full_width .inz_image_caption > div > :last-child
{
    margin-bottom: 0;
}


.inz_image_with_associated_content > .inz_image_container
{
    display: flex;
}

.inz_image_with_associated_content .inz_image_associated_content
{
    width: 66.6667%;
    flex-grow: 0;
    flex-shrink: 0;
}

.inz_main_column .inz_image.inz_image_with_associated_content
{
    margin-left: -50%; /* by default, we pull the left margin */
}

.inz_image.inz_image_with_associated_content .image_outer_wrapper
{
    width: calc(33.333% - 2em);
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 2em;
    background: none;
    position: relative;
}

.inz_image_with_associated_content .image_wrapper
{
    margin-left: auto;
    max-width: 330px;
}


.inz_image.inz_image_with_associated_content img
{
    width: 100%;
}

.inz_image_with_associated_content figcaption > :first-child
{
    margin-top: 0;
}


@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    .inz_main_column .inz_image.inz_image_with_associated_content
    {
        margin-left: 0; /* on medium desktop or smaller we don't pull the margin... */
    }

    .inz_image_with_associated_content .image_wrapper
    {
        max-width: 250px;
    }

    .left_hand_nav + .inz_main_column .inz_image.inz_image_with_associated_content
    {
        margin-left: -50%; /* ... except when there is a left hand nav, when we do pull the margin after all */
    }

    .inz_image_with_associated_content .inz_image_associated_content
    {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 1239px)   /* SMALL DESKTOP AND MOBILE AND TABLET */
{
    .inz_image_with_associated_content .image_wrapper
    {
        max-width: 220px;
    }
}


@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .inz_image.inz_image_full_width
    {
        width: auto;
    }

    .inz_image.inz_image_full_width .inz_image_container
    {
        flex-direction: column;
    }

    .inz_image.inz_image_full_width .inz_image_caption
    {
        width: 100%;
    }

    .inz_image.inz_image_full_width .inz_image_caption > div
    {
        padding: 20px 50px;
    }

    .inz_image_with_associated_content .image_wrapper
    {
        max-width: none;
    }

    .left_hand_nav + .inz_main_column .inz_image.inz_image_with_associated_content
    {
        margin-left: 0; /* even with the left hand nav, we don't pull the margin on tablet or smaller */
    }
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .inz_image.inz_image_full_width .inz_image_caption > div
    {
        padding: 20px 24px;
    }

    .inz_image_with_associated_content .inz_image_associated_content
    {
        width: 100%;
    }

    .inz_image_with_associated_content > .inz_image_container
    {
        flex-direction: column;
    }

    .inz_image.inz_image_with_associated_content .image_outer_wrapper
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Table styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

table.inz_standard_table thead th,
table.inz_standard_table tbody th,
table.inz_standard_table tbody td
{
    text-align: left;
    vertical-align: top;
}

table caption
{
    font-size: 1.5em;
    line-height: 1.333333333em;
    font-family: 'fira-regular', sans-serif;
}

table.inz_standard_table caption
{
    text-align: left;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Image styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
    If a content manager uses the standard image widget in tinymce and specifies a caption, the resulting markup is <figure><img /><figcaption /></figure>.
    While they're not supposed to use the standard image widget, they are doing it so here are some sensible styles to support it.
    (See INZ-548 for more details.)
*/

figure
{
    margin: 5em 0;
}

figure img + figcaption
{
    font-size: 1.5em;
    line-height: 1.333333333em;
    font-family: 'fira-regular', sans-serif;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    List styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_content ol
{
    counter-reset: ol-counter;
    position: relative;
}

.inz_content ul
{
    position: relative;
}

.inz_content li, .inz_content dt, .inz_content dd
{
    font-family: "fira-book", Arial, sans-serif;
    font-size: 16px; /* switched to px due to issue in nested lists on forms, was: 1.6em;*/
    font-weight: 400;
    font-style: normal;
    line-height: 1.5625em;
    color: #323849;
    padding-bottom: .4em;
}

.inz_content table li
{
    font-size: 14px;
}

.inz_content li li
{
    font-size: inherit;
}

.inz_content ul li ul,
.inz_content ul li ol,
.inz_content ol li ul,
.inz_content ol li ol /* the li is needed to force specificity over the old-school list styles */
{
    padding-top: .4em;
    margin-right: 0;
}

.inz_content ol > li::before
{
    content: counter(ol-counter) '.';
    counter-increment: ol-counter;
    color: #323849;
    font-family: "fira-bold", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    left: -25px;
}

.inz_content ol ol > li::before
{
    content: counter(ol-counter, lower-alpha) '.';
}

.inz_content ul > li::before
{
    content: '\2014';
    color: #00b1e3;
    font-family: "fira-bold", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    left: -25px;
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    body .inz_content li, body .inz_content dt, body .inz_content dd
    {
        font-size: 12px;
        line-height: 20px;
    }

    /* This changes all .inz_content ul, but these are details specific changes, removing and more explicit rules will be in inz_details.css
    body .container_content .inz_content ul
    {
        margin-left: 2em;
    }

    body .container_content .inz_content li
    {
        font-size: inherit;
        line-height: inherit;
    }*/
}

.inz_content table td:last-child,
.guide_content table td:last-child
{
    padding-right: 1.2em;
}

/*
    TODO: remove reference to :not(.intro) once we migrate to INZ2019 generic templates
 */
.portaltype-folderoverview .content p:not(.intro),
.portaltype-pagegeneric .content p:not(.intro),
.dock_content .portaltype-folderoverview p:not(.intro),
.dock_content .portaltype-pagegeneric p:not(.intro),
.inz_content p
{
    margin-bottom: 1em;
}

.portaltype-folderoverview .content ul,
.portaltype-folderoverview .content ol,
.portaltype-pagegeneric .content ul,
.portaltype-pagegeneric .content ol,
.portaltype-pagetool .content ul,
.portaltype-pagetool .content ol,
.form_view .content ul,
.form_view .content ol,
.dock_content .portaltype-folderoverview ul,
.dock_content .portaltype-folderoverview ol,
.dock_content .portaltype-pagegeneric ul,
.dock_content .portaltype-pagegeneric ol,
.dock_content .portaltype-pagetool ul,
.dock_content .portaltype-pagetool ol,
.inz_tool ul,
.inz_content ul,
.inz_content ol
{
    margin: 0 0 2em 4.5em;
    padding: 0;
}

.portaltype-folderoverview .content ul::before,
.portaltype-pagegeneric .content ul::before,
.portaltype-pagetool .content ul::before,
.form_view .content ul::before,
.dock_content .portaltype-folderoverview ul::before,
.dock_content .portaltype-pagegeneric ul::before,
.dock_content .portaltype-pagetool ul::before,
.inz_content ul::before
{
    content: none;
}

.portaltype-folderoverview .content ul li::before,
.portaltype-pagegeneric .content ul li::before,
.portaltype-pagetool .content ul li::before,
.form_view .content ul li::before,
.dock_content .portaltype-folderoverview ul li::before,
.dock_content .portaltype-pagegeneric ul li::before,
.dock_content .portaltype-pagetool ul li::before,
.inz_content ul li::before,
.tooltip ul li::before
{
    content: '\2022';
}

.portaltype-pagetool .content ul li.map_detail::before,
.dock_content .portaltype-pagetool .content ul li.map_detail::before
{
    content: '';
}

.portaltype-folderoverview .content li ul li::before,
.portaltype-pagegeneric .content li ul li::before,
.dock_content .portaltype-folderoverview li ul li::before,
.dock_content .portaltype-pagegeneric li ul li::before,
.inz_content li ul li::before,
.tooltip ul ul li::before
{
    content: '\2218';
    color: inherit;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

/* same as above, but without explicitly setting the font size */
.portaltype-pagetool .content li ul li::before,
.form_view .content li ul li::before,
.dock_content .portaltype-pagetool li ul li::before
{
    content: '\2218';
    color: inherit;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

.tooltip ul ul li::before
{
    position: relative;
    margin-left: -1.7em;
    padding-right: 1em;
}

.tooltip-inner a:focus
{
    color: #00b1e3;
    border-bottom-color: #00b1e3;
}

.portaltype-folderoverview .content ol li::before,
.portaltype-pagegeneric .content ol li::before,
.portaltype-pagetool .content ol li::before,
.form_view .content ol li::before,
.dock_content .portaltype-folderoverview ol li::before,
.dock_content .portaltype-pagegeneric ol li::before,
.dock_content .portaltype-pagetool ol li::before,
.inz_content ol li::before
{
    font-family: fira-book, arial, sans-serif;
}

.portaltype-folderoverview .content ul ul,
.portaltype-folderoverview .content ul ol,
.portaltype-folderoverview .content ol ul,
.portaltype-folderoverview .content ol ol,
.portaltype-pagegeneric .content ul ul,
.portaltype-pagegeneric .content ul ol,
.portaltype-pagegeneric .content ol ul,
.portaltype-pagegeneric .content ol ol,
.portaltype-pagetool .inz_content ul ul,
.portaltype-pagetool .inz_content ul ol,
.portaltype-pagetool .inz_content ol ul,
.portaltype-pagetool .inz_content ol ol,
.form_view .inz_content ul ul,
.form_view .inz_content ul ol,
.form_view .inz_content ol ul,
.form_view .inz_content ol ol,
.dock_content .portaltype-folderoverview ul ul,
.dock_content .portaltype-folderoverview ul ol,
.dock_content .portaltype-folderoverview ol ul,
.dock_content .portaltype-folderoverview ol ol,
.dock_content .portaltype-pagegeneric ul ul,
.dock_content .portaltype-pagegeneric ul ol,
.dock_content .portaltype-pagegeneric ol ul,
.dock_content .portaltype-pagegeneric ol ol,
.dock_content .portaltype-pagetool ul ul,
.dock_content .portaltype-pagetool ul ol,
.dock_content .portaltype-pagetool ol ul,
.dock_content .portaltype-pagetool ol ol,
.inz_content ul ul,
.inz_content ul ol,
.inz_content ol ul,
.inz_content ol ol
{
    margin: 0 1.6em;
    padding: 0;
}


.inz_content a[target="slider"]:not(.listing_link):not(.link__internal)
{
    background: #e6e6e6;
    font-size: 13px;
    line-height: 15px;
    padding: 13px 20px 13px 10px;
}

.inz_content a[target="slider"]:not(.listing_link):not(.link__internal)::before
{
    content: "";
    display: inline-block;
    width: 28px;
    height: 14px;
    background: url("/++resource++inz.site/images/arrow-slider.svg") no-repeat;
    position: relative;
    top: 2px;
    left: 0;
    margin: 0 15px 0 0;
}

.inz_content a[target="slider"]:not(.listing_link):not(.link__internal)::after
{
    display: none;
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    body .inz_content p, body .inz_content li, body .inz_content dt, body .inz_content dd, body .inz_content table td
    {
        font-size: 12px;
    }
}

.inz_note
{
    border-left: solid 5px;
    padding-left: 25px;
    margin: 35px 0;
}

#main .inz_note > :last-child /* #main selector required to override more broader margin rules above */
{
    margin-bottom: 0;
}

.inz_note p,
.inz_note p a,
.inz_note ul li,
.inz_note ol li,
.content .inz_note ol li::before,
.content .inz_note ul li::before,
.inz_content .inz_note ol li::before,
.inz_content .inz_note ul li::before
{
    font-family: fira-light, arial, sans-serif;
}

.inz_note .inz_note_title
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    margin-bottom: .625em;
    text-transform: uppercase;
}

.inz_note.inz_note_note,
.inz_note.inz_note_tip
{
    border-color: #0e7ac3;
}

.inz_note.inz_note_note .inz_note_title,
.inz_note.inz_note_tip .inz_note_title
{
    color: #0e7ac3;
}

.inz_note.inz_note_alert
{
    border-color: #20a968;
}

.inz_note.inz_note_alert .inz_note_title
{
    color: #20a968;
}

.inz_note.inz_note_warning
{
    border-color: #f86443;
}

.inz_note.inz_note_warning .inz_note_title
{
    color: #f86443;
}

.inz_note.inz_note_example
{
    border: solid 1px #d6d7db;
    padding: 25px 29px;
}

.inz_note.inz_note_example .inz_note_title
{
    line-height: 1.25;
    color: #323849;
}

.inz_note ul li::before,
.content .inz_note ul li::before /* this selector needed for the pre-2019 pages */
{
    content: '\2218';
    color: inherit;
}

/*
 * Listing styles - Folder Overview, L3 & L4
 */

.pre_listing_content + .folder_listing
{
    margin-top: 7em;
}

.inz_listing
{
    /*display: flex;*/
}

.inz_listing_item
{
    display: flex;
    justify-content: center;
    clear: both;
    position: relative;
    z-index: 0;
}

.inz_listing_item:first-child
{
    border-top: 1px solid #eee;
}

.inz_listing > a
{
    border-bottom: solid 1px #d6d7db;
    display: block;
}

.inz_listing > a:first-child
{
    border-top: solid 1px #d6d7db;
}

.inz_listing > a,
.inz_listing > a:active,
.inz_listing > a:visited
{
    color: #0e7ac3;
    text-decoration: none;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.inz_listing > a:hover
{
    color: #05304c;
    text-decoration: none;
}

.inz_listing_item:hover
{
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    background-color: #282d3a;
}

section.inz_listing article.inz_listing_item:hover *, .inz_listing .inz_listing_item:focus *,
section.inz_listing article.inz_listing_item:hover, .inz_listing .inz_listing_item:focus
{
    color: #fff;
}

.inz_listing_item .inz_listing_thumbnail
{
    /*width: 20%;*/
    padding: 26px 16px;
    flex-shrink: 0;
    flex-grow: 0;
}

.inz_listing_item .inz_font_link_arrow
{
    width: 50px;
    height: 100%;
}

.inz_font_link_arrow:after
{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.6em;
}

.inz_listing_item .inz_listing_title
{
    width: 300px;
    padding: 26px 50px 26px 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

.inz_listing_item .inz_listing_title h2
{
    margin: 0;
}

.inz_listing_item p.inz_font_article_sub
{
    margin: 0;
    color: rgba(50, 50, 73, 0.8);
}

.inz_listing_item .inz_listing_desc
{
    /*width: 500px;*/
    flex-grow: 1;
    flex-shrink: 1;
    padding: 26px 0 26px 0;
    margin-right: 55px;
}

.inz_listing_item .inz_listing_desc p
{
    margin: 0;
}

.inz_listing_item .inz_listing_desc > :first-child
{
    margin-top: 0;
}

.inz_listing_item .inz_listing_desc > :last-child
{
    margin-bottom: 0;
}

.folder_listing_with_thumbnails .inz_listing_item .inz_listing_desc > p:not(.listing_subtitle)
{
    margin-top: 8px;
}

.folder_listing_with_thumbnails .hidden_contents .inz_listing_item
{
    border-top: solid 1px #d6d7db;
    border-bottom: solid 1px #d6d7db;
}

.folder_listing_with_thumbnails .hidden_contents .inz_listing_item:hover
{
    background-color: transparent;
}

.folder_listing_with_thumbnails .hidden_contents .inz_listing_desc > nav
{
    margin-top: 1em;
}


@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .portaltype-folderoverview .inz_main_column
    {
        width: 100%;
    }

    .portaltype-folderoverview .left_hand_nav + .inz_main_column
    {
        width: 100%;
    }

    .inz_listing > a
    {
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }

    .inz_listing_item
    {
        flex-direction: column;
        align-content: center;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .folder_listing_with_thumbnails .inz_listing_item
    {
        flex-direction: row;
    }

    .inz_listing_item .inz_listing_title
    {
        padding: 15px 0px 0px 20px;
        width: 100%;
        flex-shrink: 1;
    }

    .inz_listing_item p.inz_font_article_sub
    {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        max-width: 500px;
        flex-shrink: 1;
    }

    .inz_listing_item .inz_listing_desc
    {
        padding: 5px 0px 19px 20px;
        margin-right: 80px;
        max-width: 500px;
        flex-shrink: 1;
    }

    .folder_listing_with_thumbnails .inz_listing_item .inz_listing_thumbnail,
    .folder_listing_with_thumbnails .inz_listing_item .inz_listing_desc
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .inz_note
    {
        padding-left: 15px;
    }

    .inz_note.inz_note_example
    {
        padding: 25px 19px;
    }
}


@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .portaltype-folderoverview .left_hand_nav + .inz_main_column
    {
        width: 100%;
    }

    .inz_font_link_arrow::after
    {
        text-align: center;
    }

    .inz_listing_item .inz_listing_title,
    .inz_listing_item .inz_listing_desc,
    .left_hand_nav + .inz_main_column .inz_listing_item .inz_listing_desc
    {
        width: calc(100% - 40px);
        padding-left: 30px;
    }

    .folder_listing_with_thumbnails .inz_listing_item .inz_listing_desc
    {
        margin-right: 40px;
    }

    .folder_listing_with_thumbnails .inz_listing_item .inz_listing_desc > p:not(.listing_subtitle)
    {
        margin-top: 5px;
    }

    .folder_listing_with_thumbnails .inz_listing_item .inz_listing_thumbnail
    {
        display: none;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    INZ Accordion Widget styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_accordion
{
    border: solid #323849;
    border-width: 1px 0;
    margin: 50px 0;
}

.inz_accordion_h2 h2,
.inz_accordion_h3 h3,
.inz_accordion_titled .inz_accordion_title
{
    position: relative;
    border: solid #d6d7db;
    margin: 0;
    padding: 25px 80px 25px 0;
    border-width: 1px 0 0;
    cursor: pointer;
}

.inz_accordion_titled button.inz_accordion_title
{
    background: transparent;
}

.inz_accordion_titled button.inz_accordion_title:focus
{
    outline: none;
}

.inz_accordion_titled button.inz_accordion_title:focus-visible
{
    outline: 1px dotted #aaa;
}


.inz_accordion_h2 h2::after,
.inz_accordion_h3 h3::after,
.inz_accordion_titled .inz_accordion_title::after
{
    content: '\f104';
    /*noinspection CssNoGenericFontName*/
    font-family: glyphs;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    font-style: normal;
    color: #00b1e3;
    position: absolute;
    top: 34px;
    right: 20px;
    transition: transform .2s ease-out;
}

.inz_accordion_h3 h3::after
{
    font-size: 16px;
    top: 29.5px;
}

.inz_accordion_h2 .inz_accordion_open h2::after,
.inz_accordion_h3 .inz_accordion_open h3::after,
.inz_accordion_titled .inz_accordion_open .inz_accordion_title::after
{
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.inz_accordion_h2 .inz_accordion_section:first-child h2,
.inz_accordion_h3 .inz_accordion_section:first-child h3,
.inz_accordion_titled .inz_accordion_section:first-child div
{
    border-top: none;
}

.inz_accordion .inz_accordion_collapsible
{
    transition: height .3s;
    display: none;
    overflow: hidden;
}

.inz_accordion .inz_accordion_section_content
{
    padding: 5px 80px 25px 0;
}

.inz_accordion .inz_accordion_section_content > :first-child
{
    margin-top: 0;
}

.inz_accordion .inz_accordion_section_content > :last-child
{
    margin-bottom: 0;
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .inz_accordion_h2 h2
    {
        padding: 22px 58px 22px 0;
    }

    .inz_accordion_h2 h2::after
    {
        top: 24.5px;
    }

    .inz_accordion .inz_accordion_section_content
    {
        padding: 5px 58px 22px 0;
    }

    .inz_accordion_h3 h3
    {
        padding: 20px 58px 20px 0;
    }

    .inz_accordion_h3 h3::after
    {
        top: 24.5px;
    }


}

@media print
{
    .inz_accordion_h2 h2::after,
    .inz_accordion_h3 h3::after,
    .inz_accordion_titled .inz_accordion_title::after
    {
        display: none;
    }

    .inz_accordion .inz_accordion_collapsible
    {
        height: auto !important;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    INZ Process Timeline Widget styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.inz_process_timeline
{
    counter-reset: process_timeline;
    margin: 50px 0;
}

.inz_process_timeline_step
{
    margin-left: 23.5px;
    padding-left: 40.5px;
    padding-bottom: 35px;
    border-left: solid 1px #00b1e3;
    position: relative;
}

.inz_process_timeline_step:last-child
{
    padding-bottom: 0;
}

.inz_process_timeline_step:last-child::after
{
    border: solid 1px #00b1e3;
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    width: 2em;
    left: -1em;
}

.inz_process_timeline_step > :first-child
{
    margin-top: 0;
}

.inz_process_timeline_step > :last-child
{
    margin-bottom: 0;
}

div.inz_process_timeline_h2 div.inz_process_timeline_step::before,
div.inz_process_timeline_h3 div.inz_process_timeline_step::before
{
    counter-increment: process_timeline;
    content: counter(process_timeline);
    border: solid 3px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    box-sizing: content-box;
    text-align: center;
    /*text-indent: 0;*/
    margin-right: 15px;
    font-family: "fira-bold", "arial", sans-serif;
    font-size: 3em;
    color: #00b1e3;
    position: absolute;
    top: -5px;
    left: -27px;
    background: #fff;
    z-index: 5;
}

div.inz_process_timeline_h3 div.inz_process_timeline_step::before
{
    font-size: 2.75rem; /* == 2.2em == 22px (need to use rem here because IE) */
    top: -13px;
}


@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    div.inz_process_timeline_h2 div.inz_process_timeline_step::before
    {
        font-size: 2.5em;
        top: -8px;
    }

    div.inz_process_timeline_h3 div.inz_process_timeline_step::before
    {
        font-size: 2em;
        top: -12px;
    }
}


@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    div.inz_process_timeline_h2 div.inz_process_timeline_step::before
    {
        font-size: 2em;
        top: -13px;
    }

    div.inz_process_timeline_h3 div.inz_process_timeline_step::before
    {
        font-size: 1.6em;
        top: -13px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    INZ Maintenance Banner styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.maintenance_banner
{
    margin: 4em 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Video Page styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page_video_2019
{
}

body.page_video_2019 .inz_page_header
{
    margin-bottom: 100px;
}

body.page_video_2019 .wrapper .content
{
    margin-bottom: 50px;
}

div.video_guide_transcript
{
    background-color: #eee;
    padding: 50px;
    border-bottom: 2px #323849 solid;
}

body.page_video_2019 .video_guide_container .video_guide_transcript_title
{
    font-family: gustan-medium, Arial, sans-serif;
}

.video_guide_container .video_guide_transcript_title.active .video_guide_transcript_bug
{
    transform: scale(1, -1);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Glossary Page styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page_glossary_2019 #main
{
    padding-bottom: 185px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Resource Search Page styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page_res_search_2019 header
{
    margin-bottom: 50px;
}

body.page_res_search_2019 #main
{
    padding-bottom: 165px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Guide styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    body.guide_2019 header.inz_page_header
    {
        min-height: 100vh;
        margin-bottom: 0;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Criteria styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page_criteria_2019 #main
{
    padding-top: 75px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Points Calculator styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.inz2019.points_calculator .inz_page_header
{
    margin-bottom: 0;
}

body.inz2019.points_calculator .stickybar_holder
{
    margin: 0 0 100px;
    z-index: 25;
    position: relative;
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    body.inz2019.points_calculator .stickybar_holder
    {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    body.inz2019.points_calculator .stickybar_holder
    {
        margin-bottom: 35px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Forms styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*

    /-* Note: Tim had added these rules to remove the lines etc as part of INZ2019, but they have broken the look of the pre-form questions, so i'm removing them again.
              It's unclear what impact doing this will have, so I'll leave the rules around for now. *-/

body.inz2019.form_view .accordinate__title_blurb_cta
{
    border: none;
}

body.inz2019.form_view .termination .accordinate__clickable h2
{
    margin-top: 0;
}
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Glossary styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.inz2019.page_glossary_2019 .inz_page_header
{
    margin-bottom: 0px;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Generic Tool styles
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tool_result .content_list__content.active
{
    max-height: none; /* because DNA have an arbitrary 1400px max-height set on content lists for some reason?! */
}

.tool_result .content_list_blurbs
{
    min-height: 7.5em;
}

.content_list__blurb .couplet_title
{
    font-family: "fira-medium", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #323849;
}

.content_list__blurb .couplet_body
{
    font-family: "fira-book", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #323849;
}

.content_list__content .couplet_title
{
    font-family: "fira-medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: .25em;
    color: #323849;
}

.content_list__content .couplet_body
{
    font-family: "fira-book", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #323849;
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .content_list__blurb .couplet_title
    {
        font-size: 14px;
        line-height: 25px;
    }

    .content_list__content .couplet_title,
    .content_list__content .couplet_body
    {
        font-size: 12px;
        line-height: 20px;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Sliding Panel style overrides
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.dock_content h1
{
    font-size: 5em;
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .dock_content h1
    {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .dock_content h1
    {
        font-size: 3em;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    General element style overrides
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_content h2:not(:first-child)
{
    margin-top: 2.333em;
}

.inz_content h3:not(:first-child)
{
    margin-top: 2.272em;
}

.inz_content h4:not(:first-child)
{
    margin-top: 1.667em;
}

.inz_content h5:not(:first-child)
{
    margin-top: 1.765em;
}

.inz_content .table_wrapper
{
    margin: 5em 0;
    padding: 0;
}

.select2-container--open
{
    z-index: 25;
}

@media only print                      /* PRINT styles */
{
    .inz_content a::after,
    body a::after
    {
        display: none !important;
    }
}


.inz_content .link__download span,
.inz_content .link__external span,
.inz_content .link__internal span,
.inz_content .link__map span,
.inz_content .link__download .link__title,
.inz_content .link__external .link__title,
.inz_content .link__internal .link__title,
.inz_content .link__map .link__title
{
    line-height: inherit;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Alerts Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Alerts styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    The markup/styles for this Notification Banner avoids any DNA styling, and simplifies the code required to produce the banner.

    Example markup:

    <div class="notification_banner notification_banner_orange">                                    <-- or notification_banner_blue
        <div class="notification_banner_content">
            <div class="notification_banner_icon notification_banner_icon_bang"></div>              <-- or notification_banner_icon_horn or notification_banner_icon_flag
            <div class="title">Action Required</div>                                                <-- title can now be any length
            <div class="body">Immigration New Zealand requires more information from you.</div>     <-- body can now be any length
        </div>
    </div>

    NOTE: titles with words longer than ~8 characters will likely break on small desktop and tablet devices.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.notification_banner
{
    color: #fff;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left; /* needed because banners placed in the header inherit the header's centre alignment */
}

.notification_banner .notification_banner_content
{
    display: flex;
    position: relative;
    align-items: start;
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 240px);
}

.notification_banner_orange
{
    background: #d4431b;
}

.notification_banner_blue
{
    background: #0e7ac3;
}

.notification_banner .title
{
    font-family: "gustan-extrabold", sans-serif;
    font-size: 35px;
    line-height: 30px;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    width: 30%;
    margin-right: 18px;
    flex-shrink: 0;
    overflow-wrap: break-word;
}

.notification_banner .body,
.notification_banner .body p
{
    font-family: "fira-book", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.notification_banner .body a
{
    color: #fff;
    text-decoration: underline;
}

.notification_banner .body a:hover
{
    opacity: .8;
}

.notification_banner_icon
{
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 18px;
}

.notification_banner_icon::before
{
    font-family: glyphs;
    font-size: 30px;
    line-height: 1;
    padding: 0;
    color: #fff;
    margin: 0;
}

.notification_banner_icon_bang::before
{
    content: '\f101';
}

.notification_banner_icon_horn::before,
.notification_banner_icon_comms::before
{
    content: '\f10d';
}

.notification_banner_icon_flag::before
{
    content: '\f116';
}


.notification_banner .link__download::before, .notification_banner .link__external::before, .notification_banner .link__internal::before, .notification_banner .link__map::before
{
    color: #fff;
    text-decoration: none;
}

.notification_banner .link__download span, .notification_banner .link__external span, .notification_banner .link__internal span, .notification_banner .link__map span
{
    border-bottom: none;
}

.notification_banner .inz_content li, .notification_banner .inz_content dt, .notification_banner .inz_content dd, .notification_banner .inz_content li::before
{
    color: #fff;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    .notification_banner .notification_banner_content
    {
        width: calc(100% - 225px);
    }
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    .notification_banner .notification_banner_content
    {
        width: 90%;
    }

    .notification_banner .body,
    .notification_banner .body p
    {
        font-size: 12px;
        line-height: 20px;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .notification_banner .notification_banner_content
    {
        flex-wrap: wrap;
        /*padding: 15px;*/
    }

    .notification_banner_icon
    {
        margin-right: 10px;
    }

    .notification_banner_icon::before
    {
        font-size: 20px;
    }

    .notification_banner .title
    {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
        width: calc(100% - 30px);
        margin-right: 0;
    }

    .notification_banner .body
    {
        width: calc(100% - 30px);
        padding-left: 30px;
        margin-top: 10px;
        flex-shrink: 0;
    }
}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    =====================
    INZ2019 Site Homepage
    =====================

    This is the stylesheet for the INZ2019 Site-root Homepage. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.homepage2019 main
{
    color: #323849;
}

.homepage2019 #main
{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 180px 0 425px; /* this is the correct padding-top for the homepage; this rule may need revisiting when we start dealing with other views though */
}

/* rules for disabling the footer-related padding on the bottom of the <main> element */
.homepage2019.has_promo #main
{
    padding-bottom: 0;
}


.homepage2019 main > h1
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 22px;
    line-height: 1.55;
    letter-spacing: -0.2px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.homepage2019 main > h2
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 50px;
    line-height: 1.06;
    text-align: center;
    margin-top: .2em;
    margin-bottom: .8em;
}

.homepage2019.light_headings #main > h1,
.homepage2019.light_headings #main > h2,
.homepage2019.light_headings #main > h1,
.homepage2019.light_headings #main > h2
{
    color: #fff;
}

.homepage2019 main h1 + .pathway_boxes
{
    margin-top: 50px;
}

.homepage2019 main .pathway_boxes
{
    display: flex;
    justify-content: center;
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.homepage2019 main a.pathway_box
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10em;
    height: 10em;
    padding: .75em;
    margin: 0 1px 1px 0;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    color: #323849;
}

.homepage2019 main a.pathway_box:last-child
{
    margin-right: 0;
}

.homepage2019 main a.pathway_box:hover
{
    background-color: #00b1e3;
    color: #fff;
    text-decoration: none;
}


.homepage2019 .promo
{
    position: relative;
    background: #00b1e3;
    /*margin-top: 185px;*/
    padding-top: 51px;
    padding-bottom: 155px;
    margin-top: -105px;
}

.homepage2019 .promo.promo_nzeta
{
    background: #8cb83a;
}

.homepage2019 .promo > .inz_container > div
{
    max-width: 800px;
    margin: auto;
    display: flex;
}

.homepage2019 .promo.promo_nzeta > .inz_container > div
{
    width: 1000px;
    max-width: none;
    margin-left: calc(50% - 400px); /* (1000px (width of promo) / 2) - (200px (width of img + margin) / 2) == 400px */
    margin-right: 0;
}

.homepage2019 .promo.promo_nzeta .promo_body
{
    display: flex;
}

.homepage2019 .promo.promo_nzeta img
{
    width: 150px;
    flex-shrink: 0;
    height: 37px;
    margin-top: 7px; /* needed to offset the negative margin on the containing div :-/ */
    margin-left: 50px;
}

.homepage2019 .promo .promo_left_column
{
    border-right: solid 1px;
    margin-right: 50px;
}

.homepage2019 .promo .promo_right_column
{
    width: 100%; /* explicit width setting needed to prevent IE from overflowing the contained items */
}

.homepage2019 .promo h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    text-align: left;
    color: #323849;
    width: 250px;
    padding-top: 0;
    padding-right: 50px;
    margin: -8px 0;
    flex-shrink: 0;
    flex-grow: 0;
}

.homepage2019 .promo .promo_body
{
    margin: -7px 0 -6px;
}

.homepage2019 .promo p
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    line-height: 1.67;
}

.homepage2019 .promo p a
{
    color: #323849;
    text-decoration: none;
    border-bottom: dotted 1px;
}

.homepage2019 .promo p a:hover
{
    color: #fff;
    text-decoration: none;
    border-bottom-color: transparent;
}


.homepage2019 .promo > .btn.icon-edit
{
    color: #fff;
    margin: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: .125em;
    padding: .25em .75em;
    position: absolute;
    bottom: 1em;
    right: 1em;
    z-index: 30;  /* needed to push this above the <footer> which has z-index of 20 */
}

.homepage2019 .promo > .btn.icon-edit:hover
{
    color: #1e222c;
    background: rgba(255, 255, 255, .5);
}



@media only screen and (max-width: 1639px)   /* LARGE DESKTOP AND smaller */
{
    .homepage2019 #main
    {
        padding: 180px 0 340px;
    }
}

@media only screen and (max-width: 1439px)   /* MEDIUM DESKTOP AND smaller */
{
    .homepage2019 #main
    {
        padding: 180px 0 315px;
    }
}

@media only screen and (max-width: 1239px)   /* SMALL DESKTOP AND MOBILE AND TABLET */
{
    .homepage2019 #main
    {
        padding: 180px 0 290px;
    }

    .homepage2019 .promo h1
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        width: 200px;
        padding-right: 20px;
        margin: -6px 0;
    }

    .homepage2019 .promo .promo_body
    {
        margin: -5px 0 -5px;
    }

    .homepage2019 .promo p
    {
        font-size: 12px;
    }

    .homepage2019 .promo.promo_nzeta > .inz_container > div
    {
        margin: 0 auto;
        width: auto;
        max-width: 800px;
    }

    .homepage2019 .promo.promo_nzeta .promo_body
    {
        flex-direction: column;
    }

    .homepage2019 .promo.promo_nzeta img
    {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 4px; /* needed to offset the negative margin on the containing div :-( */
    }

}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .homepage2019 #main
    {
        padding-top: 145px;
        padding-bottom: 265px;
    }

    .homepage2019 main > h1
    {
        font-size: 20px;
        line-height: 1.5;
    }

    .homepage2019 main > h2
    {
        font-size: 40px;
        line-height: 1;
        margin-top: .275em;
        margin-bottom: .75em;
    }

    .homepage2019 main h1 + .pathway_boxes
    {
        margin-top: 40px;
    }

    .homepage2019 main a.pathway_box
    {
        width: 7.5em;
        height: 7.5em;
    }

    .homepage2019 .promo
    {
        /*
        margin-top: 155px;
        */
        margin-top: -112.5px;
    }

    .homepage2019 .promo > .inz_container
    {
        width: 100%;
    }

    .homepage2019 .promo > .inz_container > div
    {
        width: 80%;
    }

    .homepage2019 .promo.promo_nzeta > .inz_container > div
    {
        margin-right: auto;
        width: 80%;
    }

    .homepage2019 .promo h1
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        width: 200px;
        padding-right: 20px;
    }

    .homepage2019 .promo.promo_nzeta .promo_body
    {
        flex-direction: column;
    }

    .homepage2019 .promo p
    {
        font-size: 12px;
    }

    .homepage2019 .promo.promo_nzeta img
    {
        margin-left: 0;
        margin-top: 20px;
    }

}


@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .homepage2019 #main
    {
        padding-bottom: 225px;
    }

    .homepage2019 main > h1
    {
        font-size: 14px;
        line-height: 1.43;
    }

    .homepage2019 main > h2
    {
        font-size: 25px;
        line-height: 1.2;
        margin-bottom: 1.2em;
    }

    .homepage2019 main h1 + .pathway_boxes
    {
        margin-top: 36px;
    }

    .homepage2019 main .pathway_boxes
    {
        flex-wrap: wrap;
        justify-content: start;
    }

    .homepage2019 main a.pathway_box
    {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: -0.1px;
        width: auto;
        height: auto;
        white-space: nowrap;
    }

    .homepage2019 .promo
    {
        padding-top: 0;
        padding-bottom: 145px;
    }

    .homepage2019 .promo > .inz_container
    {
        width: 90%;
        padding: 0 24px; /* mirrors layout in Footer Visa Search */
    }

    .homepage2019 .promo > .inz_container > div
    {
        flex-direction: column;
        width: auto;
    }

    .homepage2019 .promo.promo_nzeta > .inz_container > div
    {
        width: auto;
    }

    .homepage2019 .promo .promo_left_column
    {
        border: none;
        margin: 0;
    }

    .homepage2019 .promo h1
    {
        border: none;
        text-align: center;
        padding: 1em 0 .8em;
        margin: 0;
        width: auto;
    }
    
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==================================
    Site Wide Alerts (INZ2019 Version)
    ==================================

    The new site wide alerts/messages templates contain everything within a .inz_banner element. All of the styling is scoped accordingly.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_banner
{
    padding: 30px 0;
    position: relative;
    transition: all 200ms ease-out;
}

.inz_banner.dismissed
{
    height: 0 !important;
    padding: 0 !important;
}

.inz_banner + .inz_banner
{
    border-top: solid 1px #000;
}

.inz_banner.inz_banner_info
{
    background: #0e7ac3;
}

.inz_banner.inz_banner_alert
{
    background: #d4431b;
}

.inz_banner.inz_banner_alert header h1
{
    color: #fff;
}

.inz_banner.inz_banner_alert header h2,
.inz_banner.inz_banner_alert header h3,
.inz_banner.inz_banner_alert .inz_banner_details h4,
.inz_banner.inz_banner_alert .inz_banner_details p,
.inz_banner.inz_banner_alert .inz_banner_details p a
{
    color: #000;
}

.inz_banner.inz_banner_nzeta_green
{
    background: #8cb83a;
}

.inz_banner.inz_banner_nzeta_green header h1,
.inz_banner.inz_banner_nzeta_green header h2,
.inz_banner.inz_banner_nzeta_green header h3,
.inz_banner.inz_banner_nzeta_green .inz_banner_details h4,
.inz_banner.inz_banner_nzeta_green .inz_banner_details p,
.inz_banner.inz_banner_nzeta_green .inz_banner_details p a
{
    color: #1e222c;
}

.inz_banner.inz_banner_nzeta_green header h2,
.inz_banner.inz_banner_nzeta_green .inz_banner_details h4
{
    text-transform: none;
}

.inz_banner.inz_banner_nzeta_darkblue
{
    background: #282d3a;
}

.inz_banner.inz_banner_nzeta_darkblue .nzeta_colour_logo
{
    background: url('/++resource++inz.site/images/nzeta-rgb-rev-2.png') no-repeat;
    background-size: contain;
    width: 174px;
    height: 43px;
    margin-right: 50px;
}

.inz_banner.inz_banner_nzeta_darkblue .inz_banner_content
{
    margin: auto;
    max-width: 700px;
}

.inz_banner.inz_banner_nzeta_darkblue .inz_banner_details
{
    width: auto;
    max-width: 700px;
}

.inz_banner.inz_banner_nzeta_darkblue .inz_banner_dismiss
{
    margin-left: 20px;
}


.inz_banner .inz_container
{
    display: flex;
    width: 100%;
}

.inz_banner .inz_banner_content
{
    display: flex;
    margin-right: auto;
}

.inz_banner .inz_banner_icon
{
    font-family: glyphs;
    font-size: 40px;
    line-height: 1;
    padding: 0 50px 0 60px;
    color: #fff;
}

.inz_banner header
{
    width: 300px;
    margin-right: 50px;
    flex-shrink: 0;
}

.inz_banner header h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 35px;
    line-height: 30px;
    letter-spacing: -0.7px;
    color: #000;
    margin: 0 0 .371429em;
    padding: 0;
}

.inz_banner header h2
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 .4375em;
}

.inz_banner header h3
{
    font-family: fira-regular, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
}

.inz_banner header h3 strong
{
    font-family: fira-bold, Arial, sans-serif;
    font-weight: 400;
}

.inz_banner .inz_banner_details
{
    max-width: 500px;
}

.inz_banner .inz_banner_details h4
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 3px;
}

.inz_banner.inz_banner_nzeta_darkblue .inz_banner_details h4
{
    text-transform: none;
}

.inz_banner .inz_banner_details p
{
    font-family: fira-book, arial, sans-serif;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0;
    color: #fff;
    margin: 0;
}

.inz_banner .inz_banner_details p a
{
    color: #fff;
    border-bottom: dotted 1px;
}

.inz_banner .inz_banner_details p a:hover
{
    border-bottom-color: transparent;
    color: #000;
}

.inz_banner.inz_banner_nzeta_green .inz_banner_details p a:hover
{
    color: #fff;
}

.inz_banner.inz_banner_nzeta_darkblue .inz_banner_details p a:hover
{
    color: #888;
}

.inz_banner .inz_banner_dismiss
{
    font-family: glyphs;
    font-size: 20px;
    line-height: 1;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
    border: none;
    background: transparent;
    color: #fff;
    opacity: .8;
}

.inz_banner .inz_banner_dismiss:hover
{
    opacity: 1;
}

.inz_banner_extra
{
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.inz_banner_extra .btn
{
    color: #fff;
    margin: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: .125em;
    padding: .25em .75em;
    text-decoration: none; /* needed because original templates want to underline the btn link */
}

.inz_banner_extra .btn:hover
{
    color: #1e222c;
    background: rgba(255, 255, 255, .5);
}

.inz_banner_extra .btn::before
{
    margin-left: 0;
}

#inz_site_messages_bottom_right
{
    /*
    position: fixed;
    bottom: 55px;
    right: 0;
    z-index: 50;
    */
}

.inz_banner.inz_banner_request_help_popup
{
    background: #c01353;
    color: #fff;
    font-family: gustan-extrabold, sans-serif;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .35px;
    padding: 0;
    border: none;
    border-radius: 27.5px 0 0 27.5px;
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
}

.inz_banner.inz_banner_request_help_popup:hover
{
    background: #db2a5f;
}

.inz_banner_request_help_popup + .inz_banner_request_help_popup
{
    margin-top: 1px;
}

.inz_banner_request_help_popup .inz_banner_extra
{
    position: static;
    display: inline-block;
    margin-left: auto;
    margin-right: 10px;
}

.inz_banner_request_help_popup > a
{
    display: inline-block;
    padding: 15.5px 20px;
    color: #fff !important;
}

.inz_banner_request_help_popup > a::before
{
    content: '';
    background: url('/++resource++inz.site/images/icon_headphones.svg') center / contain no-repeat;
    display: inline-block;
    width: 22.5px;
    height: 22.5px;
    margin-right: 12.75px;
    vertical-align: middle;
}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .inz_banner
    {
        padding: 25px 0;
    }

    .inz_banner .inz_container
    {
        width: 90%;
    }

    .inz_banner .inz_banner_icon
    {
        font-size: 26px;
        padding: 0 50px 0 0;
    }

    .inz_banner header
    {
        width: 175px;
    }

    .inz_banner header h1
    {
        font-size: 30px;
        letter-spacing: normal;
        padding: 0;
        margin: 0 0 10px;
    }

    .inz_banner header h2
    {
        font-size: 16px;
        line-height: 1.56;
        letter-spacing: normal;
        margin-bottom: 0.3125em;
    }

    .inz_banner header h3
    {
        font-size: 12px;
        line-height: 1.333333em;
        letter-spacing: normal;
    }

    .inz_banner .inz_banner_details
    {
        width: 325px;
    }

    .inz_banner .inz_banner_details h4
    {
        font-size: 16px;
        line-height: .94;
        letter-spacing: normal;
        margin-bottom: 7px;
    }

    .inz_banner .inz_banner_details p
    {
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .inz_banner.inz_banner_nzeta_darkblue .nzeta_colour_logo
    {
        width: 150px;
        height: 37px;
    }

    .inz_banner.inz_banner_nzeta_darkblue .inz_banner_content
    {
        width: 400px;
    }

    .inz_banner .inz_banner_dismiss
    {
        margin-right: 0;
    }
}

@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .inz_banner
    {
        padding: 18px 0;
    }

    .inz_banner .inz_banner_icon
    {
        font-size: 20px;
        padding: 0 10px 0 0;
    }

    .inz_banner .inz_banner_content
    {
        flex-direction: column;
    }

    .inz_banner header
    {
        width: auto;
        margin: 0 0 7.5px;
    }

    .inz_banner header h1
    {
        font-size: 25px;
        line-height: 1;
        letter-spacing: normal;
    }

    .inz_banner header h2
    {
        font-size: 14px;
        line-height: 1.07;
        letter-spacing: normal;
        margin-bottom: .571429em;
    }

    .inz_banner header h3
    {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .inz_banner .inz_banner_details
    {
        width: auto;
        margin: 0;
    }

    .inz_banner .inz_banner_details h4
    {
        font-size: 14px;
        line-height: 1.07;
        letter-spacing: normal;
        margin-bottom: .428571em;
    }

    .inz_banner .inz_banner_dismiss
    {
        position: absolute;
        right: calc(5% - 9.8px);
        top: calc(18px - 9.8px);
        font-size: 9.8px;
    }

    .inz_banner.inz_banner_nzeta_darkblue
    {
        padding: 28px 0 25px;
    }

    .inz_banner.inz_banner_nzeta_darkblue .inz_container
    {
        flex-direction: column;
        width: calc(90% - 30px);
        margin-left: calc(5% + 30px);
    }

    .inz_banner.inz_banner_nzeta_darkblue .nzeta_colour_logo
    {
        width: 122px;
        height: 30px;
        margin-bottom: 25px;
    }

    .inz_banner.inz_banner_nzeta_darkblue .inz_banner_content
    {
        width: auto;
    }

    #inz_site_messages_bottom_right
    {
        bottom: 30px;
    }


    .inz_banner_request_help_popup span,
    .inz_banner_request_help_popup .inz_banner_extra
    {
        display: none;
    }

    .inz_banner_request_help_popup > a
    {
        padding: 16px 18px;
    }

    .inz_banner_request_help_popup > a::before
    {
        margin-right: 0;
    }

}


@media only print                      /* PRINT styles */
{
    .inz_banner.inz_banner_request_help_popup
    {
        display: none;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Left Hand Nav Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Left Hand Nav styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.left_hand_nav
{
    padding: 35px 50px;
    width: 300px;
    margin: -35px 100px 0 20px; /* 0 -35 */
    flex-shrink: 0;
    background: rgba(255, 255, 255, .98);
    z-index: 20; /* 9 20 */
}

.left_hand_nav h2
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #323849;
    margin-top: 0; /* needed because dna's base h2 rule adds top margin at smaller device sizes */
}

.left_hand_nav h2 a
{
    color: #323849;
}

.left_hand_nav .separator
{
    background: #d6d7db;
    width: 30px;
    height: 1px;
    margin: 35px 0;
}

.left_hand_nav .separator.top
{
    background: #0e7ac3;
    height: 4px;
}

.left_hand_nav .separator.bottom
{
    margin-bottom: 0;
}

.left_hand_nav li
{
    margin: 0 0 35px;
}

.left_hand_nav li a
{
    font-family: fira-regular, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28571;
    letter-spacing: normal;
    color: #5b606d;
}

.left_hand_nav a:hover,
.left_hand_nav a:focus
{
    color: #0e7ac3;
}


.left_hand_nav li a.section
{
    font-family: fira-medium, Arial, sans-serif;
    color: #323849;
}

.left_hand_nav li a.current
{
    color: #0e7ac3;
}


.left_hand_nav_l2
{
    text-indent: -15px;
    padding-left: 15px;
    display: block;
}

.left_hand_nav_l2::before
{
    content: '\2013';
    width: 15px;
    display: inline-block;
    text-indent: 0;
}

.inz_page_body .inz_main_column .inz_content > :first-child,
.inz_page_body .left_hand_nav + .inz_main_column > :first-child
{
    padding-top: 0;
    margin-top: 0;
}

.inz_page_body .left_hand_nav + .inz_main_column > h1:first-child,
.inz_page_body .left_hand_nav + .inz_main_column > h2:first-child,
.inz_page_body .left_hand_nav + .inz_main_column > h3:first-child,
.inz_page_body .left_hand_nav + .inz_main_column > h4:first-child,
.inz_page_body .left_hand_nav + .inz_main_column > h5:first-child,
.inz_page_body .left_hand_nav + .inz_main_column > h6:first-child
{
    line-height: 1;
}

.inz_page_body .left_hand_nav + .inz_main_column .inz_content > h1:first-child
{
    margin-top: -10px;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    .left_hand_nav
    {
        margin-left: 0;
        margin-right: 20px;
    }
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    .left_hand_nav
    {
        padding: 35px 20px;
        width: 240px;
    }

    .left_hand_nav li a
    {
        font-size: 12px;
    }
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    .left_hand_nav
    {
        display: none;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
    .left_hand_nav
    {
        display: none;
    }
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Hamburger 2023 Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Hamburger 2023 styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

    Hamburger Menu 2023 - Header Button

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

.header2019 #header_menu_2023
{
    padding: 18px 16px;
    width: 106px;
    background: #dc2a5f;
    display: flex;
    justify-content: space-between;
}

.header2019 #header_menu_2023:hover
{
    background-color: #c01354;
}

.header2019 #header_menu_2023:active
{
    background-color: #a91149;
}

.header2019 #header_menu_2023 span
{
    text-transform: uppercase;
    color: #fff;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
}

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

    Hamburger Menu 2023 - Hamburger Menu

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

#hamburger_menu_2023
{
    height: 100vh;
    /* --inz-scrollbar-width is set in the inz2019_nav2023.es6.js */
    /*noinspection CssUnresolvedCustomProperty*/
    padding: 0 calc(((100vw - min(1200px, calc(100vw - 240px))) / 2) - (var(--inz-scrollbar-width) / 2)) 0 60px;
    margin: 0;
    left: auto;
    right: 0;
    border: none;
    max-width: 100vw; /* needed to override default browser styles for <dialog> elements */
    max-height: 100vh; /* needed to override default browser styles for <dialog> elements */
    background-color: #26282d;
    color: #fff;
    scrollbar-gutter: stable;

    /* these two rules should prevent overscrolling, but sadly they do not */
    overscroll-behavior: none;
    overflow-y: auto;

    overflow-x: hidden;

    --divider-line-color: rgba(100%, 100%, 100%, 24%);
    --nav_item-color: #fff;
    --hover-nav_item-color: #00b1e3;
    --active-nav_item-color: #008eb6;
    --inactive-element-color: rgba(100%, 100%, 100%, 60%);
    --section_links-background: rgba(100%, 100%, 100%, 10%);
}

#hamburger_menu_2023::backdrop
{
    background-color: rgba(100%, 100%, 100%, 50%);
    backdrop-filter: blur(4px);
}

#hamburger_dialog_scroll_shim
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#hamburger_menu_2023 .menu_body
{
    width: clamp(200px, 630px, min(630px, calc(100vw - 60px)));
}

#hamburger_menu_2023 .close_bar button
{
    padding: 18px 16px;
    width: 106px;
    background: #26282d;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
}

#hamburger_menu_2023 .close_bar button:hover
{
    background-color: #494a4f;
}

#hamburger_menu_2023 .close_bar button:active
{
    background-color: #5a5c5f;
}

#hamburger_menu_2023 .close_bar button span
{
    text-transform: uppercase;
    color: #fff;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
}

#hamburger_menu_2023 .close_bar button span.icon
{
    background: url("https://www.immigration.govt.nz/++resource++inz.static.54/icons/close.svg") no-repeat center/contain;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px; /* 5px is half of the difference in width between this icon and the one of the open menu button; this margin lines the two icons up horizontally */
    transition: rotate .25s;
}

#hamburger_menu_2023 .close_bar button:hover span.icon
{
    /*transform: rotate(-45deg);*/
    rotate: -90deg;
}

#hamburger_menu_2023 button.nav_button
{
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: no-repeat url('https://www.immigration.govt.nz/++resource++inz.site/images/chevron-medium.svg') center transparent;

}

#hamburger_menu_2023 button.nav_button:hover
{
    background-color: rgba(100%, 100%, 100%, 16%);
}

#hamburger_menu_2023 button.nav_button:active
{
    background-color: rgba(100%, 100%, 100%, 24%);
}

#hamburger_menu_2023 .upper_nav
{
    display: flex;
    padding: 20px 0;
    border-bottom: solid 1px var(--divider-line-color);
}

#hamburger_menu_2023 div.nav_parent
{
    padding: 0 8px;
    margin-right: 16px;
    border-right: solid 1px var(--divider-line-color);
}

#hamburger_menu_2023 button.nav_button.nav_parent
{
    background-size: 14px;
    rotate: 180deg;
}

#hamburger_menu_2023 .crumbs
{
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    align-items: center;
}

#hamburger_menu_2023 .crumbs li
{
    display: inline;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

#hamburger_menu_2023 .crumbs li button::after
{
    content: '/';
    margin-left: 16px;
    line-height: 20px;
    color: var(--inactive-element-color);
}

#hamburger_menu_2023 .crumbs li:last-child button::after
{
    content: none;
}

#hamburger_menu_2023 .nav_item
{
    background: transparent;
    color: var(--nav_item-color);
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    word-break: break-word;
}

#hamburger_menu_2023 .nav_item:hover
{
    color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .nav_item:active
{
    color: var(--active-nav_item-color);
}

#hamburger_menu_2023 .nav_item:disabled
{
    color: var(--inactive-element-color);
}

#hamburger_menu_2023 .children li
{
    padding: 16px 0;
    border-bottom: solid 1px var(--divider-line-color);
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: var(--nav_item-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#hamburger_menu_2023 .children li a
{
    word-break: break-word;
    color: var(--nav_item-color);
}

#hamburger_menu_2023 .children li a:hover
{
    color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .children li a:active
{
    color: var(--active-nav_item-color);
}

#hamburger_menu_2023 .children a.current_page
{
    padding-left: 12px;
    border-left: solid 1px var(--hover-nav_item-color);
    margin-left: -12px;
    color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .children li a:last-child
{
    margin-right: 85px; /* added some right margin to prevent long titles on childless nodes from appearing in the position the nav_children button would. */
}

#hamburger_menu_2023 .children li div
{
    display: flex;
    align-items: center;
    align-self: normal; /* grow vertically to match the height of the button to the left (the item title) */
    padding-left: 8px;
    margin-left: 40px;
    border-left: solid 1px var(--divider-line-color);
}

#hamburger_menu_2023 .section_links
{
    background: var(--section_links-background);
    margin: 40px 0 0;
    padding: 24px 16px;
    border-radius: 8px;
}

#hamburger_menu_2023 .section_links p
{
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    color: #fff;
}

#hamburger_menu_2023 .section_links ul
{
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 8px;
}

#hamburger_menu_2023 .section_links li
{
    margin-bottom: 8px;
}

#hamburger_menu_2023 .section_links li:last-child
{
    margin-bottom: 0;
}

#hamburger_menu_2023 .section_links li a
{
    font-family: gustan-book, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--nav_item-color);
    text-decoration: underline #858689;
}

#hamburger_menu_2023 .section_links li a:hover
{
    color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .section_links li a:active
{
    color: var(--active-nav_item-color);
}

#hamburger_menu_2023 .return
{
    margin: 40px 0 60px;
}

#hamburger_menu_2023 .return p
{
    font-family: gustan-book, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--inactive-element-color);
    margin-bottom: 12px;
}

#hamburger_menu_2023 .return button
{
    border: none;
    padding: 0;
    background: transparent;
    color: var(--nav_item-color);
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

#hamburger_menu_2023 .return button:hover
{
    color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .return button:active
{
    color: var(--active-nav_item-color);
}

#hamburger_menu_2023 .return button span.icon
{
    mask: url("https://www.immigration.govt.nz/++resource++inz.static.54/icons/return-to-main-menu.svg") no-repeat center/contain;
    -webkit-mask: url("https://www.immigration.govt.nz/++resource++inz.static.54/icons/return-to-main-menu.svg") no-repeat center/contain; /* needed because webkit doesn't support mask even though it was based off -webkit-mask when it was added to the standard */
    background-color: var(--nav_item-color);
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}

#hamburger_menu_2023 .return button:hover span.icon
{
    background-color: var(--hover-nav_item-color);
}

#hamburger_menu_2023 .return button:active span.icon
{
    background-color: var(--active-nav_item-color);
}


@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    #header_menu_2023 img
    {
        height: 17px;
    }

    #hamburger_menu_2023
    {
        padding: 0 calc((100vw - min(1200px, 90vw)) / 2) 0 60px;
    }

    .header2019 #header_menu_2023 span,
    #hamburger_menu_2023 .close_bar button span
    {
        line-height: 17px;
    }

    #hamburger_menu_2023 .close_bar button span.icon
    {
        margin-left: 2px; /* 2px is half of the difference in width between this icon and the one of the open menu button; this margin lines the two icons up horizontally */
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .header2019 #header_menu_2023
    {
        padding: 13px;
        width: 43px;
    }

    .header2019 #header_menu_2023 span
    {
        display: none;
    }

    #hamburger_menu_2023
    {
        width: 100vw;
        padding: 0 25px;
    }

    #hamburger_menu_2023 .close_bar button
    {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    #hamburger_menu_2023 .upper_nav
    {
        padding: 12px 0 14px;
    }

    #hamburger_menu_2023 button.nav_button
    {
        width: 32px;
        height: 32px;
    }

    #hamburger_menu_2023 .crumbs li
    {
        font-size: 12px;
        line-height: 20px;
    }

    #hamburger_menu_2023 .children li
    {
        padding: 14px 0;
        font-size: 16px;
        line-height: 24px;
    }

    #hamburger_menu_2023 .children a.current_page
    {
        padding-left: 10px;
        margin-left: -10px;
    }

    #hamburger_menu_2023 .section_links
    {
        margin: 32px 0 0;
    }

    #hamburger_menu_2023 .return
    {
        margin: 32px 0 40px;
    }

}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Details Pages
   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*body.inz_details.inz2019 .inz_main_column*/

/*body.inz_details .inz_container {
    max-width: none;
    width: initial;
    margin: 0;
}*/

body.inz_details header.inz_page_header
{
    /*background: none;*/
    margin-bottom: 35px;
    padding-bottom: 35px;
}

body.inz_details header.inz_page_header.vd_has_banners {
    margin-bottom: 0;
    padding-bottom: 0;
}

body.inz_details header #overview {
    margin-bottom: 35px;
    padding-bottom: 35px;
}


body.inz_details .inz_details_body
{
    position: relative;
}

body.inz_details .container_content
{
    background-color: #f2f2f2;
    /*overflow: visible;*/
    overflow: hidden;
}

body.inz_details.inz2019 > div.container_wrap > div.container
{
    overflow: visible;
}

#details_login_lightbox {
    flex-direction: column;
}

/*body.inz_details .vd_submit .content_details div:last-child {
	margin-bottom: 0;
}

body.inz_details .vd_submit .content_details div {
    margin-bottom: 1em;
}*/

/*body.inz_details #details_login_lightbox .inz_container {
    max-width: none;
    width: initial;
    margin: 0;
}*/

.inz_container.vd_submit,
.inz_container.vd_conditions,
.inz_container.vd_criteria,
.inz_container.vd_process,
.inz_container.vd_points {
    max-width: 1000px;
    /*width: calc(100% - 220px);*/
    width: 100%;
    margin: 0 auto;
}

body.inz_details #details_login_lightbox > header {
    margin: 0 auto 112.5px;
    max-width: 1200px;
    width: calc(100% - 240px);
    display: flex;
    justify-content: space-between;
}

body.inz_details .rt_content a span.file_info {
    font-size: 13px;
    top: 0;
}

body.inz_details .rt_content a span.file_info span {
    color: #606060;
}

#details_login_lightbox article.service_detail {
    text-align: center;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
}

#details_login_lightbox article.service_detail h1 {
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 1.666667em 0 1em;
}

#details_login_lightbox article.service_detail p {
    font-family: fira-book, arial, sans-serif;
    font-size: 16px;
    line-height: 1.56;
    color: #fff;
    margin: 0 0 2.1875em;
}

#details_login_lightbox article.service_detail .online_services_login {
    background: #dc2a5f;
    border-width: 0;
}

#details_login_lightbox article.service_detail .btn__login.online_services_login {
    width: 430px;
}

#details_login_lightbox article.service_detail .btn__login.online_services_login:hover,
#details_login_lightbox article.service_detail .btn__login.online_services_login:focus
{
    opacity: .8;
}

#details_login_lightbox article.service_detail .online_services_login::before {
    display: none;
}

#details_login_lightbox article.service_detail .realme_glossary_tip
{
    display: inline-block;
    color: #fcfdff;
    font-size: 16px;
    font-family: fira-regular, arial, sans-serif;
    line-height: 1.15;
    margin: 1.1em auto 1.25em;
    text-align: center;
    border-bottom: dotted 1px;
}

#details_login_lightbox article.service_detail .realme_glossary_tip:hover,
#details_login_lightbox article.service_detail .realme_glossary_tip:focus
{
    opacity: .8;
}


body.inz_details.inz2019 .navbar_holder
{
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 10;
}

.vd_navbar .vd_navbar_content
{
    /*max-width: 1200px;
    width: calc(100% - 240px);
    margin-left: auto;
    margin-right: auto;*/
}

body.inz_details .container_content a:focus
{
    outline: none;
}

body.inz_details main {
    /*scroll-snap-type: y proximity;*/
}

.inz_details .vd_background
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.inz_details .vd_section_container.vd_section_even,
.inz_details .vd_background.vd_section_even
{
    background-color: #fff;
}

.inz_details .vd_section_container.vd_section_odd,
.inz_details .vd_background.vd_section_odd
{
    background-color: #f2f2f2;
}

.inz_details .vd_overview
{
    text-align: left;
}

.inz_details .vd_overview.vd_section {
    margin-top: 70px;
}

.inz_details .vd_overview .rt_content a.link__internal::before {
    top: 8px;
    /*left: 0px;*/
}

/*.inz_details .vd_overview .rt_content a.link__internal > span {
    margin-left: 24px;
}*/

.inz_details .vd_overview .rt_content li:before {
    content: none;
}

.inz_details .payment_method ul li strong {
    display: inline;
}

/*.inz_details .btn.icon-edit
{
    color: #000;
    margin: 0;
    background: rgba(128, 128, 255, .2);
    border-radius: .125em;
    padding: .25em .75em;
    position: absolute;
    top: -4px;
    right: 1em;
    z-index: 30;
}*/

.inz_details .btn.icon-edit.active
{
    background-color: rgba(192, 128,128, .2);
}

.inz_details .btn.icon-edit:hover
{
    color: #1e222c;
    background: rgba(128, 255, 255, .5);
}


.inz_details .vd_details
{
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;*/
    margin-bottom: 70px;
}

.inz_details .vd_details > div
{
    /*width: 188px;
    margin-left: 20px;
    padding-right: 20px;*/
    border-right: solid 1px #d6d7db;
}

.inz_details .vd_details > div:first-child {
    margin-left: 0px;
}

.inz_details .vd_details > div:last-child
{
    border: none;
    padding-right: 0px;
}

.inz_details .vd_details > div p
{
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: -0.5px;
    color: #323849;
    margin-bottom: 0px;
}

.inz_details .vd_you_can
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    /*margin-bottom: 65px;*/
    column-gap: 50px;
}

.inz_details .vd_you_can > div
{
    flex-grow: 1;
    flex-basis: 0;
    /*max-width: 450px;*/
    font-family: fira-regular, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    color: #323849;
}

.inz_details .vd_you_can > div:first-child
{
    /*margin-right: 50px;*/
}

.inz_details .vd_you_can > div:last-child
{
    /*margin-left: 50px;*/
}


.inz_details .vd_overview h5,
.inz_details .vd_overview .vd_expectation h5
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    font-stretch: normal;
    line-height: 1.18;
    color: #323849;
}

.inz_details .vd_nzeta .vd_apps h3 {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    font-stretch: normal;
    line-height: 1.14;
    color: #323849;
    text-align: center;
}

.inz_details .vd_footer_nzeta {
    background-color: #323849;
    padding-top: 70px;
    padding-bottom: 70px;
}

.inz_details .vd_footer_nzeta.vd_nzeta .vd_apps h3 {
    color: white;
}

.inz_details .vd_nzeta h2 {
    margin-top: 70px;
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    font-stretch: normal;
    line-height: 1.27;
    color: white;
    text-align: center;
    margin-top: 0;
}

.inz_details .vd_nzeta .vd_apps
{
    margin-top: 50px;
    margin-bottom: 70px;
}

.inz_details .vd_footer_nzeta.vd_nzeta .vd_apps {
    margin-top: 35px;
    margin-bottom: 0;
}

.inz_details .vd_footer_nzeta.vd_nzeta .vd_apps .vd_app_badges {
    margin-top: 35px;
}
.inz_details .vd_nzeta .vd_apps .vd_app_badges
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.inz_details .vd_nzeta .vd_apps .vd_app_badge {
    width: 170px;
}

.inz_details .vd_nzeta .vd_apps .vd_app_badge_a {
    padding: 10px;
}

.inz_details .vd_nzeta .vd_apps .vd_app_badge_b {
    width: 190px;
}

.inz_details .vd_overview .vd_expectation .vd_exp_titles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px,168px));
	grid-template-rows: auto auto;
	gap: 0 20px;
	justify-content: center;
	width: 100%;
	justify-items: start;
}

.inz_details .vd_overview .vd_expectation h5
{
    margin-bottom: 0;
    margin-top: 0;
    grid-row-start: 1;
    border-left: solid 1px #d6d7db;
    padding-left: 20px;
}

.inz_details .vd_overview .vd_expectation h5:first-of-type {
    border-left: none;
    padding-left: 0;
}

.inz_details .vd_overview .vd_expectation .vd_exp_text {
    grid-row-start: 2;
    border-left: solid 1px #d6d7db;
    padding-left: 20px;
    padding-top: 10px;
}

.inz_details .vd_overview .vd_expectation .vd_exp_text:first-of-type {
    border-left: none;
    padding-left: 0;
}

.inz_details .vd_overview_apply {
    margin-top: 20px;
}

.inz_details .vd_overview_apply .vd_nb_apply_btn {
    width: fit-content;
    margin: 0 auto;
}

.inz_details .vd_overview_apply .vd_nb_apply_btn .btn__block,
.inz_details .vd_navbar .vd_nb_apply_btn .btn__block {
    background-color: #c01353;
}

.inz_details .vd_overview .vd_exp_sub
{
    font-family: fira-book, arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #323849;
}

.inz_details .vd_overview .vd_exp_value
{
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: -0.5px;
    color: #323849;
    margin-bottom: 0px;
    padding-top: 14px;
}

.inz_details .vd_overview a[target="slider"]:not(.listing_link):not(.link__internal) {
    /*display: flex;
    column-gap: 15px;*/
    overflow-wrap: anywhere;
    background: #e6e6e6;
    font-size: 13px;
    line-height: 15px;
    padding: 13px 20px 13px 10px;
}

.inz_details .vd_overview a[target="slider"]:not(.listing_link):not(.link__internal)::before {
    content: "";
    display: inline-block;
    /*flex-basis: 36px;
    flex-shrink: 0;*/
    width: 36px;
    height: 14px;
    background: url("/++resource++inz.site/images/arrow-slider.svg") no-repeat;
    position: relative;
    /*top: 0px;*/
    left: 0;
    margin: 0;
}

.inz_details .inz_content a[target="slider"]:not(.listing_link):not(.link__internal) {
    /*display: flex;
    column-gap: 15px;*/
    overflow-wrap: anywhere;
    text-indent: -36px;
    padding-left: 46px;
}

.inz_details .inz_content a[target="slider"]:not(.listing_link):not(.link__internal)::before {
    /*flex-basis: 36px;
    flex-shrink: 0;
    top: 0px;*/
    margin: 0;
    width: 36px;
}

.inz_details .vd_overview a[target="slider"]:not(.listing_link):not(.link__internal):after {
    content: none;
}

.inz_details .vd_overview .vd_exp_sub + .vd_exp_value
{
    padding-top: 0px;
}

.inz_details .vd_overview .vd_you_can .vd_h_sep
{
    width: 30px;
    border-bottom: solid 3px #00b1e3;
}

.inz_details .vd_you_can ul li
{
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #d8d8d8;
	font-family: "fira-book", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
    font-stretch: normal;
	line-height: 1.5625em;
    letter-spacing: normal;
	color: #323849;

}

.inz_content li, .inz_content dt, .inz_content dd {
	font-family: "fira-book", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5625em;
	color: #323849;
	padding-bottom: .4em;
}

.inz_details .vd_you_can p
{
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

/*.inz_details .vd_you_can p a
{
    margin: 0px;
}*/

/*.inz_details .rt_content .link__external,
.inz_details .rt_content .link__map,
.inz_details .rt_content .link__internal,
.inz_details .rt_content .link__download {
	margin-left: 27px;
}*/


.inz_details .vd_you_can ul li:first-child
{
    margin-top: 20px;
}

.inz_details .vd_notifications
{
    margin-top: 100px;
}

.inz_details .vd_banner .notification_banner .notification_banner_content {
    max-width: 1000px;
    /*width: calc(100% - 240px);*/
    width: 70%;
    margin: 0 auto;
}

.inz_details .vd_content.inz_content ul,
.inz_details .rt_content.inz_content ul {
    margin-left: 45px;
}

.inz_details .vd_overview .inz_content.rt_content ul {
    margin-left: 0px;
}

.inz_details .rt_content.inz_criteria_tip a .file_info span {
	color: rgb(50, 56, 73);
}

.inz_details .inz_note .inz_note_title
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    margin-bottom: .625em;
    text-transform: uppercase;
}

.inz_details .inz_note.inz_note_note
{
    border-color: #0e7ac3;
}

.inz_details .inz_note.inz_note_note .inz_note_title
{
    color: #0e7ac3;
}

.inz_details .inz_note.inz_note_tip,
.inz_details .exp_note
{
    /*border-color: #20a968;*/
    border-color: #0e7ac3;
}

.inz_details .inz_note.inz_note_tip .inz_note_title,
.inz_details .exp_note .exp_title
{
    /*color: #20a968;*/
    color: #0e7ac3;
}

.inz_details .points_calculator .exp_note .exp_title {
    color: #20a968;
}

.inz_details .points_calculator .exp_note .exp_text a,
.inz_details .points_calculator .exp_note .exp_text span {
    color: rgb(0, 177, 227);
}

.inz_details .points_calculator .exp_note .exp_text a:hover,
.inz_details .points_calculator .exp_note .exp_text a span:hover
{
    color: #fff;
    border-bottom: 1px dotted #0e7ac3;
}


.inz_details .exp_text_block {
	border-left: 5px solid #20a968;
}

.inz_details .inz_note .inactive {
    display: none;
}

.vd_content_width {
    max-width: 1000px;
    width: calc(100% - 220px);
    /*width: 70%;*/
    margin: 0 auto;
}

.vd_section_type_folder .vd_content_width {
    width: 100%;
}

.vd_section_type_folder > .vd_background,
.vd_section_type_folder .vd_section > .vd_background {
    padding-top: 0px;
    padding-bottom: 0px;
}

.vd_section_type_folder .vd_section > .vd_background {
    padding-bottom: 0px;
}

/*    max-width: 1400px;
    width: calc(100% - 440px);
    margin-left: auto;
    margin-right: auto;
}*/

/* Navbar */

.vd_navbar
{
    width: 100%;
    max-height: fit-content;
    background-color: #f2f2f2;
    /*padding-top: 40px;*/
    /*box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.15);*/
    box-shadow: 0px 18px 13px -13px rgba(0, 0, 0, 0.15);
}

.vd_navbar .vd_navbar_content
{
    /*max-width: 1400px;
    width: calc(100% - 440px);
    margin-left: auto;
    margin-right: auto;*/
}

.vd_navbar .vd_navbar_notice
{
    display: none;
    background-color: #c01353;
    width: 100%;
}

.vd_navbar .vd_navbar_notice .vd_navbar_notice_content
{
    max-width: 1400px;
    height: 80px;
    width: calc(100% - 440px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.vd_navbar .vd_navbar_notice .vd_navbar_notice_content img
{
    margin-top: 20px;
    margin-right: 20px;
    height: 40px;
    width: 40px;
}

.vd_navbar .vd_navbar_notice .vd_navbar_notice_content .vd_nb_notice_text
{
    font-family: fira-regular, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 36%;
}

.vd_navbar .vd_nb_title
{
    display: none;
    padding-top: 40px;
}

.vd_navbar.vd_nbt_section .vd_nb_title,
.vd_navbar.vd_nbt_separate .vd_nb_title
{
    display: block;
    height: 100px;
    padding-top: 35px;
}

.vd_navbar.vd_nbt_section,
.vd_navbar.vd_nbt_separate
{
    background-color: #20a968;
    color: #1e222c;
    box-shadow: none;
}

.vd_navbar.vd_nbt_section .vd_nb_title h2,
.vd_navbar.vd_nbt_separate .vd_nb_title h2
{
    color: #1e222c;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tab_backing,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tab_backing {
    background-color: #20a968;
    box-shadow: none;
}

.vd_navbar.vd_nbt_section .vd_navbar_sep,
.vd_navbar.vd_nbt_separate .vd_navbar_sep
{
    width: 100%;
    border-top: 1px solid #4cba86;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs
{
    background-color: #20a968;
    min-height: 65px;
    height: 65px;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab.current,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab.current
{
    border-bottom: solid 6px #62c295;
    background-color: #62c295;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_current_marker,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_current_marker
{
    width: 36px;
    height: 24px;
    mask-image: url('/++resource++inz.site/images/caret-up-fill.svg');
    -webkit-mask-image: url('/++resource++inz.site/images/caret-up-fill.svg');
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: #f2f2f2;
    position: relative;
    top: 9px;
    left: 82px;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs
{
    box-shadow: none;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab
{
    font-family: gustan-book, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    padding-top: 17px;
    padding-bottom: 18px;
    margin: 0px;
    text-transform: none;
    width: 200px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab span + a,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab span + a
{
    padding-left: 38px;
    padding-right: 14px;
    display: block;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a
{
    padding-left: 17px;
    padding-right: 17px;
    display: block;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab:hover,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab:hover
{
    background-color: #62c295;
}


.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab + .vd_nb_nav_tabs_tab,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab + .vd_nb_nav_tabs_tab
{
    border-left: 1px solid #4cba86;
}

.vd_navbar.vd_nbt_section .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a,
.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a
{
    color: #1e222c;
}

.vd_navbar.vd_nbt_section .vd_nb_section_number,
.vd_navbar.vd_nbt_separate .vd_nb_section_number
{
    font-family: "fira-bold", sans-serif;
    font-weight: 400;
    font-size: 40px;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.9px;
    float: left;
    color: #1e222c;
    padding-right: 8px;
    position: relative;
    top: -4px;
    left: 9px;
}


.vd_navbar .vd_nb_title h2
{
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: -0.6px;
    color: #323849;
    margin-bottom: 5px;
    margin-top: 0;
}

.vd_navbar .vd_nb_filter_section
{
    padding-top: 30px;
    color: #fff;
}

.vd_navbar .vd_nb_tab
{
    display: inline-block;
    color: #fff;
    background-color: #323849;
    padding: 5px 40px 5px 20px;
    width: fit-content;
    position: relative;
}

.vd_navbar .vd_nb_tab.vd_notice
{
    background-color: #c01353;
}

.vd_navbar .vd_nb_tab span
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    font-stretch: normal;
    line-height: 1.92;
    letter-spacing: normal;
    text-transform: uppercase;
}

.vd_navbar .vd_nb_points {
    /*display: inline-block;*/
    position: absolute;
    right: 0px;
}

.vd_navbar .vd_nb_filter_section .vd_nb_points {
    display: unset;
}

.vd_navbar .vd_points_mobile  .vd_nb_points {
    position: unset;
    display: none;
}

.vd_navbar .vd_nb_points .vd_nb_points_title {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 1.73px;
    text-transform: uppercase;
    color: #323849;
    margin-right: 10px;
}

.vd_navbar .vd_nb_points .vd_nb_points_value {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    font-stretch: normal;
    line-height: 0.96;
    letter-spacing: normal;
    color: #323849;
}

.vd_navbar .accordion_trigger.accordinate__cta:after
{
    display: table-cell;
    font-family: "glyphs";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    content: "\f104";
    color: #fff;
    top: 9px;
    right: 12px;
    width: 16px;
    height: 16px;
}

.vd_navbar .accordinate__clickable .accordion_trigger.accordinate__cta.active:after
{
    top: 9px;
    right: 12px;
}


.vd_navbar .vd_nb_filter_sep
{
    width: 100%;
    border-bottom: solid 3px #323849;
}

.vd_navbar .vd_nb_filter_sep.vd_notice
{
    border-bottom: solid 3px #c01353;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters
{
    background-color: #e6e6e6;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters .vd_navbar_filters_content
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.vd_navbar .vd_nb_filter_section .vd_nb_filter_container
{
    width: 100%;
    background-color: #e6e6e6;
}

.vd_navbar .vd_nb_filter_section .vd_nb_filter_tip
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #323849;
    text-align: center;
    margin-bottom: 5px;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_input
{
    margin-right: 2px;
    margin-bottom: 2px;
    flex-grow: 1;
    min-width: 27%; /* %33 If only 3 filters, submit button fits */
    max-width: 50%;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_input.vd_nb_filter_wide
{
    min-width: 49%;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_btn
{
    margin-right: 2px;
    margin-bottom: 2px;
    width: 115px;
}

/*.vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_input:last-child
{
    margin-right: 0;
}*/

.vd_navbar .vd_nb_filter_section .vd_nd_filters form input[type=submit]
{
    background-color: #323849;
    line-height: normal;
    height: 46px;
    max-height: 46px;
    min-height: 0;
    width: 115px;
    max-width: 115px;
    color: white;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form input[type=submit]:disabled
{
    background-color: #7e828a;
    color: #323849;
}

.vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_input select
{
    width: auto;
}

.vd_navbar .vd_nb_nav_tab_container .vd_nb_apply_btn {
    margin-left: auto;
}

.vd_navbar .vd_nb_nav_tab_container .vd_nb_apply_btn .btn
{
    height: 50px;
    margin-bottom: 0;
}

.vd_navbar .vd_nb_nav_tab_container .vd_nb_apply_btn .btn_primary
{
    background-color: #c01353;
}

#vd_navbar .vd_nb_nav_tab_backing > .vd_nb_apply_btn {
    padding-top: 20px;
}

#vd_navbar .vd_nb_nav_tab_backing > .vd_nb_apply_btn input.btn {
    margin-bottom: 0;
}

/* show placeholder in select2 drop downs */
body.inz_details .select2-container .select2-results__option[aria-disabled=true]
{
    display: block;
}

.vd_navbar .vd_nb_nav_tab_container {
    background-color: #fff;
    display: flex;
}

.vd_navbar .vd_nb_nav_tab_backing {
    background-color: #fff;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.15);
}

.vd_navbar .vd_nb_nav_tabs
{
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: left;
    /*border-bottom: solid 1px;*/
    /*box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.15);*/
}

.vd_navbar .vd_nb_nav_tabs {
    /*width: max-content;*/
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.vd_navbar.vd_nbt_separate .vd_nb_nav_tabs {
    white-space: normal;
}

.vd_navbar .vd_nb_nav_tabs::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}


.vd_navbar .vd_nb_nav_tabs .vd_nb_nav_tabs_tab
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #5b606d;
    margin-right: 35px;
    padding-top: 17px;
    padding-bottom: 9px;
}

.vd_navbar .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a
{
    color: #5b606d;
}

.vd_navbar .vd_nb_nav_tabs .vd_nb_nav_tabs_tab:last-child
{
    margin-right: 0;
}

.vd_navbar .vd_nb_nav_tabs .vd_nb_nav_tabs_tab.current
{
    border-bottom: solid 6px #0e7ac3;
}

/* Sections */
.inz_details .vd_section
{
    /*padding-top: 100px;*/
    /*scroll-snap-align: start;*/
    position: relative;
}

.inz_details .vd_section .vd_note_container
{
    background-color: transparent;
    width: calc(100% - 240px);
    margin: 0 auto;
    max-width: 800px;
}

.inz_details .vd_section .vd_button
{
    font-family: fira-medium, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #323849;
    text-transform: uppercase;
    background-color: #e6e6e6;
    padding: 13px 20px 13px 20px;
    display: inline-block;
}

.inz_details .vd_background .vd_section
{
    margin-top: 0;
}

.inz_details .vd_section .header_content
{
    text-align: center;
    padding-bottom: 85px;
    max-width: 800px;
    margin: 0 auto;
}

.inz_details .vd_section .header_content h2
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: -0.6px;
    color: #323849;
    margin: 0 auto 0;
    padding: 0 0 20px 0;
}

.inz_details .vd_section .header_content p
{
    font-family: fira-lightitalic, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #323849;
    margin: 0 auto 0;
    padding: 0;
}

.inz_details .vd_section .header_content p:before
{
    content: normal;
}

/* Who Can Apply */

/*.inz_container.vd_criteria,
.inz_container.vd_conditions {
    max-width: 1000px;
    /width: calc(100% - 240px);/
    width: 70%;
    margin: 0 auto;
}*/

.vd_criteria .inz_accordion {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #d5d6d9;
    margin: 0;
}

.vd_criteria section article
{
    position: relative;
    /*border-bottom: 1px solid #eee;*/
    /*padding-top: 26px;
    padding-bottom: 26px;*/
}

.vd_background .vd_criteria section article
{
    /*border-bottom: 1px solid #e6e6e6;*/
}

.vd_criteria section article .vd_row
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.vd_criteria section article .vd_title
{
    max-width: 220px;
    width: 220px;
    /*margin-right: 80px;*/
    flex-grow: 0;
    flex-shrink: 0;
}

.vd_criteria section article .vd_title_margin {
    width: 80px;
    max-width: 80px;
    flex-grow: 0;
    flex-shrink: 1;
}

.vd_criteria section article .vd_content
{
    max-width: 700px;
    width: 700px;
    /*margin-left: 50px;*/
    text-align: left;
    flex-grow: 1;
}

/* Account for Accordion Toggle */
.vd_criteria section article .inz_accordion_title .vd_content
{
    width: 620px;
    max-width: 620px;
}

.vd_criteria section article .inz_accordion_section_content {
    padding-bottom: 35px;
    padding-right: 0px;
}

.vd_criteria section article .inz_accordion_section_content .vd_content
{
    border-top: 1px solid #d5d6d9;
    padding-top: 25px;
}

.vd_criteria section article .inz_accordion_section_content .vd_content .inz_note {
    margin-bottom: 0px;
}

.vd_criteria section article .inz_accordion_section_content .vd_content .inz_note.inz_note_note {
    margin-bottom: 35px;
}

.vd_you_can a, .vd_you_can a:visited, .vd_you_can a:active
{
    font-family: "fira-book", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5625em;
    color: #0e7ac3;
    /*padding-bottom: .4em;*/
}

.vd_criteria section article .accordion_content_container .vd_content,
.vd_criteria section article .accordion_content_container .vd_evidence_toggle
{
    margin-top: 26px;
    padding-top: 26px;
    border-top: solid 1px #eee;
}

.vd_criteria section article .vd_evidence_toggle
{
    padding-right: 20px;
    width: 55px;
}

.vd_criteria section article .vd_evidence_toggle a:focus
{
    outline: none;
}

.vd_criteria section article .vd_evidence_toggle .accordion_trigger.accordinate__cta:after
{
    display: table-cell;
    font-family: "glyphs";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    content: "\f104";
    color: #00b1e3;
    top: 0px;
    right: 20px;
    width: 20px;
    height: 20px;
}


/* Conditions Section */

.vd_conditions section
{
}


.vd_conditions section article
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: stretch;
    align-content: stretch;
    border-bottom: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 40px;
    column-gap: 50px;
}

.vd_background .vd_conditions section article
{
    border-bottom: 1px solid #e6e6e6;
}

.vd_conditions .inz_note.inz_note_note .inz_note_title, .vd_conditions .inz_note.inz_note_tip .inz_note_title {
    color: #0e7ac3;
}

.inz_details .vd_conditions .inz_note.inz_note_note {
    border-color: #0e7ac3;
}

.vd_criteria section article:first-child,
.vd_conditions section article:first-child
{
    border-top: 1px solid #eee;
}

.vd_background .vd_criteria section article:first-child,
.vd_background .vd_conditions section article:first-child
{
    border-top: 1px solid #d6d7db;
}

.vd_conditions section article .vd_title
{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 200px;
}

.vd_criteria section article .vd_title h3,
.vd_conditions section article .vd_title h3
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #323849;
    text-align: left;
    margin: 0;
    padding: 0;
}

.vd_criteria_view_all {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.27;
    letter-spacing: normal;
    text-align: right;
    text-transform: uppercase;
    color: #0e7ac3;
    cursor: pointer;
}

.vd_conditions section article .vd_content
{
    /*max-width: 650px;
    margin-left: 50px;*/
    text-align: left;
    flex-grow: 1;
}

.vd_criteria section article .vd_content p:last-child,
.vd_conditions section article .vd_content p:last-child,
.vd_conditions section article .vd_content p:last-child a
{
    margin-bottom: 0;
}

.vd_criteria section article .vd_content .inz_note_tip :is(p, dd, dt, li),
.vd_conditions section article .vd_content .inz_note_note :is(p, dd, dt, li) {
    margin-bottom: 0.4em;
    /*font-family: fira-book, Arial, sans-serif;*/
    /*font-size: 16px;*/
    /*font-weight: normal;*/
    /*font-stretch: normal;*/
    /*font-style: normal;*/
    /*line-height: 1.5;*/
    /*letter-spacing: normal;*/
    color: #323849;
}

.vd_conditions section article .vd_content .inz_note_note a {
    margin-bottom: 16px;
    margin-left: 27px;
}

.vd_criteria section article .vd_content .inz_note_tip p:last-child,
.vd_conditions section article .vd_content .inz_note_note p:last-child {
    margin-bottom: 0;
}

:is(.vd_criteria, .vd_conditions) section article .vd_content :is(.inz_note_tip, .inz_note_note) a::before {
	color: #323849;
    left: -24px;
}

.vd_criteria section article .vd_content .inz_note_tip ol > li,
.vd_conditions section article .vd_content .inz_note_tip ol > li {
    padding-bottom: 1em;
}

:is(.vd_criteria, .vd_conditions) section article .vd_content :is(.inz_criteria_tips,.inz_condition_notes) :is(.inz_criteria_tip, .vd_cond_note) {
    border-bottom: 1px dashed #d6d7db;
    padding-top: 16px;
    padding-bottom: 16px;
}

:is(.vd_criteria, .vd_conditions) section article .vd_content :is(.inz_criteria_tips,.inz_condition_notes) :is(.inz_criteria_tip:last-child, .vd_cond_note:last-child, .tip_last_vis) {
    border-bottom: none;
    padding-bottom: 0;
}

.vd_criteria section article .vd_content .inz_note_tip ol > li.inz_criteria_tip ul {
    padding-top: 0;
}

.vd_conditions section article .vd_content .inz_note
{
    margin-bottom: 0px;
}

/*.vd_conditions .vd_cond_note div div p {
    font-size: inherit;
}*/

/* Process & Fees */

.vd_process article
{
    background-color: #fff;
}

/*.vd_process.inz_container
{
    width: fit-content;
}*/

.vd_process section
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    /*column-gap: 3px;*/
    row-gap: 2px;
}

.vd_process section article
{
    /*width: 240px;*/
    /*max-width: 300px;*/
    padding: 36px 30px 40px 30px;
    flex: 1;
    /*flex-basis: 300px;
    flex-grow: 1;
    flex-shrink: 1;*/
    /*min-width: 25%;*/
    display: flex;
    column-gap: 80px;
}

.vd_process section article div.stage_title {
    flex-basis: 300px;
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 300px;
}

.vd_process section article .process_content {
    flex: 1;
    padding-top: 10px;
    margin-bottom: 0;
}

.vd_process section article .process_content.has_stage_label {
    padding-top: 32px;
}

.vd_process section article h5.process_stage {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-size: 10px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    /*line-height: 2.3;*/
    line-height: 1;
    letter-spacing: 2.5px;
    color: #323849;
    text-align: left;
    margin: 0;
    padding: 0px 0 10px 0;
}

.vd_submit section article h5.process_stage {
    font-family: gustan-extrabold, Arial , sans-serif;
    font-size: 10px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.3;
    letter-spacing: 2.5px;
    color: #323849;
    text-align: left;
    margin: 0;
    padding: 6px 0 4px 0;
}

.vd_process section article h4
{
    display: flex;
    /*column-gap: 15px;*/
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 0px;
    position: relative;
}

.vd_process section article h4:before
{
    border: none;
}

.vd_process section article .process_number {
    font-family: fira-bold, Arial, sans-serif;
    font-size: 60px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 75px;
    letter-spacing: normal;
    color: #00b1e3;
    width: 40px;
    margin-right: 16px;
}

.vd_submit section article {
    font-family: fira-bold, Arial, sans-serif;
    font-size: 60px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 75px;
    letter-spacing: normal;
    color: #00b1e3;
}

.vd_process section article .process_number {
    flex-shrink: 0;
}

/* WP Process update remove line over numbers */
.vd_process section article .process_number:before
{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    border-bottom: solid 3px #00b1e3;
    width: 30px;
}

.vd_process section article .process_title {
    display: block;
}

.vd_process section article .process_title,
.vd_submit section article .process_title
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-size: 22px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 0;
    color: #323849;
    border: none;
    margin: 0;
}

.vd_submit section article .process_title {
    padding: 45px 0 0 0;
    width: 25%;
}

.vd_process section article .process_title {
    padding: 10px 0 0 0;
}

.vd_submit section article.one_stage .process_title {
    padding: 0;
    width: 300px;
}

.vd_process section article .process_sub
{
    /*width: 240px;*/
    margin-top: 35px;
    font-family: gustan-bold, Arial , sans-serif;
    font-size: 17px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #323849;
}

.vd_process section article .process_sub_break
{
    content: " ";
    /*position: absolute;*/
    margin-bottom: 20px;
    /*top: 0;
    left: 0;
    height: 0;*/
    border-bottom: solid 3px #00b1e3;
    width: 30px;
}

.vd_process .process_documents .link__download
{
    margin-top: 18px;
}

.vd_process .process_content .process_desc p:last-child
{
    margin-bottom: 0px;
}

.process_fees .currency,
.process_timeframes
{
    font-family: gustan-thin, Arial , sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 2.27;*/
    letter-spacing: -0.5px;
}

.process_fees .currency {
    margin-top: 20px;
}

.process_fees .currency .currency_value
{
    font-size: 50px;
    letter-spacing: -1px;
}

.process_fees .currency .currency_type
{
    position: relative;
    top: -4px;
}

.process_fees .process_sub .currencyconverter_select {
    margin-top: -2px;
    background-color: #e7e7e7;
    color: #5b606d;
    text-align: center;
}

.process_fees .process_sub .currencyconverter_select .select2-container.select2-container--mini .select2-selection--single .select2-selection__rendered {
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
}

.select2-container.select2-container--mini .select2-results__options .select2-results__option {
    font-size: 10px;
    line-height: 1;
}

.process_fees .process_sub .currencyconverter_select .select2-container.select2-container--mini .select2-selection--single .select2-selection__arrow b {
    top: 3px;
}

.process_fees .process_sub .currencyconverter_select .select2-container.select2-container--mini.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: -3px;
    right: 4px;
}

.process_fees p.process_notes,
.process_fees p.process_notes small,
.process_timeframes p.process_notes,
.process_timeframes p.process_notes small
{
    font-size: 14px;
    line-height: 18px;
    font-family: "fira-lightitalic","arial","冬青黑体","Hiragino Sans GB","黑体","SimHei",sans-serif;
    font-weight: 400;
    font-style: normal;
    /*display: block;*/
    margin-top: 8px;
    margin-bottom: 8px;
}

.process_timeframes div.process_notes,
.vd_process section article .process_content .process_timeframes div.process_notes p
{
    font-size: 14px;
    line-height: 26px;
    font-family: "fira-lightitalic","arial","冬青黑体","Hiragino Sans GB","黑体","SimHei",sans-serif;
    font-weight: 400;
    font-style: normal;
    /*display: block;*/
    margin-top: 0px;
    margin-bottom: 0px;
}

.process_timeframes div.process_notes {
    margin-top: 8px;
}


.vd_process section article .process_content .process_timeframes div.process_notes a,
.vd_process section article .process_content .process_timeframes div.process_notes a span {
    font-size: 14px;
    line-height: 18px;
    font-family: "fira-lightitalic","arial","冬青黑体","Hiragino Sans GB","黑体","SimHei",sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #0e7ac3;
    border-bottom: 1px dotted rgba(14, 122, 195, 1.0);
    outline: none;
    text-decoration: none;
}

.vd_process section article .process_content .process_timeframes div.process_notes a:hover {
    color: black;
    border-bottom: 1px dotted black;
}

.process_fees .process_notes .note_heading
{
    font-family: "fira-bold", sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.vd_process section article .process_content,
.vd_process section article .process_content p,
.vd_process section article .process_content a,
.vd_process section article .process_content ul li
{
    font-family: fira-book, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #323849;
}

.vd_process section article .process_content .inz_note p,
.vd_process section article .process_content .inz_note p a,
.vd_process section article .process_content .inz_note ul li,
.vd_process section article .process_content .inz_note ol li,
.vd_process section article .process_content .content .inz_note ol li::before,
.vd_process section article .process_content .content .inz_note ul li::before,
.vd_process section article .process_content .inz_content .inz_note ol li::before,
.vd_process section article .process_content .inz_content .inz_note ul li::before {
	font-family: fira-light, arial, sans-serif;
}

/* How to submit */

.vd_submit section article
{
    border-top: 1px solid #00b1e3;
    border-bottom: 1px solid #eee;
    padding-top: 0px;
    padding-bottom: 40px;
}

.vd_submit section article .article_border
{
    width: 100px;
    border-top: 3px solid #00b1e3;
    padding-bottom: 40px;
}

.vd_submit section article.two_stage .article_border {
    padding-bottom: 0px;
}

.vd_submit section article .article_border_top
{
    border-top: 1px solid #00b1e3;
    margin-top: 27px;
}

.vd_submit section article .article_spacer
{
    width: 100%;
    padding-bottom: 54px;
}

.vd_submit section article .article_contents
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    column-gap: 0px;
}

.vd_submit section article .article_contents.inz_accordion {
    border: none;
    margin: 0;
}

.vd_submit section article.two_stage .article_contents {
    align-items: start;
}

.vd_submit section article .stage_title .process_heading
{
    margin: 0px;
    padding: 0px;
}

.vd_submit section article .stage_title .stage_label {
    display: flex;
    flex-direction: column;
}

/*.vd_submit section article .rc_details.stage_title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}*/

.vd_submit section article .inz_accordion_section {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    width: 100%;
}

.vd_submit section article .inz_accordion .inz_accordion_section_content {
    /* padding: 5px 80px 25px 0; */
    padding: 0px 0 75px 0;
}

.vd_submit section article .rc_details.stage_title {
    width: 50px;
}

.vd_submit section article.one_stage .stage_title .process_heading .process_title
{
    line-height: 10px;
}

.vd_submit section article .stage_title .inz_accordion_section .inz_accordion_title.process_title {
    border: none;
}

/*.vd_submit section article .stage_title .inz_accordion_section {
    display: flex;
    flex-direction: row;
    position: relative;
}*/

.vd_submit section article .inz_accordion_h2 h2::after,
.vd_submit section article .inz_accordion_h3 h3::after,
.vd_submit section article .inz_accordion_titled .inz_accordion_title::after {
    display: none;
}

.vd_submit section article .stage_title .process_heading::before
{
    border: none;
    content: normal;
}

/*.vd_submit section article .one_stage .process_heading:before {
    width: 0em;
}*/

/*.vd_submit section article .stage_title
{
    /width: 300px;/
    width: 100%;
}

.vd_submit section article .rc_details
{
    /width: 700px;/
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}*/

.vd_submit section article.two_stage .rc_details
{
    /*padding-top: 75px;*/
    padding-top: 49px;
}

.vd_submit section article.two_stage .rc_details.stage_title {
    padding-top: 25px;
}

.vd_submit section .payment_method ul li {
	font-family: "fira-light","arial","冬青黑体","Hiragino Sans GB","黑体","SimHei",sans-serif;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	clear: both;
	font-size: 16px;
}

.vd_submit section .payment_method ul {
	margin-left: 42px;
}

.vd_submit section article .rc_details .rcd_row
{
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: dotted 1px #adafb6;
    border-top: none;
}

.vd_submit section article .rc_details .rcd_row:last-child
{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.vd_submit section article .rc_details .rcd_name
{
    width: 200px;
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #323849;
    margin-top: 2px;
}

.vd_submit section article .rc_details .rcd_name .content_listing_title::before {
    top: 1px;
}

.vd_submit section article .rc_details .rcd_name .content_listing_title {
    padding-right: 0;
}

.vd_submit section article .rc_details .rcd_value
{
    width: 500px;
    font-family: fira-regular, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #323849;
}

.vd_submit section article .rc_details .rcd_value .pm_title
{
    font-family: gustan-extrabold, Arial , sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-transform: uppercase;
    padding-bottom: 18px;
}

.vd_submit section article .rc_details .rcd_wrap_details .rcd_content .pm_row
{
    padding-bottom: 18px;
}

.vd_submit section article .rc_details .rcd_wrap_details p.content_listing_title,
.vd_submit section article .rc_details .rcd_wrap_details .rcd_content p
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

/* Points */

.vd_section_type_points .vd_background
{
    background-color: #323849;
}

.vd_section_type_points .vd_background .header_content,
.inz_details .vd_section_type_points .vd_section .header_content h2,
.inz_details .vd_section_type_points .vd_section .header_content p
{
    color: #fff;
}

.vd_points section article
{
    position: relative;
    border-bottom: 1px solid #eee;
    padding-top: 26px;
    padding-bottom: 26px;
}

.vd_background .vd_points section article
{
    border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 46.875em) {
    .question_selectwrapper.pts_oct23
    {
        max-width: 100%;
        width: auto;
        padding: 0;
    }

    .vd_points section form.pts_oct23 .question_input .checkbox_label {
        padding-left: 0;
    }

    .vd_points section form.pts_oct23 .question_selectwrapper .question_select + .select2 {
	    margin-left: 0;
    }
}

.vd_points section form.pts_oct23 .question_option input[type="radio"] {
    width: 24px;
    display: inline;
    margin: 0;
    vertical-align: middle;
    min-height: 0;
    height: 20px;
    margin-bottom: 15px;
}

.vd_points section form.pts_oct23 .question_option input[type="radio"] + label {
    padding: 0;
    vertical-align: middle;
    margin-bottom: 15px;
    margin-left: 10px;
}

form.pts_oct23 .inz_banner.inz_banner_6pts {
	background: #20a968;
}

form.pts_oct23 #total_banner.inz_banner .inz_banner_details {
    max-width: inherit;
}

.vd_background .vd_points section form.pts_oct23 article.inz_banner {
    border-bottom: none;
    margin-bottom: 22px;
}

.vd_background .vd_points section form.pts_oct23 article.inz_banner.inz_banner_6pts header h1 {
    margin-left: 0.6em;
}

.vd_points section article .vd_row
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.vd_points section article .vd_title
{
    max-width: 200px;
    width: 200px;
    margin-right: 50px;
    flex-grow: 1;
    color: #fff;
}

.vd_points section article .vd_content
{
    max-width: 650px;
    width: 650px;
    margin-left: 50px;
    text-align: left;
    flex-grow: 1;
    color: #fff;
}

.vd_points section article .accordion_content_container .vd_content,
.vd_points section article .accordion_content_container .vd_evidence_toggle
{
    margin-top: 26px;
    padding-top: 26px;
    border-top: solid 1px #eee;
}

.vd_points section article .vd_evidence_toggle
{
    padding-right: 20px;
    width: 55px;
}

.vd_points section article .vd_evidence_toggle a:focus
{
    outline: none;
}

.vd_points section article .vd_evidence_toggle .accordion_trigger.accordinate__cta:after
{
    display: table-cell;
    font-family: "glyphs";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    content: "\f104";
    color: #00b1e3;
    top: 0px;
    right: 20px;
    width: 20px;
    height: 20px;
}

.vd_points section .question_evidence
{
    margin-left: 0px;
}

.vd_points section .question_evidence .question_evidenceinner
{
    border-top: 1px dotted #d5d6d9;
}

.vd_points section .question_option+.question_option .question_input
{
    border-top: 1px dotted #d5d6d9;
}

.vd_points section .points_calculator .inz_content ol > li::before,
.vd_points section .points_calculator .inz_content li,
.vd_points section .points_calculator .inz_content dt,
.vd_points section .points_calculator .inz_content dd
{
    color: #fff;
}

.vd_points section .question_container {
    margin: 0;
    padding-top: 0;
}

.vd_points section .question_evidencetrigger__all.question_evidencetrigger__all.question_evidencetrigger__all.question_evidencetrigger__all {
	margin-top: 5px;
}

.vd_points section .points_calculator .question_evidenceinner ul li,
.vd_points section .points_calculator .question_evidenceinner p
{
    font-size: 16px;
    font-family: "fira-book", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.56;
}

.vd_points section .points_calculator .question_option .question_input .checkbox_label.hide_check:before {
    display: none;
}

.vd_points .points_calculator .inz_banner .inz_banner_details li {
	font-family: fira-book, arial, sans-serif;
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: 0;
	color: #fff;
	margin: 0;
}

.vd_points .points_calculator .inz_banner .inz_banner_details a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5) !important;
}

/*.vd_points section .points_calculator .question_evidenceinner ul li
{
    list-style-type: none;
}

.vd_points section .points_calculator .question_evidenceinner ul > li::before
{
    content: '\2014';
    color: #00b1e3;
    font-family: "fira-bold", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    left: -25px;
}*/



@media only screen and (max-width: 1239px)   /* SMALL DESKTOP AND MOBILE AND TABLET */
{
    body.inz_details .inz_content p,
    body.inz_details .inz_content li,
    body.inz_details .inz_content dt,
    body.inz_details .inz_content dd,
    body.inz_details .inz_content table td
    {
        font-size: 16px;
    }
}

@media screen and (max-width: 944px), print   /* MOBILE AND TABLET */
{
    body.inz_details .inz_content p,
    body.inz_details .inz_content li,
    body.inz_details .inz_content dt,
    body.inz_details .inz_content dd,
    body.inz_details .inz_content table td
    {
        font-size: 14px;
    }

    body.inz_details .rt_content a span.file_info span {
        font-size: 11px;
    }

    .vd_content_width {
        max-width: 800px;
        width: calc(100% - 160px);
        /*width: 70%;*/
        margin: 0 auto;
    }


    .vd_navbar .vd_nb_title h2
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        margin-bottom: 5px;
    }

    .vd_navbar .vd_nb_title {
        padding-top: 30px;
    }

    .vd_navbar .vd_nb_filter_section {
        padding-top: 19px;
    }

    .vd_navbar .vd_nb_filter_section .vd_nb_filter_tip {
        font-size: 13px;
    }

    .vd_navbar .vd_nb_tab span {
        font-size: 11px;
    }

    /*.vd_navbar .accordion_trigger.accordinate__cta:after {
        font-size: 14px;
        top: 7px;
        right: -17px;
    }*/

    /*.vd_navbar .accordinate__clickable .accordion_trigger.accordinate__cta.active:after
    {
        top: 6px;
        right: -18px;
    }*/

    .vd_navbar .vd_nb_filter_input .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
    .vd_navbar .vd_nb_filter_input .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }

    .vd_navbar .vd_nb_nav_tabs .vd_nb_nav_tabs_tab a {
        font-size: 12px;
        line-height: 1;
    }

    .vd_navbar .vd_nb_filter_section .vd_nd_filters .vd_navbar_filters_content {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .inz_details .vd_background {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .inz_details .vd_section .header_content h2 {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .inz_details .vd_section .header_content p {
        font-size: 14px;
        line-height: 1.43;
    }

    .inz_details .vd_section .header_content {
        padding-bottom: 50px;
    }

    .inz_details .vd_overview.vd_section {
        margin-top: 50px;
    }

    .vd_criteria section article .vd_row {
        flex-direction: column;
    }

    .vd_criteria section article .vd_title {
        margin-bottom: 5px;
    }

    .vd_criteria section article .vd_content,
    .vd_criteria section article .inz_accordion_title .vd_content {
        width: auto;
    }

    .vd_criteria section article .vd_title h3, .vd_conditions section article .vd_title h3 {
        font-size: 20px;
        line-height: 1.25;
    }

    .inz_details .vd_overview h5, .inz_details .vd_overview .vd_expectation h5 {
        font-size: 14px;
        line-height: 1.43;
    }

    .inz_details .vd_details > div p {
        font-size: 17px;
        line-height: 1.18;
        letter-spacing: -0.5px;
    }

    .inz_details .vd_overview .vd_exp_value {
        font-size: 17px;
        line-height: 1.18;
        letter-spacing: -0.5px;
    }

    .inz_details .vd_you_can ul li {
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #d8d8d8;
    }

    .inz_details .vd_you_can ul li {
        line-height: 1.67;
    }

    .inz_details .vd_overview .rt_content a.link__internal > span {
        font-size: 12px;
        line-height: 1.67;
    }

    .inz_details .process_number {
        font-size: 60px;
        line-height: 1;
        width: 50px;
    }

    .vd_process section article .process_number {
        font-size: 50px;
        line-height: 30px;
        padding-top: 18px;
        margin-right: 10px;
    }

    .vd_process section article h5.process_stage, .vd_submit section article h5.process_stage {
        font-size: 10px;
        /*line-height: 2.3;*/
        letter-spacing: 2.5px;
    }

    .vd_submit section article .article_contents {
        flex-direction: row;
    }

    .vd_submit section article .article_contents .process_heading {
        display: flex;
        justify-content: left;
        align-items: center;
        column-gap: 18px;
    }

    .vd_submit section article.two_stage .rc_details {
        padding-top: 20px;
    }

    .vd_process section article .process_title,
    .vd_submit section article .process_title {
        top: 0px;
        font-size: 20px;
        line-height: 1.25;
    }

    .vd_submit section article .process_title {
        padding-top: 52px;
    }

    .vd_submit section article .rc_details.stage_title {
        align-items: flex-start;
    }

    .vd_submit section article .rc_details .rcd_value {
        width: 100%;
    }

    .vd_submit section article .inz_accordion_titled .inz_accordion_title::after {
        display: inline-block;
        top: 0px;
        right: 2px;
        font-size: 16px;
    }

    .vd_submit section article.two_stage .inz_accordion_titled .inz_accordion_title::after {
        top: 52px
    }

    .vd_submit section article .inz_accordion_section {
        flex-direction: column;
        width: 100%;
    }

    .vd_submit section article .process_title {
        width: unset;
    }

    .vd_submit section article .inz_accordion .inz_accordion_section_content {
        /* padding: 5px 80px 25px 0; */
        padding: 38px 0 13px 0;
    }

    .vd_submit section article .rc_details .rcd_row {
        flex-direction: column;
        row-gap: 10px;
    }

    .vd_submit section article .rc_details .rcd_row .rcd_content {
        margin-left: 0px;
    }

    .vd_submit section article .rc_details .rcd_wrap_details p.content_listing_title
    {
        font-size: 15px;
        line-height: 1.43;
    }

    .vd_submit section article .rc_details .rcd_value .pm_title,
    .vd_submit section article .rc_details .rcd_wrap_details .rcd_content p,
    .vd_submit section article .rc_details .rcd_wrap_details .rcd_content li
    {
        font-size: 14px;
        line-height: 1.43;
    }

    .vd_submit section article.one_stage .process_title {
        width: 100%;
    }

    .vd_process section {
        flex-direction: column;
        row-gap: 2px;
    }

    .vd_process section h4.process_heading {
        display: flex;
        flex-direction: row;
        align-items: normal;
        column-gap: 5px;
        margin: 0;
    }

    .vd_process section .process_title:after {
        content: none;
    }

    .vd_process section article {
        width: 100%;
        max-width: none;
        flex-direction: column;
        column-gap: 2px;
    }

    .vd_process section article div.stage_title {
        min-width: auto;
        flex-basis: auto;
    }

    .vd_process section article .process_content {
        overflow: inherit;
        max-height: inherit;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 55px;
        margin-right: 0;
    }

    .vd_process section article .process_content .process_fees .currency {
        margin-top: 10px;
    }

    .vd_process section article .process_sub_break {
        margin-bottom: 10px;
    }

    .vd_process section article .process_content > div {
        flex-basis: 0;
        flex-grow: 1;
        width: 100%;
    }

    .vd_process .process_fees .currency .currency_value {
        font-size: 45px;
        letter-spacing: -0.5px;
        line-height: 1
    }

    .vd_process .process_fees .currency .currency_type,
    .vd_process section article .processing_time {
        font-size: 17px;
        line-height: 1.18;
        letter-spacing: -0.5px;
    }

    .vd_process section article .process_sub {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: normal;
        margin-top: 20px;
    }

    .vd_process section article .process_content,
    .vd_process section article .process_content p,
    .vd_process section article .process_content a,
    .vd_process section article .process_content ul li {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .vd_process section article .process_content.has_stage_label {
        padding-top: 10px;
    }

    .vd_navbar .vd_points_mobile  .vd_nb_points {
        display: none;
    }

    .inz_details .vd_nzeta h2 {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .inz_details .vd_nzeta .vd_apps h3 {
        font-size: 20px;
        line-height: 1.25;
    }

    .inz_details .vd_footer_nzeta {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .inz_details .vd_nzeta .vd_apps {
        margin-top: 35px;
        margin-bottom: 50px;
    }

    .inz_details .vd_footer_nzeta.vd_nzeta .vd_apps {
        margin-top: 25px;
        margin-bottom: 0;
    }

    .inz_details .vd_footer_nzeta.vd_nzeta .vd_apps .vd_app_badges {
        margin-top: 25px;
    }

    .vd_conditions section article .vd_content .inz_condition_notes.inz_note :is(a.link__download::before, a.link__external::before, a.link__internal::before, a.link__broken::before) {
        left: -20px;
    }

    .vd_conditions section article .vd_content .inz_condition_notes.inz_note .rt_content :is(a.link__download, a.link__external, a.link__internal, a.link__broken)  {
        margin-left: 25px;
    }
}


@media screen and (max-width: 749px), print   /* MOBILE ONLY */
{
    body.inz_details .inz_content p,
    body.inz_details .inz_content li,
    body.inz_details .inz_content dt,
    body.inz_details .inz_content dd,
    body.inz_details .inz_content table td
    {
        font-size: 12px;
    }

    body.inz_details .rt_content a span.file_info span {
        font-size: 10px;
    }

    .process_fees p.process_notes,
    .process_fees p.process_notes small,
    .process_timeframes p.process_notes,
    .process_timeframes p.process_notes small,
    .process_timeframes div.process_notes,
    .vd_process section article .process_content .process_timeframes div.process_notes p {
        font-size: 12px;
    }

    .vd_process section article .process_content .process_timeframes div.process_notes a,
    .vd_process section article .process_content .process_timeframes div.process_notes a span {
        font-size: 12px;
    }

    .vd_process section article .process_content, .vd_process section article .process_content p, .vd_process section article .process_content a, .vd_process section article .process_content ul li {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .process_fees .process_notes .note_heading {
        font-size: 12px;
    }

    body.inz_details header.inz_page_header {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    body.inz_details #details_login_lightbox > header {
        margin-bottom: 17.5px;
    }

    .vd_content_width,
    .inz_details .vd_banner .notification_banner .notification_banner_content
    {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .vd_navbar .vd_nb_title {
        padding-top: 20px;
    }

    .vd_navbar .vd_nb_title h2 {
        font-size: 20px;
        line-height: 1.25;
    }

    .vd_navbar .vd_nb_filter_section .vd_nd_filters form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
    }

    .vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_input {
        max-width: 100%;
        min-width: 100%;
    }

    .vd_navbar .vd_nb_filter_section .vd_nd_filters form .vd_nb_filter_btn {
        width: 100%;
    }

    .vd_navbar .accordinate__clickable .accordion_trigger.accordinate__cta.active::after,
    .vd_navbar .accordion_trigger.accordinate__cta:after {
        font-size: 14px;
        top: 7px;
        right: -17px;
    }

    .vd_navbar .vd_nb_filter_section .vd_nd_filters form input[type=submit] {
        width: 100%;
        max-width: 100%;
    }

    .vd_navbar .vd_nb_filter_section .vd_nb_filter_tip {
        margin-bottom: 10px;
    }

    .inz_details .vd_background {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .inz_details .vd_details {
        flex-wrap: wrap;
        justify-content: left;
        margin-bottom: 40px;
    }

    .inz_details .vd_you_can {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: left;
        /*margin-bottom: 50px;*/
    }

    .inz_details .vd_details .vd_expectation {
        /*width: 50%;*/
        margin-left: 0px;
        margin-bottom: 20px;
        padding-right: 16px;
    }

    .inz_details .vd_section .vd_note_container {
        width: 100%;
    }

    .inz_details .vd_overview.vd_section {
        margin-top: 40px;
    }

    .inz_details .vd_overview h5, .inz_details .vd_overview .vd_expectation h5 {
        font-size: 14px;
        line-height: 1.43;
        margin-top: 0px;
    }

    .inz_details .vd_overview .vd_expectation h5 {
        margin-bottom: 0;
        margin-top: 0;
    }

    .inz_details .vd_overview .vd_expectation h5.exp_item_3_a,
    .inz_details .vd_overview .vd_expectation h5.exp_item_4_a {
        grid-row-start: 3;
        margin-top: 20px;
    }

    .inz_details .vd_overview .vd_expectation h5.exp_item_3_a,
    .inz_details .vd_overview .vd_expectation h5.exp_item_5_a,
    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_3_b,
    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_5_b
    {
        border-left: none;
        padding-left: 0;
    }

    .inz_details .vd_overview .vd_expectation h5.exp_item_5_a,
    .inz_details .vd_overview .vd_expectation h5.exp_item_6_a {
        grid-row-start: 5;
        margin-top: 20px;
    }

    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_3_b,
    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_4_b {
        grid-row-start: 4;
    }

    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_5_b,
    .inz_details .vd_overview .vd_expectation .vd_exp_text.exp_item_6_b {
        grid-row-start: 6;
    }

    .inz_details .vd_you_can ul li {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #d8d8d8;
        font-size: 12px;
        line-height: 1.67;
    }

    .inz_details .vd_you_can > div:last-child {
        margin-left: 0px;
        margin-top: 30px;
    }

    .inz_details .vd_details > div p {
        font-size: 17px;
        line-height: 1.18;
    }

    .inz_details .vd_overview .vd_exp_sub {
        font-size: 12px;
        line-height: 1.17;
    }

    .inz_details .vd_overview .vd_exp_value {
        font-size: 17px;
        line-height: 1.18;
        letter-spacing: -0.5px;
    }

    .inz_details .vd_details > div:nth-of-type(even) {
        border-right: none;
        padding-left: 16px;
    }

    .inz_container.vd_criteria {
        width: 80%;
    }

    .vd_criteria section article .vd_title h3,
    .vd_conditions section article .vd_title h3 {
        font-size: 16px;
        line-height: 1.38;
    }

    .inz_details .vd_section .header_content h2 {
        font-size: 20px;
        line-height: 1.25;
        letter-spacing: normal;
    }

    .inz_details .vd_section .header_content p {
        font-size: 13px;
        line-height: 1.54;
    }

    .inz_details .vd_section .header_content {
        padding-bottom: 30px;
    }

    .vd_conditions section article {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .vd_conditions section article .vd_title {
        margin-bottom: 10px;
    }

    .vd_conditions section article .vd_content .inz_note {
        margin-top: 20px;
    }

    .vd_conditions section article .vd_content {
        max-width: 100%;
        margin-left: 50px;
        text-align: left;
        flex-grow: 1;
    }

    .vd_conditions.inz_container, .vd_criteria.inz_container {
        width: calc(100% - 30px);
    }

    .vd_conditions section article .vd_content {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .inz_details .vd_notifications {
        margin-top: 50px;
    }

    body.inz_details .inz_accordion_h2 h2::after,
    body.inz_details .inz_accordion_h3 h3::after,
    body.inz_details .inz_accordion_titled .inz_accordion_title::after {
        font-size: 16px;
        top: 28px;
        right: 2px;
    }

    .inz_details .vd_overview h5, .inz_details .vd_overview .vd_expectation h5 {
        font-size: 14px;
        line-height: 1.43;
    }

    .vd_process section article .process_title,
    .vd_submit section article .process_title {
        font-size: 16px;
        line-height: 1.38;
    }

    .vd_submit section article .rc_details .rcd_wrap_details p.content_listing_title,
    .vd_submit section article .rc_details .rcd_wrap_details .rcd_content p {
        font-size: 12px;
        line-height: 1.25;
    }

    .vd_submit section article .process_number {
        font-size: 45px;
        width: 32px;
    }

    /*.vd_process section article .process_title, .vd_submit section article .process_title {
        padding-top: 0px;
    }*/

    .vd_process section article .process_content {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    .vd_process section article .process_content .currency {
        text-align: left;
    }

    .vd_process section article .process_content > div {
        flex-basis: content;
        flex-grow: 1;
        width: auto;
    }

    .vd_process .process_fees .currency .currency_value {
        font-size: 40px;
        letter-spacing: -0.5px;
        line-height: 1
    }

    .vd_process section article .process_sub {
        margin-top: 5px;
    }

    .vd_process section article .process_sub_break {
        margin-bottom: 8px;
    }

    .vd_process section h4.process_heading {
        column-gap: 0;
    }

    .vd_process section article .process_content .inz_content {
        margin-bottom: 12px;
    }

    .vd_process section article {
        padding: 20px 16px 10px 16px;
    }

    .vd_conditions section article .vd_title {
        flex-basis: 0;
    }

    .vd_navbar .vd_points_mobile  .vd_nb_points {
        display: block;
    }

    .vd_navbar .vd_nb_filter_section .vd_nb_points {
        display: none;
    }

    #details_login_lightbox article.service_detail .btn__login 
    {
        width: calc(100% - 70px);
    }

    .inz_details .vd_nzeta h2 {
        font-size: 20px;
        line-height: 1.25;
        letter-spacing: normal;
    }

    .inz_details .vd_nzeta .vd_apps h3 {
        font-size: 16px;
        line-height: 1.38;
    }

    .inz_details .vd_footer_nzeta {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .inz_details .vd_nzeta .vd_apps {
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .inz_details .vd_footer_nzeta.vd_nzeta .vd_apps {
        margin-top: 17px;
        margin-bottom: 0;
    }

    .inz_details .vd_footer_nzeta.vd_nzeta .vd_apps .vd_app_badges {
        margin-top: 17px;
    }

    .inz_details .vd_nzeta .vd_apps .vd_app_badge {
        width: 150px;
    }

    .inz_details .vd_nzeta .vd_apps .vd_app_badge_b {
        width: 170px;
    }
}

@media only print
{
    #vd_navbar {
        display: none;
    }

    header.inz_page_header h1 {
        max-width: unset;
    }

    header.inz_page_header h2 {
        max-width: unset;
    }

    header.inz_page_header p.page_intro {
        max-width: unset;
    }

    .inz_details .vd_overview_apply {
        display: none;
    }

    .vd_content_width {
        width: auto;
        max-width: unset;
    }

    .inz_details .vd_details .vd_expectation {
        width: auto;
        padding-left: 16px;
    }

    .inz_details .vd_details > div:nth-of-type(2n) {
        border-right: solid 1px #d6d7db;
    }

    .inz_details .vd_details > div:first-child {
        padding-left: 0;
    }

    .inz_details .vd_banner .notification_banner .notification_banner_content {
        max-width: unset;
    }

    .vd_content_width, .inz_details .vd_banner .notification_banner .notification_banner_content {
        width: auto;
    }

    .notification_banner_icon::before {
        color: #000;
    }

    .notification_banner .title {
        font-size: 30px;
        width: auto;
    }

    .inz_details .vd_banner {
        border: solid 2px #000;
        padding: 10px;
        margin-bottom: 20px;
    }

    .inz_details .vd_banner .notification_banner {
        margin: 0;
        padding: 0;
    }

    .notification_banner .body, .notification_banner .body p:last-of-type {
        margin-bottom: 0;
    }

    .vd_criteria_view_all {
        display: none;
    }

    .inz_accordion .inz_accordion_collapsible {
        display: block;
    }

    .inz_details .vd_section .header_content {
        text-align: left;
    }

    .vd_conditions.inz_container, .vd_criteria.inz_container {
        width: auto;
    }

    .vd_criteria section article .vd_title {
        max-width: unset;
        width: auto;
    }

    .vd_criteria section article .vd_title h3 {
        margin: 0 !important;
    }

    .inz_details #main > .vd_section_container {
        break-before: page;
        display: block !important;
    }

    .inz_details .vd_background {
        padding: 0;
    }

    .vd_process section article {
        padding: 0;
    }

    .vd_process section article .process_title,
    .vd_submit section article .process_title {
        font-size: 20px;
        line-height: 1.38;
    }

    .vd_process section article .process_number {
        font-size: 20px !important;
        margin-right: 10px;
    }

    .vd_process section article .process_number::before {
        width: 12px;
    }

    .vd_process section article .process_content {
        margin-left: 50px;
        margin-top: 10px;
    }

    /*.inz_details .inz_content a[target="slider"]:not(.listing_link):not(.link__internal) {*/
    .inz_details .inz_content a[target="slider"] {
        display: none !important;
    }

    .inz_details .inz_content a {
        display: none !important;
    }

    .vd_criteria section article .inz_accordion_title .vd_content {
        max-width: unset;
    }

    .vd_criteria section article .inz_accordion_section_content .vd_content {
        margin-left: 50px;
    }

    .vd_submit section article .rc_details .rcd_row .rcd_content {
        margin-left: 100px;
    }

    .vd_conditions section article .vd_content {
        max-width: unset;
        width: auto;
        margin: 0 0 0 50px;
    }

    .inz_details article.inz_accordion_section {
        break-inside: avoid;
    }

    .inz_details .inz_main_column {
        width: auto;
    }

    .inz_details .inz_main_column .video_guide_container {
        display: none;
    }

    .inz_details .vd_details > div:last-child {
        border: none;
        padding-right: 16px;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 NLS Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 NLS styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.nls #main
{
    display: flex;
    align-items: stretch;
    padding: 0;
    min-height: 940px;
}

body.nls .nls_background
{
    flex-grow: 1;
    padding-bottom: 135px;
}

body.nls.nls_active .nls_background
{
    background: rgba(50, 56, 73, 1 /*.93*/);
}

body.nls .nls_background nav.inz_breadcrumbs
{
    margin: 156px auto 160px;
}

body.nls.nls_active .nls_background nav.inz_breadcrumbs li
{
    color: #ffffffb3;
}

body.nls.nls_active .nls_background nav.inz_breadcrumbs a
{
    color: #fff;
}

body.nls.nls_active .nls_background nav.inz_breadcrumbs a.site_nav_root
{
    filter: invert();
}

body.nls .inz_nls_body
{
    transition: margin-top .2s ease-out;
}

body.nls .inz_nls_body:has(.selectgrid:not(.inactive))
{
    margin-top: -12em;
}

body.nls .inz_nls_body .inz_nls_intro
{
    font-family: fira-book, Arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.5625em;
    color: #323849;
}

body.nls.nls_active .inz_nls_body .inz_nls_intro
{
    color: #fff;
}

body.nls form.natlang
{
    max-width: 800px;
    margin: 0 auto 30px;
}

body.nls .inz_nls_body .selectgrid_swap
{
    background: #282d3a;
    font-size: 22px;
    margin-top: 20px;
}

body.nls .inz_nls_body .selectgrid_swap::before
{
    font-family: "glyphs";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: 18px;
    padding-right: 1em;
}

body.nls .inz_nls_body .selectgrid_swap::after
{
    content: none;
}


body.nls .inz_nls_body .selectgrid_wrapper
{
    margin: 0 auto;
}

body.nls .inz_nls_body .natlang .query
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #323849;
}

body.nls.nls_active .inz_nls_body .natlang .query
{
    color: #fff;
}

body.nls .inz_nls_body .natlang .query.hasvalue
{
    font-family: gustan-light, Arial, sans-serif;
    font-size: 34px;
    line-height: 1.44;
    margin-bottom: 0;
}

body.nls .inz_nls_body .natlang .query.hasvalue::after
{
    content: ".";
}

body.nls .inz_nls_body .natlang .query:not(.hasvalue)
{
    margin-top: 50px;
}

body.nls .inz_nls_body .natlang #visa_submit
{
    margin-top: 38px;
}


body.nls .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__placeholder
{
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 34px;
    font-stretch: normal;
    font-style: italic;
    line-height: 0.88;
    letter-spacing: normal;
    color: #5b606d;
    display: inline-block;
    min-width: 8em;
    text-align: left;
}

body.nls.nls_active .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__placeholder
{
    color: rgba(255, 255, 255, 0.8);
}

body.nls .inz_nls_body /*.field.dropdown*/ .select2-container--natlang.select2
{
    border-bottom: solid #5b606d 5px;
}

body.nls .inz_nls_body .field.text input
{
    border-bottom-width: 3px;
}

body.nls.nls_active .inz_nls_body /*.field.dropdown*/ .select2-container--natlang.select2,
body.nls .inz_nls_body .field.text input
{
    border-bottom-color: #fff;
}

body.nls .inz_nls_body .query.hasvalue .select2-container--natlang.select2,
body.nls .inz_nls_body .query.hasvalue .field.text input
{
    border-bottom-width: 1px;
}

body.nls .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__rendered,
body.nls .inz_nls_body .select2-container--natlang .select2-search--inline.select2-search .select2-search__field
{
    /* Removing these rules as they cause the fields to get elipsed on tablets */
    font-size: 34px;
    line-height: 55px;
}

body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-selection .select2-selection__rendered,
body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-search--inline.select2-search .select2-search__field
{
	line-height: 49px;
}

body.nls .select2-container--open
{
    z-index: 20;
}

body.nls .inz_nls_sg_message h1
{
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 60px;
}

body.nls .inz_nls_sg_message
{
    max-width: 800px;
    margin: 0 auto 40px;
}


body.nls .inz_nls_sg_message p,
body.nls .inz_nls_sg_message
{
    font-family: fira-lightitalic, Arial, sans-serif;
    font-size: 18px;
    /*font-style: italic;*/
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

body.nls .selectgrid .selectgrid_content
{
    padding-bottom: 60px;
}

body.nls .comparison thead th
{
    border-left-color: #fff;
}

body.nls .comparison .cell_wrapper
{
    padding: 45px 20px;
}

body.nls .comparison ul
{
    margin-left: 1.7em;
}

body.nls .comparison ul li::before
{
    content: '\2022';
}

body.nls .comparison li ul li::before
{
    content: '\2218';
    color: #323849;
}

body.nls .inz_nls_ap
{
    min-height: 768px;
    margin-bottom: -135px;
}


body.nls .inz_nls_ap h2
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    text-align: center;
    color: #323849;
    padding: 240px 0 0 0;
    margin-top: 0;
}

body.nls .inz_nls_ap_boxes
{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

body.nls .inz_nls_ap_boxes a
{
    display: block;
    width: 200px;
    height: 200px;
    position: relative;
    background: rgba(255, 255, 255, .9);
    margin: 0 0 0 2px;
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.18;
    letter-spacing: normal;
    color: #323849;
    padding: 56px 30px;
}

body.nls .inz_nls_ap_boxes a::after
{
    content: '';
    position: absolute;
    bottom: 56px;
    left: 30px;
    display: inline-block;
    width: 45px;
    height: 17px;
    mask-image: url("/++resource++inz.site/images/arrow-medium.svg");
    -webkit-mask-image: url("/++resource++inz.site/images/arrow-medium.svg");
    background: #00b1e3;
}

body.nls .inz_nls_ap_boxes a:hover
{
    background: rgba(255, 255, 255, .8);
}

body.nls.nls_active .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__arrow b::before
{
    color: rgba(255, 255, 255, 0.8);
}

body.nls .inz_nls_body .select2-container--natlang .select2-search--inline.select2-search:after
{
    color: #fff;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    body.nls .nls_background nav.inz_breadcrumbs
    {
        display: none;
    }

    body.nls .inz_nls_body
    {
        margin-top: 200px;
    }

    body.nls .inz_nls_body:has(.selectgrid:not(.inactive))
    {
        margin-top: 150px;
    }

    body.nls #main
    {
        min-height: 850px;
    }

    body.nls .inz_nls_body .natlang .query
    {
        padding: 0 10%;
    }

    body.nls .inz_nls_sg_message
    {
        max-width: 600px;
    }

    body.nls .inz_nls_body /*.field.dropdown*/ .select2-container--natlang.select2
    {
        border-bottom-width: 3px;
    }

    body.nls .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__rendered,
    body.nls .inz_nls_body .select2-container--natlang .select2-search--inline.select2-search .select2-search__field,
    body.nls .inz_nls_body .field.text input,
    .select2-container--natlang .select2-search--inline.select2-search .select2-search__field
    {
        font-size: 34px;
        line-height: 42px;
        height: auto;
    }

    body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-selection .select2-selection__rendered,
    body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-search--inline.select2-search .select2-search__field
    {
        line-height: 42px;
    }

}

@media screen and (max-width: 944px) and (min-width: 750px)   /* TABLET only */
{
    body.nls .inz_nls_body .select2-container--natlang.setwidth
    {
        width: auto !important;
    }

    body.nls .inz_nls_body .select2-container--natlang .select2-search--inline.select2-search:after
    {
        top: 18px;
        font-size: 18px;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    body.nls .nls_background nav.inz_breadcrumbs
    {
        margin: 100px auto 50px;
    }

    body.nls .inz_nls_body,
    body.nls .inz_nls_body:has(.selectgrid:not(.inactive))
    {
        margin-top: 100px;
    }

    body.nls #main
    {
        min-height: 555px;
    }

    body.nls .inz_nls_body .natlang .query
    {
        font-size: 25px;
        line-height: 1.2;
    }

    body.nls .inz_nls_body .natlang .query:not(.hasvalue)
    {
        margin-top: 30px;
    }

    body.nls .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__rendered,
    body.nls .inz_nls_body .select2-container--natlang .select2-search--inline.select2-search .select2-search__field,
    body.nls .inz_nls_body .field.text input
    {
        font-size: 20px;
        line-height: 22px;
    }

    body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-selection .select2-selection__rendered,
    body.nls .inz_nls_body p.hasvalue .select2-container--natlang .select2-search--inline.select2-search .select2-search__field
    {
        line-height: 22px;
    }

    body.nls .inz_nls_body .select2-container--natlang .select2-selection .select2-selection__placeholder
    {
        font-size: 22px;
        line-height: 1.18;
    }

    body.nls .inz_nls_body .natlang .query.hasvalue
    {
        font-size: 20px;
        line-height: 1.2;
    }

    body.nls .inz_nls_body .selectgrid_swap.selectgrid_swap__visible.selectgrid_swap__mobile
    {
        display: none;
    }

    body.nls .inz_nls_sg_message
    {
        max-width: 90%;
    }

    body.nls .inz_nls_sg_message h1
    {
        font-size: 30px;
        line-height: 1.33;
        letter-spacing: -1px;
    }

    body.nls .inz_nls_sg_message p,
    body.nls .inz_nls_sg_message
    {
        font-size: 13px;
        line-height: 1.54;
        letter-spacing: normal;
    }

    body.nls .inz_nls_ap h2
    {
        font-size: 25px;
        padding: 100px 5% 0 5%;
    }

    body.nls .inz_nls_ap_boxes
    {
        flex-direction: column;
        align-items: center;
        padding-bottom: 100px;
    }

    body.nls .inz_nls_ap_boxes a
    {
        height: 115px;
        margin-bottom: 1px;
        padding: 0 20px;
        text-align: center;
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 1.43;
    }

    body.nls .inz_nls_ap_boxes a::after
    {
        display: none;
    }

    body.nls .inz_nls_ap_boxes a span
    {
        margin: auto;
    }

}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    =================================
    INZ2019 Page Visa List Stylesheet
    =================================

    This is the stylesheet for the INZ2019 PageVisaList styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page_visa_list header.inz_page_header
{
    margin-bottom: 0;
}

body.page_visa_list .inz_page_body
{
    margin-top: 100px;
}

body.page_visa_list .results_summary_hidden
{
    display: none;
}

body.page_visa_list article.visa_listing:first-child
{
    padding-top: 0;
}


@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    =========================================
    INZ2019 Page Points Calculator Stylesheet
    =========================================

    This is the stylesheet for the INZ2019 PagePointsCalculator styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */


.portaltype-pagepointscalculator .stickybar_details {
    visibility: hidden;
}

.portaltype-pagepointscalculator button.stickybar_btn {
    visibility: hidden;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    =====================================
    INZ2019 RealMe Integration Stylesheet
    =====================================

    This is the stylesheet for the INZ2019 RealMe Integration styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Overriding the styling of the login button in the panel login (panel.es6.js) */

a.btn.btn__login.realme_2023_login
{
    padding: 0.8em 0.7em 0.8em 2.7em;
    background: #d64309;
    font-size: 16px;
    line-height: 1.53333;
    border-radius: 1em;
    border-color: #d64309;
    width: 12em;
    margin-right: 0;
}

a.btn.btn__login.realme_2023_login::after
{
    content: none;
}

a.btn.btn__login.realme_2023_login::before
{
    top: calc(50% - 1.5em);
    left: 0;
    right: unset;
    bottom: unset;
    display: inline-block;
    width: 3em;
    height: 3em;
    background: center/contain url('https://www.immigration.govt.nz/++resource++inz.static.54/images/RealMe_Face_Symbol_White.svg') no-repeat;

}

a.btn.btn__login.realme_2023_login:hover,
a.btn.btn__login.realme_2023_login:focus
{
    opacity: .8;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    a.btn.btn__login.realme_2023_login
    {
        font-size: 13px;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Resources Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Resources styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz_resource_summary_back
{
    font-size: 1.8em;
    line-height: 2em;
    margin-bottom: 4em;
    display: inline-block;
    color: #808080;
}

.inz_resource_summary_left_column .inz_resource_summary_back:hover
{
    color: #05304c;
}

.inz_resource_summary_back::before
{
    /*noinspection CssNoGenericFontName*/
    font-family: "glyphs";
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8em;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    content: "\f102";
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    /*
    position: absolute;
    top: 0;
    left: 0;
    */
    margin-right: 0.5em;
}


@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    .template-resource_summary .inz_resource_summary_left_column
    {
        display: block;
        width: auto;
        margin: 0 4em 4em 0;
        padding: 0;
    }

    .template-resource_summary .inz_resource_summary_left_column .inz_resource_summary_back
    {
        font-size: 1.3em;
        margin: 0 0 2em 0;
    }

    .template-resource_summary .inz_resource_summary_left_column .thumbnail
    {
        max-height: 20em;
    }

}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .template-resource_summary .inz_page_body.inz_container
    {
        flex-direction: column;
    }

    .template-resource_summary .inz_resource_summary_left_column
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 4em 0;
        padding: 0;

    }

    .template-resource_summary .inz_resource_summary_left_column .inz_resource_summary_back
    {
        margin: 0;
        flex-grow: 1;
    }

    .template-resource_summary .inz_resource_summary_left_column .thumbnail
    {
        max-height: 10em;
    }

    .template-resource_summary .inz_main_column.inz_content
    {
        width: 100%;
    }
}

@media only print                      /* PRINT styles */
{
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    Audience, Major and Minor Landing Pages

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.inz_landing.inz2019 .inz_main_column
{
    margin: 0;
    width: 100%;
}

body.inz_landing.inz2019 #main
{
    /*padding-bottom: 130px;*/
    margin-bottom: -130px;
}

body.inz_landing.inz_landing.with_panels.inz2019 #main
{
    padding-bottom: 130px;
    margin-bottom: 0px;
}

.inz_landing.inz2019 #main
{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding: 180px 0 425px;*/
    padding: 0px 0 105px;
}

/*.folder_major_2019.inz_landing.inz2019 #main,
.folder_minor_2019.inz_landing.inz2019 #main
{
    padding: 0;
}*/

body.folder_minor_2019.inz_landing #main
{
    margin-bottom: 0px;
}

.audience_2019.inz_landing .inz_major_background
{
    padding-bottom: 130px;
}

.audience_2019.inz_landing .inz_page_header
{
    padding-bottom: 40px;
    padding-top: 220px;
}

.folder_major_2019.inz_landing .inz_major_background
{
    padding-bottom: 105px;
}

.inz_landing.with_panels.inz2019 .inz_major_background
{
    padding-bottom: 0px;
}

.inz_landing .inz_page_body
{
    display: flex;
    justify-content: center;
    margin: auto;
}

.inz_landing .inz_main_content
{
    width: initial;
}

.inz_no_background
{
    background: none !important;
}

.inz_major_background
{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*position: absolute;*/
    width: 100%;
    height: 100%;
}


/* ---------------------------------------------------------------------------------- */
/* Header Styles */
/* ---------------------------------------------------------------------------------- */

header.inz_landing_header
{
    background: none;
    margin-bottom: 0px;
}

.audience_2019.inz_landing header.inz_landing_header h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 50px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
}

.inz_landing header.inz_landing_header h1
{
    max-width: 700px;
    margin: 0 auto 0px;
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 50px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.inz_landing header.inz_landing_header p.page_intro
{
    max-width: 800px;
    margin: 30px auto 0;
    font-family: fira-lightitalic, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
}

/* ---------------------------------------------------------------------------------- */
/* Landing Grids */
/* ---------------------------------------------------------------------------------- */

.inz_grid
{
    padding-bottom: 100px;
}

.inz_grid.inz_simple_grid
{
    padding-bottom: 180px;
}

.inz_linkgrid
{
    display: flex;
    justify-content: left;
    width: 904px;
    position: relative;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
}

.inz_simple_grid .inz_linkgrid
{
    width: 604px;
}

.inz_linkgrid_item
{
    width: 300px;
    height: 300px;
    margin: 1px 1px 0px 0px;
    background-color: #f2f2f2;
    opacity: 1;
    transition: all 0.5s;
    color: #323849;
}

body.folder_major_2019 .inz_linkgrid_item,
body.folder_minor_2019 .inz_linkgrid_item
{
    opacity: 0;
    transition: opacity 0s;
}

body.folder_major_2019 .inz_linkgrid_item.abstract_done
{
    opacity: 1;
    transition: opacity .5s;
}

body.folder_minor_2019 .inz_linkgrid_item.abstract_done
{
    opacity: 1;
}

.folder_minor_2019.inz_landing .inz_linkgrid_item
{
    background-color: #282d3a;
    color: #fff;
}

.folder_minor_2019.inz_landing .inz_linkgrid_hover_contents
{

}

.inz_simple_grid .inz_linkgrid_item
{
    width: 199px;
    height: 199px;
    background: rgba(255, 255, 255, 0.9);
}

.inz_simple_grid .inz_linkgrid_item.inz_linkgrid_priority
{
    width: 399px;
}

.inz_simple_grid .inz_linkgrid_item.inz_linkgrid_visa_search_box
{
    margin-top: 1px;
    width: 599px; /* full width */
    height: auto;
    background: rgba(255, 255, 255, 0.82);
}

.inz_linkgrid_item:not(.inz_linkgrid_visa_search_box):hover
{
    transition: all 0.5s;
    background-color: #323849;
    color: #fff;
}

.folder_minor_2019.inz_landing .inz_linkgrid_item:not(.inz_linkgrid_visa_search_box):hover
{
    background-color: #0e7ac3;
    color: #fff;
}

.inz_linkgrid_contents
{
    padding: 33px 38px 55px 36px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.inz_linkgrid_inner_wrap button
{
    display: none;
}

.inz_simple_grid .inz_linkgrid_contents
{
    padding: 15px 15px 15px 15px;
    width: 198px;
    height: 198px;
}

.inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_contents
{
    width: 398px;
}

.inz_simple_grid .inz_linkgrid_visa_search_box .inz_linkgrid_contents
{
    width: 598px;
    height: auto;
}

.inz_linkgrid_item:hover .inz_linkgrid_contents
{
    visibility: hidden;
}

/*.inz_simple_grid .inz_linkgrid_item:hover .inz_linkgrid_contents
{
    transition: all 0s;
    opacity: 1;
    visibility: visible;
}*/

.inz_simple_grid .inz_linkgrid_item.inz_linkgrid_visa_search_box .inz_linkgrid_contents:hover {
    transition: all 0s;
    opacity: 1;
    visibility: visible;
}

/*.inz_simple_grid .inz_linkgrid_item:hover*/
.inz_simple_grid .inz_linkgrid_item:not(.inz_linkgrid_visa_search_box):hover
{
    /*background-color: #00b1e3;*/
    background-color: #282d3a;
    color: #fff;
    text-decoration: none;
    opacity: 1;
}


.inz_linkgrid_hover_contents
{
    width: 100%;
    height: 100%;
    padding: 33px 38px 55px 36px;
    overflow: hidden;
    opacity: 0;
    transition: all 0s;
    position: relative;
    top: -100%;
    color: #fff;
}

.inz_simple_grid .inz_linkgrid_hover_contents
{
    padding: 15px;
}

.inz_linkgrid_item:hover .inz_linkgrid_hover_contents
{
    transition: all 0.5s;
    opacity: 1;
}

.inz_linkgrid_title
{
    font-family: gustan-thin, Arial, sans-serif;
    font-size: 30px;
    font-weight: 100;
    font-style: normal;
    letter-spacing: -0.6px;
    line-height: 1.1;
    margin: 0 0 27px 0;
    position: relative;
}

.folder_minor_2019.inz_landing .inz_linkgrid_title
{
    color: #fff;
}

.inz_simple_grid .inz_linkgrid_title
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    /*justify-content: center;*/
    width: 170px;
    height: 170px;
    /*padding: .75em;*/
    /*margin: 0 1px 1px 0;*/
    /*background: rgba(255, 255, 255, 0.9);*/
    border: none;
}

.inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_title
{
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: normal;
    width: 370px;
}

.inz_simple_grid .inz_linkgrid_visa_search_box .inz_linkgrid_title
{
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: normal;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.inz_linkgrid_title:after
{
    width: 12px;
    font-family: glyphs;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f108";
    font-size: .5em;
    color: #00b1e3;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 10px;
}

.inz_simple_grid .inz_linkgrid_title:after
{
    content: none;
}

.inz_linkgrid_abstract
{
    display: block;
    font-size: 16px;
    font-family: fira-regular, arial, sans-serif;
    font-style: normal;
    line-height: 1.56;
    /*max-height: 150px;*/
    margin-bottom: 0px;
}

.inz_simple_grid .inz_linkgrid_abstract
{
    font-size: 14px;
    line-height: 22px;
}

.folder_minor_2019.inz_landing .inz_linkgrid_abstract
{
    color: #fff;
}

.inz_linkgrid_hover_contents .inz_linkgrid_abstract
{
    color: #fff;
    /*max-height: 210px;*/
}

.inz_linkgrid_hover_contents
{
    display: block;
}

/* ---------------------------------------------------------------------------------- */
/* Landing Panels */
/* ---------------------------------------------------------------------------------- */


.inz_landing_panel
{
    position: relative;
    background-color: #0e7ac3;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 70px;
}

.inz_landing_panel:last-child
{
    padding-bottom: 160px;
    margin-bottom: -130px;
}

.inz_landing_panel_section
{
    display: flex;
    justify-content: center;
    margin: 0px;
    width: auto;
    /*margin-left: 320px;
    margin-right: 320px;*/
}

.inz_landing_panel .inz_landing_panel_title
{
    flex: 0 1 200px;
    max-width: 200px;
    /*width: 200px;*/
    margin-right: 50px;
}

.inz_landing_panel .resourcefooter_resultlink:visited
{
    color: white;
}

.inz_landing_panel .resourcefooter_resultlink:visited:hover
{
    color: #000;
    border-bottom-color: #000;
}

.inz_landing_panel .inz_landing_panel_title,
.inz_landing_panel .inz_landing_panel_title a,
.inz_landing_panel .inz_landing_panel_title h1
{
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    line-height: 38px;
    margin-top: 0;
    padding-top: 0;
}

.inz_landing_panel .inz_landing_panel_body
{
    flex: 1 1 auto;
    border-left: solid 1px white;
    padding-left: 48px;
    max-width: 550px;
    width: 100%;
}

.inz_landing_panel.promo_nzeta .inz_landing_panel_body
{
    border-color: #323849;
}

.inz_landing_panel .resourcefooter_list li:last-child
{
    padding-bottom: 0;
}

.inz_landing_panel .inz_landing_panel_body p
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    line-height: 1.67;
}

.inz_landing_panel_body p a
{
    color: #323849;
    text-decoration: none;
    border-bottom: dotted 1px;
}

.inz_landing_panel_body p a:hover
{
    color: #fff;
    text-decoration: none;
    border-bottom-color: transparent;
}

.inz_landing_panel.promo_2019
{
    /*position: relative;*/
    background: #00b1e3;
    /*padding-top: 51px;
    padding-bottom: 155px;
    margin-top: -105px;*/
}

.inz_landing_panel.promo_2019 .inz_landing_panel_body
{
    border-left: solid 1px #323849;
}


.inz_landing_panel.inz_promo_panel.promo_2019 .inz_landing_panel_title,
.inz_landing_panel.inz_promo_panel.promo_2019 .inz_landing_panel_title a,
.inz_landing_panel.inz_promo_panel.promo_2019 .inz_landing_panel_title h1
{
    color: #323849;
}


.inz_landing_panel.promo_nzeta
{
    background: #8cb83a;
    color: #1e222c;
}

/*.inz_landing_panel.promo_2019 > .inz_container > div
{
    max-width: 800px;
    margin: auto;
    display: flex;
}*/

.inz_landing_panel.promo_nzeta > .inz_container > div
{
    width: 1000px;
    max-width: none;
    margin-left: calc(50% - 400px); /* (1000px (width of promo) / 2) - (200px (width of img + margin) / 2) == 400px */
    margin-right: 0;
}

.inz_landing_panel.promo_nzeta .promo_body
{
    display: flex;
}

.inz_landing_panel.promo_nzeta img
{
    width: 150px;
    flex-shrink: 0;
    height: 37px;
    margin-top: 7px; /* needed to offset the negative margin on the containing div :-/ */
    margin-left: 50px;
    float: right;
    position: relative;
    top: -30px;
    left: 200px;
}

/* ---------------------------------------------------------------------------------- */
/* Carousel */
/* ---------------------------------------------------------------------------------- */

.flex_break
{
    flex-basis: 100%;
    height: 0;
}

.inz_carousel_panel .inz_landing_panel_section
{
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 5px;
}

.inz_carousel_controls
{
    position: relative;
    width: 100%;
}

.inz_carousel_image
{
    width: 620px;
    height: 600px;
    display: none;
}

.inz_carousel_image_small
{
    width: 335px;
    height: 365px;
    display: none;
}

.inz_carousel_container
{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-left: 120px;
    max-width: 1440px;
    position: relative;
}

.inz_carousel_container::-webkit-scrollbar
{
    display: none;
}

.inz_carousel_slide
{
    flex: 0 0 auto;
    width: 1220px;
    height: 600px;
    margin-left: 100px;
    margin-right: 0px;
    scroll-snap-align: center;
    scroll-margin-left: 220px;
}

.inz_carousel_slide_indicator
{
    /*flex-grow: 1;*/
    margin-top: 80px;
}

.inz_carousel_slide_title
{
    font-family: gustan-bold, Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 3px;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_title
{
    width: 500px;
    max-width: 500px;
    margin-bottom: 35px;
}

.inz_landing_panel .inz_carousel_slide .inz_link_arrow
{
    display: inline-block;
    width: 28px;
    height: 14px;
    margin-left: 0;
    margin-right: 15px;
    color: #fff;
    /*mask-image: url('/++resource++inz.site/images/carousel-link-arrow.png');
    -webkit-mask-image: url('/++resource++inz.site/images/carousel-link-arrow.png');*/
    mask-image: url('/++resource++inz.site/images/carousel-link-arrow.svg');
    -webkit-mask-image: url('/++resource++inz.site/images/carousel-link-arrow.svg');
    background-color: #fff;
    position: relative;
    top: 2px;
}

.inz_landing_panel .inz_carousel_chevron
{
    width: 26px;
    height: 46px;
    mask-image: url('/++resource++inz.site/images/carousel-chevron.svg');
    -webkit-mask-image: url('/++resource++inz.site/images/carousel-chevron.svg');
    background-color: #fff;
}

.inz_landing_panel .inz_carousel_chevron.inz_small
{
    width: 17px;
    height: 30px;
    mask-image: url('/++resource++inz.site/images/carousel-chevron-sml.svg');
    -webkit-mask-image: url('/++resource++inz.site/images/carousel-chevron-sml.svg');
    background-color: #fff;
}


.inz_landing_panel .inz_right_chevron
{
    position: absolute;
    right: 56px;
    top: 300px;
    transform: scaleX(-1);
    z-index: 1;
    display: none;
}

.inz_landing_panel .inz_left_chevron
{
    position: absolute;
    left: 56px;
    top: 300px;
    z-index: 1;
    display: none;
}

.inz_landing_panel .inz_right_chevron:hover,
.inz_landing_panel .inz_left_chevron:hover
{
    background-color: #00b1e3;
}

.inz_landing_panel .inz_carousel_select
{
    display: inline-block;
    padding: 10px;
    opacity: 0.4;
    cursor: pointer;
}

.inz_landing_panel .inz_carousel_select .inz_carousel_select_btn
{
    width: 40px;
    height: 4px;
    /*margin: 0 10px 0 0;*/
    background-color: #00b1e3;
}

.inz_landing_panel .inz_carousel_select:hover,
.inz_landing_panel .inz_carousel_select:hover
{
    opacity: 1.0 !important;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_title h1
{
    font-size: 50px;
    line-height: 53px;
    letter-spacing: 0;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_body
{
    border-left: none;
    padding-left: 0;
    max-width: 500px;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_body p
{
    font-family: fira-book, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 50px;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_body a
{
    color: #fff;
    font-family: fira-regular, arial, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_body a:hover
{
    color: #00b1e3;
}

.inz_landing_panel .inz_carousel_slide .inz_landing_panel_body a:hover span
{
    background-color: #00b1e3;
}

.inz_landing_panel .inz_carousel_slide .inz_carousel_left_column
{
    float: left;
    width: 500px;
}

.inz_landing_panel .inz_carousel_slide .inz_carousel_right_column
{
    float: right;
}


/* --------------- */
/* Panel Colouring */
/* --------------- */

.inz_landing_panel .inz_landing_panel_title,
.inz_landing_panel .inz_landing_panel_title a,
.inz_landing_panel .inz_landing_panel_title h1
{
    color: #fff;
}

.inz_landing_panel.promo .inz_landing_panel_title,
.inz_landing_panel.promo .inz_landing_panel_title a,
.inz_landing_panel.promo .inz_landing_panel_title h1
{
    color: #fff;
}

.inz_landing_panel.promo_nzeta .inz_landing_panel_title,
.inz_landing_panel.promo_nzeta .inz_landing_panel_title a,
.inz_landing_panel.promo_nzeta .inz_landing_panel_title h1
{
    color: #1e222c;
}

body .inz_landing_panel.inz_carousel_panel
{
    background-color: #003a4a;
}

body .container .inz_landing_panel.inz_carousel_panel .inz_landing_panel_title,
body .container .inz_landing_panel.inz_carousel_panel .inz_landing_panel_title h1
{
    color: #fff;
}

body .container .inz_landing_panel.inz_carousel_panel .inz_landing_panel_body,
body .container .inz_landing_panel.inz_carousel_panel .inz_landing_panel_body p
{
    color: #fff;
}

.inz_landing_panel.inz_carousel_panel .inz_carousel_slide_title
{
    color: #00b1e3;
}


/* title #00b1e3 */
/* content white */


/* Green */

body.colour_theme_green .inz_landing_panel.inz_resource_panel
{
    background-color: #20a968;
    color: #1e222c;
}

body.colour_theme_green .inz_landing_panel.inz_carousel_panel
{
    background-color: #0b362d;
}

/* title #20a968 */
/* content white */


body.colour_theme_green .inz_landing_panel .inz_landing_panel_title,
body.colour_theme_green .inz_landing_panel .inz_landing_panel_title a,
body.colour_theme_green .inz_landing_panel .inz_landing_panel_title h1,
body.colour_theme_green .resourcefooter_resultlink,
body.colour_theme_green .resourcefooter_resultlink:active,
body.colour_theme_green .resourcefooter_resultlink:visited, .resourcefooter_resultlink:visited
{
    color: #1e222c;
    text-decoration-color: #1e222c;
}

body.colour_theme_green .resourcefooter_resultlink
{
    border-bottom-color: #1e222c;
}

body.colour_theme_green .resourcefooter_input
{
    background-color: #1d9c62;
}

body.colour_theme_green .inz_landing_panel .inz_landing_panel_body
{
    border-left-color: #323849;
}

body.colour_theme_green .inz_landing_panel.inz_carousel_panel .inz_carousel_slide_title
{
    color: #20a968;
}

body.colour_theme_green .inz_landing_panel .inz_carousel_select .inz_carousel_select_btn
{
    background-color: #20a968;
}

/* Cyan */

body.colour_theme_cyan .inz_landing_panel.inz_resource_panel
{
    background-color: #00b1e3;
    color: #323849;
}

body.colour_theme_cyan .inz_landing_panel .inz_landing_panel_title,
body.colour_theme_cyan .inz_landing_panel .inz_landing_panel_title a,
body.colour_theme_cyan .inz_landing_panel .inz_landing_panel_title h1,
body.colour_theme_cyan .resourcefooter_resultlink,
body.colour_theme_cyan .resourcefooter_resultlink:visited,
body.colour_theme_cyan .resourcefooter_resultlink:active
{
    color: #323849;
    text-decoration-color: #323849;
}

body.colour_theme_cyan .resourcefooter_input,
body.colour_theme_cyan .resourcefooter_input::placeholder,
body.colour_theme_cyan .resourcefooter_searchfield
{
    background-color: #26bce7;
    color: #323849;
}

body.colour_theme_cyan .inz_landing_panel .inz_landing_panel_body
{
    border-left-color: #323849;
}

body.colour_theme_cyan .resourcefooter_resultlink
{
    border-bottom-color: #323849;
}

body.colour_theme_cyan .inz_landing_panel .inz_carousel_select .inz_carousel_select_btn
{
    background-color: #26bce7;
}


/* Purple */

body.colour_theme_purple .inz_landing_panel.inz_resource_panel
{
    background-color: #69579c;
}

body.colour_theme_purple .inz_landing_panel.inz_carousel_panel
{
    background-color: #2b263b;
}

/* title #8f81b5 */
/* content white */

body.colour_theme_purple .resourcefooter_input
{
    background-color: #625292;
}

body.colour_theme_purple .inz_landing_panel .inz_carousel_select .inz_carousel_select_btn
{
    background-color: #7f70ab;
}


/*.promo_2019 .promo_left_column
{
    border-right: solid 1px;
    margin-right: 50px;
}

.promo_2019 .promo_right_column
{
    width: 100%;
}*/

/*.promo_2019 h1
{
    font-family: gustan-extrabold, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.27;
    letter-spacing: -0.6px;
    text-align: left;
    color: #323849;
    width: 250px;
    padding-top: 0;
    padding-right: 50px;
    margin: -8px 0;
    flex-shrink: 0;
    flex-grow: 0;
}

.promo_2019 .promo_body
{
    margin: -7px 0 -6px;
}

.promo_2019 p
{
    font-family: gustan-medium, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    line-height: 1.67;
}

.promo_2019 p a
{
    color: #323849;
    text-decoration: none;
    border-bottom: dotted 1px;
}

.promo_2019 p a:hover
{
    color: #fff;
    text-decoration: none;
    border-bottom-color: transparent;
}
*/
.inz_landing_panel > .btn.icon-edit
{
    color: #fff;
    margin: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: .125em;
    padding: .25em .75em;
    position: absolute;
    bottom: 1em;
    right: 1em;
    z-index: 30; /* needed to push this above the <footer> which has z-index of 20 */
}

.inz_landing_panel > .btn.icon-edit:hover
{
    color: #1e222c;
    background: rgba(255, 255, 255, .5);
}

@media only screen and (max-width: 1239px)   /* SMALL DESKTOP AND MOBILE AND TABLET */
{
    .promo_2019 h1
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        width: 200px;
        padding-right: 20px;
        margin: -6px 0;
    }

    .promo_2019 .promo_body
    {
        margin: -5px 0 -5px;
    }

    .promo_2019 p
    {
        font-size: 12px;
    }

    .promo_2019.promo_nzeta > .inz_container > div
    {
        margin: 0 auto;
        width: auto;
        max-width: 800px;
    }

    .promo_2019.promo_nzeta .promo_body
    {
        flex-direction: column;
    }

    .promo_2019.promo_nzeta img
    {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 4px; /* needed to offset the negative margin on the containing div :-( */
    }

    .inz_standard_grid .inz_linkgrid
    {
        width: 714px;
    }

    .inz_standard_grid .inz_linkgrid_item
    {
        width: 235px;
        height: 235px;
    }

    .inz_standard_grid .inz_linkgrid_title
    {
        font-size: 2em;
        line-height: 1em;
        margin-bottom: .75em;
    }

    .inz_standard_grid .inz_linkgrid_abstract
    {
        font-size: 1.4em;
        line-height: 1.6;
    }

}

@media only screen and (max-width: 944px)   /* MOBILE AND TABLET */
{
    .audience_2019 .inz_landing_panel
    {
        padding-top: 20px;
    }

    .inz_landing header.inz_landing_header
    {
        padding-top: 150px;
    }

    .inz_landing header.inz_landing_header h1
    {
        font-size: 4.5em;
    }

    .inz_landing header.inz_landing_header p.page_intro
    {
        font-size: 1.4em;
    }

    .inz_linkgrid_title
    {
        font-family: gustan-thin, Arial, sans-serif;
        font-size: 20px;
        line-height: 1;
    }

    .inz_linkgrid_abstract
    {
        display: block;
        font-size: 12px;
        line-height: 1.67;
        /*max-height: 100px;*/
    }

    .inz_linkgrid
    {
        width: 604px;
    }

    .inz_linkgrid_item
    {
        width: 200px;
        height: 200px;
    }

    .audience_2019.inz_landing header.inz_landing_header h1
    {
        font-size: 40px;
        margin: 0 auto 0;
    }

    .audience_2019.inz_landing .inz_page_header
    {
        padding-bottom: 30px;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid
    {
        width: 454px;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item
    {
        width: 150px;
        height: 150px;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item .inz_linkgrid_hover_contents
    {
        width: 150px;
        height: 150px;
        top: -150px;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item.inz_linkgrid_priority
    {
        width: 300px;
    }

    /*.inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item*/
    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item.inz_linkgrid_visa_search_box
    {
        width: 451px;
        height: auto;
    }

    .inz_simple_grid .inz_linkgrid_visa_search_box .inz_linkgrid_contents
    {
        width: 449px;
    }

    .inz_simple_grid .inz_linkgrid_title
    {
        width: 120px;
        height: 120px;
    }

    .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_title
    {
        font-size: 20px;
    }

    .inz_linkgrid_title:after
    {
        margin-left: 5px;
    }

    .inz_linkgrid_contents
    {
        padding: 22px 25px 36px 24px;
        width: 200px;
        height: 200px;
    }

    .inz_simple_grid .inz_linkgrid_contents
    {
        padding: 10px 15px 15px 15px;
        width: 150px;
        height: 150px;
    }

    .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_contents
    {
        width: 298px;
    }

    .inz_linkgrid_hover_contents
    {
        display: block;
        width: 200px;
        height: 200px;
        top: -200px;
        padding: 22px 25px 36px 24px;
    }

    .inz_linkgrid_hover_contents .inz_linkgrid_abstract
    {
        /*max-height: 140px;*/
    }

    .inz_landing_panel {
        padding-top: 40px;
    }

    .inz_landing_panel .inz_landing_panel_title,
    .inz_landing_panel .inz_landing_panel_title a,
    .inz_landing_panel .inz_landing_panel_title h1
    {
        font-size: 25px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .inz_carousel_container
    {
        max-width: 768px;
    }

    .inz_carousel_slide
    {
        width: 684px;
        height: 365px;
        margin-left: 84px;
        margin-right: 0px;
        scroll-snap-align: center;
        scroll-margin-left: 184px;
    }

    .inz_carousel_slide_indicator
    {
        margin-top: 50px;
        /*margin-bottom:*/
    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_title
    {
        width: 300px;
        max-width: 300px;
    }

    .inz_carousel_panel .inz_landing_panel_section
    {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .inz_landing_panel .inz_carousel_chevron
    {
        width: 17px;
        height: 40px;
    }

    .inz_landing_panel .inz_left_chevron,
    .inz_landing_panel .inz_right_chevron
    {
        top: 180px;
    }

    .inz_landing_panel.inz_carousel_panel .inz_carousel_slide_title
    {
        font-size: 14px;
        letter-spacing: 3px;
        line-height: 1.71;
    }

    .inz_landing_panel .inz_carousel_slide .inz_carousel_left_column
    {
        width: 300px;
    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_title h1
    {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1;
    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_body p
    {
        font-size: 12px;
        line-height: 1.67;
        margin-bottom: 30px;
    }

    .promo_2019
    {
        /*
        margin-top: 155px;
        */
        margin-top: -112.5px;
    }

    .promo_2019 > .inz_container
    {
        width: 100%;
    }

    .promo_2019 > .inz_container > div
    {
        width: 80%;
    }

    .promo_2019.promo_nzeta > .inz_container > div
    {
        margin-right: auto;
        width: 80%;
    }

    .promo_2019 h1
    {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
        width: 200px;
        padding-right: 20px;
    }

    .promo_2019.promo_nzeta .promo_body
    {
        flex-direction: column;
    }

    .promo_2019 p
    {
        font-size: 12px;
    }

    .promo_2019.promo_nzeta img
    {
        margin-left: 0;
        margin-top: 20px;
    }

}


@media only screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .audience_2019.inz_landing header.inz_landing_header h1 {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .audience_2019.inz_landing .inz_linkgrid_contents .select2-search--inline .select2-search__field {
        font-size: 13px;
        line-height: 1.54;
    }

    .audience_2019.inz_landing .inz_page_header
    {
        padding-top: 90px;
    }

    .inz_landing .inz_main_content
    {
        width: 100%;
    }

    .inz_landing header.inz_landing_header h1
    {
        font-size: 3em;
    }

    .inz_landing header.inz_landing_header p.page_intro
    {
        font-size: 1.3em;
        line-height: 1.538;
    }

    .inz_standard_grid .inz_linkgrid
    {
        display: flex;
        justify-content: left;
        width: auto;
        position: relative;
        margin: 0 1em;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .inz_standard_grid .inz_linkgrid_item
    {
        width: auto;
        height: auto;
        margin: 0;
        border-bottom: solid 1px #323849;
    }

    .inz_standard_grid .inz_linkgrid > :last-child .inz_linkgrid_item
    {
        border-bottom: none;
    }

    .inz2019.inz_landing .inz_standard_grid .inz_linkgrid .inz_linkgrid_item, /* Need extra specificity to override the minor landing page-specific desktop background */
    .inz2019.inz_landing .inz_standard_grid .inz_linkgrid .inz_linkgrid_item:hover
    {
        background-color: #e6e6e6f2;
    }

    .inz2019.inz_landing.folder_minor_2019 .inz_standard_grid .inz_linkgrid .inz_linkgrid_item, /* Need extra specificity to override the minor landing page-specific desktop background */
    .inz2019.inz_landing.folder_minor_2019 .inz_standard_grid .inz_linkgrid .inz_linkgrid_item:hover
    {
        background-color: #282d3a;
    }

    .inz2019.inz_landing .inz_standard_grid .inz_linkgrid .inz_linkgrid_item.active
    {
        background-color: #e6e6e6f2;
    }

    .inz2019.inz_landing.folder_minor_2019 .inz_standard_grid .inz_linkgrid .inz_linkgrid_item.active
    {
        background-color: #323849;
    }

    .inz_standard_grid .inz_linkgrid_contents
    {
        padding: 0;
        width: auto;
        height: auto;
    }

    .inz_standard_grid .inz_linkgrid_item:hover .inz_linkgrid_contents
    {
        transition: all 0.5s;
        opacity: 1;
        visibility: visible;
    }

    .inz_standard_grid .inz_linkgrid_inner_wrap
    {
        display: flex;
    }

    .inz_standard_grid .inz_linkgrid_title
    {
        font-family: gustan-light, Arial, sans-serif;
        font-size: 1.4em;
        line-height: 1.35714286em;
        margin: 0;
        padding: 1.42857em;
        align-self: center;
        flex-grow: 1;
    }

    .inz_standard_grid .inz_linkgrid_inner_wrap button
    {
        display: block;
        width: 6em;
        min-height: 6em;
        flex-shrink: 0;
        background: transparent; /* needed because otherwise browsers give it the default 'button' background */
        color: #fff;
        padding: 0;
        margin-left: auto;
        border: none;
        border-left: solid 1px #323849;
    }

    .inz_standard_grid .inz_linkgrid_inner_wrap button:focus
    {
        outline: none;
    }

    .inz_standard_grid .inz_linkgrid_inner_wrap button::after
    {
        content: '\f104';
        /*noinspection CssNoGenericFontName*/
        font-family: "glyphs";
        color: #00b1e3;
        font-size: 10px;
        line-height: 1;
        display: block; /* needed so that the transform in the ::after rule below will do anything */
    }

    .inz_standard_grid .inz_linkgrid_item.active .inz_linkgrid_inner_wrap button
    {
        border-left-color: transparent;
    }

    .inz_standard_grid .inz_linkgrid_item.active .inz_linkgrid_inner_wrap button::after
    {
        transform: rotate(180deg);
        transform-origin: 50% 50%;
    }

    .inz_standard_grid .inz_linkgrid_abstract
    {
        display: none;
    }

    .inz_standard_grid .inz_linkgrid_item.active .inz_linkgrid_abstract
    {
        display: block;
        font-family: fira-book, Arial, sans-serif;
        font-size: 1.2em;
        line-height: 1.66667em;
        margin: 0;
        padding: 0 1.66667em 1.66667em;
        align-self: center;
        flex-grow: 1;
    }

    .inz_linkgrid_hover_contents
    {
        display: none;
    }

    .inz_standard_grid .inz_linkgrid_title:after
    {
        display: none;
    }

    .inz_simple_grid .inz_linkgrid_title,
    .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_title
    {
        width: 100%;
        height: auto;
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: -0.1px;
        margin: 0;
    }

    .inz_simple_grid .inz_linkgrid_contents
    {
        width: 100%;
        height: 100%;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid
    {
        width: 100%;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item,
    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item.inz_linkgrid_priority
    {
        /*width: 185px;*/
        /*width: 100%;*/
        width: calc(100% - 1px);
        height: 45px;
    }

    .inz_simple_grid .inz_linkgrid_visa_search_box .inz_linkgrid_title
    {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: -0.1px;
    }

    .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_contents
    {
        /*width: 185px;*/
        width: 100%;
        visibility: visible;
    }

    .inz_linkgrid_item:hover .inz_linkgrid_contents
    {
        visibility: visible;
    }

    .inz_simple_grid .inz_linkgrid_item:not(.inz_linkgrid_visa_search_box) .inz_linkgrid_title:hover, .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_title:hover
    {
        color: #fff;
    }

    .inz_simple_grid .inz_linkgrid_item:not(.inz_linkgrid_visa_search_box):hover .inz_linkgrid_title
    {
        color: #fff;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item.inz_linkgrid_visa_search_box,
    .inz_simple_grid .inz_linkgrid_visa_search_box .inz_linkgrid_contents
    {
        width: 100%;
    }

    .inz_landing .inz_grid.inz_simple_grid
    {
        padding-bottom: 34px;
    }

    .inz_grid.inz_simple_grid .inz_linkgrid .inz_linkgrid_item .inz_linkgrid_hover_contents
    { /* no roll over on mobile */
        visibility: hidden;
    }

    .inz_landing_panel {
        padding-bottom: 20px;
    }

    .inz_landing_panel .inz_landing_panel_section
    {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 10px;
        width: 90%;
        margin: auto;
    }

    .inz_landing_panel .inz_landing_panel_body {
        border-left: none;
        padding-left: 0;
    }

    .inz_landing_panel .inz_landing_panel_title
    {
        flex: 0 1 0px;
        /*margin-left: 16px;*/
        padding-bottom: 15px;
    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_body p
    {
        margin-bottom: 20px;
        max-width: none;
    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_body
    {
        margin-bottom: 30px;
    }

    .inz_landing_panel .inz_carousel_container .inz_carousel_slide_title
    {
        margin-bottom: 10px;
        max-width: none;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 1.67;
    }

    .inz_landing_panel .inz_carousel_container .inz_landing_panel_title
    {
        margin-left: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: none;
    }

    .inz_landing_panel .inz_carousel_slide .inz_carousel_left_column
    {
        float: none;
        width: 100%;
    }

    .inz_landing .inz_carousel_container > div {
        flex-shrink: 0;
        width: 100%;
    }

    .inz_landing_panel .inz_carousel_slide .inz_carousel_right_column
    {
        float: none;
    }

    .inz_carousel_image_small
    {
        height: auto;
    }

    .inz_carousel_container
    {
        padding-left: 0px;
        width: 100%;
        overflow: hidden;
        column-gap: 40px;
    }

    .inz_carousel_slide
    {
        height: auto;
        margin-left: 0px;
        width: auto;
        scroll-margin-left: 0px;
    }

    .inz_carousel_slide_indicator
    {
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    .inz_carousel_controls {
        width: 100%;
    }

    .inz_landing_panel .inz_carousel_select .inz_carousel_select_btn {
        width: 25px;
        height: 3px;
    }

    .inz_carousel_controls .inz_carousel_chevron,
    .inz_landing_panel .inz_carousel_chevron.inz_small
    {
        display: none;
        visibility: hidden;
    }

    .inz_landing_panel.promo_2019 .inz_landing_panel_title h1
    {

    }

    .inz_landing_panel .inz_carousel_slide .inz_landing_panel_title h1 {
        font-size: 25px;
        line-height: 1.2;

    }


    .promo_2019
    {
        padding-top: 0;
        padding-bottom: 145px;
    }

    .promo_2019 > .inz_container
    {
        width: 90%;
        padding: 0 24px; /* mirrors layout in Footer Visa Search */
    }

    .promo_2019 > .inz_container > div
    {
        flex-direction: column;
        width: auto;
    }

    .promo_2019.promo_nzeta > .inz_container > div
    {
        width: auto;
    }

    .promo_2019 .promo_left_column
    {
        border: none;
        margin: 0;
    }

    .promo_2019 h1
    {
        border: none;
        text-align: center;
        /*padding: 1em 0 .8em;*/
        padding: 0;
        margin: 0 auto 0;
        width: auto;
    }


}

@media only print
{
    .inz_page_header
    {
        text-align: left;
    }

    .inz_landing header.inz_landing_header h1,
    .inz_landing header.inz_landing_header p.page_intro
    {
        max-width: unset;
        margin: 0;
        text-align: left !important;
    }

    body.inz_landing.inz2019 #main
    {
        flex-grow: 0;
        justify-content: unset;
        padding: 0;
    }

    .inz_landing .inz_page_body
    {
        flex-direction: column;
        margin: 0;
    }

    .inz_grid
    {
        padding: 0;
    }

    .inz_linkgrid
    {
        flex-direction: column;
        margin: 0;
    }

    /* TODO: see if this can actually just be moved into the .inz_linkgrid rule above */
    body.audience_2019 .inz_linkgrid
    {
        gap: 1em;
    }

    .inz_linkgrid_item,
    .inz_linkgrid_contents,
    .inz_linkgrid_title
    {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0;
    }

    .inz_linkgrid_hover_contents
    {
        display: none;
    }

    body.audience_2019 .inz_linkgrid_visa_search_box
    {
        display: none;
    }

    .inz_simple_grid .inz_linkgrid_priority .inz_linkgrid_title
    {
        font-size: 20px;
    }

    body.audience_2019 header.inz_landing_header h1
    {
        margin-top: 0.5em;
        margin-bottom: 1em;
    }

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Advanced Images Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Advanced Images styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.


    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.advanced_image_background
{
    background-size: cover;
    position: relative;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
}




/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 Media Centre Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 Media Centre styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    TODO: append the filename to the inz2019.css Merged Resource Set near the bottom of inz.site.__init__

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.media_centre main#main
{
    padding-top: 140px;
}

body.page_media main#main
{
	padding-bottom: 0;
}

body.media_centre_list_view .inz_page_header
{
    padding-top: 0;
    padding-bottom: 0;
}

body.page_media .inz_page_header
{
    padding-top: 0;
    padding-bottom: 4em;
}

body.media_centre .media_centre_tabs
{
    font-family: gustan-book, Arial, sans-serif;
    font-size: 2.5em;
    display: flex;
    justify-content: space-between;
    margin: 4em 0 0;
}

body.media_centre .media_centre_tabs > a
{
    padding: 0 2.5em 0.5em;
    border-bottom: solid 2px transparent;
    color: #fff;
}

body.media_centre .media_centre_tabs > a:hover
{
    border-bottom-color: #ccc;
    color: #fff;
}

body.media_centre .media_centre_tabs > a.current
{
    border-bottom-color: #3595d0;
}


body.media_centre_list_view #media_centre_search_widget
{
    display: flex;
    width: 100%;
    column-gap: 1em;
    margin: 3em 0 4em;
}

body.media_centre_list_view #media_centre_search_widget > *
{
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
}

body.media_centre_list_view #media_centre_search_widget > select
{
    height: 50px;
}

body.media_centre_list_view #media_centre_search_widget .select2-container .select2-selection--single
{
    background: #373d4f;
    border: none;
}

body.media_centre_list_view .select2-container .select2-dropdown
{
    background: #373d4f;
    color: #fff;
}

body.media_centre_list_view #media_centre_search_widget .select2-container .select2-selection--single .select2-selection__rendered
{
    font-family: "gustan-bold", sans-serif;
    line-height: 34px;
    color: #fff;
}

body.media_centre_list_view #media_centre_search_widget .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
body.media_centre_list_view #media_centre_search_widget .select2-container .select2-selection--single .select2-selection__arrow b::before,
body.media_centre_list_view .select2-container .select2-dropdown .select2-results__option
{
    color: #fff;
}

body.media_centre_list_view #select2-media_centre_search_topic-container
{
    text-align: left;
}

body.media_centre_list_view #media_centre_search_widget > input[type="text"]
{
    font-family: "gustan-extrabold", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6em;
    margin: 0;
}

body.media_centre_list_view #media_centre_search_widget > input[type="submit"]
{
    flex-grow: 0;
    margin: 0;
}

body.media_centre_list_view .media_centre_page_list_wrap
{
    width: 100%;
}

body.media_centre_list_view .media_centre_page_listing
{
    background: #272d39;
    color: #fff;
    border: solid 1px #707070;
    margin: 2em 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

body.media_centre_list_view .media_centre_page_listing:hover
{
    border-color: #1ab8e5;
}

body.media_centre p.intro
{
    padding-left: 0;
}

body.media_centre p.intro::before
{
    display: none;
}

/* First row ------------------------------------------------------------------------------------------------------- */

body.media_centre_list_view .media_centre_page_listing:first-child,
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2)
{
    margin-top: 0 !important;
}

body.media_centre_list_view .media_centre_page_listing:hover h3 a
{
    text-decoration: underline;
}

body.media_centre_list_view #media_centre_page_list
{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

/* One wide layout ------------------------------------------------------------------------------------------------- */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1),
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1)
{
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

/* Four wide layout ------------------------------------------------------------------------------------------------ */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+5),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing,
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing
{
    max-width: 24%;
    width: 24%;
}

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(4n+1),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(4n+3),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(4n+4),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(4n+1),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(4n+3),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(4n+4)
{
    margin-right: calc(4% / 3) !important;
}


/* Two wide layout ------------------------------------------------------------------------------------------------- */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+6),
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+7),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2),
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing
{
    max-width: 49.4%;
    width: 49.4%;
}

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+6),
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(1),
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(2n+2)
{
    margin-right: 1.2% !important;
}

body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(4n+2),
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(4n+2),
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(2n+1)
{
    margin-right: 0 !important;
}

body.media_centre_list_view .media_centre_page_listing_lead_image
{
    height: 400px;
    background-size: cover;
    background-position: 10% 10%;
    cursor: pointer;
}

/* One wide layout - lead image ------------------------------------------------------------------------------------ */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_lead_image
{
    min-width: 50%;
    max-width: 50%;
    aspect-ratio: 1.25;
    height: auto;
}


/* Four wide layout - lead image ----------------------------------------------------------------------------------- */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+5) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing .media_centre_page_listing_lead_image
{
    aspect-ratio: 1.5;
    height: auto;
}

/* Two wide layout - lead image ------------------------------------------------------------------------------------ */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+6) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+7) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2) .media_centre_page_listing_lead_image,
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing .media_centre_page_listing_lead_image
{
    aspect-ratio: 1.9;
    height: auto;
}

body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing .media_centre_page_listing_lead_image
{
    display: none;
}

body.media_centre_list_view .media_centre_page_listing_text
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

body.media_centre_list_view .media_centre_page_listing_titles,
body.media_centre_list_view .media_centre_page_listing_metadata
{
    padding: 2.5rem;
}

/* One wide layout - right block padding --------------------------------------------------------------------------- */

body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_titles,
body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_metadata,
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_titles,
body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_metadata
{
    padding: 5rem;
}

body.media_centre_list_view .media_centre_page_listing_titles h3
{
    margin-top: 0;
    font-family: "gustan-thin", sans-serif;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.6px;
}

body.media_centre_list_view .media_centre_page_listing_titles h3 a
{
    color: #fff !important;
}

body.media_centre_list_view .media_centre_page_listing_titles p
{
    color: #fff;
    margin-top: 2.5em;
}

body.media_centre .media_centre_page_listing_metadata
{
    margin-top: auto;
    font-family: "fira-book", Arial, sans-serif;
    font-size: 1.2em;
}

body.media_centre .media_centre_page_listing_tags::before
{
    content: "Topics: ";
    padding-right: 0.25em;
}

body.media_centre .media_centre_page_listing_tags a::after
{
    content: ',';
}

body.media_centre .media_centre_page_listing_tags a:last-child::after
{
    content: none;
}

body.media_centre .media_centre_page_media_date_and_reading_time
{
    display: flex;
    margin-bottom: 1em;
}

body.media_centre .media_centre_page_media_date,
body.media_centre .media_centre_page_reading_time
{
    border: solid 1px #fff;
    padding: 0.5em 1em;
}

body.media_centre .media_centre_page_reading_time
{
    border-left: none;
}

body.media_centre .media_centre_page_listing_tags_and_type
{
    min-height: 3em;
}

body.media_centre_list_view .media_centre_page_listing_tags_and_type a
{
    color: #fff;
}

body.media_centre_list_view .media_centre_page_listing_tags_and_type a:hover,
body.media_centre_list_view .media_centre_page_listing_titles a:hover
{
    color: #aaa !important;
}

body.media_centre_list_view .media_centre_page_listing.show_later,
body.media_centre_list_view #media_centre_page_listing_show_more.show_later
{
    display: none;
}


body.media_centre_list_view #media_centre_page_listing_show_more button
{
    background: none;
    color: #fff;
    border: none;
    font-family: "gustan-extrabold", Arial, sans-serif;
    font-size: 2em;
    margin: 0 auto;
    display: block;

}

body.media_centre_list_view #media_centre_page_listing_show_more button:hover
{
    color: #1ab8e5;
}

body.media_centre_list_view #media_centre_page_listing_show_more button::after
{
    /*noinspection CssNoGenericFontName*/
    font-family: "glyphs";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    margin-left: .5em;
}

body.media_centre_list_view #media_centre_page_listing_show_more
{
    max-width: 100%;
    min-width: 100%;
    display: none;
    margin-top: 2em;
}

body.media_centre_list_view #media_centre_page_listing_search_no_results
{
    display: none;
}

body.media_centre_list_view #media_centre_search_results_summary
{
    font-family: fira-book, Arial, sans-serif;
    font-size: 1.6em;
    color: #fff;
    margin: 1em;
}


/*
    Search Results
 */

body.media_centre_list_view #media_centre_page_list.search_results
{

}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing
{
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 !important;
    padding: 2em;
    border-left: none;
    border-right: none;
    border-top: none;
    background: transparent;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing.search_result:hover
{
    background: #272d39;
    border-color: #707070;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing.search_result:last-child
{
    margin-bottom: 2em !important;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing:first-child
{
    border-top: solid 1px #707070;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing > div:first-child
{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0 0 2em 0;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing .media_centre_page_listing_lead_image
{
    max-width: 120px;
    min-width: 120px;
    aspect-ratio: 1;
    margin: 0 2em 0 0;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing h3
{
    margin: 0;
    flex-grow: 1;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing h3 > a
{
    color: #fff;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing p
{
    color: #fff;
    margin: 0.5em 0;
}

body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing .media_centre_page_media_date_and_reading_time
{
    margin: 0;
    font-size: 1.2em;
}


/* Media Page ------------------------------------------------------------------------------------------------------ */


body.page_media .inz_page_body_header
{
    display: flex;
    align-items: start; /* don't stretch the columns to be equal vertically, otherwise the left hand nav is liable to end up the full height of the page! */
    position: relative;
    margin-bottom: 4em;
}


.media_page_body_wrap
{
    background: #fff;
    padding: 8em 0;
}

body.page_media .inz_main_column.has_right_column
{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
}

body.page_media .inz_page_body > .inz_main_column.inz_content.has_right_column
{
	margin-left: 0;
	margin-right: 20px;
	width: 650px;
}

body.page_media .inz_right_column
{
    width: 300px;
    margin-left: 2em;
    margin-right: 0;
}


body.page_media .inz_main_column > .media_centre_page_media_date_and_reading_time,
body.page_media .inz_right_column .media_page_related_items.right > h3
{
    margin-top: 0;
}

body.page_media .inz_page_body_header h1
{
    font-size: 5em;
    margin-bottom: 1em;
}

body.page_media .media_page_lead_image
{
    aspect-ratio: 2;
}

body.page_media .media_page_lead_image_caption
{
    font-family: fira-book, Arial, sans-serif;
    font-size: 1.3em;
    padding: .5em 0;
}

body.page_media .media_centre_page_media_date, body.page_media .media_centre_page_reading_time
{
    border-color: #323849;
    font-size: 1.4em;
    font-family: fira-book, Arial, sans-serif;
    color: #323849;
}

body.page_media .media_centre_page_media_date_and_reading_time
{
    margin: 4em 0;
}

body.page_media .media_page_tags ul
{
    display: flex;
    flex-wrap: wrap;
    padding-left: 8em;
    text-indent: -8em;
    align-items: baseline;
    margin: 4em 0;
}

body.page_media .media_page_tags ul::before
{
    content: 'Topics:';
    font-size: 1.6em;
    font-family: fira-medium, Arial, sans-serif;
    text-indent: 0;
    width: 5em;
    margin-left: -5em;
}

body.page_media .media_page_tags li
{
    list-style: none;
    display: inline-block;
    border: solid 1px #0e7ac3;
    padding: .25em 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    text-indent: 0;
}

body.page_media .media_page_tags li::before
{
    display: none;
}

body.page_media .media_page_tags li a
{
    color: #333;
}

body.page_media .media_page_tags li a:hover
{
    opacity: .8;
}

body.page_media .media_page_related_items
{
    font-size: .875em;
}

body.page_media .media_page_related_items > div
{
    display: flex;
    column-gap: 2em;
    justify-content: space-between;
    width: 100%;
    margin: 2em 0;
}

body.page_media .media_page_related_items.bottom
{
    border-top: solid 2px #a2a2a2;
    margin-top: 8em;
}

body.page_media .media_page_related_items.bottom > h3
{
    margin-top: 1em;
}

body.page_media .media_page_related_items.right > div
{
    flex-direction: column;
}

body.page_media .media_page_related_items.right .media_centre_page_listing
{
    border-bottom: solid 1px #a2a2a2;
}

body.page_media .media_page_related_items.right .media_centre_page_listing:first-child
{
    border-top: solid 1px #a2a2a2;
}

body.page_media .media_page_related_items .media_centre_page_listing_lead_image
{
    width: 100%;
    aspect-ratio: 1.5;
    background-size: cover;
    background-position: 10% 10%;
}

body.page_media .media_page_related_items .media_centre_page_listing
{
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

body.page_media .media_page_related_items .media_centre_page_listing_tags_and_type
{
    min-height: 4em;
}

body.page_media .media_centre_page_listing_tags_and_type a
{
    color: #323849;
}

body.page_media .media_centre_page_listing_tags_and_type a:hover
{
    opacity: .8;
    text-decoration: underline;
}

body.page_media .media_page_related_items .media_centre_page_media_date_and_reading_time
{
    margin: 2em 0;
}

body.page_media .media_page_related_items .media_centre_page_media_date,
body.page_media .media_page_related_items .media_centre_page_reading_time
{
    font-size: 1.25em;
}

body.page_media .media_page_related_items h3 a
{
    color: #323849;
    font-family: gustan-book, Arial, sans-serif;
}

body.page_media .media_page_related_items h3 a:hover
{
    opacity: .8;
    text-decoration: underline;
}


body.page_media .media_page_back_link
{
    border-top: solid 2px #a2a2a2;
    padding: 3em 0;
}

body.page_media .media_page_back_link a
{
    color: #323849;
    font-size: 1.6em;
    display: flex;
    align-items: center;
}

body.page_media .media_page_back_link a:hover
{
    opacity: .8;
    text-decoration: underline;
}

body.page_media .media_page_back_link a span
{
    display: inline-block;
    width: 4em;
    mask-image: url('/++resource++inz.site/images/carousel-link-arrow.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url('/++resource++inz.site/images/carousel-link-arrow.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background: #0e7ac3;
    height: 2em;
    margin-right: 2em;
    transform: rotate(180deg);
}


@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+5),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing,
    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing
    {
        max-width: 49.4%;
        width: 49.4%;
    }

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2n+1),
    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2n+1)
    {
        margin-right: 1.2% !important;
    }

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2n+2),
    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2n+2)
    {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
    body.media_centre_list_view header.inz_page_header .header_content
    {
        width: calc(100% - 225px);
    }

    body.media_centre .media_centre_tabs
    {
        font-size: 1.5em;
    }

    body.page_media .inz_page_body_header h1
    {
        font-size: 4.5em;
    }

    /* body.page_media .inz_main_column.has_right_column -- as of INZ-107 this is now applied to all main columns on the PageMedia view regardless of whether there is a right column! */
    body.page_media .inz_main_column,
    body.page_media .inz_page_body > .inz_main_column.inz_content.has_right_column
    {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    body.page_media .inz_right_column
    {
        display: none;
    }
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    body.media_centre_list_view header.inz_page_header .header_content
    {
        width: 90%;
    }

    body.page_media .media_page_body_wrap
    {
        padding-top: 2em;
        padding-bottom: 0;
    }

    body.page_media .inz_page_body
    {
        padding-bottom: 135px;
        margin-bottom: 0;
    }

}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+2),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+3),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+4),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+5),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+6),
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+7),
    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2n+1),
    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2n+2),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2n+1),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2n+2),
    body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing
    {
        width: 100%;
        max-width: 100%;
        margin-right: 0 !important;
    }

    body.media_centre_list_view.media_centre_list_view_type_announcements .media_centre_page_listing:nth-of-type(2),
    body.media_centre_list_view.media_centre_list_view_type_releases .media_centre_page_listing:nth-of-type(2)
    {
        margin-top: 2em !important;
    }

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1),
    body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1)
    {
        flex-direction: column;
    }

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_lead_image,
    body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_lead_image
    {
        height: auto;
        aspect-ratio: 1.5;
        min-width: unset;
        max-width: unset;
    }

    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_titles,
    body.media_centre_list_view.media_centre_list_view_type_all .media_centre_page_listing:nth-of-type(7n+1) .media_centre_page_listing_metadata,
    body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_titles,
    body.media_centre_list_view.media_centre_list_view_type_stories .media_centre_page_listing:nth-of-type(1) .media_centre_page_listing_metadata
    {
        padding: 2.5rem;
    }


    body.media_centre .media_centre_tabs
    {
        flex-direction: column
    }

    body.media_centre .media_centre_tabs > a
    {
        margin: 0 0 1em;
        padding: 0;
        border-bottom-width: 4px;
        align-self: center;
        opacity: .8;
    }

    body.media_centre .media_centre_tabs > a.current
    {
        opacity: 1;
    }

    body.media_centre_list_view #media_centre_search_widget
    {
        flex-direction: column;
    }

    body.media_centre_list_view #media_centre_search_widget > *
    {
        margin-bottom: 1em !important;
    }

    body.media_centre_list_view #media_centre_search_widget > span.select2
    {
        max-width: 100%;
    }

    body.media_centre_list_view #media_centre_search_topic
    {
        width: 100%;
        flex-grow: 0;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing > div:first-child
    {
        flex-direction: column;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing .media_centre_page_listing_lead_image
    {
        display: none;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing p
    {
        max-width: none;
        min-width: auto;
        margin: 0;
    }

    body.page_media .inz_page_body_header h1
    {
        font-size: 3em;
    }

    body.page_media .inz_page_body
    {
        margin-bottom: 0;
    }

    body.page_media .media_page_related_items > div
    {
        flex-direction: column;
        row-gap: 4em;
    }

    body.page_media .media_page_related_items > div .media_centre_page_listing
    {
        border-bottom: solid 1px #ccc;
    }

    body.page_media .media_page_related_items > div .media_centre_page_listing:last-child
    {
        border-bottom: none;
    }

    body.page_media .media_page_tags ul::before
    {
        display: block;
        margin-bottom: .5em;
    }

}

@media only print                      /* PRINT styles */
{

    body.media_centre .header2019 .header_buttons,
    body.media_centre .inz_breadcrumbs,
    body.media_centre .media_centre_tabs,
    body.media_centre .advanced_image_background,
    body.media_centre .media_page_lead_image_caption,
    body.media_centre .inz_right_column,
    body.media_centre .media_page_tags,
    body.media_centre .media_page_back_link
    {
        display: none !important;
    }

    body.media_centre main#main
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    body.media_centre .inz_page_header,
    body.media_centre .media_page_body_wrap
    {
        padding-top: 0;
    }

    body.media_centre .inz_main_column,
    body.media_centre .inz_container
    {
        max-width: none;
        width: auto;
    }

    body.page_media .media_centre_page_media_date,
    body.page_media .media_centre_page_reading_time
    {
        font-size: unset;
    }

    body.media_centre_list_view .inz_page_header
    {
        margin-bottom: 100px;
    }

    body.media_centre_list_view .media_centre_page_listing
    {
        border: none;
        padding-top: 1em;
    }

    body.media_centre_list_view .media_centre_page_listing h3
    {
        font-size: 14pt !important;
    }

    body.media_centre_list_view .media_centre_page_listing h3 a::after
    {
        display: block;
        line-height: 1.1;
        margin: 1em 0 !important;
    }

    body.media_centre_list_view .media_centre_page_listing_titles h3 a
    {
        color: #333 !important;
        line-height: 1.1;
    }

    #media_centre_search_widget,
    .media_centre_page_listing_tags_and_type
    {
        display: none !important;
    }

    body.media_centre.media_centre_list_view .media_centre_page_listing:nth-of-type(n)
    {
        width: 100% !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    body.media_centre_list_view .media_centre_page_listing_titles,
    body.media_centre_list_view .media_centre_page_listing_metadata
    {
        padding: .5rem 1rem !important;
    }

    body.media_centre .media_centre_page_listing_titles > *
    {
        margin: 0 !important;
    }

    body.media_centre .media_centre_page_listing_titles > h3
    {
        font-size: 1.5rem !important;
        line-height: 1 !important;
    }

    body.media_centre .media_centre_page_listing_metadata
    {
        /*padding: 0 !important;*/
        /*font-size: unset;*/
        font-size: .875em;
    }

    body.media_centre .media_centre_page_media_date,
    body.media_centre .media_centre_page_reading_time
    {
        border-color: #ccc;
        font-family: "fira-book", sans-serif;
        font-size: 12px;
        padding: .25em .5em;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing
    {
        border-bottom: solid 1px;
        border-color: #eee !important;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing > div:first-child
    {
        flex-direction: column;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing > div:first-child > *
    {
        margin: 0 !important;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing > div:first-child
    {
        padding: 0 0 1rem 0;
    }

    body.media_centre_list_view #media_centre_page_list.search_results .media_centre_page_listing p
    {
        max-width: none;
        min-width: 0;
    }

    body.page_media .inz_page_header
    {
        display: none;
    }

    body.page_media .inz_main_column
    {
        margin: 0;
    }

    body.media_centre_list_view #media_centre_search_results_summary
    {
        font-size: inherit;
    }

    /* inz2019_media_centre.css | https://edit.dev.immigration.govt.nz/css/cms-123/inz2019/inz2019_media_centre.css */
    /*
    @media only print
    {
        body.media_centre .media_centre_page_media_date_and_reading_time
        {
            !* padding: 0 1rem; *!
        }
    }
    */


}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ===================================
    INZ2019 Document Actions Stylesheet
    ===================================

    This is the stylesheet for the INZ2019 Document Actions styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.document_actions
{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: none;
    color: #364152;
    z-index: 60;
}

.document_action
{
    width: 40px;
    height: 40px;
    position: relative;
    border-bottom: solid 1px #fff8;
}

.document_action:last-child
{
    border-bottom: none;
}

.document_action > button,
.document_action > a
{
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    color: #364152;
    background: #e6e6e6;
    text-align: center;
}

.document_action > button:hover,
.document_action > a:hover
{
    background: #c01353;
    color: #fff;
}

.document_action span[class^="glyph"]
{
    font-size: 19.2px;
    margin-left: 3px;
}

.document_action span.glyph_email::before
{
    transform: scale(0.7) translateX(-7px) translateY(4px);
}

.document_action span.glyph_twitter::before
{
    transform: scale(0.9) translateX(-7px) translateY(3px);
}

.document_action span.glyph_facebook::before
{
    transform: scale(1.0) translateX(3px) translateY(4px);
}

.document_action span.glyph_linkedin::before
{
    transform: scale(0.85) translateX(-1px) translateY(3px);
}

.document_action .label
{
    background: #f5c3d2;
    color: #333;
    position: absolute;
    top: 0;
    right: 40px;
    font-family: gustan-extrabold, sans-serif;
    font-size: 14px;
    line-height: 40px;
    padding: 0 20px;
    white-space: nowrap;
    display: none;
}

.document_action:hover .label
{
    display: inline;
}

.document_action .label::before
{
    border: solid 4px transparent;
    border-right-color: #c01353;
    content: '';
    position: absolute;
    width: 8px;
    right: 0;
    top: calc(50% - 4px);
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
    .document_actions
    {
        display: none;
    }
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
    .document_actions
    {
        display: none !important;
    }
}


/* Slider-related document actions styling */

.slider_document_actions
{
    display: none;
}

.dock_tools .document_action
{
    border-bottom-color: #3c4152;
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
    .dock_tools .document_action
    {
        border-bottom-width: 0;
        border-right: solid 1px #fff;
        width: 50px;
    }
}


.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("../img/flags@2x.png"); } }

.iti__flag.iti__np {
  background-color: transparent; }


.iti__flag
{
    background-image: url("/++resource++inz.site/intl-tel-input/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
    .iti__flag
    {
        background-image: url("/++resource++inz.site/intl-tel-input/flags@2x.png");
    }
}

.termination form.form .form_field .input[type=tel]
{
    padding-left: 56px;
}

div.iti
{
    width: 100%;
}

.iti-mobile .iti--container
{
    width: auto;
}

.iti__country
{
    display: flex;
    align-items: center;
}

.iti__dial-code
{
    margin-left: auto;
}

ul.iti__country-list
{
    margin: -2px 0 0 -1px;
}

.iti__divider
{
    padding-bottom: 0;
    margin-bottom: 0;
}

.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

.ae_supporting_documents
{
    font-family: "fira-book", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;

    margin-top: 0px;
    border: 1px solid #d6d7da;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ae_supporting_documents_list > ul {
    margin-bottom: 1em;
}

.question_c_1 .ae_supporting_documents
{
    margin-top: 0px;
    margin-bottom: 1.5em;
}

.add_docs_form .ae_supporting_documents
{
    margin-top: 0px;
}

#f_1_err
{
    margin-top: 1.5em;
}

.ae_supporting_documents a,
.ae_tab_change_link
{
    /*color: #00b1e3;*/
    line-height: 20px;
    display: inline-block;
    /*text-decoration: underline; /* needed for ie
    text-decoration-style: dotted;
    text-decoration-line: underline;*/
}

a.ae_supporting_documents_link:hover,
a.ae_tab_change_link:hover
{
    /*color: #323849; /*#00b1e3;*/
    text-decoration: underline; /* needed for ie
    text-decoration-style: dotted;
    text-decoration-line: underline;*/
}

div[data-multiplicity] .ae_supporting_documents
{
    margin-top: 1em;
}

.ae_tab_change_link
{
    cursor: pointer;
}

.ae_supporting_documents + .ae_question_help
{
    margin-top: -20px;
}

.ae_supporting_documents_list
{
    /*border-top: 1px dotted #d5d6d9;*/
    border-top: none;
    /*margin-top: 1.5em;*/
}

.ae_supporting_documents_list .ae_title
{
    font-family: "fira-regular", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
}

.modal.ae_modal
{
    background: #323849;
    border-radius: 0px;
    color: white;
    z-index: 1000;
    max-width: none;
    width: 60%;
    padding: 2em 4em;
}

.modal.ae_modal .banner
{
    max-height: none;
}

.modal.ae_modal .banner__inpage
{
    padding: 1.5em 3.5em;
}

.modal.ae_modal .banner_title
{
    font-size: 1.75em;
}

.modal.ae_modal h2.banner_title
{
    display: inline;
    margin-left: 0.5em;
}

.modal.ae_modal .banner_text .banner_textcopy
{
    font-size: 1.2em;
}

.jquery-modal.blocker /* current */
{
    z-index: 1000;
}

.ae_modal {
    font-family: "fira-book", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    /*font-size: 14px;*/
    font-size: 16px;
    /*line-height: 20px;*/
    line-height: 24px;
}

.ae_modal #uploaded-files table td {
    font-family: "fira-book", "arial", "冬青黑体", "Hiragino Sans GB", "黑体", "SimHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: white;
    border: none;
    padding: 7px;
}

.ae_modal #uploaded-files table td.btn_action {
    text-align: right;
}

.ae_modal #uploaded-files table tbody {
    border-bottom: none;
}

.ae_modal #uploaded-files table tr:nth-child(2n+2) {
    background-color: rgba(70,76,93,0.5);
}

.ae_modal .btn__small {
    padding: .5em .7em;
    margin: 0;
}

#upload-file.modal a.close-modal
{
    /*text-indent: 0%;*/
}

.ae_modal a
{
    /*color: white;*/
    line-height: 20px;
    display: inline-block;
    /*text-decoration: underline; /* needed for ie
    text-decoration-style: dotted;
    text-decoration-line: underline;*/
}

.ae_modal a:hover, .ae_modal a:focus
{
    /*color: #00b1e3;
    text-decoration: underline; /* needed for ie
    text-decoration-style: dotted;
    text-decoration-line: underline;*/
}

#uploaded-files li + li
{
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px solid white;
}

#upload-file.modal h1, #upload-file.modal h2, #upload-file.modal h3, #upload-file.modal h4, #upload-file.modal p
{
    color: white;
}

#upload-file.modal p
{
    font-size: 1.2em;
}

#upload-file .banner_icon
{
    font-size: 25px;
    margin-right: 0px;
}

#upload-actions
{
    text-align: center;
    margin-top: 1.75em;
}

.ae_form_message
{
    display: none;
}

.ae_message_spinner
{
    position: relative;
    min-height: 10em;
}

.ae_message_spinner .spinner div
{
    margin: -6em auto;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 1.5em solid rgba(39, 33, 33, 0.2);
    border-right: 1.5em solid rgba(218, 211, 211, 0.2);
    border-bottom: 1.5em solid rgba(218, 211, 211, 0.2);
    border-left: 1.5em solid rgba(218, 211, 211, 0.2);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: ae_spinner 1.5s infinite linear;
    animation: ae_spinner 1.5s infinite linear;
}

@keyframes ae_spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ae_message_spinner .spinner div, .ae_message_spinner .spinner div::after
{
    border-radius: 50%;
    width: 20em;
    height: 20em;
}

.ae_message_spinner .spinner
{
    display: block;
    position: absolute;
    top: 50%;
    right: 0em;
    left: auto;
}

.ae_message_spinner .spinner div
{
    border-color: rgba(39, 33, 33, 0.4) rgba(218, 211, 211, 0.6) rgba(218, 211, 211, 0.6);
    margin: -50% auto;
}

.ae_upload_spinner .ae_message_spinner
{
    display: inline-block;
}

.ae_upload_spinner
{
    text-align: center;
    padding-left: 10em;
}

.ae_upload_field_err_con
{
    margin-top: 0.4em;
}

.ae_summary .c100 .bar, .ae_summary .c100 .fill
{
    border-color: #00b1e3 !important;
}

.ae_summary .c100:hover > span
{
    color: #00b1e3;
}

.ae_progress_meter
{
    height: 40px; /* Can be anything */
    position: relative;
    margin: 60px 0 20px 0; /* Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.ae_progress_meter > span
{
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(43, 194, 83)),
            color-stop(1, rgb(84, 240, 84))
    );
    background-image: -moz-linear-gradient(
            to bottom,
            rgb(43, 194, 83) 37%,
            rgb(84, 240, 84) 69%
    );
    -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.ae_progress_meter > span:after, .animate > span > span
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, rgba(255, 255, 255, .2)),
    color-stop(.25, transparent), color-stop(.5, transparent),
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.75, rgba(255, 255, 255, .2)),
    color-stop(.75, transparent), to(transparent)
    );
    background-image: -moz-linear-gradient(
            -45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
    );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 65em)
{
    .ae_mobile_visible
    {
        display: block !important;
    }

    .ae_desktop_visible
    {
        display: none !important;
    }

    /*.ae_subnav_tab_title
    {
        display: none;
    }*/
    .ae_message_spinner
    {
        min-height: 2.5em;
    }

    .ae_message_spinner .spinner div
    {
        border-width: .75em;
    }

    .ae_message_spinner .spinner div, .ae_message_spinner .spinner div::after
    {
        width: 7.5em;
        height: 7.5em;
    }

    .modal.ae_modal
    {
        width: 100%;
        padding: 1em 2em;
    }

    .ae_upload_spinner
    {
        padding-left: 3.75em;
    }

    .ae_summary_edit_link
    {
        margin-bottom: 2em;
    }

    .ae_summary .c100
    {
        display: none;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==================================================
    INZ2019 (Not So) Simple Forms Framework Stylesheet
    ==================================================

    This is the stylesheet for the INZ2019 (Not So) Simple Forms Framework styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    IMPORTANT NOTE: the original form styling is in inz.css - ultimately this should all be moved here, but for now new rules go here and override the existing styles.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz2019 .my_component
{
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
    .inz_form_test,
    a.inz_edit_button,
    .grecaptcha-badge,
    .iti__flag-container,
    body .inz_content a[target="slider"],
    .ae_supporting_documents_link
    {
        display: none !important;
    }

    body.form_view *
    {
        font-size: 8pt !important;
    }

    .savedDrafts button
    {
        display: inline-block !important;
    }

    article.pre_form_questions
    {
        border: solid 2px #ccc;
        padding: 1em;
        margin: 4em 0;
    }

    .accordinate__title_blurb_cta
    {
        border: none;
    }

    article .accordinate__title_blurb_cta
    {
        min-height: auto;
    }

    article.pre_form_questions .accordinate__title_blurb_cta > :first-child
    {
        margin-top: 0 !important;
    }

    .termination form.form .form_field
    {
        padding: .75em 2em !important;
    }

    .termination form.form .form_field > label,
    .termination form.form .form_field label
    {
        font-size: 8pt;
        margin-bottom: 0 !important;
    }

    .termination form.form .form_field .input[type="tel"]
    {
        padding-left: 10px;
    }

    .termination .term_form form.form div.obj_form_container,
    .termination form.form div.form_group + div.form_group
    {
        border-top-color: #000;
    }

    .termination .term_form form.form div.obj_form_container.form_fieldset
    {
        border: solid 4px #888;
        padding: 0 2em !important;
    }

    .termination .term_form form.form div.obj_form_container.form_fieldset > div > h3,
    .termination .term_form form.form div.obj_form_container.form_fieldgroup div.grp_title > h4,
    .termination .term_form form.form div.obj_form_container.form_fieldgroup div.grp_title > h4 > span
    {
        font-size: 11pt !important;
    }

    .termination form.form .input__radio
    {
        margin-bottom: 0;
    }

    .dmy_container
    {
        display: flex;
    }

    .termination form.form .form_field .err-msg *
    {
        color: #e34f26 !important;
        font-size: 11pt;
    }

    .termination form.form .form_field .banner
    {
        border: solid 4px;
        padding: 1em !important;
    }

    .termination form.form .form_field .banner.banner__message,
    .termination form.form .form_field .banner.banner__message .banner_title
    {
        color: #0e7ac3 !important;
    }

    .termination form.form .form_field .banner.banner__alert,
    .termination form.form .form_field .banner.banner__alert .banner_title
    {
        color: #d4431b !important;
    }

    .termination form.form .form_field .banner .banner_text
    {
        padding: 1em 0 0;
    }

    .termination form.form .input__radio input[type=radio]:checked + label span
    {
        background-color: #00b1e3 !important;
        font-size: 17px !important;
    }

    .termination form.form .input__radio input[type=radio]:checked + label span::before
    {
        top: -7px;
        left: -3px;
        color: #00b1e3 !important;
    }

    .env_marker
    {
        display: none;
    }

    body
    {
        max-width: 90%;
    }

    .inz_main_column
    {
        width: 100% !important;
        margin: 0 !important;
    }
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------

    ==============================
    INZ2019 INZ3 Stylesheet
    ==============================

    This is the stylesheet for the INZ2019 INZ3 styles. This is loaded after the original site stylesheets and after the inz2019.css core stylesheet.

    Breakpoints
    -----------

    Original Breakpoints (from the INZ2 project):

        -   'mobile': 0 - 749px
        -   'tablet': 750 - 944px
        -   'desktop': 950px +

    New Breakpoints (from the INZ2019 project):

        breakpoint              viewport width      max-width   horizontal margins
        --------------------------------------------------------------------------
        extra_large_desktop     1640px+             1400px      240px
        large_desktop           1440px - 1639px     (1200px)    240px
        medium_desktop          1240px - 1439px     (1000px)    240px
        small_desktop           950px - 1239px      (800px)     (225px) 240px
        tablet                  750px - 944px
        mobile                  0 - 749px


    Note: the Zeplin designs only spec out the mobile, table, and (extra large) desktop layouts. As a rule, you should only implement those three layouts,
          and if DNA feel that there needs to be a rule change specific to the other device widths, they can raise that during their review phase.

    The CSS rules are defined in the files in the following order:

        - extra_large_desktop rules (no media query)
        - large_desktop and smaller rules (see above, try not to use)
        - medium_desktop and smaller rules (see above, try not to use)
        - small_desktop and smaller rules (see above, try not to use)
        - tablet and smaller rules
        - mobile rules
        - print rules


    Selectors
    ---------

    Everything in this stylesheet should have well-qualified selectors specific to this component. This is to ensure that we don't inadvertently style an
    existing item, as well as to ensure that we don't collide with each other.

    If you have a rule that needs to be applied on a wider basis than just this component, it is probably a candidate to go in the core inz2019.css file.
    However, any changes to the core file have the potential to interfere with other components, and so they **MUST** be discussed with the wider team first.

    If you need to differentiate between an existing pre-2019 component and the same markup on an INZ2019 page you can prefix your selector with .inz2019.
    This class is present on the body tag for pages rendered with the INZ2019 template.


    Fonts
    -----

    Font family names should be rationalised to '<inz custom font>, <windows/web-safe font>, <css fallback font>'. Apostrophes/quotes should only be used for
    family names that contain spaces.

    eg: font-family: gustan-medium, Arial, sans-serif;


    Bootstrap/DNA Magic Classes
    ---------------------------

    Do not use magic classes in your layout - eg: pb2 or m4. These are a massive antipattern and one of the goals of the INZ2019 project is to minimise
    the amount of layout directives that are present in the html. Classes/ids/data attributes should be used to identify elements semantically and the css
    should then target those to implement the layout.

    There are two potential exceptions to this:

    1)  If you have to interact with a DNA javascript function that requires specific classes/etc to work **AND** it is impractical to fork/create a new
        function that is targeted in a more sensible way. Example, some of the select2 customisations that DNA have made are quite opaque.

        Whereever possible, the preference is to duplicate and/or replace the original function and maintain the semantic markup.

    2)  The bootstrap (row/col) grid system. This can sometimes still be useful, however it is still an anti-pattern and because the site is using
        Bootstrap 3 it is implemented with floated divs which can cause other issues.

        Again, wherever possible, the preference should be to use semantic markup and then use flexbox rules to handle the column/wrapping layout.


    Depending on pre-INZ2019 style rules
    ------------------------------------

    The ultimate goal of the INZ2019 project was to remove all of the pre-INZ2019 stylesheets and rely entirely on the new, cleaner, and more sane INZ2019
    styles instead. It is currently unlikely that this will happen prior to go-live, but it remains a long-term goal.

    *** Wherever possible, your css should depend only on other INZ2019 stylesheets. ***

   --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.inz3
{
}


body.inz3 header.header2019
{
    background: #fff;
    border-bottom: solid 3px #999ca4;
    padding-bottom: 1em;
}

body.inz3 .header_content.inz_container
{
    max-width: 1200px;
    text-align: left;
}

body.inz3 header.inz_page_header h1,
body.inz3 header.inz_page_header h2,
body.inz3 header.inz_page_header h3,
body.inz3 header.inz_page_header p.page_intro
{
    margin-inline: 0;
}

body.inz3 header.inz_page_header p.page_intro
{
    font-family: fira-light, Arial, sans-serif;
    font-style: normal;
}

body.inz3 nav.inz_breadcrumbs
{
    display: none;
}

body.inz3 .inz_main_column
{
    width: 100%;
}

body.inz3 .inz_page_body.inz_container
{
    max-width: 1200px;
}

body.inz3 footer .footer_logos,
body.inz3 footer .footer_bottom
{
    background: #323849;
    text-transform: none;
}

/* Payment pages have their own styling so we need extra rules */
body.inz3.template-payment-online-form-status #payment-title
{
    padding-top: 1em;
}

@media screen and (max-width: 1639px)   /* LARGE DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1439px)   /* MEDIUM DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 1239px)   /* SMALL DESKTOP and smaller -- try to avoid adding rules for this breakpoint */
{
}

@media screen and (max-width: 944px)   /* TABLET and smaller */
{
}

@media screen and (max-width: 749px)   /* MOBILE ONLY */
{
}

@media only print                      /* PRINT styles */
{
}