.dropdown > li > span {
    color: #9d9d9d;
    padding: 18px 20px;
    background: #080808;
}

html .background-color-quaternary {
    background-color: #532c6d !important;
    color: #e0e0e0;
}
/* Add here all your CSS customizations */
.ContentBlockAlt10 {
    background: #ffffff;
    padding: 35px;
    color: white;
}

.navbar-inverse .navbar-nav > li > span {
    color: #ffffff;
    padding: 26px 20px;
    line-height: 90px;
    /*   background: #080808;  */
}

    .navbar-inverse .navbar-nav > li > span:hover {
        color: #ffffff;
        cursor: pointer;
        background: #69388a;
    }

.featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px;
    min-height: 220px;
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-stripe nav > ul > li > a.active {
        color: #ffffff;
        /*  color: #ffd500;  yellow */
    }

    #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a {
        background-color: #69388a;
    }

        #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active, #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a.active {
            color: #ffffff;
            padding-bottom: 0;
        }

    #header .header-nav.header-nav-stripe nav > ul > li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-block;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .featured-boxes-flat .featured-box .box-content {
        background: #FFF;
        margin-top: 65px;
        border-radius: 8px;
    }

    #header .header-logo {
        /* margin: 16px 0; */
        /* margin: 1rem 0; 
    margin-top: 98px; */
    }

    #header .container {
        position: relative;
        max-height: 88px;
    }

    #header {
        min-height: 0px !important;
        max-height: 140px !important;
    }

    #xticontent {
        padding: 0px;
    }

    #header {
        background: #532c6d;
    }

    #topBar {
        padding: 12px;
        border-bottom: solid 1px #63407a;
    }

        #topBar a, #topBar p, #topBar span {
            color: #d3d3d3;
        }

            #topBar a:hover, #topBar p:hover, #topBar span:hover {
                color: #ffffff;
            }

    .nav-search-inner input[type=text], .nav-search-inner input[type=search] {
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0 12px;
        font-size: 1em;
        text-align: center;
        color: #d3d3d3;
        outline: none;
        /* line-height: 30px; */
        border: none;
        background-color: #63407a;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    #searchResults {
        font-size: 1.5em;
        margin: 0 auto;
        width: 600px;
        background: #ffffff;
        border-radius: 0 0 5px 5px;
        text-align: center;
        /* border-bottom: #532c6d solid; */
        /* border-right: solid #532c6d; */
        /* border-left: solid #532c6d; */
        padding: 10px;
    }

    section.section {
        background: #f4f4f4;
        border-top: 0px solid #f1f1f1;
        margin: 30px 0;
        padding: 50px 0;
    }

    #footer .footer-copyright {
        position: relative;
        padding: 30px 0 60px;
        border-top: 0;
    }

    body .userway.userway_p1 {
        top: 4px !important;
    }

    @media screen and (min-width: 768px) {
        .navbar-nav {
            float: none;
            text-align: center;
        }

            .navbar-nav li {
                display: inline-block;
                float: none;
            }
    }

    @media screen and (max-width: 768px) {
        .nav-menu > li > a {
            height: 70px;
            padding: 26px 15px;
            display: inline-block;
            position: relative;
            text-decoration: none;
            font-size: 14px;
            color: #333;
            -webkit-transition: color 0.3s, background 0.3s;
            transition: color 0.3s, background 0.3s;
        }

        .google_plugin {
            font-family: Open Sans;
            width: 158px;
            float: left;
            height: 70px;
            background: #4f8fc8;
            padding-top: 20px;
        }

        #header .header-logo {
            /* margin: 16px 0; */
            /* margin: 1rem 0; */
            margin-top: 6px;
        }

        #header {
            min-height: 0px !important;
            max-height: none !important;
        }

            #header .container {
                position: relative;
                max-height: none;
            }

        #searchResults {
            width: 100%;
            margin-bottom: 20px;
        }
    }

    /* alerts */
    .ToggleBox {
        width: 66px;
        height: 66px;
        position: absolute;
        z-index: 926;
        background: #f37204;
        border-radius: 5px 0px 0px 5px;
        opacity: 0.9;
        transition: all .2s ease-in-out;
        right: 0;
        text-align: center;
        cursor: pointer;
        margin-top: 26px;
    }

        .ToggleBox i {
            margin-top: 18px;
            color: white;
        }

    #AlertSlideBox {
        position: absolute;
        background: white;
        width: 0px;
        min-height: 66px;
        z-index: 925;
        right: 0;
        opacity: 0.96;
        transition: all .5s ease-in-out;
        margin-top: 26px;
        margin-right: 0px;
        overflow: hidden;
    }

        #AlertSlideBox.show {
            margin-right: 64px;
            width: 50%;
            padding-left: 5px;
            border-radius: 5px 0px 0px 5px;
            border: 2px solid #f4801e;
        }
    /* alerts */