/********************P Custom*****************************/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');


/*------------------------------------------------*/
/*-----------------[Override]-----------------*/
/*------------------------------------------------*/

.dpl_dignuke .feature {
    padding-left: 0px !important;
    list-style-image: none !important;
}



/* Menu */
.dropdown-menu .p-4 a {
    font-family: 'Lato', sans-serif !important;
    text-transform: none !important;
    font-size: 0.9em !important;
    font-weight: 400;
}
/* Removes uppercase from dropdown menu */

.section_title {
    display: none;
}

.navbar ul {
    list-style: none !important;
}

h1 {
    font-size: 2.4rem;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700;
    margin-bottom: .9rem !important;
    color: #283755 !important;
}

h2 {
    font-size: 1.9rem;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 300;
    color: #000 !important;
    line-height: 33px;
}

h3 {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700;
    color: #144e9f !important;
    font-size: 1.5rem;
}

h4 {
    color: #889bcb !important;
    font-weight: 600;
    font-size: 1.15rem !important;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 1rem;
}

h5 {
    font-family: 'Lato', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}

h6 {
    color: #606060 !important;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px;
}

p {
    margin-bottom: 1.5rem;
}



.bg-dark {
    background-color: #716e68 !important;
}
/*Main menu background color */
.bg-danger {
    background-color: #FFF !important;
}


#dnn_dnnLOGO_imgLogo {
    max-width: 100%
}


hr {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
    border-top: 1px solid rgba(0,0,0,.2) !important;
}


a, a:visited {
    color: #2d5233;
}


.navbar-dark .navbar-toggler {
    background-color: #93a5d0;
}

/*------------------------------------------------*/
/*-----------------[ Navigation ]-----------------*/
/*------------------------------------------------*/


.p-4 {
    font-family: 'Lato', sans-serif !important;
}
/* Making nav menu items narrow font */

.nav-link {
    color: #fff !important;
}

    .nav-link a {
        text-decoration: none;
        color: #fff !important;
        background-color: #416122;
    }

        .nav-link a:hover {
            text-decoration: none;
            color: #f6eae4 !important;
            background-color: #416122;
        }

.navbar {
    padding: 0 !important;
}
/* overide */
.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* overide */




/*------------------------------------------------*/
/*-----------------[ Header ]-----------------*/
/*------------------------------------------------*/


#dnn_TopPane {
    padding: 7px 0;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.2rem;
    text-align: right;
    margin-bottom: 0 !important;
    font-weight: 400;
}

    #dnn_TopPane p {
        font-family: 'Source Serif Pro', serif;
        font-size: 1.2rem;
        margin-bottom: 0 !important;
        font-weight: 400;
    }

/* Menu ----------- */
.p-4 {
    letter-spacing: 0;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 600;
    font-size: 1.2em;
}


/* SubHeader Links Top ----------- */



.headerLinks ul {
    margin-left: 0 !important;
    margin-bottom: 10px;
}

.headerLinks li {
    display: inline;
    margin: 0px 30px 0px 0px !important;
    text-align: left;
    line-height: 16px;
    padding-top: 7px;
}

.headerLinks a {
    color: #077077;
    background-color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-family: 'Lato', serif;
    font-weight: 400;
    /*padding: 22px 3px 7px 2px;*/
    margin: 0px 0px 0px 0px;
}

    .headerLinks a:hover {
        text-decoration: underline;
        color: #077077 !important;
        background-color: #fff;
    }


#dnn_TopPaneLeft {
    padding-top: 15px;
    padding-bottom: 7px;
}








/*------------------------------------------------*/
/*-----------------[Subpage]-----------------*/
/*------------------------------------------------*/

.sidebarQuick {
    line-height: 30px;
}


.dpl_dignuke ul, ol {
    margin-left: 0px !important;
}

.dpl_dignuke h3 {
    color: #164fa0 !important;
}

.dpl_dignuke .feature a, .dpl_dignuke .feature a:link, .dpl_dignuke .feature a:visited {
    text-decoration: none !important;
}

    .dpl_dignuke .feature a:hover {
        text-decoration: underline !important;
    }

.dpl_dignuke .feature li {
    font-size: 0.9rem !important;
}


.list-group-item-info {
    color: #fff !important;
    background-color: #092c99;
    border-color: #fff;
}

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #fff !important;
        ;
        background-color: #0839d2 !important;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #fff !important;
    }


#contentOne .shorterPane {
    padding: 10px 0 20px 0 !important;
}


#dnn_hpNarrowPane0One, #dnn_hpNarrowPane25One, #dnn_hpNarrowPane50One, #dnn_hpNarrowPane75One {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}


#dnn_hpLeftHalfPaneOne h3 {
    color: #fff !important;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 2.5em
}


#dnn_hpRightHalfPaneOne img {
    margin-bottom: -26px;
}


#dnn_SidebarTwo {
    margin-top: 70px;
}


    #dnn_SidebarTwo h4 {
        margin-top: -7px;
        font-weight: 800;
        font-family: 'Open Sans Condensed', sans-serif !important;
        margin-bottom: 0.3rem;
    }

        #dnn_SidebarTwo h4 a {
            text-decoration: none;
        }

    #dnn_SidebarTwo p {
        font-size: 0.85em;
    }

    #dnn_SidebarTwo img {
        border-top: solid 11px #164fa0;
    }








.downloadApp {
    margin: 15px 20px 20px 0;
    float: left;
}

/*----------------------*
 |      Footer   	|
 *----------------------*/


#FooterContainer h5 {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
}

#FooterRow {
    padding-top: 40px;
    padding-bottom: 10px;
}

.copyRText {
    text-align: left;
    font-size: 0.9em;
}


.footerImages {
    float: right;
    margin-left: 12px;
}


.bg-primary {
    background-color: #fff !important;
}
/*Menu background */

body {
    overflow-x: hidden
}

#dnn_FooterLeft, #dnn_FooterRightMiddle, #dnn_FooterLeftMiddle, #dnn_FooterRight {
}

    #dnn_FooterLeft h5, #dnn_FooterRightMiddle h5, #dnn_FooterLeftMiddle h5, #dnn_FooterRight h5 {
        text-transform: uppercase;
        color: #fff !important;
        background-color: #004f54;
    }


#AboveFooter li {
    list-style-type: none;
}


.footerLinks { /*text-align:center;*/
    margin-bottom: 20px;
    margin-left: 0 !important;
}


    .footerLinks ul {
        margin-left: 0 !important;
    }

    .footerLinks li {
        display: block;
        margin: 0px 30px 0px 0px !important;
        text-align: left;
        line-height: 16px;
        padding-top: 7px;
    }

    .footerLinks a {
        color: #d5fcfe;
        background-color: #004f54;
        text-decoration: none;
        font-size: 0.9em;
        font-weight: 400;
        /*padding: 22px 3px 7px 2px;*/
        margin: 0px 0px 0px 0px;
    }

        .footerLinks a:hover {
            text-decoration: underline;
            color: #fff !important;
            background-color: #004f54;
        }


.footerAppButton {
}




.footerSocial {
    margin-left: 10px;
    float: right;
}







/*----------------------*
 |     Homepage 	|
 *----------------------*/

.homepageOnly {
    background-image: url("/Portals/CalhounBanks/images/homepageBackgroundCB.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

#dnn_BannerPane {
    font-family: 'Open Sans Condensed', sans-serif;
    min-height: 400px;
    padding-top: 99px;
    text-align: center;
    color: #fff;
    font-size: 1.9em;
    background-color: inherit;
    line-height: 80px;
    font-weight: 400;
    text-shadow: 1px 1px 2px #000 !important;
}

    #dnn_BannerPane p {
        line-height: 80px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        text-align: center;
        color: #fff;
        font-size: 1.5em;
        background-color: inherit;
        text-shadow: 1px 1px 2px #000 !important;
    }



.home3ColSection {
    background-color: #fff; /*margin-top: 40px;*/
    color: #fff; /*padding-top: 20px;padding-bottom:20px;*/
}

    .home3ColSection h3 {
        color: #fff !important;
        background-color: inherit;
        font-family: 'Open Sans Condensed', sans-serif !important;
        font-size: 1.6rem !important;
        font-weight: 400 !important;
    }


.home2ColSection {
    margin-top: 20px;
}

    .home2ColSection h3 {
        color: #000 !important;
        background-color: #fff;
        font-weight: 600 !important;
        font-size: 1.8rem !important;
        font-family: 'Open Sans Condensed', sans-serif !important;
    }



#dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
    /* max-width: 300px!important;*/
    padding: 50px !important;
}

#dnn_ThirdLeftPane {
    color: #fff;
    background-color: #144e9f !important;
}

#dnn_ThirdMiddlePane {
    color: #fff;
    background-color: #103e7f !important;
}

#dnn_ThirdRightPane {
    color: #fff;
    background-color: #0e366f !important;
}

    #dnn_ThirdRightPane h5, #dnn_ThirdLeftPane h5, #dnn_ThirdMiddlePane h5 {
        color: #fff !important;
        background-color: #2c5234;
        font-size: 0.9em;
        font-size: 1.3em !important;
        padding-top: 15px;
    }

    #dnn_ThirdRightPane p, #dnn_ThirdLeftPane p, #dnn_ThirdMiddlePane p {
        font-size: 0.9em;
    }


        #dnn_ThirdRightPane p a, #dnn_ThirdLeftPane p a, #dnn_ThirdMiddlePane p a {
            background-color: #2c5234;
            font-weight: 600;
            text-decoration: underline;
        }


.HomeSlogan {
    text-align: center;
    font-family: 'Lato', sans-serif;
    padding: 60px 0 20px 0;
}

    .HomeSlogan h1 {
        text-align: center !important;
        font-family: 'Lato', sans-serif;
        color: #0d6369 !important;
        background-color: #fff;
        font-weight: 400;
        font-size: 2.5em;
    }

    .HomeSlogan p {
        text-align: center !important;
        color: #0d6369 !important;
        background-color: #fff;
        font-weight: 300;
        font-size: 2.6em;
    }



.FullWidePane {
    margin-top: 40px;
    padding: 35px 0 26px 0;
    text-align: center !important;
    font-family: 'Lato', sans-serif;
    color: #0d6369 !important;
    background-color: #f2f2f2;
    font-weight: 400;
    font-size: 2em;
}

    .FullWidePane h1 {
        text-align: center !important;
        font-family: 'Lato', sans-serif;
        color: #0d6369 !important;
        background-color: #f2f2f2;
        font-weight: 400;
        font-size: 2em;
    }

    .FullWidePane p {
        text-align: center !important;
        color: #0d6369 !important;
        background-color: #f2f2f2;
        font-weight: 400;
        font-size: 1.1em;
    }

.facebookCircle {
    margin-left: 15px;
}

#dnn_RightWidePane { /*padding-left:60px;*/
}
/* only for desktop*/

#dnn_LeftNarrowPane {
}
/* adding divider drop shadow image*/



/*-------------------------------------------*
 |     Motto Area	|
 *-------------------------------------------*/
.Motto {
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0 40px 0;
    background-color: #283755;
    color: #fff;
    font-family: 'Roboto', serif;
    font-weight: 300;
    margin-bottom: 30px;
    min-height: 100px;
}

#dnn_MottoPane {
    color: #fff;
    background-color: transparent;
    font-family: 'Roboto', serif;
    font-weight: 400;
    font-size: 2.2rem;
}

    #dnn_MottoPane h2 {
        margin-top: 30px;
        color: #fff !important;
        background-color: #283755;
        font-family: 'Roboto', serif !important;
        font-size: 1.9rem !important;
        margin-bottom: 20px;
        font-weight: 500;
    }

    #dnn_MottoPane p {
        margin-top: 30px;
        color: #fff !important;
        background-color: #283755;
        font-family: 'Roboto', serif !important;
        font-size: 1.9rem !important;
        margin-bottom: 20px;
        font-weight: 500;
    }



/*------------------------------------------------*/
/*-----------------[ OLB Dropdown Code]-----------------*/
/*------------------------------------------------*/

.lockIcon {
    margin-left: 14px;
    background-color: #bd9d43;
    padding: 7px 7px 4px 7px;
    border-radius: 4px;
}

#topPane {
    /*width: 275px;*/
    width: 240px;
}


.loginButton img {
    margin-top: -6px;
    margin-right: 6px;
}


.loginButton {
    background-color: #897029;
    padding: 12px 0;
    font-size: 1.45em;
    position: relative;
    margin-top: 0;
    color: white !important;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    text-align: center;
}



    .loginButton p.close {
        float: none !important;
        font-size: 1.45em;
        font-weight: 300 !important;
    }


#login {
    float: left;
    height: 89px !important;
    position: absolute;
    /*top: 50;
    right: 200;*/
    /*width: 220px;*/
    z-index: 9999;
    margin-top: -10px;
    font-weight: 300 !important;
}

    #login p {
        cursor: pointer;
        margin: 0;
        font-size: 0.9em;
        text-transform: uppercase;
        font-weight: 400 !important;
        /*height: 24px;*/
        color: #fff;
        padding-top: 5px;
        /*width: 270px;*/
        width: 235px;
        height: 44px;
        font-family: 'Open Sans', serif !important;
    }

        #login p.close {
            /*background-image: url("../img/close.png");*/ opacity: .9 !important;
            font-weight: 300 !important; /*width: 270px;*/
            height: 44px;
            float: none !important;
            width: 235px;
            padding-top: 10px;
            font-family: 'Open Sans', serif !important;
        }

#login-form {
    left: 0;
    padding: 3px 0 12px 0px;
    position: absolute;
    display: none;
    z-index: 9999;
}

#demo_links {
    line-height: 12px;
    float: left;
    margin-left: 286px;
    /*margin-top: -29px;*/
    margin-top: 1px;
    width: 100px;
}

#olbframe {
    height: 230px;
    /*width: 275px;*/
    width: 240px;
    margin-top: -7px; /* this is the amount of space between the dropdown box and button*/
    position: relative;
    /*right:3px;*/
}




/*---------------------------*
 |      Subpages	 |
 *--------------------------*/

#contentOne ul, ol {
    margin-left: 40px;
}

#contentOne li {
    padding-top: 5px;
}

#contentOne a {
    color: #889bcb;
    text-decoration: underline;
    outline: 0;
}

    #contentOne a:hover {
        color: #124d9e;
        text-decoration: underline;
        outline: 0;
    }

#dnn_SidebarOne {
    margin-bottom: 60px;
}




/*-------------------------*
 |     Sidebar Menu     	|
 *-------------------------*/


.sideBarHeaderPage {
    background-color: #2d5233;
    padding: 15px 30px;
    color: #fff !important;
    font-weight: 400;
    font-family: 'Lato', sans-serif !important;
    font-size: 1.05em;
    margin-bottom: 9px;
}


.sidebarMenu {
    /*border: 1px solid #cacccc;*/
    padding: 20px 25px 20px 30px;
    margin-top: 10px;
    margin-bottom: 60px;
    border-top: 5px solid #ecb823;
}

    .sidebarMenu h3 {
        color: #5e514d !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        font-family: 'Lato', sans-serif !important;
        font-size: 1.1em !important;
        text-transform: uppercase;
        margin-top: 15px;
    }

.sidebarMenuLink {
    border-bottom: dashed 1px #a4a9a9;
    padding-top: 9px;
    padding-bottom: 8px;
    font-family: 'Lato', sans-serif !important;
    letter-spacing: 0.5px;
}


.sidebarMenuLinkNone {
    border-bottom: none !important;
}

.sidebarMenuLink a {
    color: #1f5e2d !important;
    background-color: #fff;
    text-decoration: none !important;
}

    .sidebarMenuLink a:hover {
        color: #2D8641 !important;
        background-color: #fff;
        text-decoration: underline !important;
    }



/*-------------------------*
 |     Sidebar CTA     	|
 *-------------------------*/












/*---------------------------*
 |      Miscell	 |
 *--------------------------*/

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.clearBoth {
    clear: both;
}

.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centerText {
    text-align: center !important;
}


/*---------------------------*
 |      Buttons	 |
 *--------------------------*/



a.solidButton {
    color: #fff !important;
    padding: 9px 30px;
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    background-color: #0e2442 !important;
    margin: 10px 15px 20px 0;
    float: left;
    border: 2px solid #0e2442 !important;
    text-shadow: none !important;
}

    a.solidButton:hover {
        color: #137d0c !important;
        background-color: #fff !important;
        text-decoration: none !important;
        border: 2px solid #137d0c !important;
    }






a.whiteButton {
    color: #0e2442 !important;
    padding: 9px 30px;
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    background-color: #fff !important;
    margin: 10px 15px 20px 0;
    float: left;
    text-shadow: none !important;
    white-space: nowrap;
}

    a.whiteButton:hover {
        color: #fff !important;
        background-color: #0e2442 !important;
        text-decoration: none !important;
    }



a.darkWhiteButton {
    color: #fff !important;
    padding: 9px 30px;
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    background-color: #0e2442 !important;
    margin: 10px 15px 20px 0;
    float: left;
    text-shadow: none !important;
}

    a.darkWhiteButton:hover {
        color: #0e2442 !important;
        background-color: #fff !important;
        text-decoration: none !important;
    }






a.outlineButton {
    color: #0e2442 !important;
    padding: 9px 30px;
    text-decoration: none !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    background-color: #fff !important;
    margin: 17px 15px 0 0;
    border: 1px solid #0e2442;
    float: left;
}

    a.outlineButton:hover {
        color: #fff !important;
        background-color: #0e2442 !important;
        text-decoration: none !important;
        border: 1px solid #0e2442;
    }












/* Modal Solid button */


.btn {
    border-radius: 0;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 600 !important;
}

.btn-primary {
    color: #fff;
    background-color: #0e2442 !important;
    font-weight: 600 !important;
    border-color: #0e2442;
    border-radius: 0 !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #103e7f !important;
        border-color: #103e7f;
    }


/* Modal Outline button */




.btn .border {
    border: 1px solid #716e68 !important;
}

.btn-default .border-primary {
    border-color: #716e68 !important;
}

.modal-footer .btn {
    border-radius: 0 !important;
}

.btn-default {
    border: 1px solid #716e68 !important;
}

.btn-info {
    padding: .375rem .99rem !important;
    font-size: 0.9rem !important;
    background-color: #0e2442 !important;
    border-color: #0e2442;
    color: #fff !important;
    text-decoration: none !important;
}

    .btn-info:hover {
        background-color: #103e7f !important;
        border-color: #103e7f;
        text-decoration: underline !important;
    }

/*---------------------------*
 |     Footer	 |
 *--------------------------*/
.copyRText {
    text-align: center;
    padding: 5px 0 15px 0;
    font-size: 0.9em !important;
}

.appButtonFooter {
    /* margin-right: 15px;
    float: left;*/ display: inline;
}


/* Main footer */
#dnn_FullWidePane {
}

#AboveFooter {
    padding: 35px 30px 10px 30px !important;
    background-color: #144e9f;
    color: #fff;
}

#dnn_FooterLinksPane h5 {
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: #144e9f;
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
}

#dnn_FooterLinksPane a {
    color: #fff !important;
    background-color: #144e9f;
}

#dnn_FooterLinksPane p {
    font-size: 0.9em !important;
}


#FooterContainer h5 {
    color: #fff !important;
    background-color: #144e9f !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    margin-bottom: 12 !important;
    text-transform: uppercase;
}


#FooterContainer {
}

.footerLogo {
}

    .footerLogo img {
        margin-top: -9px;
        margin-left: 4px;
    }




/*-------------------------------*
 |    YouTube Responsive Code	 |
 *------------------------------*/

.videoContainer {
    margin-top: 60px;
    margin-bottom: 60px;
}

.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}

    .embed-youtube iframe,
    .embed-youtube object,
    .embed-youtube embed {
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }






/*-------------------------*
 |      Back To Top     	|
 *-------------------------*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    color: #fff !important;
}

    .back-to-top a {
        color: #fff !important;
        background-color: #796255;
    }


#backtotop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #796255;
    color: white;
    cursor: pointer;
    padding: 8px 14px;
    font-size: 18px;
}





/*-------------------------*
 |      Table Styling     	|
 *-------------------------*/

.prodTable th[scope=col] {
    background: #0061aa;
    color: #fff;
}

.accOne {
    background-color: #3265ab;
    color: #fff;
}

.accTwo {
    background-color: #144e9f;
    color: #fff;
}

.accThree {
    background-color: #0e3782;
    color: #fff;
}

.accFour {
    background-color: #0a2766;
    color: #fff;
}

.accFive {
    background-color: #061846;
    color: #fff;
}

.accHeading {
    line-height: 19px !important;
    vertical-align: middle !important;
    background-color: #fff;
    color: #137d0c;
    font-size: 1.2rem !important;
    font-family: 'Open Sans Condensed', sans-serif;
}


.table th {
    padding: 0.45rem;
    font-size: 0.8rem;
    line-height: 15px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.table td {
    padding: 0.45rem;
    font-size: 0.85rem;
    line-height: 15px;
}

/*------------------------------------------------*/
/*-----------------[Responsive]-----------------*/
/*------------------------------------------------*/


/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/


/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) {

    /* header */

    #topPane {
        width: 240px;
        margin-top: 27px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #login {
        margin-top: -50px;
    }

    .navbar {
        margin-top: 25px;
    }

    #dnn_dnnLOGO_imgLogo {
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .footerImages {
        float: none;
        margin-right: 6px;
        margin-left: 6px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
/*  ------end Smartphone Portrait and Landscape */

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

/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {


    .SubpagePadding {
        padding-left: 50px;
    }

    .dropdown-menu .p-4 {
        padding: 6px 10px 6px 20px !important;
        font-size: 0.95em;
        letter-spacing: 1px;
        font-weight: 300;
        line-height: 17px;
    }

    .p-4 a {
        text-decoration: none;
        color: #fff;
    }
}
/*  ------end Desktops and laptops */

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

/* Very Large screens ----------- */
/* Very Large screens ----------- */
/* Very Large screens ----------- */
@media only screen and (min-width : 1324px) {
}
/*  ------Very Large screens */


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











@media only screen and (max-width: 992px) {
    .p-4 {
        padding: 5px 10px;
    }
}



.p-4 a {
    text-decoration: none;
    color: #0e2442;
    background-color: transparent;
}

    .p-4 a:hover {
        text-decoration: none;
        color: #000 !important;
    }


.p-4 ul {
    margin-left: 0px;
}

#hpcontent {
    margin-top: -20px;
}

#dnn_dnnLOGO_hypLogo img {
    margin-top: 10px;
    margin-bottom: 15px;
}

#dnn_TopMiddle {
    margin-top: 60px;
    padding-left: 100px;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    #dnn_TopMiddle {
        margin-top: 10px;
    }
}

#TopRight {
    margin-top: -3px;
}

@media only screen and (max-width: 992px) {
    #TopRight {
        display: none;
    }
}

.searchSkinObjectPreview {
    display: none;
}

.rotatorSmBlack {
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.25em !important;
    line-height: 24px !important;
}

.rotatorMedBlack {
    color: #666;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.1;
}

.rotatorLgBlack {
    color: #333 !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: 700 !important;
    font-size: 2.35em !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 1.1em !important;
}

.rotatorSmWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorMedWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorLgWhite {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-weight: bold;
}

.rotatorSmRed {
    color: #e20001;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorMedRed {
    color: #e20001;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}

.rotatorLgRed {
    color: #e20001;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-weight: bold;
}
/*DNN9 tweaks*/
.dnnModuleManager.dnnSortable {
    z-index: 999;
}
/* utilities */
.parallax {
    background-image: url("/portals/xxxxx/Images/desk.jpg");
    /* Set a specific height */
    height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallaxInner {
    background-image: url("/portals/xxxxxx/Images/desk.jpg");
    /* Set a specific height */
    height: 250px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* container */
.box_white_cta {
    background: #fff;
    padding: 10px 0 0 0;
    box-shadow: -1px 0px 14px #333;
}

    .box_white_cta h3 {
        color: #007b57 !important;
        padding: 0 10px;
    }

    .box_white_cta p {
        color: #333;
        padding: 0 10px;
    }


/*RTE Background Fix*/
.redactor-box textarea {
    background: #fff !important;
    color: #333 !important;
}
/*bootstrap 4 fix*/
/*login drawer*/

/*
#login {
  float: right;
  margin-top: -46px;
}
#login p {
  padding: 0;
  margin: 0;
}
#login p.close {
  margin: 0;
  padding: 0;
  font-size: 1em !important;
}
.close {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  font-size: 1.5em !important;
}
#login-form {
  display: none;
  position: absolute;
  z-index: 9999;
  background: #007b57;
  margin-left: -10px;
  width: 240px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 6px;
}
*/
.inner_olb {
    background: #007b57; /*margin-left: -10px;*/
    width: 100%;
    border-radius: 10px;
}

.online {
    background: #007b57;
    width: 130px;
    float: right;
    clear: both;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}

    .online a, .online a:hover {
        color: #fff !important;
    }

.online {
    float: right;
}

.top_right p {
    text-align: right;
    float: left;
    margin-left: 34%;
    margin-top: 10px;
}

.online a {
    color: #fff !important;
    text-align: center;
    font-weight: 900;
    padding: 18px 30px;
}

.online p {
    height: auto !important;
    float: none !important;
}
/*header 4 login fix*/
#dnn_header_right_login #login {
    margin-top: 10px;
}
/*nav*/

/*nav*/
/*.navbar-nav li:hover .dropdown-menu {
  display: block;
}
.navbar .float-left {
  list-style: none;
  color: #fff !important;
}
.navbar .float-left a, .navbar .float-left a:hover, .navbar .float-left a:focus, .navbar .float-left a:visited {
  color: #000;
}
.navbar .float-left li li a {
  color: #333;
}
.navbar {
  padding-top: 10px;
}
.navbar .mx-auto {
  list-style: none;
  color: #fff !important;
}
.navbar .mx-auto a, .navbar .mx-auto a:hover, .navbar .mx-auto a:focus, .navbar .mx-auto a:visited {
  color: #fff;
}
.navbar .mx-auto li li a {
  color: #333;
}*/
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}




/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}





/* ================= ADA Stuff =========================== */

/* ------- for A11y -------  */

a#skip {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

    a#skip:focus, a#skip:active {
        position: static !important;
        clip: auto;
        overflow: visible;
        height: auto;
    }

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}



/*ADA Code*/
.skip {
    height: 1px;
    margin-top: -19px;
    text-indent: -3000px;
}

.skip_text {
    height: 1px;
    position: absolute;
    text-indent: -300000px !important;
    z-index: -9;
}
/*Alert*/
.AlertFull {
    background: pink;
}
/*top bar*/
.topBarFull {
    background: #fff;
}
/*Top Right Contact*/
.top_right_contact {
    width: 60%;
    float: right;
    margin-top: -50px
}

@media only screen and (max-width: 992px) {
    .top_right_contact {
        width: 100%;
        float: unset;
        margin-top: 0px
    }
}

#dnn_top_right p {
    padding-top: 44px;
    text-align: right;
}

.top_links {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
/*mid right header login*/
.mid_right_login {
    float: right;
    clear: both;
    margin: 18px 0 auto 0;
    height: 46px;
}

    .mid_right_login p {
        float: left;
        clear: both;
        margin: 18px 0 auto 0;
        height: 46px;
    }

    .mid_right_login a {
        color: #333;
        padding: 0 5px;
        font-weight: bold;
    }
/*search*/
.search_main {
    display: none;
    visibility: hidden;
    background: #e5e5e5;
    height: 150px;
}

.SearchContainer {
    margin: 0 auto;
    max-width: 700px;
    padding-top: 55px;
}

.searchInputContainer {
    float: left;
    width: 90%;
}

input.SearchTextBox {
    max-width: 100%;
    padding: 10px;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid #999;
}

.dnnSearchBoxPanel {
    max-width: 100%;
}

.search_link {
    margin-top: 6px;
    position: absolute;
    cursor: pointer;
}

    .search_link.close {
        margin-top: 11px;
    }

.SearchIcon, .dnnSearchResultItem-Others {
    display: none;
}

.dnnSearchBoxPanel .dnnSearchBox {
    margin-left: 10px;
    margin-right: 125px;
    display: block;
}

.dnnSearchResultPanel {
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0 0;
    padding: 10px 0 7px 0;
    background-color: #ddd;
}

.search, a.search:link, a.search:active, a.search:visited {
    background: rgba(0, 0, 0, 0) url("/portals/XXX/Images/search.png") no-repeat scroll center center;
    display: block;
    float: left;
    height: 22px;
    margin-left: -40px;
    margin-top: 11px;
    position: relative;
    text-indent: -3000px;
    width: 33px;
}

.close {
    /*float: none !important; */ /* ---- makes the Alert x float right----   */
}

#header {
    /*background-color: #fff !important;*/ /* ---- removing the background image for the menu ----   */
}
/************banner************/
.BannerPane, .BannerPane p {
    margin: 0;
}

.BannerPane {
    margin: 0px !important; /*height: 456px;*/
    max-width: 100%;
    overflow: hidden;
}

.inner_banner {
    margin: 0px !important;
    max-height: 300px;
    max-width: 100%;
}
/*******banner bottom gradient*************/
.gradient_block {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1));
    z-index: 9;
    position: absolute;
    height: 150px;
    width: 100%;
    bottom: 0;
}
/**** ^ if wanted/needed**/
/*left banner */
.BannerPaneLeft p {
    font-size: 1em;
    line-height: 100%;
}

.BannerPaneLeft h1 {
    text-align: left;
    color: #24445f;
    text-shadow: 1px 0px 1px #fff;
}

.BannerPaneLeft h2, .BannerPaneLeft h3, .BannerPaneLeft h4, .BannerPaneLeft h5, .BannerPaneLeft h6, .BannerPaneLeft p, .BannerPaneLeft {
    color: #fff;
    padding-left: 25px;
    text-shadow: 1px 3px 1px #000;
}
/*Banner Center*/
.BannerPaneCenter {
    font-size: 1.3em;
    height: 196px;
    margin: -16% auto 71px auto;
}

    .BannerPaneCenter h1 {
        text-align: center;
    }

    .BannerPaneCenter h1, .BannerPaneCenter h2, .BannerPaneCenter h3, .BannerPaneCenter h4, .BannerPaneCenter h5, .BannerPaneCenter h6, .BannerPaneCenter p, .BannerPaneCenter {
        color: #fff !important;
        padding-left: 25px;
        text-shadow: 1px 3px 1px #000;
    }
/*right banner*/
.BannerPaneRight {
    float: right !important;
    margin-top: -20%;
    font-size: 1.3em;
    background-color: rgba(39, 128, 227, 0.6);
    margin-right: 90px;
    height: 196px;
    border: 2px solid #333;
}

    .BannerPaneRight h1 {
        text-align: center;
    }

    .BannerPaneRight h1, .BannerPaneRight h2, .BannerPaneRight h3, .BannerPaneRight h4, .BannerPaneRight h5, .BannerPaneRight h6, .BannerPaneRight p, .BannerPaneRight {
        color: #fff !important;
        text-shadow: 1px 3px 1px #000;
    }
/*@media(min-width:800px){.BannerRightPane {width: 30%;}}
@media(max-width:767px){.BannerLeftPane{margin-top: -33%;font-size:2em;max-width: 100%!important;}.BannerRightPane{width:100%!important;float:none!important;margin:0!important;}}*/
/*banner inner*/
#bannerInner {
    overflow: hidden;
    clear: both;
}
/*banner Page title center*/
.BannerPageTitleCenter {
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    padding: 58px 0;
    margin: 0 auto;
    width: 100%;
}


.pointy {
    background-image: url(/Portals/XXXX/Images/GreenPoint.png);
    min-height: 325px;
    background-position: center top;
    background-repeat: no-repeat;
}

#FooterContainer1 {
    /*! padding: 175px */
}


/* Background color of dropdown menu */
.dropdown-menu {
    background-color: #8892BD !important;
    min-width: 12rem;
    font-weight: 400;
    color: #fff !important;
    padding: 0.5rem 0.05rem 0.5rem 0 !important;
}

    .dropdown-menu a {
        background-color: #8892BD !important;
        color: #fff !important;
    }


@media only screen and (max-width: 992px) {
    .navbar-nav {
        margin-left: 0px;
    }
}


@media only screen and (max-width: 992px) {
    .navbar-nav li li {
        padding-left: 15px !important;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-nav li {
        padding-left: 10px !important;
    }
}


.BannerPageTitleCenter h1 {
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}
/*Carousel Pane*/
#dnn_CarouselPane p {
    margin: 0;
}
/*Sections*/
#hpcontent {
    padding: 25px 0;
    background: #fff;
}

#dnn_WidePane {
    color: #092c99;
    margin-top: 30px;
    font-size: 2em;
}

#hpcontent2 {
    background-color: #b83135;
}

#FooterContainer {
    background-color: #144e9f !important;
    color: #fff;
    margin-top: -135px;
}

#FooterContainer2 {
    background-color: #606060;
    color: #fff !important;
    padding-top: 10px;
    text-align: right;
}

    #FooterContainer2 div {
        color: #fff !important;
    }


#dnn_FooterLogos {
    text-align: left;
}


#dnn_FooterLeft, #dnn_FooterMiddle, #dnn_FooterRight {
}


@media only screen and (max-width: 768px) {
    #FooterContainer { /*margin-top: -230px;*/
    }
}





@media only screen and (max-width: 768px) {

    #dnn_FooterLeft, #dnn_FooterMiddle, #dnn_FooterRight {
        margin-top: 20px;
        text-align: center !important;
    }
}



#dnn_FooterLeft li, #dnn_FooterMiddle li, #dnn_FooterRight li {
    list-style: none;
    color: #fff;
}





#dnn_FooterMiddle {
    text-align: center;
}

#dnn_FooterRight {
    text-align: right;
}



/*section 1*/
#contentOne {
    padding: 30px 0 20px 0;
    background: /*#2780E3 template**/ #fff;
}

    #contentOne h1, #contentOne h2, #contentOne h3, #contentOne p, #contentOne td, #contentOne tr, #contentOne table, #contentOne a, #contentOne ul, #contentOne li {
    }

#contentTwo {
    padding: 25px 0;
    background: #666666;
}

#contentThree {
    padding: 25px 0;
    background: #333333;
}

#contentFour {
    padding: 25px 0;
    background: #2780E3;
}

#contentFive {
    padding: 25px 0;
    background: #1A5BA4;
}

#contentSix {
    padding: 25px 0;
    background: #064C9B;
}

#contentSeven {
    padding: 25px 0;
    background: #fff;
}

#contentEight {
    padding: 25px 0;
    background: #f2f2f2;
}

#contentNine {
    padding: 25px 0;
    background: #76A0D0;
}

#contentTen {
    padding: 25px 0;
    background: #ccc;
}

#contentEleven {
    padding: 25px 0;
    background: #333333;
}

#contentTwelve {
    padding: 25px 0;
    background: #fff;
}
/*cta blocks*/
/*.withheader_cta{background:#ffffff;margin:16px 0 25px 0;padding: 0 0 10px 0;min-height:250px;}
.withheader_cta img{z-index:1;margin-top: -15px;}
.withheader_cta p{padding:0 15px;}
.section_title{width:210px;position:absolute;z-index:8;}
.section_title p{background:#2780E3 ;color:#fff;margin:0;padding:15px;font-size: 1.5em !important;font-weight: 600;}
.brandC{width: 74px;margin: -19px auto 0 auto;background: #fff !important;}*/
.homepage_third {
    color: #333;
    padding: 10px;
    min-height: 160px;
}
/*footer Container*/
#FooterContainer ul {
    margin: 0;
}

#FooterContainer p, #FooterContainer a {
    color: #fff;
    font-size: 0.9em;
}

#FooterContainer a {
    font-size: 0.9em;
}
/******************************************speeeeeed**************************/
.SpdbmpMdl h1, .UnscrEmlMdl h1, .SpdbmpMdl2 h1 {
    color: #ffffff !important;
    font-size: 2rem;
}

.SpdbmpMdl p, .UnscrEmlMdl p, .SpdbmpMdl2 p {
    color: #ffffff !important;
}

.SpdbmpMdl a, .UnscrEmlMdl a, .SpdbmpMdl2 a {
    color: #7f0403 !important;
}

.SpdbmpMdl strong, .UnscrEmlMdl strong, .SpdbmpMdl2 strong {
    color: #7f0403 !important;
    font-weight: 900 !important;
}

.SpdbmpMdl a:hover, .UnscrEmlMdl a:hover, .SpdbmpMdl2 a:hover {
    color: #ffffff !important;
}

.SpdbmpMdlFd, .UnscrEmlMdlFd, .SpdbmpMdlFd2 {
    /*background: url("/Portals/XXXX/modal/Black80.png?ver=2020-02-04-152755-200") repeat scroll left top rgba(0, 0, 0, 0);*/
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.SpdbmpMdl, .UnscrEmlMdl, .SpdbmpMdl2 {
    background: #7f0403;
    border-radius: 5px;
    border: 5px solid #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 50%;
    margin: -220px 0 0 -300px;
    padding: 30px 40px 34px;
    position: fixed;
    text-align: left;
    top: -50%;
    width: 520px;
    z-index: 99999;
}

@media (max-width:480px) {
    .SpdbmpMdl, .UnscrEmlMdl, .SpdbmpMdl2 {
        width: 310px;
        /*width: 238px;*/
        margin-left: -255px;
        padding: 30px 34px 34px;
        left: 80%;
        text-align: center;
        top: 23%;
        /*margin-top:-221px;*/
    }

        .SpdbmpMdl p, .UnscrEmlMdl p, .SpdbmpMdl2 p {
            line-height: 19px;
        }

        .SpdbmpMdl h1, .UnscrEmlMdl h1, .SpdbmpMdl2 h1 {
            font-size: 2em;
        }
}

.SpdbmpMdl .SpdbmpMdlCls, .UnscrEmlMdl .UnscrEmlMdlCls, .SpdbmpMdl2 .SpdbmpMdlCls {
    color: #aaaaaa;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

@media (max-width: 768px) {
    .SpdbmpMdl, .UnscrEmlMdl, .SpdbmpMdl2 {
        top: -100%;
    }
}







/* --###############################--- RESPONSIVE ##############################-----  */
/* --###############################--- RESPONSIVE ##############################-----  */
/* --###############################--- RESPONSIVE ##############################-----  */
/************************************************************************************/


/* Menu ----------- */
@media only screen and (min-width : 1600px) {

    .p-4 {
        padding: 10px 20px;
    }
    /* Menu padding */

}




/* Menu ----------- */
@media screen and (max-width: 1599px) and (min-width:1200px) {

    .p-4 {
        padding: 10px 24px;
    }
    /* Menu padding */

}


/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {


    /* Menu Padding */
    .p-4 {
        padding: 10px 35px;
    }
}

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


/* Very Large screens ----------- */
/* Very Large screens ----------- */
/* Very Large screens ----------- */
@media only screen and (min-width : 1501px) {
}



/* ******* Misc ******* */
@media screen and (max-width: 991px) and (min-width:768px) {
}





/* ******* Misc ******* */
@media screen and (max-width: 768px) and (min-width:1024px) {
}




/* ******* Misc ******* */
@media screen and (max-width: 1024px) and (min-width:993px) and (orientation: landscape) {

    .p-4 {
        padding: 10px 8px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
    /* menu spacing */

}

/* ******* Misc ******* */ /* Fixes Login button on Galaxy Tablet A */
@media screen and (max-width: 767px) and (min-width:668px) {

    #login {
        margin-top: -80px;
    }


    #topPane {
        margin-top: 57px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    #dnn_dnnLOGO_hypLogo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}









/************************************************************************************/
/* Samsung Galaxy Tab A */
@media screen and (min-width: 800px) and (max-width:1280px) and (orientation: portrait) {
}


/************************************************************************************/
/* Samsung Galaxy Tab S6 Landscape */
@media screen and (min-width:1025px) and (max-width:1199px) and (orientation: landscape) {

    .footerLinks li {
        margin: 0px 16px;
        font-size: 0.8em;
    }

    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        /* max-width: 270px!important;
    margin-left: 25px;
    margin-right: 25px;*/
    }

    /* Menu Padding */
    /*.p-4 {padding: 10px 5px;}*/

    .sidebarTwo h3 {
        font-size: 1em !important;
    }

    /* Slider */
    .slide-item .slide-text-container {
        padding: 0em !important;
        text-align: center;
    }
}


/************************************************************************************/
/* Samsung Galaxy Tab S6 Portrait */
@media screen and (min-width: 668px) and (max-width:767px) and (orientation: portrait) {

    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        min-width: 90% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .footerLinks li {
        margin: 0px 8px;
    }



    .dropdown, .dropleft, .dropright, .dropup {
        background-color: #fff;
    }
}






/************************************************************************************/
/* iPad Pro 12.9 */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {

    .p-4 {
        padding: 10px 5px !important;
    }
    /* menu spacing */





}
/*  ------end iPad Pro */




/************************************************************************************/
/* iPad Pro 12.9 */
@media screen and (max-width: 1024px) and (min-width:1366px) and (orientation: portrait) {
    .p-4 {
        padding: 10px 8px !important;
    }
    /* menu spacing */

}





/************************************************************************************/
/* Laptop Width */
@media screen and (max-width: 1399px) and (min-width:1324px) and (orientation: landscape) {

    .p-4 {
        font-family: 'Roboto Condensed', sans-serif !important;
    }
}


/************************************************************************************/
/* Dropdown menu fix for dropdown menu background color */
@media only screen and (min-device-width: 299px) and (max-device-width: 991px) {
    .dropdown {
        background-color: #fff;
    }
}

@media (max-width: 991px) {
    .dropdown {
        background-color: #fff;
    }
}






/************************************************************************************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/

/* =================== iPad portrait ============================ */
/*  iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    #dnn_RightPaneInner {
        display: none;
    }
    /* hides sidebar on tablet portrait */

    #login p {
        width: 210px;
    }

    .loginButton {
        font-size: 1.25em;
    }


    .sidebarTwo h3 {
        font-size: 1em !important;
    }


    .footerLinks li {
        margin: 0px 5px;
        font-size: 0.75em;
        letter-spacing: -0.5px;
    }

    /* Home CTAs */
    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        max-width: 220px !important;
        margin-left: 10px;
        margin-right: 10px;
    }


    .CTA img {
        position: absolute;
        top: 240px;
    }

    .CTA {
        margin-top: 20px;
        margin-bottom: 180px;
    }


    /* Home CTAs Full Width */
    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        /* min-width: 90%!important;
    display: block;
    margin-left: auto;
    margin-right: auto;*/
    }


    /* Slider */
    .slideshow h2 {
        text-align: left;
        font-size: 1.9rem !important;
    }

    .slide-content {
        padding: 6em 20em 3em 5em !important;
    }

    .slide-desc .btn {
        bottom: 12em;
    }


    .dropdown, .dropleft, .dropright, .dropup {
        background-color: #fff;
    }
}
/*  ------end iPad Portrait */


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

/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .p-4 {
        padding: 10px 7px !important;
        font-size: 0.9em;
    }
    /* menu spacing */


    /* Home CTAs */
    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        max-width: 270px !important;
        margin-left: 20px;
        margin-right: 20px;
    }


    .footerLinks li {
        margin: 0px 5px;
        font-size: 0.75em;
    }
}
/*  ------end iPad Landscape */

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


/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/


/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) {

    /* logo */
    .navbar-brand {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .CTA {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    /* homepage */

    #RightPaneInner {
        display: none;
    }
    /* hides sidebar on mobile */
    .copyRText {
        text-align: center;
    }

    .footerImages img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }


    .headerLinks {
        text-align: center !important;
        padding-bottom: 11px;
    }

        .headerLinks li {
            margin: 0px 10px 0px 10px !important;
            text-align: center;
        }



    .footerLinks li {
        display: block;
        text-align: center !important;
        margin: 0 !important;
    }

    #FooterContainer h5 {
        font-size: 0.9rem !important;
    }

    #dnn_FooterLeft h5, #dnn_FooterRightMiddle h5, #dnn_FooterLeftMiddle h5, #dnn_FooterRight h5 {
        text-align: center !important;
    }

    #dnn_FooterLeft, #dnn_FooterRightMiddle, #dnn_FooterLeftMiddle, #dnn_FooterRight {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footerAppButton {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 125px;
    }


    .Motto {
        background-position: inherit;
        padding: 30px 0 40px 0;
    }

    #dnn_MottoPaneLeft h2 {
        font-size: 2.1rem !important;
        margin-bottom: 26px;
        text-align: center;
        line-height: 38px;
    }


    #dnn_ThirdRightPane, #dnn_ThirdLeftPane, #dnn_ThirdMiddlePane {
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /*a.transparentButton {margin: 17px 15px 40px 0;}*/


    /* Button on homepage */
    a.transparentButton {
        padding: 15px 22px;
        margin: 17px 15px 40px 0;
        float: none;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }

    .dropdown, .dropleft, .dropright, .dropup {
        background-color: #fff;
    }

    #dnn_RightWidePane {
        padding-left: 15px;
    }

    .HomeSlogan {
        padding-left: 20px;
        padding-right: 20px;
    }

    .FullWidePane p {
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*  ------end Smartphone Portrait and Landscape */