/******* 
Reset 
**********/

body {
    margin: 0px;
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 18px;
    line-height: 1.9;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
    cursor: pointer;
    outline: 1px solid transparent;
    text-decoration: none;
    color: #1F508F;
}

a:active,
a:focus {
    outline: 1px solid #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.e3pagetemplate {
    color: #2a2a2a;
    font-size: 16px;
}

.e3pagetemplate a {
    color: #1f508f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Lato', sans-serif;
}

h1 {
    text-transform: uppercase;
}

.textCenter {
    text-align: center;
}

a.e3-button {
    border-radius: 0;
    text-transform: uppercase;
    transition: .5s all;
}

a.e3-button:hover {
    transition: .5s all;
}

img {
    border: none;
}

.MainInformationTable {
    width: 100%;
}

.EditableImageEdit .ImageSelectorHeader,
.EditableImageEdit .EditableTextTitle {
    position: relative;
    z-index: 9999;
}

.EditMode header,
.DesignMode header {
    position: relative;
}

.fa>span {
    display: none;
}

.marg4 {
    margin-top: 4%;
}

.marg2 {
    margin-top: 2%;
}

.boxContainer {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.titleText{
    text-align: right;
    font-weight: 700;
    text-transform: none;
}

.insideBox {
    padding: 20px;
    display: flex;
    margin-bottom: 2%;
    flex-direction: column;
    overflow: hidden;
}

.insideBox::after {
    color: #1f508f12;
    content: attr(data-insideBox-text);
    /*display: block;*/
    font-size: 16em;
    line-height: 1;
    position: absolute;
    font-weight: bold;
    bottom: -54px;
    z-index: 0;
    right: -22px;
    display: none;
}

.yellowBox {
    background:;
    border: 0px;
    color: #ffffff;
}

.blueBox {
    background:;
    border: 0px;
    color: #313771;
}

.blueContainer {
    background: #1f508f;
    color: white;
    padding: 28px 0 0 0;
}

.demoBG {
    background: #fff8e1;
    border-top: 1px solid #fad558;
    padding: 30px 0;
}

div#p_lt_PageContent_pageplaceholder_p_lt_zoneContent_CHOContentBlock_divContentBlock {
    display: none;
}

.footer-top {
    display: block !important;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #fad558;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
}

.buttonMainCenter {
    color: #ffffff;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    min-width: 200px;
    border: 2px solid #ffffff;
    background: #ffffff;
    float: none;
    border-radius: 50px;
    margin: 14px 0 0;
    text-align: center;
    min-height: 46px;
    box-sizing: border-box;
    transition: all .3s ease;
    padding: 11px 10px;
    float: none;
    text-transform: uppercase;
}

.buttonMainCenter:hover {
    color: #1f508f;
    background: transparent;
}

.buttonYellow {
    border: 2px solid white;
    background: white;
    color: #1B1E43;
    margin-top: 6%;
}

.buttonYellow:hover {
    color: white;
}

.buttonBlue {
    border: 2px solid #313771;
    background: #313771;
    color: #ffffff!important;
    margin-top: 6%;
}

.buttonBlue:hover {
    color: #313771 !important;
}

.bannerButton{
    min-width: 350px;
}

.header-links {
    display: none;
}

.homeText {
    display: none;
}

.page-content .container {
    background: #fff;
    background-image: url(/getmedia/5290a5fb-e0e3-467f-9478-176d4b56b94d/bgcircle.aspx);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left center;
        margin-top: -8%;
    z-index: 1;
    position: relative;
}


.yellowText {
    color: #fad558;
}

.blueText {
    color: #1f508f;
}

.floatRight{
    float: right;
}

.extraPad{
    padding: 50px 20px;
}

.homeSplash {
    background-image: url(/getmedia/08fc141a-6fac-4958-bdc6-2bf9b5f258a6/bg1.aspx);
    background-position: center;
    background-size: cover;
}

.homeSplash2 {
    background-image: url(/getmedia/d036f35f-bdd4-4fcb-97c5-6c2c61fb1818/bg2.aspx);
    background-position: center;
    background-size: cover;
}


.flex-container-footer {
    list-style: none;
    font-weight: bold;
}

.accountsPayable {
    background-image: url(/getmedia/e20e9d52-b3fc-4a31-b829-70a430641cce/accountsPayable.aspx);
    background-position: center;
    background-size: cover;
}

.accountsRec {
    background-image: url(/getmedia/37faf960-2846-428c-9997-86a05d5635e1/accountsRec.aspx);
    background-position: center;
    background-size: cover;
}

.banqCat {
    background-image: url(/getmedia/d04a2a26-89a3-4d79-92ee-85dbb4df8d52/banqCat.aspx);
    background-position: center;
    background-size: cover;
}

.classSched {
    background-image: url(/getmedia/40b9bdcf-67af-4daa-a4e9-80213baac26b/classSched.aspx);
    background-position: center;
    background-size: cover;
}

.courtB {
    background-image: url(/getmedia/079ff4d9-0118-4f71-8640-1dff3fd33509/courtB.aspx);
    background-position: center;
    background-size: cover;
}

.diningR {
    background-image: url(/getmedia/417c6e91-4199-4c62-8263-f2e931f9e887/diningR.aspx);
    background-position: center;
    background-size: cover;
}

.foodB {
    background-image: url(/getmedia/8003e1bd-6dac-40b8-a439-fcdce2eb150e/foodB.aspx);
    background-position: center;
    background-size: cover;
}

.genL {
    background-image: url(/getmedia/57b4fcf5-0f02-4ec1-8f19-7a74656dbb84/genL.aspx);
    background-position: center;
    background-size: cover;
}

.giftC {
    background-image: url(/getmedia/cc3f0685-f314-4dd8-8cd8-62ec07c7f464/giftC.aspx);
    background-position: center;
    background-size: cover;
}

.payroll {
    background-image: url(/getmedia/466c4186-ec75-4abb-97aa-d3d7cb14ebd5/payroll.aspx);
    background-position: center;
    background-size: cover;
}

.purOrd {
    background-image: url(/getmedia/2ee17ded-7fc2-47c6-81a7-6528832a940d/purOrd.aspx);
    background-position: center;
    background-size: cover;
}

.retail {
    background-image: url(/getmedia/fc698119-e95e-468d-b9fe-ce751de986b5/retail.aspx);
    background-position: center;
    background-size: cover;
}

.spaM {
    background-image: url(/getmedia/91a5017f-cb0d-45d3-869d-8be977fa408a/spaM.aspx);
    background-position: center;
    background-size: cover;
}

.teeT {
    background-image: url(/getmedia/42954f26-7a96-4a6e-ab12-608a019986c3/teeT.aspx);
    background-position: center;
    background-size: cover;
}

.mobApp {
    background-image: url(/getmedia/0d4f6ad0-66e9-41f7-aadf-ac609eb28909/mobApp.aspx);
    background-position: center;
    background-size: cover;
}

.CHO {
    background-image: url(/getmedia/84135fff-71c1-4c9f-be40-099267607a31/CHO.aspx);
    background-position: center;
    background-size: cover;
}

.emailMar {
    background-image: url(/getmedia/2696abdd-3587-458e-bd7b-83d38b9a043e/emailMar.aspx);
    background-position: center;
    background-size: cover;
}

.ePay {
    background-image: url(/getmedia/c70f83cb-8775-4ddc-8b47-d6e679f7980a/ePay.aspx);
    background-position: center;
    background-size: cover;
}

.profS {
    background-image: url(/getmedia/84b24111-fba7-45fc-8129-fb9643ec7546/profS.aspx);
    background-position: center;
    background-size: cover;
}

.softwareS {
    background-image: url(/getmedia/59a81cbe-2ab7-41c2-9949-3925f2cde100/softwareS.aspx);
    background-position: center;
    background-size: cover;
}

.systemC {
    background-image: url(/getmedia/e5714219-5af2-4dd8-92b6-50b79e8f59d9/systemC.aspx);
    background-position: center;
    background-size: cover;
}

.onlineC {
    background-image: url(/getmedia/6d32484d-a8bb-4ce8-93e1-33c6035f5b90/onlineC.aspx);
    background-position: center;
    background-size: cover;
}

.NFSM {
    background-image: url(/getmedia/ab22afc9-2c3f-4aed-8dd9-6b6c95bedea7/NSFM.aspx);
    background-position: center;
    background-size: cover;
}

.hardware {
    background-image: url(/getmedia/8f3ad124-6f2c-412c-b200-e1c6a2514600/hardware.aspx);
    background-position: center;
    background-size: cover;
}

.formsSup {
    background-image: url(/getmedia/4bd5aa63-0782-4234-842a-7fa3a7926e76/formSS.aspx);
    background-position: center;
    background-size: cover;
}

.leader {
    background-image: url(/getmedia/e1161670-5426-4c3d-8fb4-a17e28cf31e9/leaderp.aspx);
    background-position: center;
    background-size: cover;
}

.contact {
    background-image: url(/getmedia/53df2507-59c0-4cdb-9edf-1afbca8c061c/contactUs.aspx);
    background-position: center;
    background-size: cover;
}


.flexin {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}


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

MOBILE

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


/******* 
Mobile Header 
*******/

header {
    background: #fff;
    float: left;
    position: relative;
    transition: top 0.3s ease 0s;
    width: 100%;
    height: 112px;
    z-index: 1;
}

header .container {
    height: 70px;
}

header .container::before,
header .container::after {
    display: none;
}

header .mobile-nav-btn {
    margin: 15px 0 0;
    width: 10%;
}

header #menu-button {
    display: block;
    height: 40px;
    padding-left: 0 !important;
}

header #menu-button::before {
    display: none;
}

header #menu-button i {
    color: #000;
    font-size: 32px;
}

header .logo {
    padding: 6px 0 0 0;
    text-align: center;
    width: 80%;
    float: left;
    height: 100%;
    margin: 2% auto;
}

header .homeLogo {
    margin: 0;
}

header .logo .static-img {
    width: 100%;
    height: 100%;
}

header .logo a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

header .logo img {
    max-height: 100%;
    max-width: 80%;
    height: auto;
    width: auto;
}





/******* 
Mobile MyProfile 
*******/

header .MyProfile_Member {
    background: transparent;
    border: medium none;
    height: 54px;
    margin: 15px 0 0;
    padding: 0;
    width: 10%;
    float: right;
    clear: none;
}

header .MyProfile_Member .click_transparent {
    width: 100%;
}

header .MyProfile_Member .MyProfile_SignedIn,
header .MyProfile_Member .MyProfile_SignedOut {
    height: 50px;
}

header .MyProfile_Member .MyProfile_Svg {
    width: 34px;
    height: 40px;
    float: right;
    margin-right: 0;
}

header .MyProfile_Member .MyProfile_Svg svg {
    fill: #000;
    height: 34px;
}

header .MyProfile_Member .MyProfile_Name {
    display: none;
}

header .MyProfile_Member .arrow-down {
    display: none;
}

header .MyProfile_Member .fullView {
    background-color: rgba(0, 0, 0, 0.8);
    left: auto;
    right: -15px;
    top: 75px;
    width: 200px;
    padding: 10px 0;
}

header .MyProfile_Member .MyProfile_FullMain {
    border: none;
    padding: 0;
    width: 100%;
}

header .MyProfile_Member .fullView a {
    border: medium none;
    color: #fafafa;
    font-size: 16px;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

header .MyProfile_Member .fullView a:hover {
    color: #CCC;
}

header .MyProfile_Member .fullView a div {
    display: none;
}

header .MyProfile_Member .arrow-down {
    border-top: 5px solid #fafafa;
}

header .header-social {
    display: none;
}

header .mobileloginfo.container {
    float: right;
    margin: 0;
    padding: 0;
    width: 10%;
}





/******* 
Mobile Nav 
*******/

header .mobile-nav-btn {
    float: left;
}

header nav {
    background-color: #fff;
}

header #main-menu {
    box-shadow: none;
}

header #main-menu li,
header #main-menu a {
    border-radius: 0;
    border-top: medium none;
    font-size: 1em;
    letter-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
}

header #main-menu a {
    background: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    background: transparent;
    color: white;
    border-radius: 0;
    text-shadow: none;
}

header #main-menu ul {
    background-color: #fff;
    box-shadow: none;
    border-top: 1px solid rgb(31, 80, 143);
    border-radius: 0;
    margin-top: 1px !important;
}

header #main-menu ul a {
    color: #2a2a2a;
}

header #main-menu ul ul {
    background-color: #ccc;
}

header #main-menu ul ul ul {
    background-color: #ccc;
}

header #main-menu .sub-arrow {
    background-color: #ccc;
    border-radius: 0;
    color: #fff;
    width: 42px;
    border: none;
}





/******* 
Mobile Banner 
*******/

.banner {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    margin: 70px 0 0;
    overflow: hidden;
}





/******* 
Mobile Page Content 
*******/

.page-content {
    float: left;
    width: 100%;
}

.page-content>.container {
    padding: 0;
}





/******* 
Mobile Footer 
*******/

footer {
    padding: 1rem;
    background-color: #313771;
    text-align: center;
    color: white;
    float: left;
    width: 100%;
    position: relative;
    bottom: 0px;
}

.footer-top {}

.footer-top .container {}

.footer-bot {}

.footer-bot .container {}

.poweredby {}

.innovationBlock {
    background-color: #fad558;
    padding: 63px 0px;
}




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

TABLET

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

@media (min-width: 768px) {

    .pad30 {
        min-height: 450px;
        display: flex;
        background: white;
        border-right: 10px solid #fcd656;
    }

    .insideBox {
        flex-direction: row;
    }
}






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

DESKTOP

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

@media (min-width: 1025px) {

    body {
        font-size: 15px;
    }
    /******* 
Desktop Header 
*******/
    header {
        height: auto;
        transition: all .2s;
    }

    header .container {
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        width: 100%;
    }

    header .logo {
        width: 100%;
        text-align: center;
        transition: all .2s;
    }

    header .logo a {
        display: block;
    }

    header .logo img {
        max-width: 100%;
        transition: all .2s;
    }
    /******* 
Desktop Nav 
*******/
    header div#divMainMenu {
        clear: right;
    }

    header nav {
        background-color: transparent;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: auto;
    }

    header .mobile-nav-btn {
        display: none;
    }

    header #main-menu {
        background: none;
        box-shadow: none;
        clear: none;
        display: table !important;
        margin: 0 auto;
        width: auto;
        white-space: nowrap;
    }

    header #main-menu li,
    header #main-menu a {
        border: medium none;
        border-radius: 0;
        font-size: 15px;
        font-weight: normal;
        text-shadow: none;
        letter-spacing: .05em;
        text-align: left;
        font-weight: bold;
    }

    header #main-menu>li {
        display: inline-block;
        float: none;
    }

    header #main-menu>li>a {
        padding: 0px 40px 20px;
        line-height: 40px;
        transition: all .2s;
    }

    header #main-menu>li:last-child a {}

    header #main-menu>li>a:hover,
    header #main-menu>li>a.highlighted {
    color: #a4ccff;
    box-shadow: 0 -4px 0 0 #a4ccff inset;
}

    header #main-menu ul {
        border-radius: 0;
        left: auto !important;
        padding: 0 0px;
        text-transform: none;
    }

    header #main-menu ul a,
    header #main-menu ul ul a,
    header #main-menu ul ul ul a {
        color: #000;
        padding: 10px 20px;
        text-transform: none;
        font-weight: normal;
        border-right: 3px solid white !important;
        transition: .5s all;
    }

    header #main-menu ul a:hover {
        border-right: 3px solid #fad558 !important;
        transition: .5s all;
    }

    header #main-menu ul a:hover,
    header #main-menu a.highlighted {
        background: none;
        color: #000;
    }

    header #main-menu li .sub-arrow {
        background-color: transparent;
        border-color: rgba(211, 129, 231, 0.5);
        border-image: none;
        border-style: none solid solid none;
        border-width: medium 2px 2px medium;
        height: 10px;
        width: 10px;
        left: 50%;
        top: auto;
        bottom: 6px;
        margin: 0;
        position: absolute;
        transform: translateX(-50%) rotate(45deg);
        display: none;
    }

    header #main-menu li ul .sub-arrow {
        transform: rotate(-45deg);
        height: 8px;
        width: 8px;
        right: 10px;
        top: 40%;
        left: auto;
        display: none;
    }
    /******* 
Desktop MyProfile 
*******/
    header .MyProfile_Member {
        width: auto;
        margin: 0;
    }

    header .MyProfile_Member .MyProfile_SignedIn,
    header .MyProfile_Member .MyProfile_SignedOut {
        margin: 0;
        background: none;
        box-sizing: border-box;
        padding: 10px 0px 10px 15px;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        transition: all .2s;
    }

    header .MyProfile_Member .MyProfile_Name {
        color: #000;
        display: block;
        font-size: 1em;
        width: auto;
        font-weight: normal;
        text-transform: none;
        margin: 0;
        float: left;
    }

    header .MyProfile_Member .fullView {
        background-color: rgba(0, 0, 0, 0.8);
        left: auto;
        right: 0;
        top: 60px;
    }

    header .MyProfile_Member .fullView a {
        color: #fafafa;
    }

    header .MyProfile_Member .fullView a:hover {
        color: #dddddd;
    }

    header .MyProfile_Member .MyProfile_Svg {
        display: none;
    }

    header .MyProfile_Member .MyProfile_Svg svg {
        height: 20px;
        float: right;
        display: none;
    }

    header .logo img {}
    /******* 
Desktop Banner 
*******/
    .banner {
        margin: 0;
    }
    /******* 
My shit
*******/
    .flex-container {
        padding: 0 10px;
        margin: 0;
        list-style: none;
        display: flex;
        background-color: transparent;
    }

    .homeLinks {
        background-color: transparent;
    }

    .flex-container-footer {
        padding: 0 10px;
        margin: 0;
        list-style: none;
        text-transform: uppercase;
        display: flex;
        font-weight: bold;
    }

    .flex-item {
        padding: 5px 30px;
        line-height: 30px;
        color: #1F508F;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
    }

    li.flex-item a {
    color: white;
}

    .flex-item-footer {
        padding: 5px 30px;
        line-height: 30px;
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
    }

    .flex-end {
        justify-content: flex-end;
    }

    .footer-center {
        justify-content: center;
    }

    .rightB {
        border-right: 1px solid #1F508F;
    }
    .container {
        width: 100%;
    }

    .contain {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .containBody{
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    #contentTop {
        display: flex;
    }

    .tabRightcontent {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .boxContainer {
        margin-bottom: 2%;
    }
    .insideBox {
        margin-bottom: 0;
    }
    .header-links {
        display: block;
    }
    .homeHeader {
        background-image: url(/getmedia/3e9c589d-cf9f-4a35-95cb-cc2c23bfe25a/homeBG.aspx);
        background-size: cover;
        color: white;
        background-position: center;
        display: block;
    }
    .homeText p {
    }
    .homeText{
        margin-top: 10%;
    }
    .homeText {
        display: block;
    }
    header .homeLogo {
        background: transparent;
        padding: 20px 0;
    }
    .centerButtons {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .homeColumns {
        min-height: 340px;
        border: none;
    }

    .homeNav {
        color: white;
        padding-top: 31px;
        background-color: transparent;
    }

    .bannerText {
        color: white;
    }

    ul.flex-container.flex-end.homeLinks li a {
        color: white;
    }
    .homeLinks {
    border-bottom: 1px solid white;
    padding: 0;
    }

    .homeLinks .flex-item {
    border-left: 1px solid white;
    }

    .blockContainerh1{
        text-transform: none;
        font-weight: 700;
        font-size: 10vh;
    }

    .blockContainerp{
        font-weight: 500;
        line-height: 2;
    }

}






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

WIDE DESKTOP

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

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





/******* 
Banner Breakpoints 
*******/

.EditMode .banner {
    margin: 97px 0 0 0;
    z-index: 1;
    overflow: visible;
}

.banner>img {
    width: 200%;
    transform: translateX(-25%);
}

@media (min-width: 768px) {
    .banner>img {
        width: 150%;
        transform: translateX(-15%);
    }
}

@media (min-width: 1025px) {
    .banner>img {
        width: 100%;
        transform: translateX(0%);
    }
}