/* ----- Header ----- */

/* ----- Animations ----- */
@-webkit-keyframes brand{0%{opacity:0;transform:translateX(-400px)}80%{opacity:1}100%{transform:translatex(0)}}@-moz-keyframes brand{0%{opacity:0;transform:translateX(-400px)}80%{opacity:1}100%{transform:translatex(0)}}@keyframes brand{0%{opacity:0;transform:translateX(-400px)}80%{opacity:1}100%{transform:translatex(0)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes menu-item-ani{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:none}}@-moz-keyframes menu-item-ani{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:none}}@keyframes menu-item-ani{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:none}}@-webkit-keyframes navigation{0%{opacity:0;transform:translatey(-50px)}100%{opacity:1;transform:translatey(0)}}@-moz-keyframes navigation{0%{opacity:0;transform:translatey(-50px)}100%{opacity:1;transform:translatey(0)}}@keyframes navigation{0%{opacity:0;transform:translatey(-50px)}100%{opacity:1;transform:translatey(0)}}

#skip-link,
#skip-link a {
    background-color: #000;
    color: #fff
}
.top-nav .overlay {
    display: none
}
@media (min-width: 992px) {
    .top-nav .overlay {
        position: absolute;
        background-color: rgba(15, 38, 59, 0.96);
        display: block;
        width: 100%;
        height: 425px;
        visibility: hidden;
        opacity: 0;
        top: 0;
        z-index: 3;
        -webkit-transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        -o-transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s
    }
    .top-nav .overlay.show {
        visibility: visible;
        opacity: 1
    }
}
.top-nav #site-topbar {
    background-color: #00549e;
    color: #FFF;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 6
}
.top-nav #site-topbar .region-topbar-right {
    float: right
}
@media (max-width: 767px) {
    .top-nav #site-topbar #topbar-ql {
        margin-bottom: 13px
    }
    .top-nav #site-topbar #topbar-ql .menu.nav {
        background-color: #0A4172;
        display: block;
        line-height: 1.4
    }
    .top-nav #site-topbar #topbar-ql .menu.nav li {
        margin: 0
    }
    .top-nav #site-topbar #topbar-ql .menu.nav li>a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding: 10px 15px
    }
    .top-nav #site-topbar #topbar-ql .menu.nav li>a:hover,
    .top-nav #site-topbar #topbar-ql .menu.nav li>a:focus {
        background-color: #0F385D
    }
}
.top-nav #site-topbar #topbar-ql {
    display: none
}
.top-nav #site-topbar #topbar-ql .menu>li {
    display: block
}
.top-nav #site-topbar .ql-toggle {
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px
}
.top-nav #site-topbar .ql-toggle:hover,
.top-nav #site-topbar .ql-toggle:focus {
    text-decoration: none
}
.top-nav #site-topbar .ql-toggle:before {
    content: "";
    font-family: 'FontAwesome';
    margin-right: 6px
}
.top-nav #site-topbar .ql-toggle.open:before {
    content: "";
    font-family: 'FontAwesome'
}
.top-nav #site-topbar #topbar-right-wrapper {
    position: absolute;
    top: 1px;
    right: 0
}
@media (min-width: 768px) {
    .top-nav #site-topbar #topbar-ql {
        display: block !important
    }
    .top-nav #site-topbar #topbar-ql .menu>li {
        display: inline-block
    }
    .top-nav #site-topbar .ql-toggle {
        display: none
    }
    .top-nav #site-topbar .region-topbar-left>section {
        display: inline-block
    }
    .top-nav #site-topbar .region-topbar-left #block-menu-menu-header-navigation-right {
        float: right
    }
    .top-nav #site-topbar #topbar-right-wrapper {
        position: relative
    }
}
.top-nav #site-topbar .region-topbar-right {
    text-align: right
}
.top-nav #site-topbar .region-topbar-right .block {
    text-align: left;
    display: inline-block;
    vertical-align: top
}
@media (min-width: 992px) and (max-width: 1199px) {
    .top-nav #site-topbar .region-topbar-right {
        text-align: left
    }
    .top-nav #site-topbar .region-topbar-right .block-csusb-base-ft-fn-hdft {
        width: 120px
    }
}
.top-nav #site-topbar .menu.nav {
    display: inline-block;
    line-height: 40px;
    vertical-align: top
}
.top-nav #site-topbar .menu.nav li {
    display: inline-block;
    margin: 0 17px
}
.top-nav #site-topbar .menu.nav li a {
    -webkit-transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    -o-transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    border-bottom: 3px transparent solid;
    color: #ffffff;
    background-color: #00549e;
    display: block;
    height: 40px;
    padding: 0
}
.top-nav #site-topbar .menu.nav li a:first-child,
.top-nav #site-topbar .menu.nav li a .first {
    margin-left: 0
}
.top-nav #site-topbar .menu.nav li a:last-child,
.top-nav #site-topbar .menu.nav li a .last {
    margin-right: 0
}
.top-nav #site-topbar .menu.nav li a:hover,
.top-nav #site-topbar .menu.nav li a:focus,
.top-nav #site-topbar .menu.nav li a:active {
    background-color: transparent;
    border-bottom-color: #FFF;
    text-decoration: none;
    color: #FFF
}
.top-nav #site-topbar .search-form {
    border: rgba(255, 255, 255, 0.1) solid;
    border-width: 0 1px;
    display: inline-block;
    height: 40px;
    margin-left: 34px;
    width: 125px;
    color: #FFF;
    font-size: 0;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    height: 32px;
    margin-top: 4px
}
.top-nav #site-topbar .search-form:focus {
    outline: 0
}
@media (min-width: 992px) {
    .top-nav #site-topbar .search-form {
        width: 165px
    }
}
.top-nav #site-topbar .search-form>div>.form-group {
    background-color: rgba(20, 50, 77, 0.53);
    height: 40px;
    padding: 0;
    margin: 0;
    height: 32px
}
.top-nav #site-topbar .search-form>div>.form-group label {
    display: none
}
.top-nav #site-topbar .search-form>div>.form-group .form-item {
    float: left;
    height: inherit
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield {
    width: 100%
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control {
    background-color: transparent;
    border: 0;
    color: inherit;
    font-size: 14px;
    height: inherit;
    padding: 0 10px;
    padding-right: 50px
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control:focus {
    outline: 0
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control::-webkit-input-placeholder {
    color: rgba(207, 201, 189, 0.5);
    opacity: 0.6
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control:-moz-placeholder {
    color: rgba(207, 201, 189, 0.5);
    opacity: 0.6
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control::-moz-placeholder {
    color: rgba(207, 201, 189, 0.5);
    opacity: 0.6
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control:-ms-input-placeholder {
    color: rgba(207, 201, 189, 0.5);
    opacity: 0.6
}
.top-nav #site-topbar .search-form>div>.form-group .form-type-textfield input.form-control::input-placeholder {
    color: rgba(207, 201, 189, 0.5);
    opacity: 0.6
}
.top-nav #site-topbar .search-form>div>.form-group .form-submit {
    width: 40px;
    height: 100%;
    border: none;
    color: inherit;
    font-size: 0;
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 4px
}
.top-nav #site-topbar .search-form>div>.form-group .form-submit:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 13px
}
.top-nav #site-topbar .search-form>div>.form-group .form-submit:hover:after,
.top-nav #site-topbar .search-form>div>.form-group .form-submit:focus:after {
    background-color: rgba(20, 50, 77, 0.8);
    border-left-color: #14324d
}
.top-nav #site-topbar .search-form>div>.form-group .form-submit:focus,
.top-nav #site-topbar .search-form>div>.form-group .form-submit:active {
    transform: none
}
.top-nav #site-topbar .search-form>div>.form-group .form-submit:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    left: -5px;
    z-index: -1;
    background-color: rgba(20, 50, 77, 0.53);
    border-left: 1px #14324d solid;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    -webkit-transition: background-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    -o-transition: background-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    transition: background-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s
}
.top-nav .navbar-header {
    background-color: rgba(20, 50, 77, 0.99)
}
@media (min-width: 992px) {
    .top-nav .navbar-header {
        float: none
    }
}
.top-nav .navbar-header .menu-btn {
    -webkit-transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    -o-transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    transition: all 300ms cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    width: 70px;
    height: 70px;
    position: relative;
    float: right;
    background-color: transparent;
    border: 0;
    outline: 0
}
@media (min-width: 992px) {
    .top-nav .navbar-header .menu-btn {
        display: none
    }
}
.top-nav .navbar-header .menu-btn .menu-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer
}
.top-nav .navbar-header .menu-btn .menu-icon span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    margin-top: -2px;
    background-color: #fff;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}
.top-nav .navbar-header .menu-btn .menu-icon span:before,
.top-nav .navbar-header .menu-btn .menu-icon span:after {
    position: absolute;
    border-radius: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s
}
.top-nav .navbar-header .menu-btn .menu-icon span:before {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%)
}
.top-nav .navbar-header .menu-btn .menu-icon span:after {
    -webkit-transform: translateY(250%);
    transform: translateY(250%)
}
.top-nav .navbar-header .menu-btn:not(.collapsed) .menu-icon span {
    background-color: transparent
}
.top-nav .navbar-header .menu-btn:not(.collapsed) .menu-icon span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}
.top-nav .navbar-header .menu-btn:not(.collapsed) .menu-icon span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}
.top-nav .navbar-header .csusb-logo {
    position: absolute;
    background-color: #0065bd;
    float: left;
    font-size: 18px;
    line-height: 90px;
    height: 90px;
    z-index: 5;
    color: #fff
}
@media (min-width: 992px) {
    .top-nav .navbar-header .csusb-logo {
        -webkit-animation: brand 1.6s ease;
        -o-animation: brand 1.6s ease;
        animation: brand 1.6s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both
    }
}
.top-nav .navbar-header .csusb-logo:before,
.top-nav .navbar-header .csusb-logo:after {
    content: '';
    position: absolute;
    display: block;
    background-color: inherit;
    height: inherit;
    top: 0
}
.top-nav .navbar-header .csusb-logo:before {
    width: 1600px;
    right: 100%
}
.top-nav .navbar-header .csusb-logo:after {
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    right: -50px;
    width: 300px;
    border-radius: 0 0 15px 0
}
.top-nav .navbar-header .csusb-logo .logo {
    display: block;
    height: inherit;
    margin: 0;
    z-index: 1
}
.top-nav:not(.anniversary) #site-topbar .region-topbar-left {
    margin-left: 0px
}
.top-nav:not(.anniversary) .navbar-header .csusb-logo {
    width: 160px
}
.top-nav:not(.anniversary) .navbar-header .csusb-logo .logo {
    background-size: contain;
    position: relative;
    top: 32px;
    width: 165px;
    height: 26px
}
@media (min-width: 992px) {
    .top-nav:not(.anniversary) .navbar-header .csusb-logo {
        width: 200px
    }
    .top-nav:not(.anniversary) .navbar-header .csusb-logo .logo {
        top: 30px;
        width: 200px;
        height: 31px
    }
}
.top-nav.anniversary #site-topbar {
    z-index: 6
}
.top-nav.anniversary #site-topbar .region-topbar-left {
    margin-left: 0px
}
.top-nav.anniversary .navbar-header .csusb-logo {
    width: 125px;
    color: #fff
}
.top-nav.anniversary .navbar-header .csusb-logo .logo {
    height: 165px;
    position: absolute;
    top: -40px;
    width: 135px
}
.top-nav.anniversary .navbar-header .csusb-logo:after {
    right: -40px
}
@media (min-width: 992px) {
    .top-nav.anniversary #site-topbar {
        z-index: 5
    }
    .top-nav.anniversary #site-topbar .region-topbar-left {
        margin-left: 150px
    }
    .top-nav.anniversary .navbar-header .csusb-logo {
        width: 160px
    }
    .top-nav.anniversary .navbar-header .csusb-logo .logo {
        width: 160px
    }
}
.top-nav .navbar-collapse {
    background-color: rgba(20, 50, 77, 0.99);
    position: relative;
    padding: 0;
    z-index: 4
}
.top-nav .navbar-collapse:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: 2px solid #193f61;
    bottom: 0
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li a {
        -webkit-animation: menu-item-ani 1s 0.6s ease;
        -o-animation: menu-item-ani 1s 0.6s ease;
        animation: menu-item-ani 1s 0.6s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(1) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(1) a {
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(2) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(2) a {
        -webkit-animation-delay: .85s;
        animation-delay: .85s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(3) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(3) a {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(4) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(4) a {
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(5) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(5) a {
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(6) span,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li:nth-child(6) a {
        -webkit-animation-delay: 1.45s;
        animation-delay: 1.45s
    }
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}
.top-nav .navbar-collapse.in .menu.nav.navbar-nav>li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.top-nav .navbar-collapse .menu.nav.navbar-nav {
    display: block;
    margin: 40px 0;
    padding-left: 0;
    list-style: none;
    float: left;
    width: 100%;
    color: white;
    background-color: transparent
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav {
        display: inline-block;
        float: right;
        margin: 0;
        width: auto
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav li.dropdown {
    position: inherit
}
.top-nav .navbar-collapse .menu.nav.navbar-nav li.dropdown:focus {
    outline: 0
}
.top-nav .navbar-collapse .menu.nav.navbar-nav li.dropdown .container {
    margin: 0 auto;
    display: block
}
@media (max-width: 1199px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav li.dropdown .container {
        width: 100%
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li {
    /*opacity: 0;
    -webkit-transform: scale(1.1) translateY(-10px);
    -moz-transform: scale(1.1) translateY(-10px);
    -ms-transform: scale(1.1) translateY(-10px);
    transform: scale(1.1) translateY(-10px);
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out*/
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li>a {
    color: #ffffff;
    background-color: rgba(20, 50, 77, 0.99)
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        display: inline-block;
        padding-left: 30px;
        margin-left: -4px;
        opacity: 1
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li.open .dropdown-toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        display: block;
        border-bottom: 2px solid #fff;
        z-index: 99;
        bottom: 0
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .caret {
        display: none
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li>a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(20, 50, 77, 0);
    height: 45px;
    line-height: 45px;
    padding: 0;
    cursor: pointer
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink:hover,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li>a:hover {
    outline: 0
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>a {
        height: 70px;
        line-height: 70px
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink:active:after,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink:hover:after,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>span.nolink:active:after,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>a:active:after,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>a:hover:after,
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li>a:active:after {
        content: '';
        position: absolute;
        width: 100%;
        display: block;
        border-bottom: 2px solid #fff;
        z-index: 99;
        bottom: 0;
        -webkit-transition: border-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        -o-transition: border-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        transition: border-color 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .caret {
    color: gray;
    -webkit-transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    -o-transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
    transition: all 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li.open .caret {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li.open .dropdown-menu {
        opacity: 1;
        visibility: visible;
        left: 0
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu {
    float: none;
    z-index: 4;
    border: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    background-color: rgba(15, 38, 59, 0.96);
    margin: 0;
    padding: 0
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu {
        display: block;
        position: absolute;
        left: -999999px;
        width: 100%;
        height: 330px;
        background-color: transparent;
        padding: 20px 0;
        opacity: 0;
        -webkit-transition: opacity 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        -o-transition: opacity 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s;
        transition: opacity 0.3s cubic-bezier(0.1, 0.21, 0.12, 0.99) 0s
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .container {
        padding-left: 260px
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu>li {
    padding: 0
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link {
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    margin-bottom: 10px
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link:hover,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link:active,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2)
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link:before {
    font-family: 'FontAwesome';
    margin-right: 9px;
    content: '\f015'
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu .home-link {
        width: 33.33333%
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column {
    vertical-align: top;
    float: left;
    width: 100%
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column {
        width: 33.33333%;
        padding-right: 20px
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column.submenu-heading>.nolink {
    display: block;
    font-size: 0.85em;
    opacity: 0.7;
    line-height: 20px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    margin-bottom: 8px
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column.submenu-heading.extended {
        width: 66.6666666667%
    }
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column.submenu-heading.extended>.nav>li {
        display: inline-block;
        width: 47%
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column:last-child ul>li:last-child>a {
    border: none
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column ul>li>a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}
@media (min-width: 992px) {
    .top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column ul>li:last-child>a {
        border-bottom: none
    }
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column li {
    display: block
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column a {
    color: white;
    background-color: rgba(15, 38, 59, 0)
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column a:hover,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column a:active,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column a:focus {
    color: #fff;
    background-color: rgba(92, 92, 92, 0.2)
}
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu>li>.nolink,
.top-nav .navbar-collapse .menu.nav.navbar-nav>li .dropdown-menu li.column>.nolink {
    display: none
}