@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");

.dnn_mact .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#ControlActionMenu > li > a, #ControlBar_CustomMenuItems > li > a, #ControlNav > li > a {
    height: 53px
}

#ControlEditPageMenu > li > a {
    height: 55px
}

#ControlBar a {
    text-decoration: none
}

#ControlBar .selected-item a {
    height: 34px
}

.mark, mark {
    background-color: transparent
}

.DNNEmptyPane {
    display: none !important
}

.paneOutline {
    border: 1px dashed #ccc
}

.dnnSortable.ui-droppable, .dnnSortable.ui-sortable {
    padding: 0 15px
}

ul#ControlBar_Module_ModulePosition li {
    height: 30px
}

div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
    height: 30px
}

.clearfix {
    float: none;
    clear: both
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/open-sans/open-sans-v15-latin-300.eot");
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/open-sans/open-sans-v15-latin-regular.eot");
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/open-sans/open-sans-v15-latin-700.eot");
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-700.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-700.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/raleway/raleway-v12-latin-300.eot");
    src: local("Raleway Light"), local("Raleway-Light"), url("../fonts/raleway/raleway-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-300.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-300.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-300.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-300.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/raleway/raleway-v12-latin-regular.eot");
    src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway/raleway-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-regular.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-regular.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-regular.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-regular.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/raleway/raleway-v12-latin-700.eot");
    src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway/raleway-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-700.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-700.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-700.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-700.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-300.eot");
    src: local("Ubuntu Light"), local("Ubuntu-Light"), url("../fonts/ubuntu/ubuntu-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-300.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-300.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-300.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-300.svg#Ubuntu") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-regular.eot");
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.svg#Ubuntu") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-700.eot");
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("../fonts/ubuntu/ubuntu-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-700.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-700.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-700.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-700.svg#Ubuntu") format("svg")
}

.top-bar .language .language-object {
    height: 35px;
    padding-top: 4px
}

    .top-bar .language .language-object .Language {
        padding: 0 3px
    }

        .top-bar .language .language-object .Language img {
            height: 0px;
            border: solid 1px #292929;
            opacity: .5;
            width: 25px;
            height: 20px
        }

        .top-bar .language .language-object .Language.selected img {
            border: solid 1px #292929;
            opacity: 1
        }

.top-bar #login .loginGroup, .top-bar #login .loginGroup *, .top-bar #login .registerGroup, .top-bar #login .registerGroup * {
    display: block
}

.top-bar #login .loginGroup, .top-bar #login .registerGroup {
    float: right;
    padding: 0;
    margin: 0
}

.top-bar #login .loginGroup {
    border-right: solid 1px #292929
}

    .top-bar #login .loginGroup a, .top-bar #login .registerGroup a {
        display: block;
        position: relative;
        line-height: 35px;
        min-width: 12px;
        padding: 0 10px;
        color: #ffffff;
        font-size: 11px;
        text-decoration: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }

        .top-bar #login .loginGroup a:hover, .top-bar #login .registerGroup a:hover {
            -webkit-transition: all 0.3s ease-in-out;
            -khtml-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background: #d7d7d7;
            color: #383838;
            text-decoration: none
        }

        .top-bar #login .loginGroup a:active, .top-bar #login .registerGroup a:active {
            color: #383838;
            text-decoration: none
        }

        .top-bar #login .loginGroup a strong, .top-bar #login .registerGroup a strong {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            overflow: hidden;
            font-size: 0;
            text-indent: -9999px;
            text-decoration: none
        }

.top-bar #login .registerGroup li {
    float: left;
    line-height: 35px
}

.top-bar #login .registerGroup .buttonGroup {
    margin-right: 0
}

.top-bar #login .registerGroup .userProfileImg a {
    padding: 0;
    background: 0 0;
    text-decoration: none
}

.top-bar #login .registerGroup a span {
    display: inline-block;
    position: absolute;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-clip: padding-box;
    right: 2px;
    top: -1px;
    width: 15px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    z-index: 1
}

.top-bar #login .registerGroup a img {
    height: 35px;
    width: 35px
}

.top-bar #login .userNotifications {
    border-left: 1px solid #292929;
    border-right: 1px solid #292929
}

.top-bar #login .userMessages {
    border-left: 1px solid #292929
}

    .top-bar #login .userMessages strong, .top-bar #login .userNotifications strong {
        height: 100%
    }

        .top-bar #login .userMessages strong:before, .top-bar #login .userNotifications strong:before {
            font-family: 'Linearicons-Free';
            line-height: 35px;
            padding: 0 9px;
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            font-variant: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            text-shadow: none
        }

        .top-bar #login .userNotifications strong:before {
            content: "\e83f"
        }

        .top-bar #login .userMessages strong:before {
            content: "\e818"
        }

    .top-bar #login .userMessages a, .top-bar #login .userNotifications a {
        height: 35px;
        width: 35px;
        text-decoration: none
    }

        .top-bar #login .userMessages a span, .top-bar #login .userNotifications a span {
            display: inline-block;
            margin-top: 9px;
            margin-right: 0;
            background-color: #7ca0c0;
            font-size: 10px;
            text-decoration: none
        }

.top-bar .search {
    position: relative;
    min-width: 35px;
    width: 0;
    height: 35px;
    float: right;
    overflow: hidden
}

    .top-bar .search.search-open {
        width: 25%;
        -webkit-transform: all 0.3s ease-in-out;
        -khtml-transform: all 0.3s ease-in-out;
        -moz-transform: all 0.3s ease-in-out;
        -ms-transform: all 0.3s ease-in-out;
        -o-transform: all 0.3s ease-in-out;
        transform: all 0.3s ease-in-out
    }

.top-bar .searchInputContainer {
    display: block !important;
    margin: 0 !important
}

    .top-bar .searchInputContainer input {
        top: 0;
        right: 0;
        border: 0;
        outline: 0;
        background: #d7d7d7;
        width: auto;
        height: 35px;
        margin: 0;
        padding: 0 52px 0 20px;
        font-size: 12px
    }

        .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #383838
        }

        .top-bar .searchInputContainer input:-moz-placeholder {
            color: #383838
        }

        .top-bar .searchInputContainer input::-moz-placeholder {
            color: #383838
        }

        .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #383838
        }

        .top-bar .searchInputContainer input a.dnnSearchBoxClearText {
            right: 45px !important
        }

            .top-bar .searchInputContainer input a.dnnSearchBoxClearText.dnnShow {
                bottom: 2px
            }

.top-bar #search-action, .top-bar .search-toggle-icon, .top-bar .SearchButton {
    background: #383838;
    border-right: 1px solid #292929;
    color: #ffffff !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    position: absolute;
    top: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    text-align: center;
    cursor: pointer;
    font-size: 0
}

    .top-bar #search-action:hover, .top-bar .search-toggle-icon:hover, .top-bar .SearchButton:hover {
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: #d7d7d7;
        color: #383838 !important
    }

    .top-bar #search-action:after, .top-bar .search-toggle-icon:after, .top-bar .SearchButton:after {
        display: inline-block;
        font-family: 'Linearicons-Free';
        font-style: normal;
        font-variant: none;
        font-weight: normal;
        content: "\e86f";
        line-height: 35px;
        padding: 0 9px;
        font-size: 16px;
        text-shadow: none
    }

.top-bar #search-top {
    clear: both;
    width: 100%;
    background: #7ca0c0;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

    .top-bar #search-top.active {
        height: auto;
        padding: 15px 0
    }

    .top-bar #search-top span {
        display: inline !important
    }

    .top-bar #search-top input {
        background: #fff;
        border: none;
        font-size: 1.2em;
        height: 46px;
        margin: 0 0 0 15px;
        width: 70%
    }

    .top-bar #search-top a.SearchButton {
        height: 46px;
        position: relative;
        display: inline-block;
        text-indent: -9999px;
        width: 60px;
        padding: 0;
        top: 5px
    }

.top-bar #search-action {
    display: none;
    float: right;
    height: 34px;
    margin: 0;
    padding: 6px 12px
}

@media (max-width:620px) {
    .top-bar #login .registerGroup li.userDisplayName {
        display: none;
        visibility: hidden
    }
}

.menu-bar .navbar .navbar-brand {
    float: left;
    padding: 0 !important
}

    .menu-bar .navbar .navbar-brand img {
        max-width: 100px
    }

.menu-bar .navbar-expand-lg {
    width: 100%
}

.menu-bar .navbar {
    padding: 0
}

    .menu-bar .navbar li {
        list-style: none !important
    }

    .menu-bar .navbar .navbar-collapse {
    }

.menu-bar .navbar-nav {
    margin-left: 0
}

    .menu-bar .navbar-nav .nav-item .nav-link {
        color: #1e73be;
        text-decoration: none;
        padding: 15px;
        margin: 0 1px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight:bold;
    }

        .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #dd9933
        }

    .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .menu-bar .navbar-nav .nav-item .dropdown-menu {
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        padding-top: 0;
        padding-bottom: 0
    }

        .menu-bar .navbar-nav .nav-item .dropdown-menu .dropdown-menu:after {
            bottom: 100%;
            left: 35%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0
        }

        .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            background: none;
            float: none;
            clear: both;
            width: auto;
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            -webkit-transition: all 0.3s ease 0s;
            -khtml-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
        }

            .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                display: block;
                padding: 10px 5px;
                font-weight: 400;
                line-height: 1.42857143;
                color: #1e73be;
                white-space: nowrap;
                text-decoration: none
            }

                .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #7ca0c0;
                    color: #ffffff
                }

        .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            bottom: 100%;
            left: 35%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-bottom-color: #f1f1f1;
            border-width: 10px;
            margin-left: -30px
        }

.menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

    .menu-bar .sm-collapsible .nav-item {
        border-bottom: solid 1px rgba(0, 0, 0, 0.15)
    }

        .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
            position: absolute;
            top: 50%;
            right: 0;
            margin: -0.7em 0 0 0;
            border: 1px solid rgba(0, 0, 0, 0.15);
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            background-clip: padding-box;
            padding: 0;
            width: 1.4em;
            height: 1.4em;
            font-size: 1.25rem;
            line-height: 1.2em;
            text-align: center
        }

.menu-bar .navbar-toggler {
    background: none
}

.menu-bar .navbar-toggler {
    float: right;
    cursor: pointer;
    position: relative;
    width: 2.5rem;
    height: 2rem;
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1rem;
    -webkit-border-radius: 0.25rem;
    -khtml-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background-clip: padding-box
}

    .menu-bar .navbar-toggler:focus, .menu-bar .navbar-toggler:hover {
        outline: none
    }

    .menu-bar .navbar-toggler span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        background: #383838;
        opacity: 1;
        left: 25%;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -khtml-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out
    }

        .menu-bar .navbar-toggler span:first-child {
            top: 34.5%
        }

        .menu-bar .navbar-toggler span:nth-child(2), .menu-bar .navbar-toggler span:nth-child(3) {
            top: 50%
        }

        .menu-bar .navbar-toggler span:nth-child(4) {
            top: 68%
        }

    .menu-bar .navbar-toggler.open span:first-child {
        top: 18px;
        width: 0%;
        left: 50%
    }

    .menu-bar .navbar-toggler.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .menu-bar .navbar-toggler.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-bar .navbar-toggler.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%
    }

@media screen and (max-width:720px) {
    .menu-bar .container-nav {
        padding-left: 15px;
        padding-right: 15px
    }

    .menu-bar header {
        padding: 15px 0 !important
    }

    .menu-bar #dnn_dnnLOGO_imgLogo {
        max-width: 100px
    }
}

#breadcrumb {
    font-family: "Ubuntu", sans-serif;
    border-radius: 0;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dashed #383838;
    padding: 5px 0;
    margin: 0;
    display: block;
    margin-bottom: 15px
}

    #breadcrumb a {
        margin-left: 10px;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        text-decoration: none
    }

        #breadcrumb a:hover {
            color: #7ca0c0 !important;
            -webkit-transition: all 0.3s ease-in-out;
            -khtml-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
        }

        #breadcrumb a:first-child {
            font-family: "Ubuntu", sans-serif;
            font-size: 14px !important;
            font-weight: 400;
            color: #666666;
            margin: 0;
            padding-left: 5px
        }

        #breadcrumb a img, #breadcrumb a span {
            padding-right: 5px
        }

footer a:active, footer a:active, footer a:link, footer a:visited {
    color: #ffffff;
    text-decoration: none
}

footer a:hover {
    color: #f0f0f0;
    text-decoration: none
}

footer .footer-above {
    background-color: #292929;
    padding-top: 25px;
    border-top: 25px solid #7ca0c0
}

    footer .footer-above h2, footer .footer-above p {
        color: #d2d2d2
    }

footer .footer-below {
    background-color: #383838;
    padding: 15px 0
}

footer .footer-below, footer .terms-priv a:visited, footer footer .terms-priv a:link {
    color: #d2d2d2;
    font-size: 12px
}

footer .copyright {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

footer .terms-priv {
    float: right;
    padding-left: 15px;
    padding-right: 15px
}

footer .links-list ul li {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 1.5em
}

    footer .links-list ul li a:active, footer .links-list ul li a:link, footer .links-list ul li a:visited {
        color: #ffffff;
        text-decoration: none
    }

    footer .links-list ul li a:hover {
        color: #f0f0f0
    }

    footer .links-list ul li a:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 3px solid #383838;
        position: relative;
        bottom: 1px;
        padding-right: 9px
    }

footer a, footer a:active, footer a:focus, footer a:link, footer a:visited {
    color: #ffffff !important;
    text-decoration: none !important
}

    footer a:hover {
        color: #f0f0f0 !important
    }

@media (max-width:768px) {
    footer .copyright {
        float: none;
        text-align: center;
        padding-bottom: 10px
    }

    footer .terms-priv {
        float: none;
        text-align: center
    }
}

.SubHead {
    color: #7b7878
}

h1, h2, h3, h4, h5, h6 {
    color: #020202;
    line-height: 1.3em;
    margin: 0 0 10px
}

h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

a:active, a:link, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

p {
    margin: 0 0 20px
}

ol li > ol li {
    list-style-type: lower-latin
}

.dnnContainer .lms_heading_1, .dnnContainer .lms_heading_2, .dnnContainer .lms_heading_3, .dnnContainer .lms_heading_4, .dnnContainer .lms_heading_5, .dnnContainer .lms_heading_6 {
    text-align: center
}

    .dnnContainer .lms_heading_1 .lms_heading_title, .dnnContainer .lms_heading_2 .lms_heading_title, .dnnContainer .lms_heading_3 .lms_heading_title, .dnnContainer .lms_heading_5 .lms_heading_title, .dnnContainer .lms_heading_6 .lms_heading_title {
        border-bottom: 1px solid #7b7878;
        font-weight: 400;
        margin-bottom: 17px;
        margin-top: 17px;
        padding: 0 32px 28px;
        position: relative
    }

        .dnnContainer .lms_heading_1 .lms_heading_title:after {
            content: "";
            position: absolute;
            top: 100%;
            margin: -10px 0 0 -5px;
            left: 50%;
            width: 10px;
            height: 20px;
            background: #ffffff;
            border-left: 2px solid #7b7878;
            border-right: 2px solid #7b7878;
            -webkit-transform: rotate(20deg);
            -khtml-transform: rotate(20deg);
            -moz-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            transform: rotate(20deg)
        }

    .dnnContainer .lms_heading_4 .lms_heading_title {
        margin-bottom: 17px;
        margin-top: 17px;
        padding: 0 30px 10px
    }

.dnnContainer .dots-wrapper, .dnnContainer .open_rectangle, .dnnContainer .rectangle {
    position: relative;
    background-color: #ffffff;
    width: 42px;
    height: 10px;
    margin: 10px auto;
    top: -23px
}

    .dnnContainer .dots-wrapper .dots, .dnnContainer .open_rectangle .dots, .dnnContainer .rectangle .dots {
        width: 10px;
        height: 10px;
        border-radius: 50px;
        line-height: 100px;
        background: #7b7878;
        float: left;
        margin: 0 2px 0 2px
    }

.dnnContainer .subtle-line {
    display: block;
    border: none;
    color: #ffffff;
    height: 1px;
    width: 100%;
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    margin-bottom: 32px
}

.dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878;
    height: 20px;
    margin: 10.39px auto;
    position: relative;
    top: -27px;
    width: 36px;
    z-index: 10
}

    .dnnContainer .hexagon:after, .dnnContainer .hexagon:before {
        background-color: inherit;
        content: "";
        height: 25.46px;
        left: 2.27px;
        position: absolute;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -khtml-transform: scaleY(0.5774) rotate(-45deg);
        -moz-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        -o-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        width: 25.46px;
        z-index: 1
    }

    .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878;
        top: -12.73px
    }

    .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878;
        bottom: -12.73px
    }

.dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878;
    height: 20px;
    top: -27px
}

.dnnContainer .rectangle {
    border: 2px solid #7b7878;
    height: 13px;
    top: -24px;
    border-radius: 10px
}

.dnnContainer .valid-404 h1 {
    font-size: 10em;
    -webkit-text-shadow: 0 0 7px rgba(0, 0, 0, 0.75);
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.75)
}

.dnnContainer .valid-404 h2 {
    font-size: 33px
}

.dnnContainer .valid-404 h1, .dnnContainer .valid-404 h2, .dnnContainer .valid-404 p {
    text-align: center
}

.dnnContainer .boxed {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #7b7878
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.dnnXcillion2 {
}

    .dnnXcillion2 .admin {
        top: 53px !important;
        z-index: 9
    }

    .dnnXcillion2 .sticky {
        padding: 20px 0
    }

    .dnnXcillion2 .sticky-pin {
        position: fixed;
        top: 0;
        -webkit-transition: padding 0.3s ease-in-out;
        -khtml-transition: padding 0.3s ease-in-out;
        -moz-transition: padding 0.3s ease-in-out;
        -ms-transition: padding 0.3s ease-in-out;
        -o-transition: padding 0.3s ease-in-out;
        transition: padding 0.3s ease-in-out
    }

    .dnnXcillion2 .top-bar {
        height: 35px;
        background: #383838
    }

    .dnnXcillion2 .menu-bar {
        width: 100%;
        width: 100%;
        padding: 0px 0;
        -webkit-transition: padding .3s ease-in-out;
        -o-transition: padding .3s ease-in-out;
        transition: padding .3s ease-in-out;
        background: #ffffff;
        color: #ffffff;
        border-bottom: solid 1px #383838
    }

    .dnnXcillion2 .sticky-pin {
        background: #ffffff;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        padding: 5px 0;
        -webkit-transition: padding 0.3s ease-in-out;
        -khtml-transition: padding 0.3s ease-in-out;
        -moz-transition: padding 0.3s ease-in-out;
        -ms-transition: padding 0.3s ease-in-out;
        -o-transition: padding 0.3s ease-in-out;
        transition: padding 0.3s ease-in-out
    }

    .dnnXcillion2 header {
        position: relative;
        z-index: 1;
        padding: 0
    }

    .dnnXcillion2 .content-warpper {
        padding: 0px;
        background: #ffffff;
        border-right: solid 1px #cccccc;
        border-left: solid 1px #cccccc
    }

    .dnnXcillion2 .content-warpper-inner {
        background: #ffffff;
        border-right: solid 1px #cccccc;
        border-left: solid 1px #cccccc
    }

    .dnnXcillion2 p {
        color: #666666;
        font-size: 16px
    }

    .dnnXcillion2 a, .dnnXcillion2 a:active, .dnnXcillion2 a:focus, .dnnXcillion2 a:link, .dnnXcillion2 a:visited {
        color: #7ca0c0;
        text-decoration: underline
    }

        .dnnXcillion2 a:hover {
            text-decoration: none
        }

    .dnnXcillion2 .bottom-spacer {
        padding-bottom: 15px
    }

@media screen and (max-width:720px) {
    .dnnXcillion2 header {
        padding: 0 !important
    }
}

.banner-container {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    margin-bottom: 15px
}

    .banner-container h2 {
        text-align: left !important
    }

    .banner-container span {
        text-align: left !important
    }

.intro-container {
    margin: -15px !important;
    margin-top: 20px !important
}

    .intro-container .main {
        margin-top: 20px !important
    }

.intro-container {
    padding-bottom: 15px
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.classic .top-bar {
    background: #383838
}

    .classic .top-bar .language .language-object .Language img {
        border: solid 1px #292929
    }

    .classic .top-bar .language .language-object .Language.selected img {
        border: solid 1px #292929
    }

    .classic .top-bar #login .loginGroup {
        border-right: solid 1px #292929;
        border-left: solid 1px #292929
    }

        .classic .top-bar #login .loginGroup a, .classic .top-bar #login .registerGroup a {
            color: #ffffff
        }

            .classic .top-bar #login .loginGroup a:hover, .classic .top-bar #login .registerGroup a:hover {
                background: #d7d7d7;
                color: #383838
            }

            .classic .top-bar #login .loginGroup a:active, .classic .top-bar #login .registerGroup a:active {
                color: #383838
            }

    .classic .top-bar #login .userNotifications {
        border-left: 1px solid #292929;
        border-right: 1px solid #292929
    }

    .classic .top-bar #login .userMessages {
        border-left: 1px solid #292929
    }

        .classic .top-bar #login .userMessages a span, .classic .top-bar #login .userNotifications a span {
            background-color: #7ca0c0
        }

    .classic .top-bar .searchInputContainer input {
        background: #d7d7d7
    }

        .classic .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #383838
        }

        .classic .top-bar .searchInputContainer input:-moz-placeholder {
            color: #383838
        }

        .classic .top-bar .searchInputContainer input::-moz-placeholder {
            color: #383838
        }

        .classic .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #383838
        }

    .classic .top-bar #search-action, .classic .top-bar .search-toggle-icon, .classic .top-bar .SearchButton {
        background: #383838;
        border-right: 1px solid #292929;
        color: #ffffff !important
    }

        .classic .top-bar #search-action:hover, .classic .top-bar .search-toggle-icon:hover, .classic .top-bar .SearchButton:hover {
            background: #d7d7d7;
            color: #383838
        }

    .classic .top-bar #search-top {
        background: #7ca0c0 !important
    }

.classic .menu-bar {
    border-bottom: solid 1px #383838;
    background: #ffffff;
    color: #ffffff
}

    .classic .menu-bar .navbar-nav .nav-item .nav-link {
        color: #1e73be
    }

        .classic .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #dd9933
        }

    .classic .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .classic .menu-bar .navbar-nav .nav-item .dropdown-menu {
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }

        .classic .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15)
        }

            .classic .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                color: #1e73be
            }

                .classic .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #7ca0c0;
                    color: #ffffff
                }

        .classic .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            border-bottom-color: #f1f1f1
        }

    .classic .menu-bar .sm-collapsible {
        border-top: solid 1px rgba(0, 0, 0, 0.15)
    }

        .classic .menu-bar .sm-collapsible .nav-item {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15)
        }

            .classic .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
                border: 1px solid rgba(0, 0, 0, 0.15)
            }

    .classic .menu-bar .navbar-toggler span {
        background: #383838
    }

.classic #breadcrumb {
    border-bottom: 1px dashed #383838
}

    .classic #breadcrumb a {
        color: #666666
    }

        .classic #breadcrumb a:hover {
            color: #7ca0c0 !important
        }

        .classic #breadcrumb a:first-child {
            color: #666666
        }

.classic footer a:active, .classic footer a:link, .classic footer a:visited {
    color: #ffffff
}

.classic footer a:hover {
    color: #f0f0f0
}

.classic footer .footer-above {
    background-color: #292929;
    border-top: 25px solid #7ca0c0
}

    .classic footer .footer-above h2, .classic footer .footer-above p {
        color: #d2d2d2
    }

.classic footer .footer-below {
    background-color: #383838
}

.classic footer .footer-below, .classic footer .terms-priv a:visited, .classic footer footer .terms-priv a:link {
    color: #d2d2d2
}

.classic footer .links-list ul li a:active, .classic footer .links-list ul li a:link, .classic footer .links-list ul li a:visited {
    color: #ffffff
}

.classic footer .links-list ul li a:hover {
    color: #f0f0f0
}

.classic footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.classic footer a, .classic footer a:active, .classic footer a:focus, .classic footer a:link, .classic footer a:visited {
    color: #ffffff !important
}

    .classic footer a:hover {
        color: #f0f0f0 !important
    }

.classic .SubHead {
    color: #7b7878
}

.classic h1, .classic h2, .classic h3, .classic h4, .classic h5, .classic h6 {
    color: #020202
}

.classic h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.classic .dnnContainer .lms_heading_1 .lms_heading_title, .classic .dnnContainer .lms_heading_2 .lms_heading_title, .classic .dnnContainer .lms_heading_3 .lms_heading_title, .classic .dnnContainer .lms_heading_5 .lms_heading_title, .classic .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

    .classic .dnnContainer .lms_heading_1 .lms_heading_title:after {
        background: #ffffff;
        border-left: 2px solid #7b7878;
        border-right: 2px solid #7b7878
    }

.classic .dnnContainer .dots-wrapper, .classic .dnnContainer .open_rectangle, .classic .dnnContainer .rectangle {
    background-color: #ffffff
}

    .classic .dnnContainer .dots-wrapper .dots, .classic .dnnContainer .open_rectangle .dots, .classic .dnnContainer .rectangle .dots {
        background: #7b7878
    }

.classic .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.classic .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

    .classic .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878
    }

    .classic .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878
    }

.classic .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.classic .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.classic .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.classic .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.classic .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.classic p {
    color: #666666
}

.classic a, .classic a:active, .classic a:focus, .classic a:link, .classic a:visited {
    color: #7ca0c0
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.modern .top-bar {
    background: #291718
}

    .modern .top-bar .language .language-object .Language img {
        border: solid 1px #3b2527
    }

    .modern .top-bar .language .language-object .Language.selected img {
        border: solid 1px #3b2527
    }

    .modern .top-bar #login .loginGroup {
        border-right: solid 1px #3b2527;
        border-left: solid 1px #3b2527
    }

        .modern .top-bar #login .loginGroup a, .modern .top-bar #login .registerGroup a {
            color: #ffffff
        }

            .modern .top-bar #login .loginGroup a:hover, .modern .top-bar #login .registerGroup a:hover {
                background: #3b2527;
                color: #ffffff
            }

            .modern .top-bar #login .loginGroup a:active, .modern .top-bar #login .registerGroup a:active {
                color: #ffffff
            }

    .modern .top-bar #login .userNotifications {
        border-left: 1px solid #3b2527;
        border-right: 1px solid #3b2527
    }

    .modern .top-bar #login .userMessages {
        border-left: 1px solid #3b2527
    }

        .modern .top-bar #login .userMessages a span, .modern .top-bar #login .userNotifications a span {
            background-color: #1e73be
        }

    .modern .top-bar .searchInputContainer input {
        background: #d7d7d7
    }

        .modern .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #ffffff
        }

        .modern .top-bar .searchInputContainer input:-moz-placeholder {
            color: #ffffff
        }

        .modern .top-bar .searchInputContainer input::-moz-placeholder {
            color: #ffffff
        }

        .modern .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #ffffff
        }

    .modern .top-bar #search-action, .modern .top-bar .search-toggle-icon, .modern .top-bar .SearchButton {
        background: #291718;
        border-right: 1px solid #3b2527;
        color: #ffffff !important
    }

        .modern .top-bar #search-action:hover, .modern .top-bar .search-toggle-icon:hover, .modern .top-bar .SearchButton:hover {
            background: #3b2527;
            color: #ffffff
        }

    .modern .top-bar #search-top {
        background: #1e73be !important
    }

.modern .menu-bar {
    border-bottom: solid 1px #291718;
    background: #ffffff;
    color: #ffffff
}

    .modern .menu-bar .navbar-nav .nav-item .nav-link {
        color: #291718
    }

        .modern .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #3b2527
        }

    .modern .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .modern .menu-bar .navbar-nav .nav-item .dropdown-menu {
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }

        .modern .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15)
        }

            .modern .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                color: #291718
            }

                .modern .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #1e73be;
                    color: #ffffff
                }

        .modern .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            border-bottom-color: #f1f1f1
        }

    .modern .menu-bar .sm-collapsible {
        border-top: solid 1px rgba(0, 0, 0, 0.15)
    }

        .modern .menu-bar .sm-collapsible .nav-item {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15)
        }

            .modern .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
                border: 1px solid rgba(0, 0, 0, 0.15)
            }

    .modern .menu-bar .navbar-toggler span {
        background: #291718
    }

.modern #breadcrumb {
    border-bottom: 1px dashed #291718
}

    .modern #breadcrumb a {
        color: #666666
    }

        .modern #breadcrumb a:hover {
            color: #1e73be !important
        }

        .modern #breadcrumb a:first-child {
            color: #666666
        }

.modern footer a:active, .modern footer a:link, .modern footer a:visited {
    color: #ffffff
}

.modern footer a:hover {
    color: #f0f0f0
}

.modern footer .footer-above {
    background-color: #291718;
    border-top: 25px solid #1e73be
}

    .modern footer .footer-above h2, .modern footer .footer-above p {
        color: #d2d2d2
    }

.modern footer .footer-below {
    background-color: #3b2527
}

.modern footer .footer-below, .modern footer .terms-priv a:visited, .modern footer footer .terms-priv a:link {
    color: #d2d2d2
}

.modern footer .links-list ul li a:active, .modern footer .links-list ul li a:link, .modern footer .links-list ul li a:visited {
    color: #ffffff
}

.modern footer .links-list ul li a:hover {
    color: #f0f0f0
}

.modern footer .links-list ul li a:before {
    border-left: 3px solid #3b2527
}

.modern footer a, .modern footer a:active, .modern footer a:focus, .modern footer a:link, .modern footer a:visited {
    color: #ffffff !important
}

    .modern footer a:hover {
        color: #f0f0f0 !important
    }

.modern .SubHead {
    color: #7b7878
}

.modern h1, .modern h2, .modern h3, .modern h4, .modern h5, .modern h6 {
    color: #020202
}

.modern h1 {
    font-size: 2rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h2 {
    font-size: 1.5rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h3 {
    font-size: 1.375rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h4 {
    font-size: 1.25rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h5 {
    font-size: 1.125rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h6 {
    font-size: 1rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern .dnnContainer .lms_heading_1 .lms_heading_title, .modern .dnnContainer .lms_heading_2 .lms_heading_title, .modern .dnnContainer .lms_heading_3 .lms_heading_title, .modern .dnnContainer .lms_heading_5 .lms_heading_title, .modern .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

    .modern .dnnContainer .lms_heading_1 .lms_heading_title:after {
        background: #ffffff;
        border-left: 2px solid #7b7878;
        border-right: 2px solid #7b7878
    }

.modern .dnnContainer .dots-wrapper, .modern .dnnContainer .open_rectangle, .modern .dnnContainer .rectangle {
    background-color: #ffffff
}

    .modern .dnnContainer .dots-wrapper .dots, .modern .dnnContainer .open_rectangle .dots, .modern .dnnContainer .rectangle .dots {
        background: #7b7878
    }

.modern .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.modern .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

    .modern .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878
    }

    .modern .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878
    }

.modern .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.modern .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.modern .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.modern .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.modern .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.modern p {
    color: #666666
}

.modern a, .modern a:active, .modern a:focus, .modern a:link, .modern a:visited {
    color: #1e73be
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.blue .top-bar {
    background: #1e73be
}

    .blue .top-bar .language .language-object .Language img {
        border: solid 1px #0e96ca
    }

    .blue .top-bar .language .language-object .Language.selected img {
        border: solid 1px #0e96ca
    }

    .blue .top-bar #login .loginGroup {
        border-right: solid 1px #0e96ca;
        border-left: solid 1px #0e96ca
    }

        .blue .top-bar #login .loginGroup a, .blue .top-bar #login .registerGroup a {
            color: #ffffff
        }

            .blue .top-bar #login .loginGroup a:hover, .blue .top-bar #login .registerGroup a:hover {
                background: #0b7fac;
                color: #ffffff
            }

            .blue .top-bar #login .loginGroup a:active, .blue .top-bar #login .registerGroup a:active {
                color: #ffffff
            }

    .blue .top-bar #login .userNotifications {
        border-left: 1px solid #0e96ca;
        border-right: 1px solid #0e96ca
    }

    .blue .top-bar #login .userMessages {
        border-left: 1px solid #0e96ca
    }

        .blue .top-bar #login .userMessages a span, .blue .top-bar #login .userNotifications a span {
            background-color: #292929
        }

    .blue .top-bar .searchInputContainer input {
        background: #d7d7d7
    }

        .blue .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #ffffff
        }

        .blue .top-bar .searchInputContainer input:-moz-placeholder {
            color: #ffffff
        }

        .blue .top-bar .searchInputContainer input::-moz-placeholder {
            color: #ffffff
        }

        .blue .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #ffffff
        }

    .blue .top-bar #search-action, .blue .top-bar .search-toggle-icon, .blue .top-bar .SearchButton {
        background: #1e73be;
        border-right: 1px solid #0e96ca;
        color: #ffffff !important
    }

        .blue .top-bar #search-action:hover, .blue .top-bar .search-toggle-icon:hover, .blue .top-bar .SearchButton:hover {
            background: #0b7fac;
            color: #ffffff
        }

    .blue .top-bar #search-top {
        background: #292929 !important
    }

.blue .menu-bar {
    border-bottom: solid 1px #1e73be;
    background: #ffffff;
    color: #ffffff
}

    .blue .menu-bar .navbar-nav .nav-item .nav-link {
        color: #1e73be
    }

        .blue .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #dd9933
        }

    .blue .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .blue .menu-bar .navbar-nav .nav-item .dropdown-menu {
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }

        .blue .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15)
        }

            .blue .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                color: #1e73be
            }

                .blue .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #292929;
                    color: #ffffff
                }

        .blue .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            border-bottom-color: #f1f1f1
        }

    .blue .menu-bar .sm-collapsible {
        border-top: solid 1px rgba(0, 0, 0, 0.15)
    }

        .blue .menu-bar .sm-collapsible .nav-item {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15)
        }

            .blue .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
                border: 1px solid rgba(0, 0, 0, 0.15)
            }

    .blue .menu-bar .navbar-toggler span {
        background: #1e73be
    }

.blue #breadcrumb {
    border-bottom: 1px dashed #1e73be
}

    .blue #breadcrumb a {
        color: #666666
    }

        .blue #breadcrumb a:hover {
            color: #292929 !important
        }

        .blue #breadcrumb a:first-child {
            color: #666666
        }

.blue footer a:active, .blue footer a:link, .blue footer a:visited {
    color: #ffffff
}

.blue footer a:hover {
    color: #f0f0f0
}

.blue footer .footer-above {
    background-color: #0b7fac;
    border-top: 25px solid #292929
}

    .blue footer .footer-above h2, .blue footer .footer-above p {
        color: #d2d2d2
    }

.blue footer .footer-below {
    background-color: #0e96ca
}

.blue footer .footer-below, .blue footer .terms-priv a:visited, .blue footer footer .terms-priv a:link {
    color: #d2d2d2
}

.blue footer .links-list ul li a:active, .blue footer .links-list ul li a:link, .blue footer .links-list ul li a:visited {
    color: #ffffff
}

.blue footer .links-list ul li a:hover {
    color: #f0f0f0
}

.blue footer .links-list ul li a:before {
    border-left: 3px solid #0e96ca
}

.blue footer a, .blue footer a:active, .blue footer a:focus, .blue footer a:link, .blue footer a:visited {
    color: #ffffff !important
}

    .blue footer a:hover {
        color: #f0f0f0 !important
    }

.blue .SubHead {
    color: #7b7878
}

.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {
    color: #020202
}

.blue h1 {
    font-size: 2rem;
    color: #085DAA;
    font-family: Tahoma;
    font-weight:bold
}

.blue h2 {
    font-size: 1.5rem;
    color: #085DAA;
    font-weight: bold;
    font-family: "Open Sans", sans-serif
}

.blue h3 {
    font-size: 1.375rem;
    color: #085DAA;
    font-weight: bold;
    font-family: "Open Sans", sans-serif
}

.blue h4 {
    font-size: 1.25rem;
    color: #085DAA;
    font-weight: bold;
    font-family: "Open Sans", sans-serif

}

.blue h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h6 {
    font-size: 1rem;
    color: #085DAA;
    font-family: "Open Sans", sans-serif
}

.blue .dnnContainer .lms_heading_1 .lms_heading_title, .blue .dnnContainer .lms_heading_2 .lms_heading_title, .blue .dnnContainer .lms_heading_3 .lms_heading_title, .blue .dnnContainer .lms_heading_5 .lms_heading_title, .blue .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

    .blue .dnnContainer .lms_heading_1 .lms_heading_title:after {
        background: #ffffff;
        border-left: 2px solid #7b7878;
        border-right: 2px solid #7b7878
    }

.blue .dnnContainer .dots-wrapper, .blue .dnnContainer .open_rectangle, .blue .dnnContainer .rectangle {
    background-color: #ffffff
}

    .blue .dnnContainer .dots-wrapper .dots, .blue .dnnContainer .open_rectangle .dots, .blue .dnnContainer .rectangle .dots {
        background: #7b7878
    }

.blue .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.blue .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

    .blue .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878
    }

    .blue .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878
    }

.blue .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.blue .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.blue .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.blue .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.blue .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.blue p {
    color: #666666
}

.blue a, .blue a:active, .blue a:focus, .blue a:link, .blue a:visited {
    color: #292929
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.red .top-bar {
    background: #ee3a43
}

    .red .top-bar .language .language-object .Language img {
        border: solid 1px #ca3037
    }

    .red .top-bar .language .language-object .Language.selected img {
        border: solid 1px #ca3037
    }

    .red .top-bar #login .loginGroup {
        border-right: solid 1px #ca3037;
        border-left: solid 1px #ca3037
    }

        .red .top-bar #login .loginGroup a, .red .top-bar #login .registerGroup a {
            color: #ffffff
        }

            .red .top-bar #login .loginGroup a:hover, .red .top-bar #login .registerGroup a:hover {
                background: #aa272d;
                color: #ffffff
            }

            .red .top-bar #login .loginGroup a:active, .red .top-bar #login .registerGroup a:active {
                color: #ffffff
            }

    .red .top-bar #login .userNotifications {
        border-left: 1px solid #ca3037;
        border-right: 1px solid #ca3037
    }

    .red .top-bar #login .userMessages {
        border-left: 1px solid #ca3037
    }

        .red .top-bar #login .userMessages a span, .red .top-bar #login .userNotifications a span {
            background-color: #7ca0c0
        }

    .red .top-bar .searchInputContainer input {
        background: #d7d7d7
    }

        .red .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #ffffff
        }

        .red .top-bar .searchInputContainer input:-moz-placeholder {
            color: #ffffff
        }

        .red .top-bar .searchInputContainer input::-moz-placeholder {
            color: #ffffff
        }

        .red .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #ffffff
        }

    .red .top-bar #search-action, .red .top-bar .search-toggle-icon, .red .top-bar .SearchButton {
        background: #ee3a43;
        border-right: 1px solid #ca3037;
        color: #ffffff !important
    }

        .red .top-bar #search-action:hover, .red .top-bar .search-toggle-icon:hover, .red .top-bar .SearchButton:hover {
            background: #aa272d;
            color: #ffffff
        }

    .red .top-bar #search-top {
        background: #7ca0c0 !important
    }

.red .menu-bar {
    border-bottom: solid 1px #ee3a43;
    background: #ffffff;
    color: #ffffff
}

    .red .menu-bar .navbar-nav .nav-item .nav-link {
        color: #1e73be
    }

        .red .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #dd9933
        }

    .red .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .red .menu-bar .navbar-nav .nav-item .dropdown-menu {
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }

        .red .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15)
        }

            .red .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                color: #1e73be
            }

                .red .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #7ca0c0;
                    color: #ffffff
                }

        .red .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            border-bottom-color: #f1f1f1
        }

    .red .menu-bar .sm-collapsible {
        border-top: solid 1px rgba(0, 0, 0, 0.15)
    }

        .red .menu-bar .sm-collapsible .nav-item {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15)
        }

            .red .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
                border: 1px solid rgba(0, 0, 0, 0.15)
            }

    .red .menu-bar .navbar-toggler span {
        background: #ee3a43
    }

.red #breadcrumb {
    border-bottom: 1px dashed #ee3a43
}

    .red #breadcrumb a {
        color: #666666
    }

        .red #breadcrumb a:hover {
            color: #7ca0c0 !important
        }

        .red #breadcrumb a:first-child {
            color: #666666
        }

.red footer a:active, .red footer a:link, .red footer a:visited {
    color: #ffffff
}

.red footer a:hover {
    color: #f0f0f0
}

.red footer .footer-above {
    background-color: #292929;
    border-top: 25px solid #ee3a43
}

    .red footer .footer-above h2, .red footer .footer-above p {
        color: #d2d2d2
    }

.red footer .footer-below {
    background-color: #383838
}

.red footer .footer-below, .red footer .terms-priv a:visited, .red footer footer .terms-priv a:link {
    color: #d2d2d2
}

.red footer .links-list ul li a:active, .red footer .links-list ul li a:link, .red footer .links-list ul li a:visited {
    color: #ffffff
}

.red footer .links-list ul li a:hover {
    color: #f0f0f0
}

.red footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.red footer a, .red footer a:active, .red footer a:focus, .red footer a:link, .red footer a:visited {
    color: #ffffff !important
}

    .red footer a:hover {
        color: #f0f0f0 !important
    }

.red .SubHead {
    color: #7b7878
}

.red h1, .red h2, .red h3, .red h4, .red h5, .red h6 {
    color: #020202
}

.red h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red .dnnContainer .lms_heading_1 .lms_heading_title, .red .dnnContainer .lms_heading_2 .lms_heading_title, .red .dnnContainer .lms_heading_3 .lms_heading_title, .red .dnnContainer .lms_heading_5 .lms_heading_title, .red .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

    .red .dnnContainer .lms_heading_1 .lms_heading_title:after {
        background: #ffffff;
        border-left: 2px solid #7b7878;
        border-right: 2px solid #7b7878
    }

.red .dnnContainer .dots-wrapper, .red .dnnContainer .open_rectangle, .red .dnnContainer .rectangle {
    background-color: #ffffff
}

    .red .dnnContainer .dots-wrapper .dots, .red .dnnContainer .open_rectangle .dots, .red .dnnContainer .rectangle .dots {
        background: #7b7878
    }

.red .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.red .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

    .red .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878
    }

    .red .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878
    }

.red .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.red .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.red .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.red .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.red .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.red p {
    color: #666666
}

.red a, .red a:active, .red a:focus, .red a:link, .red a:visited {
    color: #7ca0c0
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    color: #666666
}

.purple .top-bar {
    background: #7a0fbe
}

    .purple .top-bar .language .language-object .Language img {
        border: solid 1px #670aa2
    }

    .purple .top-bar .language .language-object .Language.selected img {
        border: solid 1px #670aa2
    }

    .purple .top-bar #login .loginGroup {
        border-right: solid 1px #670aa2;
        border-left: solid 1px #670aa2
    }

        .purple .top-bar #login .loginGroup a, .purple .top-bar #login .registerGroup a {
            color: #ffffff
        }

            .purple .top-bar #login .loginGroup a:hover, .purple .top-bar #login .registerGroup a:hover {
                background: #550886;
                color: #ffffff
            }

            .purple .top-bar #login .loginGroup a:active, .purple .top-bar #login .registerGroup a:active {
                color: #ffffff
            }

    .purple .top-bar #login .userNotifications {
        border-left: 1px solid #670aa2;
        border-right: 1px solid #670aa2
    }

    .purple .top-bar #login .userMessages {
        border-left: 1px solid #670aa2
    }

        .purple .top-bar #login .userMessages a span, .purple .top-bar #login .userNotifications a span {
            background-color: #7a0fbe
        }

    .purple .top-bar .searchInputContainer input {
        background: #d7d7d7
    }

        .purple .top-bar .searchInputContainer input::-webkit-input-placeholder {
            color: #ffffff
        }

        .purple .top-bar .searchInputContainer input:-moz-placeholder {
            color: #ffffff
        }

        .purple .top-bar .searchInputContainer input::-moz-placeholder {
            color: #ffffff
        }

        .purple .top-bar .searchInputContainer input:-ms-input-placeholder {
            color: #ffffff
        }

    .purple .top-bar #search-action, .purple .top-bar .search-toggle-icon, .purple .top-bar .SearchButton {
        background: #7a0fbe;
        border-right: 1px solid #670aa2;
        color: #ffffff !important
    }

        .purple .top-bar #search-action:hover, .purple .top-bar .search-toggle-icon:hover, .purple .top-bar .SearchButton:hover {
            background: #550886;
            color: #ffffff
        }

    .purple .top-bar #search-top {
        background: #7a0fbe !important
    }

.purple .menu-bar {
    border-bottom: solid 1px #7a0fbe;
    background: #ffffff;
    color: #ffffff
}

    .purple .menu-bar .navbar-nav .nav-item .nav-link {
        color: #1e73be
    }

        .purple .menu-bar .navbar-nav .nav-item .nav-link:hover {
            color: #dd9933
        }

    .purple .menu-bar .navbar-nav .nav-item.active {
        background: #e7e7e7
    }

    .purple .menu-bar .navbar-nav .nav-item .dropdown-menu {
        background: #f1f1f1;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }

        .purple .menu-bar .navbar-nav .nav-item .dropdown-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15)
        }

            .purple .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
                color: #1e73be
            }

                .purple .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
                    background: #7a0fbe;
                    color: #ffffff
                }

        .purple .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
            border-bottom-color: #f1f1f1
        }

    .purple .menu-bar .sm-collapsible {
        border-top: solid 1px rgba(0, 0, 0, 0.15)
    }

        .purple .menu-bar .sm-collapsible .nav-item {
            border-bottom: solid 1px rgba(0, 0, 0, 0.15)
        }

            .purple .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
                border: 1px solid rgba(0, 0, 0, 0.15)
            }

    .purple .menu-bar .navbar-toggler span {
        background: #7a0fbe
    }

.purple #breadcrumb {
    border-bottom: 1px dashed #7a0fbe
}

    .purple #breadcrumb a {
        color: #666666
    }

        .purple #breadcrumb a:hover {
            color: #7a0fbe !important
        }

        .purple #breadcrumb a:first-child {
            color: #666666
        }

.purple footer a:active, .purple footer a:link, .purple footer a:visited {
    color: #ffffff
}

.purple footer a:hover {
    color: #f0f0f0
}

.purple footer .footer-above {
    background-color: #292929;
    border-top: 25px solid #7a0fbe
}

    .purple footer .footer-above h2, .purple footer .footer-above p {
        color: #d2d2d2
    }

.purple footer .footer-below {
    background-color: #383838
}

.purple footer .footer-below, .purple footer .terms-priv a:visited, .purple footer footer .terms-priv a:link {
    color: #d2d2d2
}

.purple footer .links-list ul li a:active, .purple footer .links-list ul li a:link, .purple footer .links-list ul li a:visited {
    color: #ffffff
}

.purple footer .links-list ul li a:hover {
    color: #f0f0f0
}

.purple footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.purple footer a, .purple footer a:active, .purple footer a:focus, .purple footer a:link, .purple footer a:visited {
    color: #ffffff !important
}

    .purple footer a:hover {
        color: #f0f0f0 !important
    }

.purple .SubHead {
    color: #7b7878
}

.purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6 {
    color: #020202
}

.purple h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple .dnnContainer .lms_heading_1 .lms_heading_title, .purple .dnnContainer .lms_heading_2 .lms_heading_title, .purple .dnnContainer .lms_heading_3 .lms_heading_title, .purple .dnnContainer .lms_heading_5 .lms_heading_title, .purple .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

    .purple .dnnContainer .lms_heading_1 .lms_heading_title:after {
        background: #ffffff;
        border-left: 2px solid #7b7878;
        border-right: 2px solid #7b7878
    }

.purple .dnnContainer .dots-wrapper, .purple .dnnContainer .open_rectangle, .purple .dnnContainer .rectangle {
    background-color: #ffffff
}

    .purple .dnnContainer .dots-wrapper .dots, .purple .dnnContainer .open_rectangle .dots, .purple .dnnContainer .rectangle .dots {
        background: #7b7878
    }

.purple .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.purple .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

    .purple .dnnContainer .hexagon:before {
        border-right: 4.24px solid #7b7878;
        border-top: 4.24px solid #7b7878
    }

    .purple .dnnContainer .hexagon:after {
        border-bottom: 4.24px solid #7b7878;
        border-left: 4.24px solid #7b7878
    }

.purple .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.purple .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.purple .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.purple .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.purple .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.purple p {
    color: #666666
}

.purple a, .purple a:active, .purple a:focus, .purple a:link, .purple a:visited {
    color: #7a0fbe
}