
/*---------------------------
        BUTTON HOVERS
--------------------------*/
.hp-rates .rates-left a, .bin-cta, .slide-cta {
    overflow: hidden;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.hp-rates .rates-left a::after, .bin-cta::after, .slide-cta::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 12px;
	left: -16px;
	opacity: 0;
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.hp-rates .rates-left a > span, .bin-cta > span, .slide-cta > span {
	display: inline-block;
}

.hp-rates .rates-left a::after, .hp-rates .rates-left a > span, .bin-cta::after, .bin-cta > span, .slide-cta::after, .slide-cta > span {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.hp-rates .rates-left a:hover::after, .bin-cta:hover::after, .slide-cta:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.hp-rates .rates-left a:hover > span, .bin-cta:hover > span, .slide-cta:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
}
.header-bar nav.desk li:hover > ul {
    opacity: 1;
}



.contact .top-desktop {
    padding-left: 5%;
    font-size: 1.9rem;
}
header {
    min-height: 0;
}
.header-top-right{
    padding-right: 3%;
}
.header-top a {
    transition: opacity 0.3s;
}
.header-top a:hover {
    opacity: .8;;
}
h2.expand .expand-text {
    transition: color 0.3s;
}
h2.expand:hover .expand-text {
    color: #ad2939;
}
.ebranch-head .ebranch-slogan {
    transition: color 0.3s;
}
.ebranch-head:hover .ebranch-slogan {
    color: #fff !important;
}

.search {
    display: inline-block;
}
.search .searchbox {
    height: 27px;
    line-height: 2.7rem;
    border-radius: 0;
    color: #616161;
    font-size: 1.9rem;
    border: 0;
}
.searchbutton {
    cursor: pointer;
    background: url(../images/search-submit.png) no-repeat top left;
    width: 25px;
    height: 25px;
    border: none;
    overflow: hidden;
    text-indent: -100px;
    transition: ;
    font: 15px/15px "cse-fcu";
    
}
/*--.search input[type=submit], 
.searchcontrols input[type=submit] {
width: 45px;
height: 45px;
float: left;
padding: 0;
background: #282828;
border: 0 none;
border-radius: 0 3px 3px 0;
font: 15px/15px "cse-fcu";
color: #fff;
cursor: pointer;
transition: background 0.2s;
}--*/
.searchbutton:hover {
    opacity: .7;
    
}
.logo {
    margin-left: 2%;
}
.btn-mobile-nav {
        display: none;
    }
    
    .header-bar nav.desk {
        display: block;
    }
.header-bar nav.desk {
    margin-top: 0px;
}

.header-bar nav.desk ul {
    /*--min-width: 637px;--*/
}
.header-bar nav.desk li a:hover, .header-bar nav.desk li > a.highlighted {
    color: #ad2939;
    border-top: 4px solid #ad2939;
    border-bottom: 4px solid #ad2939;
    
}
.header-bar nav.desk ul ul li a:hover, .header-bar nav.desk ul ul li > a.highlighted {
    color: #fff;
    border-bottom: none;
    border-top: none;
    opacity: .7;
}
.header-bar nav.desk ul ul li a {
    tranisiton: opacity 0.3s;
}
.header-bar nav.desk li a {
    font-size: 1.8rem;
    padding: 9px 13px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transition: border-color 0.3s, color 0.3s;
    
}
.eBranch-mobile {
    display: none;
}

/*---------------------------
        HERO AREA
--------------------------*/
.top-pane {
    
    width: 100%;
}
.slide-img {
    min-height: 500px;
}
.gallery {
    width: 75%;
    display: block;
    float: left;
    height: 500px;
}
.hp-ebranch-side {
    width: 25%;
    display: block;
    float: left;
    border-top: none;
}
.clear {
    clear: both;
}
/*--.homepage .top-pane > .panelwrapper {
    width: 0 !important;
    display: none;
}--*/
.gallery-nav {
    background: none repeat scroll 0 0 #fff;
    height: 285px;
    left: 4%;
    opacity: 0.86;
    top: 121px;
    width: 60%;
    max-width: 700px;
}
.gallery-indication {
    width: 77px;
    height: 149px;
    border-right: 1px solid #a9aaaa;
    border-bottom: 1px solid #a9aaaa;
}
.slide-indicator {
    top: 50%;
	transform: 			translateY(-50%);
    -webkit-transform: 			translateY(-50%);
    transform: 			translateY(-50%);
    position: relative;
}
.indicator {
    float: none;
    background: #a9aaaa;
    margin: 0 auto 9px auto;
    transition: background 0.2s;
    display: block;
}
.indicator:hover {
    background: #ad2939;
}
.prev, .next {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: block;
    float: none;
    font-size: 2rem;;
    height: 66px;
    width: 77px;
    line-height: 6.6rem;
    border-right: 1px solid #a9aaaa;
}
.prev {
    border-bottom: 1px solid #a9aaaa;
}
.next:hover span {
   border-left-color: #ad2939;
}
.prev:hover span {
   border-right-color: #ad2939;
}

.slide-cta {
    text-align: center;
    margin: 0;
}
.slide-cta span {
    display: inline-block;
}

.gallery-content-container .slide-cta span {
    font-size: 2.2rem;
    display: inline-block;
}

.gallery-content-container {
    left: 17%;
    padding: 25px 0;
    position: absolute;
    text-align: left;
    top: 113px;
    width: 522px;
    
    z-index: 3;
    transition: opacity 0.2s;
    opacity: 0;
    
   /* -ms-transform: translate(0px,50px); /* IE 9 */
    -webkit-transform: translate(0px,50px); /* Safari */
    transform: translate(0px,50px);
    
}
.slide.active .gallery-content-container {
    opacity: 1;
    
    -webkit-transition-property: opacity, transform; /* Safari */
    transition-property: opacity, transform;
    
    -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
    
     -webkit-transition-duration: 1s, .5s; /* Safari */
    transition-duration: 1s, .5s;
    
    -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px);
    
    transition-timing-function: ease-out,ease-out;
}
.gallery-content-container span {
    display: block;
    font-size: 1.6rem;
    
}

/*------------------------
        EBRANCH
------------------------*/
.hp-ebranch-side p {
    margin: 0;
}
.ebranch-head {
    height: 221px;
}
.ebranch-title {
    padding-top: 72px;
}
.ebranch-cta {
    transition: background .2s;
}
.ebranch-cta:hover {
    background-color: #ccdaf5;
}


/*------------------------
        BINS
------------------------*/
.bins h2 {
    font-size: 4.6rem;
}
.bin-hover .icon, .bin-hover h2, .bin-hover .bin-blurb {
    color: #ad2939;
}
.bin-cta::after {
	color: #ad2939;
}

.bin-cta:hover {
	border-color: #ad2939;
	
}


/*------------------------
        RATES
------------------------*/
.hp-rates .wrapper:after {
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.rates-left, .rates-right {
    display: block;
    float: left;
    width: 50%;
    
}
.rates-left {
    margin-top: 38px;
}
.hp-rates .rates-left span {
    margin-bottom: 21px;
    max-width: 397px;
    width: 90%;
}
.hp-rates .rates-left a {
    display: inline-block;
}
.view-rates-btn {
    display: none;
}
.hp-rates .rates-left a::after {
	color: #bfd4ed;
}
.hp-rates .rates-left a:hover {
	border-color: #bfd4ed;
	
}



/*------------------------
        FOOTER
------------------------*/
.footer-top {
    padding: 67px 0 40px 0; 
}
.footer-top:after {
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.footer-sitemap {
    width: 76%;
    display: block;
    float: left;
    padding: 0;
}
.footer-top-right {
    width: 23%;
    display: block;
    float: left;
    text-align: left;
    padding: 0;
	font-size: 1.5rem;
}
.sitemap-column:last-of-type {
    border-right: 3px solid #02488b;
}
a.sitemap-parent {
    font-size: 2.2rem;
}
footer .footer-top-right a {
    display: block;
}
footer .wrapper {
    max-width: 1300px;
    margin: 0 auto;
}
.footer-bottom {
    padding-bottom: 3px;
}
.footer-bottom .wrapper {
    margin: 0 auto;
    width: 95%;
}
.footer-bottom:after {
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.footer-bottom-left a.evolve-link {
    padding-left: 0;
}
.footer-bottom-left {
    text-align: left;
    float: left;
}
.footer-bottom-left a:first-of-type {
    padding-left: 0;
}
.footer-bottom-right {
    text-align: right;
    float: right;
}
.footer-bottom-right span {
    bottom: 23px;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    margin-right: 25px;
}
footer .sitemap-column a, footer .footer-top-right a {
    transition: color .2s;
}
footer .sitemap-column a:hover {
    color: #fff;
}
footer .footer-top-right a:hover {
    color: #fff;
}

/*------------------------
        SUBPAGE
------------------------*/

.subpage .center-rightmargin {
    width: 58%;
    float: left;
    max-width: 784px;
    margin-left: 2%;
}
.subpage .rightside {
    width: 30%;
    float: right;
    margin-right: 2%;
    margin-top: 7px;
}
.subpage .rightside p {
    margin: 0;
}

.ebranch-phone {
    left: -88px;
}
.wrapper:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.childpagesitemapmodule, #ctl00_RelatedPages_ctl00  {
    display: block;
    padding: 40px 0 36px 0;
    border-right: 3px solid #e9eaea;
    border-left: 3px solid #e9eaea;
      margin-bottom: 5px;
}
#ctl00_RelatedPages_ctl00 > ul:before {
    content: "Related Pages";
    margin-left: -72px !important;
}
.childpagesitemapmodule h2, #ctl00_RelatedPages_ctl00 ul:before {
    color: #0053a0;
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 0 0;
}
.childpagesitemapmodule a, #ctl00_RelatedPages_ctl00 a {
    font-size: 2rem;
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 300;
    line-height: 2.5rem;
    padding: 3px 0;
}
.childpagesitemapmodule ul, #ctl00_RelatedPages_ctl00 ul {
    list-style: circle;
    color: #ad2939;
    font-weight: 700;
    width: 275px;
    margin: 0 auto;
    padding-left: 72px;
}
.childpagesitemapmodule ul ul, #ctl00_RelatedPages_ctl00 ul ul {
    list-style: disc;
    padding-left: 22px;
}
.childpagesitemapmodule ul ul a, #ctl00_RelatedPages_ctl00 ul ul a {
    font-size: 1.6rem;
    color: #2b2b2b;
    font-weight: 300;

}
.sitelink {
    display: inline-block;
}

.subpage .win-ppc .rightside {
    margin-top: 53px;
}

.ppc-sidebar-content {
    padding: 1px 12% 64px;
}
.win-ppc .rightside .sidebar-auto {
    display: block;
}
.sidebar-auto.ppc-cta-mobile {
    display: none;
}

.Visa-2016-Hero {
    padding: 10px 0;
    background: url(../images/visa-bg-2.jpg) no-repeat top left #efefef;
}
.already-member-anchor {
    display: none;
}

.option-right span:first-of-type a:hover {
    color: #bfc7cf;
}

.visa-hero-left {
    padding-top: 23px;
    padding-bottom: 45px;
}

.visa-hero-left a {
    margin: 20px 0 0 13%;
}
.visa-hero-right  {
    margin-bottom: 0;
    padding-top: 41px;
}


/* CSE HOVER BINS */

.cse-hover-item {
	flex: 0 1 25%;
}

	.cse-hover-row:nth-child(2n+1) .cse-hover-item:nth-child(2n),
	.cse-hover-row:nth-child(2n) .cse-hover-item:nth-child(2n+1) {
		background-color: #f2f6f9 !important;	
	}
	
	.cse-hover-row:nth-child(2n+1) .cse-hover-item:nth-child(2n+1),
	.cse-hover-row:nth-child(2n) .cse-hover-item:nth-child(2n) {
		background-color: #e3eef7;	
	}