@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);

html,
body {
    margin: 0;
}

/* Skiplinks - start section */
.a-skiplink {
    background-color: #fff;
    border: 2px solid #999;
    display: block;
    left: -1000em;
    padding: .5em;
    position: absolute;
    z-index: 10;
    transition: none;
}
.a-skiplink:focus {
    left: 1em;
    top: 126px;
    z-index: 1000;
}

/* Skiplinks - end section */

/* Start footer sticky bottom page*/
    #aspnetForm {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100vh;
    }
/* End footer sticky bottom page */

#custompagecontent,
.grid{
    max-width: 1320px;
    padding: 0 15px;
    margin: 0 auto;
}

#innercontainer header{
    position: sticky;
    top: 0;
    z-index: 13;
}

/* Start header */
    #pull {
        display: none;
    }

    #ctl00_myBreadcrum_breadcrum {
        display: none;
    }

    #container_menu_top {
        display: none;
    }

    #innercontainer header {
        background-color: #1C3747;
    }

    #innerheader p{
        margin: 0;
    }

    .b_header-wrapper {
        display: flex;
        max-width: 1320px;
        padding: 0 15px;
        height: 80px;
        margin: 0 auto;
    }

    #header .logo {
        display: block;
        width: 80px;
        height: 80px;
    }

    #apptitle {
        display: none;
    }
/* End header */




/* Start menu */
    .b_menu-search-container {
        width: 100%;
        overflow: visible;
    }

    #container_menu {
        margin-top: 47px;
        display: flex;
        justify-content: right;
        overflow: visible;
    }

    #container_menu .menu {
        margin: 0;
        display: flex;
        justify-content: space-between;
        gap: 30px;
        margin: 0;
        padding: 0;
    }

    .menu li {
        display: flex;
    }

    .menu li a {
        display: inline-block;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        text-decoration: underline 1px transparent;
        text-underline-offset: 12px;
        font-family: Inter, sans-serif;
    }

    .menu li a:hover,
    .menu .active a {
        text-decoration: underline 1px #fff;
    }
/* End menu */


/* Start footer */
#footer {
    margin-top: auto;
    background: #D2D8DA;
    font-family: 'Merriweather', serif;
    font-weight: 400;
    padding: 96px 24px 24px;
}

#innerfooter{
    ul,li{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    p{
        margin: 0;
        font-style: normal;
        font-size: 18px;
        color: #000;
        font-family: Inter, sans-serif;
    }
}

#innerfooter {
    max-width: 100%;
}

#innerfooter h3 {
    margin: 0 0 24px 0;
    font-size: 24px;
    color: #000;
}

.abffooter{
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 3fr;
}

.biglink, .c-1 {
    padding: 0 12px;
}

.biglink a{
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.biglink a:hover{
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.biglink li:not(:last-child) {
    margin-bottom: 36px !important;
}

.lowfooter a,
.c-1 a{
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.lowfooter a{
    font-size: 16px;
}

.lowfooter{
    max-width: 1320px;
    margin: 0 auto;
}

.lowfooter a:not(:last-child){
    margin-right: 48px;
}

.lowfooter a:hover,
.c-1 a:hover{
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.margetop{
    margin-top: 36px;
}

.lowfooter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 180px 12px 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
}

    
@media only screen and (max-width: 900px) {
    .abffooter{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3.6rem 0;
    }
    .lowfooter {
        padding: 144px 12px 0;
    }
}

@media only screen and (max-width: 650px) {
    .lowfooter {
        grid-template-columns: 1fr;
    }
    .biglink a{
        font-size: 21px;
    }
    .lowfooter {
        padding: 32px 12px 0;
    }
    .margetop{
        margin-top: 26px;
    }
    #innerfooter h3 {
        margin: 0 0 12px 0;
        font-size: 21px;
    }
    .copyr {
        padding-bottom: 12px;
        font-size: 14px;
    }
    #footer {
        margin-top: auto;
        background: #D2D8DA;
        font-family: 'Merriweather', serif;
        font-weight: 400;
        padding: 8px 0 12px;
    }
    .c-1 a{
        font-size: 16px;
    }
    .lowfooter a{
        font-size: 14px;
    }
    .abffooter{
        grid-gap: 36px;
    }
    #innerfooter p {
        font-size: 16px;
    }
}

/* End footer */





/* start search page */
    /* start search page header */
    .search-header #innercontainer {
        width: 1140px !important;
        display: flex;
        justify-content: space-between;
    }

    .search-header #container_menu ul{
        padding-inline-start: 40px;
    }

    .search-header #container_menu #ctl00_menu{
        line-height: 1.6;
        max-width: 490px;
    }

    #search-header #p103{
        text-decoration: underline 1px #fff;
        text-underline-offset: 12px;
        border-bottom: none !important;
    }

    .search-header header {
        width: 1200px;
        height: 90px;
        display: flex;
        justify-content: space-between;
    }

    .search-header .b_header-wrapper {
        width: 1200px;
    }
    /* end search page header */


    /* Start footer search page */
    #search-footer #innerfooter{
        line-height: 1.6;
    }

    #search-footer #innerfooter h3 {
        font-family: 'Merriweather', serif;
        font-weight: normal;
        line-height: 1.3;
    }
    /* End footer search page */
/* End search page */
    

@media only screen and (max-width: 1230px) {
    #header .logo {
        padding-left: 15px;
    }


    /* start menu */
        #pull {
            display: inline-block;
            margin-right: 1.5vw;
            font-size: 22px;
            color: #fff;
            text-decoration: none;
            box-sizing: border-box;
            text-transform: capitalize;
        }

        #pull:before {
            content: "\f0c9";
            font-family: "Font Awesome 6 Pro";
            display: inline-block;
            padding-right: 6px;
            vertical-align: bottom;
            font-size: 20px;
        }

        #container_menu {
            margin-top: 45px;
            overflow: visible;
        }

        #innercontainer .menu {
            display: none;
        }

        #innercontainer .b_menu-open {
            display: block;
        }

        #container_menu .b_menu-open {
            position: absolute;
            width: 100%;
            top: 80px;
            left: 0;
            z-index: 9;
            font-size: 23px;
            max-width: 100%;
        }

        .b_menu-open li {
            background-color: #1C3747;
            display: flex;
            padding: 25px;
        }

        .menu li a {
            color: #fff;
            font-size: 1.4rem;
            text-decoration: none;
        }

        .menu li a:hover,
        .menu .active a {
            border-bottom: none;
        }

        #pull[aria-expanded="true"]::before {
            content: "\f00d";
            font-family: "Font Awesome 6 Pro";
            color: #fff;
        }

        .b_menu-search-wrapper {
            position: unset;
        }

    /* Ende menu */


    /* Start header on search page */
    .search-header #innercontainer {
        width: 95vw;
    }

    .search-header .b_header-wrapper {
        height: 108px;
    }
    /* End header on search page*/
}


@media only screen and (max-width: 500px) {
    #footer .grid{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #footer .c-2{
    margin-top: 20px;
    }

    .c-1,
    .c-2,
    .c-3 {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .b_header-wrapper .b_search-container{
        display: none !important;
    }

    .b_header-wrapper {
        height: 120px;
    }
}