:root {
    --color-grey-dark: #333333;
    --color-grey-light: #eee;
    --color-gold: #B4985B;
    --color-blue-dark: #163c6a;
    --gradient-blue: linear-gradient(#163c6a, #163c6a, #163c6a);
    --filter-dark: rgba(0, 0, 0, 0.1);
    --color-gold-dark: #8e6f32;
    --color-dark: #000;
    --color-cream: #f9f6f3;
}
body {
    font-family: 'citi-sans-text', sans-serif;
}
a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    color: var(--color-gold);
}

.brand {
    background: var(--gradient-blue);
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}

nav.top {
    font-size: .75rem;
    background-color: var(--color-grey-dark);
}

    nav.top a {
        color: #fff;
    }

nav.menu-main {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    position: relative;
}

    nav.top li,
    nav.menu-main li,
    footer li {
        list-style: none;
    }
     

nav.menu-main li {
    position: relative;
}

nav ul.menulist {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    display: block;
}


    nav ul.menulist li {
        display: inline-block;
    }

nav.menu-main a {
    padding: 16px 10px;
    position: relative;
    display: block;
    color: var(--color-grey-dark);
}

    nav.menu-main a:active,
    nav.menu-main a:focus,
    nav.menu-main a:hover,
    nav.menu-main a.active {
        color: var(--color-gold);
    }

nav.menu-main .menulist > li > a:after {
    content: '';
    display: block;
    height: 4px;
    bottom: 0;
    left: 10px;
    right: 10px;
    position: absolute;
}

nav.menu-main .dropdown:hover a:after,
nav.menu-main .menulist > li > a:active:after,
nav.menu-main .menulist > li > a:focus:after,
nav.menu-main .menulist > li > a:hover:after {
    background-color: var(--color-gold);
}

nav .sub-menu {
    display: none;
}

nav .mob-sub-menu a {
    border-bottom: solid 1px var(--filter-dark);
}

.shadow.left {
    box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.2);
}

.bg-cream {
    background-color: var(----color-cream);
}

.bg-gold-dark {
    background-color: var(--color-gold-dark) !important;
}

.bg-gold {
    background-color: var(--color-gold) !important;
}

.bg-grey {
    background-color: var(--color-grey-light);
}

.border-gold {
    border: solid 2px var(--color-gold);
}

.border-gold-dark {
    border: solid 2px var(--color-gold-dark);
}

.text-blue {
    color: var(--color-blue-dark) !important;
}

.text-gold {
    color: var(--color-gold) !important;
}

.text-gold-dark {
    color: var(--color-gold-dark) !important;
}

.text-grey {
    color: var(--color-grey-dark) !important;
}
.text-display {
    font-family: 'citi-sans-display', sans-serif!important;
}
.window {
    width: 100%;
    overflow-x: scroll;
    overflow-y: visible;
}

nav .mob-sub-menu {
    height: 10rem;
    overflow-y: scroll;
}

footer {
    background-color: var(--color-grey-dark);
    color: #fff;
}

    footer a,
    footer:active,
    footer a:focus,
    footer:hover {
        color: #fff;
    }

    footer .footer-heading {
        display: inline-block;
        width: 100%;
        padding: .9rem 1rem 1rem 3rem;
        cursor: pointer;
        font-size: .8rem;
        border-bottom: solid 1px rgba(255,255,255,.5);
        position: relative;
        margin: 0;
    }

        footer .footer-heading.first {
            border-top: solid 1px rgba(255,255,255,.5);
        }

        footer .footer-heading:before {
            content: '\276F';
            position: absolute;
            top: 1rem;
            left: 1rem;
            transform: rotate(90deg);
        }

        footer .footer-heading[aria-expanded="true"]:before {
            transform: rotate(270deg);
        }

    footer .footerlist-ul {
        border-bottom: solid 1px rgba(255,255,255,.5);
        width: 100%;
        padding: 0 0 .5rem 0;
        font-size: .8rem;
        list-style: none;
        margin: 0;
    }

        footer .footerlist-ul li {
            padding: .5rem 1rem .5rem 3rem;
        }

    footer hr {
        border-bottom: solid 1px rgba(255,255,255,.5);
    }

    footer .tnc {
        font-size: .8rem;
    }

@media(min-width:576px) {
}

@media(min-width:768px) {
    .shadow-md-none {
        box-shadow: none !important;
    }

    .sub-menu a {
        text-align: left;
        padding: 15px 20px 20px 40px;
    }
}

@media(min-width:992px) {
    .window {
        width: 100%;
        overflow-x: unset;
        overflow-y: unset;
    }

    nav .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        border-radius: 0 0 .5rem .5rem;
        background-color: #fff;
        border: solid 1px var(--filter-dark);
        border-top: none;
        height: 0;
        display: none;
        opacity: 0;
        display: none;
    }

        nav .sub-menu.login {
            left: unset;
            right: 1rem;
        }

    nav.menu-main .dropdown:hover .sub-menu {
        height: unset;
        display: block;
        opacity: 1;
    }

    nav .sub-menu a {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #mob-sub-menu-accordion {
        display: none !important;
    }

    footer .footer-heading {
        padding-bottom: .5em;
    }

        footer .footer-heading,
        footer .footerlist-ul,
        footer .footer-heading.first {
            border-top: none;
            border-bottom: none;
            display: block;
            padding-left: 1rem;
        }

            footer .footerlist-ul.collapse {
                display: block !important;
            }

            footer .footerlist-ul li {
                padding-left: 0;
            }

            footer .footer-heading:before {
                display: none;
            }
}

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

.small{font-size:14px!important;}
.more-hide{display:none;}

#footer-menu-toggle strong:after {
    content: 'More \2193';
}

#footer-menu-toggle[aria-expanded="true"] strong:after {
    content: 'Hide \2191';
}

footer{color:#666;padding-top:12px;padding-bottom:40px;}
#footer-menu a{width:100%;padding:.5rem;text-align:center;display:block;border-bottom:solid 1px #333;}
#footer-menu a:last-of-type{border-bottom:none;}
#scroll-to-top{position:absolute;top:-2.5rem;right:1rem;width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;color:#fff;background-color:var(--color-gold);box-shadow:0 0 4px #333;border-radius:2rem;cursor:pointer;transition:0.3s all ease-in-out;}
#scroll-to-top:hover{background-color:var(--color-dark-gold);}

footer{background-color:#333333;color:#fff;margin-right:-15px;margin-left:-15px;padding-left:1rem;padding-right:1rem;}
#footer-menu a:hover{color:var(--color-gold)!important;}
@media (min-width:992px){
footer{padding-top:40px;}
#footer-menu a{width:unset;border-bottom:none;display:inline-block;}
}
@media (min-width:1200px ){
#scroll-to-top{top:-.5rem;}
}


@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : portrait){
    .more-hide{display:block;float:right;margin-right:10%;}
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
    .more-hide{display:block;float:right;margin-right:10%;}
    }
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait){
    .more-hide{display:block;float:right;margin-right:20%;}
    #footer-menu{display:none;}
    }
    @media only screen and (min-device-width : 360px) and (max-device-width : 740px) and (orientation : portrait){
    .more-hide{display:block;float:right;margin-right:20%;}
    #footer-menu{display:none;}
    }
    @media (max-width:1199px){
    #scroll-to-top{top:-1.5rem!important;}
    .cus-pad{padding-bottom:22px;}
    }
    @media (max-width:766px){
    .cus-pad{padding-bottom:50px!important;}
    }
    

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

@media(min-width:1200px) {
}

@media(min-width:1500px) {
}