#app #main-content.scrolling header#main-header.sticky .topbar:not(.sticky) {
    height:0
}

#app #main-content header#main-header {
    border-bottom: 1px solid #ccc;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index:103
}

#app #main-content header#main-header.sticky {
    position: sticky;
    top:0
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header.sticky {
        overflow-x:hidden
    }
}

#app #main-content header#main-header .topbar {
    background: #203d85;
    height: 41px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: height .5s ease-out;
    transition:height .5s ease-out
}

#app #main-content header#main-header .topbar .topbar-container {
    width: 100%;
    max-width:1200px
}

#app #main-content header#main-header .topbar .topbar-container .auth {
    font-size: 12px;
    text-transform: uppercase;
    float: right;
    padding: 4px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1080px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

#app #main-content header#main-header .topbar .topbar-container .auth a {
    padding: 15px;
    display:block
}

#app #main-content header#main-header .topbar .topbar-container .auth a.active, #app #main-content header#main-header .topbar .topbar-container .auth a:hover {
    text-decoration:none
}

#app #main-content header#main-header .topbar .topbar-container .auth .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:100%
}

#app #main-content header#main-header .topbar .topbar-container .auth .menu-link:not(:last-child):after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f0dd";
    padding: 0 10px;
    line-height: 1em;
    vertical-align:text-bottom
}

#app #main-content header#main-header .topbar .topbar-container .auth .mobile-toggle, #app #main-content header#main-header .topbar .topbar-container .auth .submenu-toggle {
    display:none
}

#app #main-content header#main-header .topbar .topbar-container .auth .submenu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    background-color: #5f77b3;
    text-align: left;
    z-index:999
}

#app #main-content header#main-header .topbar .topbar-container .auth .submenu .menu-link {
    display: none;
    width: 100%;
    padding: 15px;
    text-align:center
}

#app #main-content header#main-header .topbar .topbar-container .auth .submenu input[type=checkbox] {
    display:none
}

#app #main-content header#main-header .topbar .topbar-container .auth .submenu .sub-menu-links {
    max-height:0
}

#app #main-content header#main-header .topbar .topbar-container .auth.click .menu-link {
    cursor:pointer
}

#app #main-content header#main-header .topbar .topbar-container .auth.click input[type=checkbox].submenu-toggle:checked ~ .submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header .topbar .topbar-container .auth.click input[type=checkbox].submenu-toggle:checked ~ .submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

#app #main-content header#main-header .topbar .topbar-container .auth.hover div:hover > .menu-link + .submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header .topbar .topbar-container .auth.hover div:hover > .menu-link + .submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

@media screen and (min-width: 950px) {
    #app #main-content header#main-header .topbar .topbar-container .auth.click > div > input[type=checkbox].submenu-toggle:checked ~ .menu.submenu, #app #main-content header#main-header .topbar .topbar-container .auth.hover > div:hover > .menu-link + .submenu {
        top:calc(1em + 29px)
    }
}

#app #main-content header#main-header .topbar .topbar-container .auth svg {
    margin-right:5px
}

#app #main-content header#main-header .topbar .topbar-container .loggedInButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

#app #main-content header#main-header .topbar .topbar-container .loggedInButtons > div {
    padding:0 10px
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height:100%
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container .topbar-social-media-share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-height: 100%;
    padding:0 10px
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container .topbar-social-media-share-buttons > * {
    cursor:pointer
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container .topbar-social-media-share-buttons > * g:first-child {
    display:none
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container .topbar-social-media-links {
    max-height: 100%;
    padding:15px 10px 0
}

#app #main-content header#main-header .topbar .topbar-container .topbar-social-media-container .topbar-social-media-links .social-media-link {
    padding:0 10px
}

#app #main-content header#main-header .topbar a {
    color:#fff
}

#app #main-content header#main-header .topbar a:hover {
    color:#ccc
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header .topbar {
        height:auto
    }

    #app #main-content header#main-header .topbar .topbar-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    #app #main-content header#main-header .topbar .topbar-container .auth {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding:0
    }
}

#app #main-content header#main-header .mainbar {
    background: #242424;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

#app #main-content header#main-header .mainbar > #homepage-slider {
    position: absolute;
    z-index: 0;
    height: 100%;
    width:100%
}

#app #main-content header#main-header .mainbar > #homepage-slider > .slider {
    min-height:100%
}

#app #main-content header#main-header .mainbar > .slider {
    position: absolute;
    z-index: 0;
    max-height:100%
}

#app #main-content header#main-header .mainbar .slider .track .slide {
    height: 100% !important;
    background-size:cover !important
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header .mainbar .slider a.nextButton, #app #main-content header#main-header .mainbar .slider a.previousButton {
        display:none
    }
}

#app #main-content header#main-header .mainbar .mainbar-container {
    width: 100%;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index:10
}

#app #main-content header#main-header .mainbar .mainbar-container .logo img {
    height: 95px;
    margin: 2px 10px;
    max-width:calc(100% - 20px)
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container.fullwidth {
    width:100%
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container #mobile-menu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .mobile-menu-toggle {
    display:none
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1080px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu-link {
    padding: 15px;
    display:inline-block
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu-link.active, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu-link:hover {
    text-decoration: underline;
    color: #fff;
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu {
    position: relative;
    display:inline-block
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox] {
    display:none
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu .sub-menu-links {
    max-height:0
}

@media screen and (min-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu > a:after {
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        content: "\f0dd";
        padding:0 5px
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu .sub-menu-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        position: absolute;
        width: 100%;
        background-color: #fff;
        -webkit-transition: max-height .15s ease-in;
        transition:max-height .15s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu .sub-menu-links .submenu {
        position:relative
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu .sub-menu-links .submenu:hover .sub-menu-links {
        left: 100%;
        top:0
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu:not(:hover) .sub-menu-links a {
        color: transparent;
        display:none
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu:hover .sub-menu-links {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .5s ease-out;
        transition:max-height .5s ease-out
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .submenu:hover .sub-menu-links a {
        margin:0
    }
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container .links-container {
        width:100%
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .mobile-menu-toggle {
        display:block
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        max-height: 0;
        -webkit-transition: max-height .15s ease-out;
        transition: max-height .15s ease-out;
        overflow:hidden
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links a {
        width: 100%;
        margin:0
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu {
        background-color:#fff !important
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:checked ~ label .sub-menu-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:checked ~ label .sub-menu-icon .bar2 {
        -webkit-transform: rotate(-135deg);
        transform:rotate(-135deg)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:checked ~ .sub-menu-links {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:checked ~ .sub-menu-links a {
        -webkit-transition: color .25s ease-in;
        transition:color .25s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:not(:checked) ~ .sub-menu-links {
        max-height:0
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu input[type=checkbox]:not(:checked) ~ .sub-menu-links a {
        color:transparent
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label {
        position: absolute;
        right: 10px;
        top:10px
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label .sub-menu-icon {
        width: 25px;
        height: 25px;
        position:relative
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label .sub-menu-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label .sub-menu-icon .bar2 {
        background-color: #777;
        -webkit-transition: .4s;
        transition: .4s;
        position:absolute
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label .sub-menu-icon .bar1 {
        width: 100%;
        height: 5px;
        margin: 0 auto;
        top:calc(50% - 2.5px)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu > label .sub-menu-icon .bar2 {
        height: 100%;
        width: 5px;
        margin: auto 0;
        left:calc(50% - 2.5px)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu .sub-menu-links {
        background-color:rgba(0, 0, 0, .1450980392156863)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container label[for=mobile-menu] {
        color: #777;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        padding: 15px;
        width: 100%;
        cursor: pointer;
        display: inline-block;
        position:relative
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container label[for=mobile-menu] .menu-icon {
        position: absolute;
        left: 8px;
        top: 0;
        bottom: 0;
        width: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container label[for=mobile-menu] .menu-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container label[for=mobile-menu] .menu-icon .bar2, #app #main-content header#main-header .mainbar .mainbar-container .links-container label[for=mobile-menu] .menu-icon .bar3 {
        width: 100%;
        height: 5px;
        background-color: #777;
        margin: 4px 0;
        -webkit-transition: .4s;
        transition:.4s
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container #mobile-menu:checked ~ .links {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 9px);
        transform:rotate(-45deg) translate(-9px, 9px)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar2 {
        opacity:0
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -9px);
        transform:rotate(45deg) translate(-9px, -9px)
    }
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu > div, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div {
    position:relative
}

#app #main-content header#main-header .mainbar .mainbar-container .links-container .links input[type=checkbox] {
    display:none
}

@media screen and (min-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div .menu-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width:100%
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div .menu-link:not(:last-child):after {
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        content: "\f0dd";
        padding: 0 10px;
        line-height: 1em;
        vertical-align:text-bottom
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links label.mobile-toggle {
        display:none
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        background-color: #fff;
        min-width: 100%;
        text-align:left
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .submenu .menu-link {
        display:none
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.click .menu-link {
        cursor:pointer
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.click input[type=checkbox].submenu-toggle:checked ~ .submenu > div > .menu-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display:inline-flex
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.click input[type=checkbox].submenu-toggle:checked ~ .submenu > div > .menu-link:not(:last-child):after {
        margin-left:auto
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.hover div:hover > .menu-link + .submenu > div > .menu-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display:inline-flex
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.hover div:hover > .menu-link + .submenu > div > .menu-link:not(:last-child):after {
        margin-left:auto
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.click .submenu > div > input[type=checkbox].submenu-toggle:checked ~ .menu.submenu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links.hover .submenu > div:hover > .menu-link + .submenu {
        top: calc(1em + 28px);
        left: calc(100% - 5em);
        background: #fff;
        z-index: 5;
        border-top:2px groove #ccc
    }
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div {
        width:100%
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle {
        position: absolute;
        right: 10px;
        top:10px
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle:nth-last-child(2), #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle:nth-last-child(2) {
        display:none
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle .mobile-toggle-icon {
        width: 25px;
        height: 25px;
        position:relative
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        background-color: #777;
        -webkit-transition: .4s;
        transition: .4s;
        position:absolute
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar1 {
        width: 100%;
        height: 5px;
        margin: 0 auto;
        top:calc(50% - 2.5px)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        height: 100%;
        width: 5px;
        margin: auto 0;
        left:calc(50% - 2.5px)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > .menu.submenu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > .menu.submenu {
        overflow: hidden;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > .menu.submenu > div > .menu-link, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > .menu.submenu > div > .menu-link {
        -webkit-transition: color .25s ease-in;
        transition:color .25s ease-in
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2 {
        -webkit-transform: rotate(-135deg);
        transform:rotate(-135deg)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.submenu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.submenu {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        display: inline-block;
        background-color:rgba(38, 38, 38, .1)
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.submenu, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.submenu {
        max-height: 0;
        display:none
    }

    #app #main-content header#main-header .mainbar .mainbar-container .links-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.submenu > div > .menu-link, #app #main-content header#main-header .mainbar .mainbar-container .links-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.submenu > div > .menu-link {
        color:transparent
    }
}

#app #main-content header#main-header .mainbar .mainbar-container .menu-link {
    color: #bfbfbf;
    text-decoration: none;
}

#app #main-content header#main-header .mainbar .mainbar-container .menu-link:hover {
    text-decoration: none;
    color:#444
}

@media only screen and (max-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container > .search {
        width: 100%;
        padding:10px
    }
}

@media only screen and (max-width: 950px) {
    #app #main-content header#main-header .mainbar .mainbar-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }
}

#app #main-content header#main-header .toggle-sidebar {
    border:none
}

.auctionList h2 {
    font-size: 21px;
    text-transform: uppercase;
    margin-top:0
}

.auctionList .view-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.auctionList .view-tile .auction {
    margin: 20px 7px;
    width: 220px;
    -webkit-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, .75);
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    line-height: 17px;
    color: #999;
    position:relative
}

.auctionList .view-tile .auction > div {
    -ms-flex-negative:0
}

.auctionList .view-tile .auction .slider, .auctionList .view-tile .auction img {
    max-width: 100%;
    height:165px
}

.auctionList .view-tile .auction .slider a.previousButton {
    left:0
}

.auctionList .view-tile .auction .slider a.nextButton {
    right:0
}

.auctionList .view-tile .auction .slider .linkToAuction {
    width: 100%;
    height:100%
}

.auctionList .view-tile .auction .slider .slide {
    background-position: 50% !important;
    background-size: contain !important;
    background-repeat:no-repeat !important
}

.auctionList .view-tile .auction .auctionImageTag {
    position: absolute;
    top: 2px;
    left: 2px;
    color: var(--auction-image-tag-color, #fff);
    background-color: var(--auction-image-tag-background-color, hsla(0, 0%, 80%, .7));
    font-size: 18px;
    padding:4px
}

.auctionList .view-tile .auction .auctionTitle {
    margin-top: 10px;
    font-size: 17px;
    text-transform: uppercase;
    color:#203d85
}

.auctionList .view-tile .auction .details div span, .auctionList .view-tile .auction .details div time {
    margin-left: 5px;
    color:#203d85
}

.auctionList .view-tile .auction .actionButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items:flex-end
}

.auctionList .view-tile .auction .actionButtons .watchListButton {
    margin-top:10px
}

.auctionList .view-tile .auction .actionButtons .enterAuction {
    background-color: #797979;
    color: #fff;
    padding: 6px 3px;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    width:100%
}

.auctionList .view-tile .auction .actionButtons .enterAuction.disabled {
    background-color:#adadad
}

.auctionList .view-tile .auction .actionButtons .enterAuction:hover:not(.disabled) {
    background-color: #6d6d6d;
    text-decoration:none
}

.auctionList .view-tile .auction.hideSliderArrows .slider .nextButton, .auctionList .view-tile .auction.hideSliderArrows .slider .previousButton {
    display:none
}

.auctionList .view-tile .auction.auction-tile-rounded {
    border-radius:20px
}

.auctionList .view-tile .auction.auction-tile-rounded .enterAuction {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius:16px
}

.auctionList .view-tile .auction.auction-tile-rounded img {
    border-top-left-radius: 16px;
    border-top-right-radius:16px
}

.auctionList .view-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow:column nowrap
}

.auctionList .view-list .auction:not(:last-child) {
    border-bottom:1px solid #ddd
}

.auctionList .view-list .auction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    min-height: 190px;
    padding:15px
}

.auctionList .view-list .auction .auctionImage {
    position: relative;
    max-width: 252px;
    width:100%
}

.auctionList .view-list .auction .auctionImage img {
    max-width:100%
}

.auctionList .view-list .auction .auctionImage .slider {
    max-width: 100%;
    height:189px
}

.auctionList .view-list .auction .auctionImage .slider a.previousButton {
    left:0
}

.auctionList .view-list .auction .auctionImage .slider a.nextButton {
    right:0
}

.auctionList .view-list .auction .auctionImage .slider .linkToAuction {
    width: 100%;
    height:100%
}

.auctionList .view-list .auction .auctionImage .slider .slide {
    background-position: 50% !important;
    background-size: contain !important;
    background-repeat:no-repeat !important
}

.auctionList .view-list .auction .auctionImage .auctionImageTag {
    position: absolute;
    top: 2px;
    left: 2px;
    color: var(--auction-image-tag-color, #fff);
    background-color: var(--auction-image-tag-background-color, hsla(0, 0%, 80%, .7));
    font-size: 18px;
    padding:4px
}

.auctionList .view-list .auction .auctionDetails {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.auctionList .view-list .auction .auctionDetails .auctionTitle {
    font-size: 24px;
    margin-bottom:6px
}

.auctionList .view-list .auction .auctionDetails .auctionTimes {
    margin-bottom:6px
}

.auctionList .view-list .auction .auctionDetails .auctionTimes .end_time, .auctionList .view-list .auction .auctionDetails .auctionTimes .start_time {
    font-size:14px
}

.auctionList .view-list .auction .auctionDetails .shortdescription {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 5.2em;
    text-align: justify;
    margin-right: -1em;
    padding-right:1em
}

.auctionList .view-list .auction .auctionDetails .shortdescription:before {
    content: "\2026";
    position: absolute;
    right: 0;
    bottom:0
}

.auctionList .view-list .auction .auctionDetails .shortdescription:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background:#fff
}

.auctionList .view-list .auction .auctionActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:5px
}

.auctionList .view-list .auction .auctionActions .affiliateLogo img {
    max-width:150px
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton {
    margin:5px 0
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton:hover {
    cursor:pointer
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton .react-add-to-calendar__dropdown {
    position: absolute;
    padding: .375rem .75rem;
    border-radius:.25rem
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton .react-add-to-calendar__dropdown ul {
    margin:0
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton .react-add-to-calendar__dropdown ul i {
    display:none
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton .react-add-to-calendar__dropdown ul li a:hover {
    text-decoration:none
}

.auctionList .view-list .auction .auctionActions .addToCalendarButton ul {
    list-style: none;
    padding-left:0
}

@media (max-width: 768px) {
    .auctionList .view-list .auction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow:column nowrap
    }

    .auctionList .view-list .auction .auctionImage {
        margin-bottom:5px
    }
}

.auctionList .view-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.auctionList .view-map .map-marker .info .details, .auctionList .view-map .map-marker .info .featured-image {
    margin: 12px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width:200px
}

.auctionList .view-map .map-marker .info .featured-image img {
    max-width:100%
}

.auctionList .view-map .map-marker .info .details {
    font-size: 12px;
    color:#999
}

.auctionList .view-map .map-marker .info .details .title {
    font-weight: 700;
    font-size: 18px;
    color:#ea4335
}

.auctionList .view-box .auctionInfoBox {
    margin:40px auto
}

.auctionList .view-box .auctionInfoBox .boxBody.useEnterAuction .auctionDescription {
    grid-column:span 6
}

.auctionList .view-box .auctionInfoBox .boxBody.useEnterAuction .enterAuction {
    grid-column: span 1;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 140px;
    padding: 8px 15px;
    border-radius: 8px;
    background-color: #203d85;
    color: #fff;
    text-align:center
}

.auctionList .view-box .auctionInfoBox .boxBody.useEnterAuction .enterAuction.disabled {
    background-color:#adadad
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight .slider {
    height: 150px;
    width:200px
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight .slider .linkToAuction {
    width: 100%;
    height:100%
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight .slider a.previousButton {
    left:0
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight .slider a.nextButton {
    right:0
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight .slider .slide {
    background-position: 50% !important;
    background-size: contain !important;
    background-repeat:no-repeat !important
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight.hideSliderArrows .slider a.nextButton, .auctionList .view-box .auctionInfoBox .boxBody .auctionHighlight.hideSliderArrows .slider a.previousButton {
    display:none
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionAddlInfo {
    grid-column:span 3
}

.auctionList .view-box .auctionInfoBox .boxBody .auctionDetails {
    grid-column:span 5
}

@media (max-width: 991px) {
    .auctionList .view-box .auctionInfoBox .boxBody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow:column nowrap
    }

    .auctionList .view-box .auctionInfoBox .boxBody .auctionDetails {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }
}

.auction-contact-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

@media (max-width: 768px) {
    .auction-contact-cards {
        margin-top: 10px;
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }
}

.auction-contact-cards .card {
    width: 280px;
    margin: 25px 50px 25px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    -webkit-transition: .3s;
    transition:.3s
}

.auction-contact-cards .card:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    box-shadow:0 8px 16px 0 rgba(0, 0, 0, .2)
}

@media (max-width: 768px) {
    .auction-contact-cards .card {
        margin:15px 0
    }
}

.auction-contact-cards .card .image {
    text-align:center
}

.auction-contact-cards .card .image img {
    max-width: 180px;
    max-height: 200px;
    margin:10px 0
}

.auction-contact-cards .card .email, .auction-contact-cards .card .phone {
    font-size: .9rem;
    margin-top:10px
}

.auction-contact-cards .card .email a, .auction-contact-cards .card .phone a {
    margin-right:3px
}

.auction-contact-cards .card .card-title {
    margin-bottom:15px
}

.auction-contact-cards .card .card-text {
    margin-bottom:4px
}

.auction-contact-cards .card .card-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top:30px
}

.auctionInfoBox {
    margin-bottom: 15px;
    background-color: #f5f5f5;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius:8px
}

.auctionInfoBox .boxHeader {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.auctionInfoBox .boxHeader h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 5px 0 5px 5px;
    padding: 5px;
    font-size:1.55rem
}

.auctionInfoBox .boxHeader button svg {
    width: 2em;
    height:2em
}

.auctionInfoBox .boxBody.hideBoxBody {
    display:none
}

.auctionInfoBox .boxBody {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, auto);
    gap:20px
}

.auctionInfoBox .boxBody .auctionHighlight {
    grid-column: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.auctionInfoBox .boxBody .auctionHighlight img {
    max-width: 200px;
    height:auto
}

.auctionInfoBox .boxBody .auctionDescription {
    grid-column:span 7
}

.auctionInfoBox .boxBody .affiliateLogo {
    grid-column: span 8;
    justify-self:end
}

.auctionInfoBox .boxBody .affiliateLogo img {
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height:auto
}

.auctionInfoBox .boxBody .auctionAddlInfo {
    grid-column:span 4
}

.auctionInfoBox .boxBody .auctionAddlInfo .auctionEndTime, .auctionInfoBox .boxBody .auctionAddlInfo .auctionLocation, .auctionInfoBox .boxBody .auctionAddlInfo .auctionPreviewTimes {
    margin-bottom:5px
}

.auctionInfoBox .boxBody .auctionAddlInfo .auctionEndTime svg, .auctionInfoBox .boxBody .auctionAddlInfo .auctionLocation svg, .auctionInfoBox .boxBody .auctionAddlInfo .auctionPreviewTimes svg {
    margin-right:8px
}

.auctionInfoBox .boxBody .auctionDetails {
    grid-column: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.auctionInfoBox .boxBody .auctionDetails > a {
    display: block;
    cursor: pointer;
    color:#212529
}

.auctionInfoBox .boxBody .auctionDetails > a:hover {
    text-decoration:none
}

.auctionInfoBox .boxBody .auctionDetails .auctionButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px;
    cursor:pointer
}

.auctionInfoBox .boxBody .auctionDetails .auctionButton img {
    max-height: 2.5rem;
    max-width:2.5rem
}

.auctionInfoBox .boxBody .auctionDetails .auctionButton div {
    -webkit-margin-before: auto;
    margin-block-start:auto
}

.auctionInfoBox .boxBody .auctionDetails .auctionButton svg {
    font-size: 2.5rem;
    margin-bottom:5px
}

@media (max-width: 991px) {
    .auctionInfoBox .boxBody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow:column nowrap
    }

    .auctionInfoBox .boxBody .auctionHighlight {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .auctionInfoBox .boxBody .auctionHighlight img {
        max-width:250px
    }

    .auctionInfoBox .boxBody .auctionDescription {
        overflow-wrap: break-word;
        word-wrap:break-word
    }
}

@media (max-width: 768px) {
    .auctionInfoBox .boxBody .auctionDetails {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .auctionInfoBox .boxBody .auctionDetails .auctionButton {
        margin:10px
    }
}

.auction-messages, .auction-messages .message-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.auction-messages .message-list {
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

.auction-messages .message-list .msg {
    border-radius: .5em;
    padding: .25em;
    line-height: 1em;
    margin: .15em .25em;
    min-width:5em
}

.auction-messages .message-list .msg.bidder-msg {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #004085;
    background-color: #cce5ff;
    border-color:#b8daff
}

.auction-messages .message-list .msg.admin-msg {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #383d41;
    background-color: #e2e3e5;
    border-color:#d6d8db
}

.auction-messages .message-list .msg.admin-msg.global-msg {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color:#bee5eb
}

.auction-messages .message-list .msg .msg-time {
    text-align: right;
    font-size:.75em
}

#app #main-content.scrolling header#main-header-two.sticky .mainbar:not(.sticky) {
    visibility: hidden;
    opacity: 0;
    height:0
}

#app #main-content header#main-header-two {
    border-bottom: 1px solid #ccc;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index:103
}

#app #main-content header#main-header-two.sticky {
    position: sticky;
    top: 0;
    overflow:visible
}

#app #main-content header#main-header-two .topbar {
    background: #203d85;
    height: 41px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

#app #main-content header#main-header-two .topbar, #app #main-content header#main-header-two .topbar .topbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

#app #main-content header#main-header-two .topbar .topbar-container {
    width: 100%;
    max-width: 1200px;
    -ms-flex-line-pack: center;
    align-content:center
}

#app #main-content header#main-header-two .topbar .topbar-container .main-menu {
    font-size: 12px;
    text-transform: uppercase;
    width:100%
}

#app #main-content header#main-header-two .topbar .topbar-container .loggedInButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

#app #main-content header#main-header-two .topbar .topbar-container .loggedInButtons > div {
    padding:0 10px
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container.fullwidth {
    width:100%
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1080px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth a, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links a {
    padding: 15px 15px 10px;
    display: block;
    overflow:hidden
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth a.active, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth a:hover, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links a.active, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links a:hover {
    text-decoration:none
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:100%
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .menu-link:not(:last-child):after, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .menu-link:not(:last-child):after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f0dd";
    padding: 0 10px;
    line-height: 1em;
    vertical-align:text-bottom
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .mobile-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .submenu-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .mobile-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .submenu-toggle {
    display:none
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .auth-submenu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    background-color: #5f77b3;
    z-index:999
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .auth-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .auth-submenu .menu-link {
    display: none;
    width: 100%;
    padding: 15px;
    text-align:center
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .auth-submenu input[type=checkbox], #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .auth-submenu input[type=checkbox] {
    display:none
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .auth-submenu .sub-menu-links, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .auth-submenu .sub-menu-links {
    max-height:0
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .secondary-submenu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    background-color: #5f77b3;
    z-index:999
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .secondary-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .secondary-submenu .menu-link {
    display: none;
    width: 100%;
    padding: 15px;
    text-align:center
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .secondary-submenu input[type=checkbox], #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .secondary-submenu input[type=checkbox] {
    display:none
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth .secondary-submenu .sub-menu-links, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links .secondary-submenu .sub-menu-links {
    max-height:0
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click .menu-link {
    cursor:pointer
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click input[type=checkbox].submenu-toggle:checked ~ .auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click input[type=checkbox].submenu-toggle:checked ~ .auth-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click input[type=checkbox].submenu-toggle:checked ~ .auth-submenu > div > .menu-link:not(:last-child):after, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click input[type=checkbox].submenu-toggle:checked ~ .auth-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click input[type=checkbox].secondary-submenu-toggle:checked ~ .secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click input[type=checkbox].secondary-submenu-toggle:checked ~ .secondary-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click input[type=checkbox].secondary-submenu-toggle:checked ~ .secondary-submenu > div > .menu-link:not(:last-child):after, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click input[type=checkbox].secondary-submenu-toggle:checked ~ .secondary-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover div:hover > .menu-link + .auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover div:hover > .menu-link + .auth-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover div:hover > .menu-link + .auth-submenu > div > .menu-link:not(:last-child):after, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover div:hover > .menu-link + .auth-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover div:hover > .menu-link + .secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover div:hover > .menu-link + .secondary-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover div:hover > .menu-link + .secondary-submenu > div > .menu-link:not(:last-child):after, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover div:hover > .menu-link + .secondary-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

@media screen and (min-width: 950px) {
    #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.click > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover > div:hover > .menu-link + .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth.hover > div:hover > .menu-link + .secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.click > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover > div:hover > .menu-link + .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links.hover > div:hover > .menu-link + .secondary-submenu {
        top:calc(1em + 29px)
    }
}

#app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu, #app #main-content header#main-header-two .topbar .topbar-container .links-container .mobile-menu-toggle {
    display:none
}

#app #main-content header#main-header-two .topbar a {
    color:#fff
}

#app #main-content header#main-header-two .topbar a:hover {
    color:#ccc
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header-two .topbar {
        height: auto;
        padding:8px 0
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container {
        display: block;
        width:100%
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container .mobile-menu-toggle {
        display:block
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container {
        display: block;
        max-height: 0;
        -webkit-transition: max-height .15s ease-out;
        transition: max-height .15s ease-out;
        overflow: hidden;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .auth a, #app #main-content header#main-header-two .topbar .topbar-container .links-container .menu-container .links a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding: 15px;
        width: 100%;
        margin:0
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container label[for=mobile-menu] {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        padding: 15px;
        width: 100%;
        cursor: pointer;
        display: inline-block;
        position:relative
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container label[for=mobile-menu] .menu-icon {
        position: absolute;
        left: 8px;
        top: 0;
        bottom: 0;
        width: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container label[for=mobile-menu] .menu-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container label[for=mobile-menu] .menu-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container label[for=mobile-menu] .menu-icon .bar3 {
        width: 100%;
        height: 5px;
        background-color: #fff;
        margin: 4px 0;
        -webkit-transition: .4s;
        transition:.4s
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:not(:checked) ~ .menu-container .menu:not(label) > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:not(:checked) ~ .menu-container .menu:not(label) > div > .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:not(:checked) ~ .menu-container > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:not(:checked) ~ .menu-container > div > .menu.secondary-submenu {
        display:none
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .menu-link:not(:last-child):after {
        content:none
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div {
        width:100%
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle {
        position: absolute;
        padding-top: 1.2em;
        right:4.5em
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle:not(:nth-last-child(2)), #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle:not(:nth-last-child(2)), #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle:not(:nth-last-child(2)), #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle:not(:nth-last-child(2)) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display:inline-flex
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle .mobile-toggle-icon, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle .mobile-toggle-icon {
        width: 20px;
        height: 20px;
        position:relative
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        background-color: #777;
        -webkit-transition: .4s;
        transition: .4s;
        position:absolute
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar1 {
        width: 100%;
        height: 5px;
        margin: 0 auto;
        top:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        height: 100%;
        width: 5px;
        margin: auto 0;
        left:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > .menu.secondary-submenu {
        overflow: hidden;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > .menu.secondary-submenu > div > .menu-link {
        -webkit-transition: color .25s ease-in;
        transition:color .25s ease-in
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2 {
        -webkit-transform: rotate(-135deg);
        transform:rotate(-135deg)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        display: block;
        position: relative;
        width: 100%;
        background-color:getMobileNestedBackground(#fff)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .menu-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-align:center
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.secondary-submenu .secondary-submenu {
        right: 0;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 100%;
        z-index: 1;
        bottom:0
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        display: block;
        position: relative;
        background-color:getMobileNestedBackground(#fff)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .menu-link {
        display: block;
        text-align:center
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:checked ~ .menu.auth-submenu .auth-submenu {
        right: 0;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 100%;
        z-index: 1;
        bottom:0
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu {
        max-height: 0;
        display:none
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .auth > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.auth-submenu > div > .menu-link, #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ .menu-container .links > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.secondary-submenu > div > .menu-link {
        color:transparent
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 9px);
        transform:rotate(-45deg) translate(-9px, 9px)
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar2 {
        opacity:0
    }

    #app #main-content header#main-header-two .topbar .topbar-container .links-container #mobile-menu:checked ~ label[for=mobile-menu] .menu-icon .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -9px);
        transform:rotate(45deg) translate(-9px, -9px)
    }
}

#app #main-content header#main-header-two .toggle-sidebar {
    border:none
}

#app #main-content header#main-header-two .mainbar {
    background: #fff;
    color: #777;
    -webkit-transition: height .5s, visibility 0s, opacity .5s ease-in-out;
    transition:height .5s, visibility 0s, opacity .5s ease-in-out
}

#app #main-content header#main-header-two .mainbar .mainbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position:relative
}

#app #main-content header#main-header-two .mainbar .mainbar-container > #homepage-slider {
    position: absolute;
    z-index: 0;
    height: 100%;
    width:100%
}

#app #main-content header#main-header-two .mainbar .mainbar-container > #homepage-slider > .slider {
    min-height:100%
}

#app #main-content header#main-header-two .mainbar .mainbar-container > .slider {
    position: absolute;
    z-index: 0;
    max-height:100%
}

#app #main-content header#main-header-two .mainbar .mainbar-container .slider .track .slide {
    height: 100% !important;
    background-size:cover !important
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header-two .mainbar .mainbar-container .slider a.nextButton, #app #main-content header#main-header-two .mainbar .mainbar-container .slider a.previousButton {
        display:none
    }
}

#app #main-content header#main-header-two .mainbar .mainbar-container .logo {
    max-width: 100%;
    z-index:1
}

#app #main-content header#main-header-two .mainbar .mainbar-container .logo img {
    max-width: 100%;
    max-height:12em
}

#app #main-content header#main-header-two .mainbar .mainbar-container .search {
    max-width: 100%;
    width: 30em;
    z-index:1
}

#app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu, #app #main-content header#main-header-two .mainbar .mainbar-container .main-mobile-menu-toggle {
    display:none
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 100%;
    margin-bottom: 2em;
    margin-top: 1em;
    z-index:1
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu a {
    padding: 15px;
    display: block;
    color:#777
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu a.active, #app #main-content header#main-header-two .mainbar .mainbar-container .main-menu a:hover {
    text-decoration:none
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:100%
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .menu-link:not(:last-child):after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f0dd";
    padding: 0 10px;
    line-height: 1em;
    vertical-align:text-bottom
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .mobile-toggle, #app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .submenu-toggle {
    display:none
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .main-submenu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    background-color: #fff !important;
    text-align: left;
    z-index:999
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .main-submenu .menu-link {
    display: none;
    width: 100%;
    padding: 15px;
    text-align:center
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .main-submenu input[type=checkbox] {
    display:none
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu .main-submenu .sub-menu-links {
    max-height:0
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu.click .menu-link {
    cursor:pointer
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu.click input[type=checkbox].submenu-toggle:checked ~ .main-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu.click input[type=checkbox].submenu-toggle:checked ~ .main-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu.hover div:hover > .menu-link + .main-submenu > div > .menu-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

#app #main-content header#main-header-two .mainbar .mainbar-container .main-menu.hover div:hover > .menu-link + .main-submenu > div > .menu-link:not(:last-child):after {
    margin-left:auto
}

@media screen and (max-width: 950px) {
    #app #main-content header#main-header-two .mainbar .mainbar-container .links-container {
        width:100%
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .main-mobile-menu-toggle {
        display:block
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container {
        max-height: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-transition: max-height .15s ease-out;
        transition: max-height .15s ease-out;
        overflow:hidden
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu, #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
        width: 100%;
        margin:0
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-menu {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow:column
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:checked ~ label .sub-menu-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:checked ~ label .sub-menu-icon .bar2 {
        -webkit-transform: rotate(-135deg);
        transform:rotate(-135deg)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:checked ~ .sub-menu-links {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:checked ~ .sub-menu-links a {
        -webkit-transition: color .25s ease-in;
        transition:color .25s ease-in
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:not(:checked) ~ .sub-menu-links {
        max-height:0
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu input[type=checkbox]:not(:checked) ~ .sub-menu-links a {
        color:transparent
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label {
        position: absolute;
        right: 10px;
        top:10px
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label .sub-menu-icon {
        width: 25px;
        height: 25px;
        position:relative
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label .sub-menu-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label .sub-menu-icon .bar2 {
        background-color: #777;
        -webkit-transition: .4s;
        transition: .4s;
        position:absolute
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label .sub-menu-icon .bar1 {
        width: 100%;
        height: 5px;
        margin: 0 auto;
        top:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu > label .sub-menu-icon .bar2 {
        height: 100%;
        width: 5px;
        margin: auto 0;
        left:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container .menu-container .main-submenu .sub-menu-links {
        background-color:rgba(0, 0, 0, .1450980392156863)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container label[for=main-mobile-menu] {
        text-align: center;
        color: #777;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        padding: 15px;
        width: 100%;
        cursor: pointer;
        display: inline-block;
        position:relative
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container label[for=main-mobile-menu] .menu-icon {
        position: absolute;
        left: 8px;
        top: 0;
        bottom: 0;
        width: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container label[for=main-mobile-menu] .menu-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container label[for=main-mobile-menu] .menu-icon .bar2, #app #main-content header#main-header-two .mainbar .mainbar-container label[for=main-mobile-menu] .menu-icon .bar3 {
        width: 100%;
        height: 5px;
        background-color: #777;
        margin: 4px 0;
        -webkit-transition: .4s;
        transition:.4s
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .menu-link:not(:last-child):after {
        content:none
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle {
        position: absolute;
        padding-top: 1.2em;
        right:.5em
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .menu-link, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .menu-link {
        padding-left:1em
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle:not(:nth-last-child(2)), #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle:not(:nth-last-child(2)) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display:inline-flex
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .mobile-toggle-icon {
        width: 20px;
        height: 20px;
        position:relative
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        background-color: #777;
        -webkit-transition: .4s;
        transition: .4s;
        position:absolute
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .mobile-toggle-icon .bar1 {
        width: 100%;
        height: 5px;
        margin: 0 auto;
        top:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > label.mobile-toggle .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > label.mobile-toggle .mobile-toggle-icon .bar2 {
        height: 100%;
        width: 5px;
        margin: auto 0;
        left:calc(50% - 2.5px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > .menu.main-submenu, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > .menu.main-submenu {
        overflow: hidden;
        -webkit-transition: max-height .25s ease-in;
        transition:max-height .25s ease-in
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > .menu.main-submenu > div > .menu-link, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > .menu.main-submenu > div > .menu-link {
        -webkit-transition: color .25s ease-in;
        transition:color .25s ease-in
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar1, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:checked ~ label .mobile-toggle-icon .bar2 {
        -webkit-transform: rotate(-135deg);
        transform:rotate(-135deg)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        display: block;
        position: relative;
        background-color:getMobileNestedBackground(#fff)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu .menu-link, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu .menu-link {
        text-align:start
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu .main-submenu, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:checked ~ .menu.main-submenu .main-submenu {
        right: 0;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 100%;
        z-index: 1;
        bottom:0
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.main-submenu, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.main-submenu {
        max-height: 0;
        display:none
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu .menu:not(label) > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.main-submenu > div > .menu-link, #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ .menu-container .main-menu > div > input[type=checkbox].submenu-toggle:not(:checked) ~ .menu.main-submenu > div > .menu-link {
        color:transparent
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ label[for=main-mobile-menu] .menu-icon .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 9px);
        transform:rotate(-45deg) translate(-9px, 9px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ label[for=main-mobile-menu] .menu-icon .bar2 {
        opacity:0
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:checked ~ label[for=main-mobile-menu] .menu-icon .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -9px);
        transform:rotate(45deg) translate(-9px, -9px)
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:not(:checked) ~ .menu-container .main-menu {
        max-height: 0;
        display:none
    }

    #app #main-content header#main-header-two .mainbar .mainbar-container #main-mobile-menu:not(:checked) ~ .menu-container .main-menu > div > .menu-link {
        color:transparent
    }
}

footer#main-footer {
    background: #203d85;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

footer#main-footer .footer-content-above-menu {
    max-width: 500px;
    width: 100%;
    margin:10px auto
}

footer#main-footer .footer-content-above-menu #footer-contact-form button {
    border-color:#fff !important
}

@media (max-width: 768px) {
    footer#main-footer .footer-content-above-menu {
        padding-left: 15px;
        padding-right:15px
    }
}

footer#main-footer .text-above-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin:20px auto 0
}

footer#main-footer .text-muted {
    color:#c3c3c3 !important
}

footer#main-footer .topFooter {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

footer#main-footer .topFooter ul {
    list-style-type: none;
    padding:0
}

footer#main-footer .topFooter > li, footer#main-footer .topFooter > ul {
    min-width:300px
}

footer#main-footer .topFooter li > a {
    color: #fff;
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size:14px
}

footer#main-footer .topFooter li > span {
    display: inline-block;
    text-transform: capitalize;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight:600
}

footer#main-footer .text-below-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin:0 auto 20px
}

footer#main-footer .footer-logos {
    width: 100%;
    margin: 5px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

footer#main-footer .footer-logos img {
    width: 75px;
    height: 75px;
    display: block;
    margin:0 10px
}

@media (max-width: 950px) {
    footer#main-footer .footer-logos img {
        margin:10px
    }
}

footer#main-footer .bottomFooter {
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size:11px
}

footer#main-footer .bottomFooter .footer-social-container {
    margin:auto
}

@media (max-width: 718px) {
    footer#main-footer .bottomFooter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    footer#main-footer .bottomFooter .footer-social-container {
        margin:2em 0 1em
    }
}

footer#main-footer .bottomFooter a {
    color:#fff
}

footer#main-footer .bottomFooter a.social-media-link svg {
    width: 1.25rem;
    height: 1rem
}