/* Custom styles go here */

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



/* ********************* General ********************* */

.searchform {
    display: none;
}

.ColorPanes1 {
    background-color: #2e805f !important;
    border-bottom: thick solid #7ecd2b;
    color: #fff;
}

    .ColorPanes1 a {
        color: #fff;
        font-weight: 600;
    }

.ColorPanes2 {
    background-color: #9d9d9d !important;
}

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


.clearBoth {
    clear: both;
}

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

.centerText {
    text-align: center;
}

.locLeft {
    width: 50%;
    float: left;
}

.locRight {
    width: 50%;
    float: right;
}

/* adds FIS logo into the black admin bar  */
.ServiceIcon.professional {
    background: url(../img/fis_logo.png) no-repeat;
    margin-top: 6px;
    border: none;
    border-bottom: none !important;
}


/*Admin Bar */
#ControlNav > li > a {
    color: #ccc;
}

#ControlActionMenu > li > a {
    color: #ccc;
}


/* ********************* Privacy Policy ********************* */

.prettyTable {
    background-color: #fff;
    border-width: 1px;
    margin-bottom: 6px;
}

    .prettyTable .darkBG {
        background-color: #ccc;
    }

.header1 {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Verdana, Arial, sans-serif;
    color: #010043;
}

.header2 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Verdana, Arial, sans-serif;
}

.prettyTable .darkBG {
    background-color: #ccc;
}

.header3 {
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Arial, sans-serif;
    color: #010043;
}

ul.privacy {
    list-style: none outside none;
}

.column1 {
    width: 50%;
    float: left;
}

.column2 {
    width: 25%;
    float: left;
}

.column3 {
    width: 25%;
    float: left;
}

.centered {
    text-align: center;
}

/* ********************* Overrides ********************* */
.common_background {
    background-color: #fff !important;
}

#top-bar {
    background-color: #2e805f !important;
    color: #fff;
    font-size: 1em !important;
    text-align: center !important;
    padding: 10px 0 8px 0 !important;
}

    #top-bar a {
        background-color: #2e805f !important;
        color: #fff;
        font-size: 1em !important;
        text-align: center !important;
    }

        #top-bar a:hover {
            background-color: #2e805f;
            color: #c9d5de !important;
        }

.TopBarPane {
    float: none !important;
}


/* Hamburger Menu */
.navbar-toggle {
    color: #fff;
}


.carousel-indicators .active {
    border: none !important;
    background-color: #1b29a7 !important;
    opacity: 0.5;
}

.carousel-indicators li {
    border: 1px solid #1b29a7 !important;
    margin: 0 4px;
}

p {
    margin-bottom: 22px;
    line-height: 23px;
}

/* ********************* Header ********************* */

/* -- top bar links -- */

.toplinks {
    color: #fff !important;
    background: #5b6871; /* sortsite required a BG colour for ADA */
}



a.toplinks:link, a.toplinks:visited {
    color: #fff !important;
    text-decoration: none;
    background: #5b6871; /* sortsite required a BG colour for ADA */
}

a.toplinks:hover {
    color: #fff !important;
    text-decoration: underline;
    background: #5b6871; /* sortsite required a BG colour for ADA */
}




/* ********************* Homepage ********************* */

a.homeVButton {
    color: #fff;
    padding: 0px 8px;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    background-color: #1b29a7;
    text-transform: uppercase;
    margin: 5px 13px 0 0;
    /*float: left;*/
    line-height: 26px;
    /*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;*/
}

    a.homeVButton:hover {
        color: #fff;
        background-color: #2233D0;
        text-decoration: none !important;
    }



#dnn_homeCol1 h2, #dnn_homeCol2 h2, #dnn_homeCol3 h2, #dnn_homeCol4 h2 {
    color: #2d3a43 !important;
    margin-top: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700 !important;
    font-size: 1.65em !important;
    margin-bottom: 6px;
}

#dnn_homeCol1 p, #dnn_homeCol2 p, #dnn_homeCol3 p, #dnn_homeCol4 p {
    line-height: 22px;
}


.homeRow {
    padding-top: 0px;
    padding-bottom: 75px;
}


.blueLearnMore {
    text-transform: uppercase;
    float: left;
    color: #001f64;
    font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-top: 7px;
    background-color: #fff;
}


    .blueLearnMore a {
        text-decoration: none;
        color: #001f64 !important;
        background-color: #fff;
    }

a.blueLearnMore:hover {
    text-decoration: none;
    color: #2739D8 !important;
    background-color: #fff;
}


/* ********************* Home Slider ********************* */
.rotatorLargeDark {
    color: #2d3a43;
    text-shadow: 1px 1px 1px #fff;
    font-weight: 700;
    font-size: 3em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 45px;
    letter-spacing: -1px;
}

.rotatorSmDark {
    color: #1E262D;
    text-shadow: none !important;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.25em !important;
    font-weight: 400 !important;
    float: left;
    padding-top: 10px;
    line-height: 25px;
    padding-bottom: 10px;
}


.carousel-control {
    width: 9% !important;
}

.carousel-caption {
    left: 32% !important;
    right: 45% !important;
    padding-top: 70px !important;
    padding-bottom: 20px;
    text-align: left !important;
}

a.rotatorButton {
    color: #1b29a7;
    font-size: 0.95em;
    text-decoration: none;
    font-weight: bold;
    border-top: 1px solid #1b29a7;
    border-bottom: 1px solid #1b29a7;
    border-right: 1px solid #1b29a7;
    border-left: 1px solid #1b29a7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    float: left;
    margin-top: 14px;
    padding: 9px 24px;
    text-shadow: none !important;
}

    a.rotatorButton:hover {
        background: #1b29a7;
        text-decoration: none;
        color: #fff;
        border: 1px solid #1b29a7;
    }




.carousel-inner {
}

/*
.carousel-inner:after {
  display: block;
  position: relative;
  background-image: linear-gradient(to left, rgba(125,185,232,0) 23%,rgba(75,111,184,0) 63%,rgba(29,42,139,1) 100%,rgba(29,42,139,1) 101%);
  margin-top: -450px;
  height: 450px;
  width: 100%;
  content: '';
}

*/



/* ********************* Override H Tags ********************* */

h1 {
    font-size: 2.75em !important;
    color: #2D3A43 !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.8px;
}


h2 {
    font-size: 2.6em !important;
    font-weight: 500 !important;
    color: #585858 !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
}


h3 {
    color: #5f8876 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 2.1em !important;
    font-weight: 600 !important;
    margin-top: 15px;
    text-transform: uppercase;
    border-bottom: none !important;
    letter-spacing: 0.4px !important;
    margin-bottom: 6px !important;
    line-height: 1.4em !important;
}

/*h4 {
    font-size: 1.5em !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.7px !important;
}*/

/*h5 {
    font-size: 1.15em !important;
    color: #000 !important;*/
/*font-family: 'Open Sans', sans-serif!important;*/
/*font-weight: 800 !important;
    line-height: 29px !important;
    margin-bottom: 5px !important;
}*/

h6 {
    font-size: 0.81em !important;
    color: #000 !important;
    font-family: 'Verdana', sans-serif !important;
    line-height: 16px !important;
}











/* ********************* Footer ********************* */

#dnn_footerCol1 h4, #dnn_footerCol2 h4, #dnn_footerCol3 h4, #dnn_footerCol4 h4 {
    text-transform: uppercase;
    color: #242c78 !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.15em !important;
    margin-bottom: 2px;
}

#dnn_footerCol1 p, #dnn_footerCol2 p, #dnn_footerCol3 p, #dnn_footerCol4 p {
    line-height: 23px;
}

.footerRow {
    padding: 30px 0 40px 0;
}

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

#dnn_footerCol2 h4 {
    text-align: center !important;
}

#dnn_footerCol2 {
    text-align: center;
}

#dnn_footerCol3 {
    text-align: right;
}


.copyRow {
    padding: 11px 0;
}

#dnn_copyCol1 {
    text-align: left;
}

#dnn_copyCol2 {
    text-align: center !important;
    color: #e1e2e3;
    padding-top: 9px;
}

#dnn_copyCol3 {
    text-align: right;
}



/* ********************* Inner Pages Only ********************* */

.wrapperFix {
    background-color: #dddddd !important;
    margin: 60px 100px 60px 0;
    padding-left: 15px;
    padding-top: 15px;
    height: 270px;
}


.innerOnly #dnn_ContentPane {
    padding-top: 70px;
}


/* ********************* OLB Classes ********************* */
/*-- OLB Magic -- */

#dnn_OnlineBankingOverlay {
    text-align: center;
}


@media only screen and (max-width : 320px) {
    .olbRowNormal {
    }
}

@media only screen and (max-width : 480px) {
    .olbRowNormal {
    }
}

@media only screen and (max-width : 767px) {
    .olbRowNormal {
    }

    .homeRow {
        padding-top: 0px;
        padding-bottom: 75px;
    }
}

@media only screen and (min-width : 768px) {
    #dnn_OnlineBankingOverlay {
        position: absolute;
        top: -310px;
        height: 400px;
        background-color: rgba(225,229,230.85);
    }

    .olbRowSmall {
        display: none;
    }

    .col-sm-offset-2 {
        margin-left: 3%;
    }
}

@media only screen and (min-width : 990px) {
    #dnn_OnlineBankingOverlay {
        position: absolute;
        top: -245px;
        height: 230px;
        background-color: rgba(225,229,230, 0.85);
    }

    .olbRowSmall {
        display: none;
    }
}




@media only screen and (min-width : 1200px) {
    #dnn_OnlineBankingOverlay {
        position: absolute;
        top: -330px;
        height: 277px;
        background-color: rgba(225,229,230, 0.85);
        padding: 0px 25px 0 25px;
    }

    .col-sm-offset-2 {
        margin-left: 7%;
    }
}



/* Large screens ----------- */
@media only screen and (min-width : 1324px) {
    #dnn_OnlineBankingOverlay {
        top: -480px;
        height: 277px;
        width: 330px;
        padding: 0px 25px 0 25px;
    }

    .col-sm-offset-2 {
        margin-left: 14%;
    }
}

@media only screen and (min-width : 1366px) {
    #dnn_OnlineBankingOverlay {
        top: -300px;
        margin-top: 0px !important;
        height: 250px;
    }
}

@media only screen and (min-width : 1440px) {
    #dnn_OnlineBankingOverlay {
        top: -315px;
        height: 230px;
        width: 330px;
        padding: 0px 25px 0 25px;
        margin-top: 136px;
    }
}

nav select {
    display: none;
}

@media (max-width: 480px) {
    nav .horizButtons {
        /*display: none;*/ /* Hides the Select drodpown */
    }

    nav select {
        display: inline-block;
    }

    .locLeft {
        width: 100%;
        float: left;
    }

    .locRight {
        width: 100%;
        float: right;
    }
}

@media (min-width: 480px) {
    .olbSelect {
        display: none;
    }
}

.horizButtons {
    padding: 10px 0 15px 0;
    text-align: center;
}

.olbSelect {
    margin: 0 auto;
    padding: 10px 0 15px 0;
}

    .olbSelect .olbTitleSmall, .olbTitleSmall {
        font-size: 1.4em;
        font-weight: normal;
        color: #212121;
        text-align: center;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    }
/* ---- copied from LoginOLB.css  ----  */
.olbTitle {
    font-size: 1.65em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.olbBtn, .olbBtn:visited {
    font-family: Arial;
    color: #ffffff;
    font-size: 1em;
    background: #1b29a7;
    padding: 5px 15px;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

    .olbBtn:hover {
        -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
        background: #3141ce;
        text-decoration: none;
        color: #fff;
        font-weight: normal;
        border: 0;
    }


/* ----- end of OLB stuff -----  */
















/* ********************* ADA ********************* */
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 {
    height: 1px;
    position: absolute;
    text-indent: -300000px !important;
}










/* --###############################--- RESPOSNIVE ##############################-----  */
/* --###############################--- RESPOSNIVE ##############################-----  */
/* --###############################--- RESPOSNIVE ##############################-----  */
/************************************************************************************/



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

    .carousel-inner > .item > img {
        height: 380px;
        background-size: cover;
        max-width: 109%;
    }

    #dnn_OnlineBankingOverlay {
        width: 270px;
    }

    a.homeVButton {
        float: left;
    }

    .glyphicon-chevron-right::before {
        font-size: 1.7em;
    }

    .glyphicon-chevron-left::before {
        font-size: 1.7em;
    }

    #carouselButtons_51215 {
        opacity: 0.5;
    }
}

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

/* Very Large screens ----------- */
/* Very Large screens ----------- */
/* Very Large screens ----------- */
@media only screen and (min-width : 1324px) {
    .carousel-inner > .item > img {
        height: 480px;
        background-size: contain;
        width: 100%;
    }

    .carousel-inner:after {
        height: 480px;
        margin-top: -580px;
    }

    .carousel-caption {
        padding-top: 110px !important;
    }

    a.homeVButton {
        float: left;
    }

    .glyphicon-chevron-right::before {
        font-size: 1.7em;
    }

    .glyphicon-chevron-left::before {
        font-size: 1.7em;
    }

    #carouselButtons_51215 {
        opacity: 0.5;
    }

    #dnn_OnlineBankingOverlay {
        margin-top: 99px;
    }
}


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

/********* IPAD ********** IPAD ************ IPAD *******************/
/********* IPAD ********** IPAD ************ IPAD *******************/
/********* IPAD ********** IPAD ************ IPAD *******************/
/********* IPAD ********** IPAD ************ IPAD *******************/
/********* IPAD ********** IPAD ************ IPAD *******************/


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

    /* OLB */
    /*iframe {width: 240px;}
.col-sm-offset-2 {margin-left: 2.66666667%;}
.wrapper {padding-top:20px!important;}
*/

    #carouselButtons_51215 {
        display: none;
    }

    #dnn_OnlineBankingOverlay {
        height: 240px;
        background-color: rgba(225,229,230, 0.85) !important;
        width: 250px;
        top: -275px;
    }

    .carousel-caption {
        padding-top: 30px !important;
    }

    .rotatorLargeDark {
        font-size: 1.7em;
        line-height: 25px;
    }

    .rotatorSmDark {
        font-size: 0.9em !important;
        line-height: 18px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    a.rotatorButton {
        margin-top: 5px;
        padding: 5px 24px;
        font-size: 0.95em;
    }

    .carousel-indicators {
        left: 65%;
    }

    a.homeVButton {
        float: left;
    }

    #dnn_homeCol1 h2, #dnn_homeCol2 h2, #dnn_homeCol3 h2, #dnn_homeCol4 h2 {
        font-size: 1.25em;
    }

    .wrapperFix {
        height: 230px;
        width: 200px;
    }
}
/*  ------end iPad Portrait */


/* =================== iPad Landscape ============================ */
/* =================== iPad Landscape ============================ */
/* =================== iPad Landscape ============================ */
/* =================== iPad Landscape ============================ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #dnn_OnlineBankingOverlay {
        top: -325px;
        width: 230px;
        margin-top: 40px;
        height: 250px;
        padding: 0px 20px 0 20px;
    }
    /*#dnn_OnlineBankingOverlay {top: -400px;width: 230px;}*/
    .rotatorLargeDark {
        font-size: 2.4em;
        line-height: 33px;
    }

    .rotatorSmDark {
        font-size: 1.1em !important;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .carousel-caption {
        left: 30% !important;
    }

    .carousel-inner > .item > img {
        height: 330px;
    }

    a.homeVButton {
        float: left;
    }

    .wrapperFix {
        height: 230px;
        width: 200px;
        margin: 60px 70px 60px 0;
        padding-left: 30px !important;
    }
}
/*  ------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) {

    #dnn_leftContent2 {
        display: none;
    }

    .carousel-caption {
        top: -3%;
    }

    .rotatorLargeDark {
        font-size: 1.6em;
        line-height: 22px;
    }

    .rotatorSmDark {
        font-size: 0.85em !important;
        line-height: 15px;
        color: #000 !important;
        padding-top: 3px;
    }

    .carousel-indicators {
        display: none;
    }

    #carouselButtons_51215 {
        display: none;
    }

    .carousel-caption {
        left: 13% !important;
        padding-top: 20px !important;
    }

        .carousel-caption p {
            margin-bottom: 5px !important;
        }

    /* -- Makes the homepage slider taller on smartphone Coushatta */
    .img-responsive, .carousel-inner > .item > img {
        height: 160px;
    }
    /* -- Coushatta */
    a.rotatorButton {
        font-size: 0.8em;
        padding: 5px 27px;
        margin-top: 2px;
    }

    #intro.wsc_transpheader_pad, .pagetitle_overlay.wsc_transpheader_pad, .inner_content.wsc_transpheader_pad {
        padding-top: 0px !important;
    }

    #dnn_homeCol1, #dnn_homeCol2, #dnn_homeCol3, #dnn_homeCol4 {
        text-align: center;
        margin-bottom: 50px;
    }

        #dnn_homeCol1 h2, #dnn_homeCol2 h2, #dnn_homeCol3 h2, #dnn_homeCol4 h2 {
            margin-bottom: 3px;
        }

    .blueLearnMore {
        float: none;
        text-align: center;
    }

    #dnn_footerCol1, #dnn_footerCol2, #dnn_footerCol3, #dnn_footerCol4 {
        text-align: center;
    }

    #dnn_copyCol1, #dnn_copyCol2, #dnn_copyCol3 {
        text-align: center;
        max-height: 50px !important;
    }


    .header_centered #floating-logo .logo a {
        float: none;
        text-align: center;
    }

    .wrapperFix {
        margin: 20px 0px 30px 0;
        height: 230px;
        text-align: center;
    }
}