#something{height: 552px; background-color: #FDEDD4;background-position:center center;}
/*** General ***/
.none{display:none;}
html{  width:100%;
  height:100%;}
body{font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 400; color: #363636; background: #454545; padding: 0; margin: 0; position:relative;  width:100%;
  height:100%;}

.h1, h1{font-size: 2.4em;}
.h2, h2{font-size: 2.2em; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #d11c26; text-transform: uppercase;}
.h3, h3{font-size: 2em; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #a80532;}
.h4, h4{font-size: 1.8em; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #0e5685; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #BABABA;}
.h5, h5{font-size: 1.6em; color: #a80532;}
.title_underline{ padding: 0 0 5px 0; margin: 20px 0 5px 0; border-bottom: 1px solid #BABABA;}
a img{border: none;}
a {color: #a8010a;}
a:hover {color: #750001;}
*:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
hr{height:1px; border:none; border-bottom:1px solid #BABABA; margin-bottom:25px;}
#dontfillmeout,.dontfillmeout{display:none;}
.failure,.required{color:#CC0000; font-weight:bold;}
.success{color:#006600; font-weight:bold;}
.message{text-align:center; padding:10px 0px;}
#fancybox_content{min-height:488px; display:block;}
.default_button{ margin: 10px 0; }
.full_span_img{width: 100% !important; height: auto !important;}

/*** Odd row colors ***/
.odd_row{background-color:#FDEDD4;}
.deposit-accounts-section .odd_row{background-color:#F6D2D4;/*F6D2D4*/}
.loans-credit-cards-section .odd_row{background-color:#D9D5D2;}
.investments-insurance-section .odd_row{background-color:#EDD2BA;}
.business-section .odd_row{background-color:#E3EAC9;/*E3EAC9 E5E3B1*/}
.e-services-section .odd_row{background-color:#D0E4DE;}
.financial-resources-section .odd_row{background-color:#CFDDE6;}

/*** Promotions box for landing page /were-turning-70 ***/
.promo-item {border: 1px solid #cccccc;border-radius: 6px;background-color: #f9f9f9;padding: 16px;margin-bottom: 24px;}

/* Optional: ensure consistent spacing for headings inside each box */
.promo-item h1 {margin-top: 0;margin-bottom: 0.5rem;}
.promo-item p,
.promo-item ul {margin-top: 0.5rem;margin-bottom: 1rem;}

/*** Promotions box for promotions page ***/
.promotion-box { border: 2px solid #ccc; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease, transform 0.3s ease; margin-top: 10px; margin-bottom: 10px; }
.promotion-box:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }
.promotions-spacing { padding: 2rem; }
.promotion-box .headline { font-weight: bold; display: block; margin-bottom: 0.5rem; }
.promotion-box img { max-width: 100%; height: auto; margin-bottom: 0.5rem; }
.promotion-box img.thumbnail_image { max-width: 100%; height: auto; border-radius: 0.5rem; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }


/*** Header Area ***/
.header{background: #FFFFFF; width: 100%;}

.header_container{}
.h1.logo, h1.logo{width: 100%; height: 87px; margin: 18px 0; display: block; overflow: hidden; text-indent: -99999px;}
.h1.logo a, h1.logo a{width: 100%; height: 87px; display: block; background: url(/images/bg-logo.jpg) center center no-repeat;}
a.header_become_a_member,a.header_hacerse_miembro{width: 85%;display: block;text-align: center;margin: 0 auto;text-shadow: 0 0 4px #141414;text-transform: uppercase;background: #E13A32;color: white;padding: 8px;border-radius: 7px; box-shadow: 0 0 3px 1px #A6A6A6;}
a.header_become_a_member:hover,a.header_hacerse_miembro:hover{background: #BB1F13;text-decoration: none;color: #FBB41E;}

.small_header_navigation_spanish{font-size:16px;}
.small_header_navigation{height:44px;list-style: none; display: block; padding: 0; margin:20px auto; color: #97847a; text-align: center; width: 85%;}
.small_header_navigation li{list-style: none; display: inline-block; padding: 0; margin: 0;}
.small_header_navigation a{color: #969696; transition:all 0.3s ease; text-decoration: underline;}
.small_header_navigation a:hover{color: #a80532;}
a.link_language{color: #d11c26;}
.developer-mode{text-align:center; background:#d01a29; color:#fff; font-size:1.5em; font-weight:bold; position:relative; padding-top:5px; padding-bottom:5px;  left:0px; right:0px; box-shadow: 0 0 4px 1px #525252; border-bottom:3px solid #333;}
.developer-mode a{padding-left:50px;color:#ffffff; text-decoration:underline; font-size:.9em; font-weight:normal; }
/*** Download app banner ***/
#app_download{display:none;}
.app_navigation_container{width: 100%; padding: 10px 20px; text-align: center;}
.app_text, .app_stores{text-align: center; display: inline-block;}
.app_image{display: inline-block; width: 49%; max-width: 150px;padding: 10px 10px;}
.app_text{color:#FFFFFF; text-transform:uppercase; text-shadow:0 0 4px #141414;}

/*** Search area ***/
.routing{float: right;clear: right; margin: 0; padding: 0;}
.routing p{padding: 0; margin: 0;}
.search_area{ margin: 25px auto; width: 85%; height: 36px; overflow: hidden; border-radius: 4px; border:1px solid #c5c5c5;}
.search_form{width: 254px; height: 36px; overflow: hidden; background: #FFF; border: none; padding: 0; margin: 0;}
.search_input{float: left; background: #FFF; border: none;  margin: 0; font-size: 1em; color: #7F7F7F; padding: 0 10px; width: 85%;height: 36px;}
.search_button{background: #c5c5c5 url(/images/bg-search-button.png) center center no-repeat; padding:2px 20px 12px;margin: 0; border: none; float: right;}
.search_button:hover{background: #565656 url(/images/bg-search-button.png) center center no-repeat; cursor: pointer;}

/*** Social media icons ***/
.social_icons{float: right; margin: 15px 15px 20px 0; display: none;}
.social-icon-container.desktop{float:right; margin: 15px 15px 20px 0;}
.social-icon-container.desktop img{width:35px; margin:0 3px;}
.social-icon-container.mobile{float:none; text-align:center; margin: 15px 15px 10px 0;}
.social-icon-container.mobile img{width:35px;margin:0 5px; filter:saturate(0%) brightness(1000%);}
/*** Navigation Area ***/
.navigation{ width: 100%; display: block; float: left; clear: both; padding: 0; margin: 0; background: #a8010a; box-shadow: 0 0 4px 1px rgba(5,5,5,0.3); position: relative; z-index: 101;}
.navigation_container{padding-left:0px; padding-right:0px;}
.main_navigation{float: left; width: 100%; padding: 0; margin: 0; display: block;}
.main_navigation li{position: relative; float: left; padding: 0; margin: 0; color: #FFFFFF; list-style: none; text-transform: uppercase; text-shadow: 0 0 4px #141414; font-size: .9em !important;;-webkit-box-shadow:inset -3px 0 3px 0 #525252;box-shadow:inset -3px 0 3px 0 #525252; height: 100%; display: block;} 
.main_navigation li a{width: 100% !important; text-decoration: none; color: #FFFFFF; padding: 14px 0 12px 0; float: left; display: block; text-align: center; height: 100%;}
.main_navigation li a:hover,.main_navigation li a.selected{color: #FFD000;}
.navigation_link_1{width: 15%; background: #d11c26; vertical-align: middle}
.navigation_link_2{width: 17%; background: #402d1c;}
.navigation_link_3{width: 20%; background: #c46a1a;}
.navigation_link_4{width: 13%; background: #a1b94b;}
.navigation_link_5{width: 10%; background: #64a593;}
.navigation_link_6{width: 13%; background: #0e5685;}
.navigation_link_7{width: 12%; background: #5c8ea7;}
.main_navigation_spanish li{font-size: .9em !important;}
.main_navigation_spanish li a{padding: 14px 0 16px 0;}
.main_navigation_spanish li ul.navigation_box li{font-size: 1em !important;}
.main_navigation_spanish .navigation_link_1{width: 16%; background: #d11c26;}
.main_navigation_spanish .navigation_link_2{width: 22%; background: #402d1c;}
.main_navigation_spanish .navigation_link_3{width: 18%; background: #c46a1a;}
.main_navigation_spanish .navigation_link_4{width: 17%; background: #a1b94b;}
.main_navigation_spanish .navigation_link_5{width: 9%; background: #64a593;}
.main_navigation_spanish .navigation_link_6{width: 18%; background: #0e5685;}
.navigation_link_2 ul.navigation_box{left:-163px;}
.navigation_link_3 ul.navigation_box{left:-345px;}
.navigation_link_4 ul.navigation_box{left:-556px;}
.navigation_link_5 ul.navigation_box{left:-662px;}
.navigation_link_6 ul.navigation_box{left:-777px;}
.navigation_link_7 ul.navigation_box{left:-777px;}
.main_navigation li a{min-height: 70px; vertical-align: middle; display: flex; align-items: center; justify-content:center;}

/*** Content Submenu ***/
.responsive_banner{width: 100%; height: auto;}
.content_area_submenu{padding: 20px !important;}
.content_area_container .col-md-9{padding: 20px;}
ul.submenu{opacity:0.9; padding: 0 !important; margin: 0 !important; position: absolute; top: 35px; left: 0; float: left; display: none !important; overflow: hidden; width: 180px !important; background: #768f56; text-align: left; z-index: 100 !important;}
#first_submenu{left: 30px;}
#quick_links_submenu{ left: -79px !important; background: #009edb;}
li:hover ul.submenu{display: block !important; position:absolute; z-index: 110 !important;}
ul.submenu li {background: none !important; padding:0px !important; width: 180px !important; margin: 0 !important; z-index: 110 !important;  }
ul.submenu li a {font-style: normal; font-weight: 700; background: none !important; color: #ffffff; font-size: 1.1em; text-indent: 0px !important; width: 180px !important; z-index: 110 !important; padding: 4px 10px 4px 10px !important; display: block; text-decoration: none; border-bottom: 1px solid #d9dcdc; margin: 0 !important; height: auto !important;}
ul.submenu li a:hover {text-decoration: none; z-index: 110 !important; background: #524b45 !important; color: #d6cdbc}
ul.submenu li a.no_bottom_border{border: none !important;}
.no_border{border: 0 !important;}
li:hover ul.navigation_box{display: block !important; position:absolute; z-index: 110 !important;}
ul.navigation_box{width:930px; padding: 15px !important; margin: 0 !important; position: absolute; top: 44px; left: 0; float: left; display: none !important; overflow: hidden; background: inherit; text-align: left; z-index: 100 !important; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 3px 3px 0 #212121; box-shadow: 0 3px 3px 0 #212121;}
ul.navigation_box li.navigation_box_level_1{width:22%; float:left; font-weight:bold; margin-left: 20px; margin-bottom: 5px !important;}
ul.navigation_box li,ul.navigation_box a{background:none !important; -webkit-box-shadow:none; box-shadow:none; text-align:left;}
ul.navigation_box li.navigation_box_level_1 ul{padding: 0; margin:0; font-weight:normal; }
li.navigation_box_level_1 a{color: #FFE300;}
ul.navigation_box li.navigation_box_level_1 ul li{width:100%; float:left; clear:left; margin:0; height:auto; padding: 5px 0 5px 15px;}
ul.navigation_box li.navigation_box_level_1 ul li a{padding:0; margin:0; height:auto; color: #FFF !important; text-transform:none; font-size:1.15em; letter-spacing:0.04em;}
ul.navigation_box li.navigation_box_level_1 ul li a:hover{color:#FFE300!important; text-decoration:none;}
.navigation_box .main_blurb{font-weight:normal; text-shadow:none; text-transform:none; font-size:1.2em; color: #BABABA;}
.navigation_box_level_1 .blurb{font-weight:normal; text-shadow:none; text-transform:none; font-size:1.1em; color: #BABABA; padding-bottom: 5px !important;}
.right_submenu{background: #0e5685; -webkit-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; -webkit-box-shadow: 0 0 3px 1px #8C8C8C; box-shadow: 0 0 3px 1px #8C8C8C; padding: 10px; color: #FFFFFF; }
.right_submenu li{padding: 0; margin: 0; text-indent: none; margin-left: 20px; margin-bottom: 5px; color: #d11c26}
.right_submenu li a{color: #fff; text-decoration: none; border-bottom: 1px solid #2E6397; padding-bottom: 3px; margin-bottom: 2px; width: 100%; display: block;}
.right_submenu li a:hover,.right_submenu li a.selected,.right_submenu li ul li a.selected{color: #a1b94b}
.right_submenu li ul {padding: 0; margin: 0; margin-left: 15px; width: 92%; list-style: disc; color: #c46a1a; }
.right_submenu li ul li{border: none; padding: 0; margin: 0; margin-bottom: 5px; color: #c46a1a; }
.right_submenu li ul li a{}

/*** Mobile Navigation ***/

#mobile-nav-menu{background: #b70009;}
#mobile-nav-menu #navbar{border-top:1px solid #870004;}
#mobile-nav-menu .navbar-header{background: #A8010A; box-shadow: 0 0 4px #000000; }
#mobile-nav-menu .navbar-header button{border:1px solid rgba(255, 255, 255, 0.6);}
#mobile-nav-menu .navbar-header button:hover, 
#mobile-nav-menu .navbar-header button:focus{background: #840000;}
#mobile-nav-menu .navbar-header button .icon-bar{background:rgba(255, 255, 255, 0.6);}
#mobile-nav-menu .navbar-nav{margin-top: 0;}
#mobile-nav-menu #navbar .navbar-nav > li a{color: #FFFFFF; text-shadow: 0 0 4px #141414;}

#mobile-nav-menu.navbar-default .navbar-nav > .open > a,
#mobile-nav-menu.navbar-default .navbar-nav > .open > a:hover,
#mobile-nav-menu.navbar-default .navbar-nav > .open > a:focus {background-color: #930007; box-shadow: 0 1px 1px #750005;}
#mobile-nav-menu .dropdown-menu{padding: 0;}
#mobile-nav-menu .dropdown-menu > li > a{color: #FFE300 !important; font-weight: bold; font-size: 1.1em}
#mobile-nav-menu .dropdown-menu > li a:hover{color: #FFD000 !important;}
#mobile-nav-menu .dropdown-menu > li  li > a:hover{color: #FFE300 !important; text-decoration: none;}
#mobile-nav-menu .dropdown-menu ul{padding: 0 0 0 40px; margin: 0; list-style: none;}

#social_media_icons{text-align: center;}

/*** Banner ***/
#homepage_banner_container_background{float: none;height: 300px; background-position:center center; background-size:contain; background-repeat: no-repeat; }
.subpage_banner{width: 100%; }
.subpage-banner{height: 200px;}
.subpage-banner img{width: 100%;}

/*** Login Area ***/
.banner_container,
.banner_container > div{padding: 0;}
.homepage_login_box{width: 100%; margin: 0;-webkit-box-shadow: 0 0 3px 1px #A6A6A6; box-shadow: 0 0 3px 1px #A6A6A6; padding: 0 0 10px;}
.homepage_login_title_container{background: #ac0b15; width: 100%; border-bottom: 1px solid #b47e87; float: left;}
.homepage_login_title{font-family: "futura-pt",sans-serif; font-style: normal; text-transform: uppercase; color: #FFFFFF; text-shadow: 0 0 4px #141414; padding: 7px 0 10px 20px; background: url(/images/bg-login-lock.png) top left no-repeat; font-weight: normal; font-size: 1.1em; width: 85%; margin: 5px 0 0 25px;text-align: center;}
.login_area form{text-align: center;}
.login_area br{display: none;}
.login_label {color: #ffffff; text-shadow: 0 0 4px #141414;}
.login_input{width: 160px; padding: 4px 5px; margin: 10px 5px 10px; height: 27px;}
.login_button{background: #c46a1a; border: none; -webkit-box-shadow: 0 0 3px 1px #444444; box-shadow: 0 0 3px 1px #444444; color: #fff; font-size: .8em;  padding: 4px 4px 3px 4px; margin: 0 10px; border-radius: 5px 5px 5px 5px;}
.login_button:hover{background: #64a593; cursor: pointer; color: #FFD000;}
a.login_register_link{color: #FFFFFF; text-decoration: underline; margin: 15px 10px 0 0;font-size: .9em;}
a:hover.login_register_link{color: #64a593;}
.homepage_login_box_test{background-color: rgba(209, 27, 38, .8);}

.new_login_form{width: 100%; float: left; padding: 10px 0;}
.new_login_label{float: left; width: 30%; color: #FFF; margin-bottom: 10px; text-align: right;}
.new_login_field{float:right; width:65%; margin-bottom: 10px;}
.new_login_field input[type="text"],.new_login_field input[type="password"]{padding:0 7px; width: 90%;}
#submit-button-wrapper{width:100%; padding-right:20px;}
.new_login_button{text-transform: uppercase; float:right; width:30%; text-shadow: 0 0 4px #3C3C3C; background: #c46a1a;  color: #FFF; border: none; padding: 5px 0; marign-top: 10px; font-size: .9em; cursor: pointer; box-shadow: 0 0 4px 0px #363636;}
.new_login_button:hover{background: #64a593;}
.new_login_register_links{color: #FFF; margin-top: 5px; float: left; text-align: center; width: 100%; margin-bottom: 10px; padding: 0; clear: both;}
.new_login_register_links a{color: #FFF; text-decoration: underline;}
.new_login_register_links a:hover{color: #ffe300}
.new_login_links{width: 100%; padding: 0; margin: 10px 0 0 0; font-size: .9em; text-align: center; clear: both;}
.new_login_links a{color: #ffe300}
.new_login_links a:hover{color: #ffffff}
.new_box{background-color: rgba(209, 27, 38, .7); transition: all 0.5s ease;}
.new_box:hover,.new_box:focus{background-color: rgba(209, 27, 38, 1) ;}

/*** Homepage banner ***/
.homepage_banner_box{ padding: 10px 20px; box-shadow: 0 0 3px 1px #A6A6A6; background: #0e5685; background-color: rgba(14, 86, 133, .8); text-align: left; display: block;}
.homepage_banner_box_title{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #9ad2d1; text-transform: uppercase; background: url(/images/bg-homepage-banner-box-title.png) bottom center no-repeat; width: 100%; text-align: center;padding: 10px 0 10px; margin: 0;}
.homepage_banner_box p:nth-child(3){text-align: center;padding: 5px 0 15px; margin: 0;}
.homepage_banner_box_content{color: #FFFFFF; text-shadow: 0 0 4px #141414;text-align: center;}
a.homepage_banner_box_link{text-transform:uppercase; -webkit-box-shadow: 0 0 3px 1px #444444; box-shadow: 0 0 3px 1px #444444; color: #fff; background: #c46a1a; padding: 5px 10px; text-decoration: none; font-size: .9em;}
a:hover.homepage_banner_box_link{background: #a1b94b}
#homepage_banner_container_background{display: none !important;}

/*** Homepage slideshow selection box ***/
.homepage_banner_selection_box{display: none;}

/*** Content Area ***/
.content_area,.content_area_small{ float: left; clear: both; background: #FFFFFF url(/images/bg-content-area.jpg) top left repeat-x; width: 100%; z-index: 100; position: relative;}
.content_area_small{background:none; width:700px; padding-bottom: 40px;}
.content_area_container{margin: 0 auto; padding-bottom: 40px; overflow-x: auto;}
.content_area_container img{max-width: 100%;}
.content_area h2{padding: 20px 0 15px!important; margin: 0;  text-align: center; background: #575757; /* Old browsers */background: -moz-linear-gradient(top, #575757 0%, #ffffff 8%, #ffffff 48%, #e8e8e8 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #575757 0%,#ffffff 8%,#ffffff 48%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #575757 0%,#ffffff 8%,#ffffff 48%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */}

.side_content{width:250px; float:right;}
.content_area_left h2, .content_area_left_alt h2,
.content_area_right h2{margin: 0 0 30px 0 ;}
.content_area_right h2, 
/**.content_area_left h2:not(:first-child){background: url(/images/bg-content-area-without-shadow.jpg) 10px 0px;}
.content_area_left_alt h2:not(:first-child){background: url(/images/bg-content-area-without-shadow.jpg) 10px 0px;}**/
/*** ATM Locator ***/
.atm_locator{ padding: 10px 0 0 0;margin-bottom: 10px; width: 100%; text-align: center;}
.atm_locator > div{margin: 10px 0;}
.atm_search_label{width: 100%; color: #252525; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em; padding-top: 0px;}
.atm_search_label span{color: #0e5685;}
.atm_search_input{padding: 5px 10px;margin: 10px 10px 0 0; width: 190px;box-shadow: 0 0 3px 1px #A6A6A6;border: 1px solid #C7C7C7;}
.atm_search_button{border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px 1px #444444; color: #FFF; text-shadow: 0 0 4px #141414; background: #64a593; padding: 7px; border: 0;}
.atm_search_button:hover{cursor: pointer; background: #c46a1a;}
#atm_search_submit{border-radius:0px;}

/*** News & Announcements ***/
/*.content_area_container, .content_area_container div{padding: 0;}*/
.homepage_news_announcements_title{background: url(/images/bg-content-area-without-shadow.jpg) 10px 0px; }
.homepage_news_item{margin: 0 30px 10px;}
.homepage_news_title{color: #c46a1a; font-size: 1.6em; padding: 0; margin: 0; padding-left: 20px;}
.homepage_news_content{padding: 0 0 20px 20px; border-bottom: 1px solid #C6C6C6; color: #363636;}
.homepage_news_date{color: #919191;}
.homepage_news_content a{color: #64a593;}
.homepage_news_content a:hover{color: #c46a1a}
#last_homepage_news_content{border: none;}
.homepage_more_news_link{margin: 0 30px; text-align:right;}

/*** Current Rates ***/
.homepage_rates_table{background: url(/images/bg-homepage-rates-table.jpg) top center no-repeat; text-align: center;}
.homepage_rates_table .__datatrac_badge{margin: 0 10px;}
.homepage_rates_table .__datatrac_badge > iframe{width: 100% !important; max-width: 380px;}
.homepage_rates_container{float: left; width: 50%; text-align: center; padding: 5px 0; margin-bottom: 20px;}
.homepage_rates_container p{padding: 0; margin: 0; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #212121; text-transform: uppercase; font-size: 1.2em; line-height: 1.3em;}
.homepage_rates_container a{color:inherit; text-decoration:none;}
.homepage_rates_percent{font-size: 1.6em;}
.homepage_rates_apr{color: #BEBEBE; font-size: .8em;}
.rates_1{color: #a1b94b;}
.rates_2{color: #64a593;} 
.rates_3{color: #c46a1a;}
.rates_4{color: #d11c26;}
.rates_disclosure{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #444444; font-size: .9em; width: 100%; text-align: center;}
.rates_disclosure a{color: #0e5685}
.rates_disclosure a:hover{color: #c46a1a}

/** Submit an FAQ Popup **/ 
legend.scheduler-border {width:inherit;}
.popup_button{display:inline !important;}

/*** Current Promtions ***/
.current_promotions_title{background: url(/images/bg-current-promotions-title.jpg) bottom left no-repeat; padding: 15px 0 15px 20px !important; margin: 0 0 40px -20px !important;}
.homepage_promotion{width:50%; float:left; padding: 0 30px !important; }
.homepage_promotions{width:100%; overflow:hidden;}
.homepage_promotions_container{width: 200% !important;}
.homepage_promotions_title{padding: 0; margin: 0; color: #64a593; font-size: 1.8em; text-transform: uppercase;}
.homepage_promotions p, .homepage_promotions p a {text-decoration: none; color: #444444;}
.homepage_promotions p a:hover{text-decoration: underline; color: #c46a1a;}
.homepage_promotions p img{float: right; padding: 0 0 10px 10px;}
.homepage_promotions_navigation{width: 100%; clear: both; margin-top: 5px; color: #737373; text-align: center; font-size: 1.9em; }
.homepage_promotions_navigation span{cursor:pointer;}
.homepage_promotions_navigation span.selected,.homepage_promotions_navigation span:hover{color:#c46a1a;}

/***loan officers***/
.officers-button a{display: block; width: 70%; font-size: 1em!important; text-align: center}


/*** Footer Area ***/
.footer{float: left; clear: both; width: 100%; background: url(/images/bg-footer.jpg) top center repeat-x #454545; padding: 20px 0; margin: 0 ;}
.footer_container{}
.footer_logos{float: left; margin: 0; padding: 0; list-style: none; display: inline-block;}
.footer_logos li {padding: 0; list-style: none; display: inline-block; margin: 10px 0 0 0;width: 49%;}
.footer_logos li a{display: block; overflow: hidden; text-indent: -99999px; opacity: .8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";padding: 10px !important;margin: 0 auto;}
.footer_logos li a:hover{opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.footer_logo_visa{width: 88px; height: 33px; margin-top: 10px; background: url(/images/bg-footer-logo-visa.png) top left no-repeat;}
.footer_logo_verisign{width: 95px; height: 50px; background: url(/images/bg-footer-logo-verisign.png) top left no-repeat;}
.footer_logo_equal{width: 46px; height: 47px; background: url(/images/bg-footer-logo-equal.png) top left no-repeat;}
.footer_logo_ncua{width: 104px; height: 50px; background: url(/images/bg-footer-logo-ncua.png) top left no-repeat;}

.footer_logo_balance{width: 168px; height: 45px; background: url("/images/balance-logo.JPG") top left no-repeat;}

.footer_logo_members{width: 138px; height: 72px; background: url("/images/iris.png") top left no-repeat;}
/*.footer_logo_members{width: 138px; height: 50px; background: url(/images/bg-footer-logo-members.png) top left no-repeat;}*/
.footer_logo_juntos_avanzamos{width: 138px; height: 50px; background: url("/images/juntos-avanzamos-logo.png") top left no-repeat;}
.footer_cdfi_logo{width: 70px; height: 70px; background: url("/images/cdfi-logo.png") top left no-repeat;}
.fix-cdfi-logo{margin-right: 5px !important;}
.footer_dcuc_logo{width: 70px; height: 70px; background: url("/images/membership_badge_dcuc.png") top left no-repeat;}


.footer_copy{float: none;}
.copy { font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1em; color: #FFFFFF; padding: 0; margin: 20px 0 0 0; text-align: center;}
.copy span{color: #ffe580;}
.copy a{color: #c46a1a;}
.copy a:hover{color: #64a593;}
.footer_navigation{float: left; clear: both; width: 100%; background: #141414; padding: 10px 0; }
.footer_navigation_container{text-align: center; margin: 0;}
.small_footer_navigation_spanish{font-size:0.9em;}
.small_footer_navigation{list-style: none; display: inline-block;  text-align: center; padding: 0; margin: 0; width: 100%;}
.small_footer_navigation li{list-style: none; display: inline-block; padding: 0; margin: 0 30px;}
.small_footer_navigation a{color: #fff; text-decoration: none;}
.small_footer_navigation a:hover{color: #64a593;}

/*** Rates ***/
.table-responsive{padding: 10px 5px !important;}
.rates{padding: 0 0 20px;}
.rates li{text-align: center;}
.rates-table { width:100%; }
.rates-table thead tr { background-color:#D11C26;  color:#fff; height:30px;  }
.rates-table thead th { padding-left:10px;  }
.rates-table tr.divider { background-color:#F6D2D4; height:30px;  }
.rates-table .category { height:24px;  }
.rates-table .category td { border-bottom:1px solid #F2F2F2; }
.rates-table .account-type { width:400px; }
.rates-table tr.category:hover { background-color:#FFC; cursor:pointer; }
.rates-table .notes td { font-size:0.9em !important; }
.rates-table .divider .name { padding-left:10px; }
.rates-table td.date { font-weight:bold; }
.rates-table .effective-date { text-align:center; }
.rates-table .apy, .rates-table .apr, .rates-table .dividend-rate { text-align:center; width:90px; }
span.disclaimer { font-size:0.9em; font-style:italic; }
.effective-title { display:block; text-align:center; border:1px solid #ccc; background-color:#E8E8E8; padding:10px; margin-bottom:6px;   }
.table-title { display:block; border:1px solid #ccc; background-color:#E8E8E8; padding:10px; margin-bottom:6px; font-weight:bold; text-align:center; }
a.default_button,.default_button{border:1px solid #d11c26; padding: 5px 15px; background: #fff; color: #000; text-decoration: none; text-align:center; border-radius: 6px 6px 6px 6px; text-transform: uppercase; font-size: 1.2em; cursor:pointer; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 400;}
a:hover.default_button,.default_button:hover{background: #aa151d; color: #ffffff;}

/*** Business Checking ***/
.business_checking_table{width: auto !important; height: auto !important;}
.business_checking_table td{text-align: center; padding: 10px;}

/*** Compare Checking Accounts Table***/
.compare_checking_table{width: 100% !important;}
.compare_checking_table tr td:first-child{padding: 0 0 0 10px;}

/*** Firstlight Brochure ***/
.financial_brochure, .issuuembed{width: auto !important; height: 600px !important;}

/*** Branches / ATMS ***/
.finance_manager_left{width: 100%; margin-right: 20px; display: inline-block;}
.finance_manager_right{width: 100%;display: inline-block;}
.branches_listing{padding-right:10px !important; padding-left:10px !important;}
.atms_listing,.branches_listing{margin: 0;}
.atms_listing{padding-right:10px !important; padding-left:10px !important;}
.atms_intro{padding-left:10px !important; padding-top:10px !important;}
.atms_title_underline{padding: 0 0 5px 0; margin: 20px 0 5px 0; border-bottom: 1px solid #BABABA; padding-left:10px !important;}
.atms_listing li,.branches_listing li{list-style: none; padding: 15px 5px;}
.atms_listing li.odd_row{background: #e5e3b1;}
.branches_listing li.odd_row{background: #fdedd4;}
.atms_listing span.link a,.branches_listing span.link a{padding-left: 22px; background: url(/images/map.png) top left no-repeat; margin-left: 10px;}
#atm span.name{font-weight: bold; color: #d11c26;}
#atm span.address{color: #0e5685;}
#branch span.name{font-weight: bold; color: #d11c26;}
#branch span.address,#branch span.city_state_zip{font-weight:bold; color: #0e5685;}
.atms_preview_list{display:none;}

/*** Individual branch pages ***/
.google_map{float: none !important; width: 100% !important; border:none !important;}
.branch_image_container{padding: 10px 0 0 !important; }
.branch_information_container{padding: 10px 0 0 !important;}
.branch_image{width: 100%; max-width:320px;}

/*** News ***/
.news{width:100%; border-bottom:1px solid #BABABA; margin-bottom:15px; padding-bottom:5px; padding-top:5px; padding-left:15px !important; padding-right:15px !important;}
.news img.image{float: right; margin: 0 15px 0 15px; border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;}
.news img{margin: 0px 0px 15px 15px; border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;margin-bottom:25px; float: right;}
.news span.date{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em; color: #64a593} 
.news-even{float:left; clear:both; width:100%; margin-bottom:15px; padding-bottom:5px; padding-top:5px; background-color: #F5F5F5;}
.news-odd{float:left; clear:both; width:100%; margin-bottom:15px; padding-bottom:5px; padding-top:5px;}
.news-even img{float: right; margin: 0 0 15px 15px; border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;}
.news-odd img{float: right; margin: 0 0 15px 15px; border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;}
.news-even span.date{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em; color: #64a593}
.news-odd span.date{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em; color: #64a593}

/*** Foreclosures ***/
.foreclosure_category{font-size: 2em; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: white; background-color:#0e5685; width: 100%; padding: 0 0 0 20px;}
.foreclosure_state{font-size: 1.5em; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: white; background-color:#d11c26; width: 100%; padding: 0 0 0 20px;}
.contact_info{color:#0e5685;}
.foreclosure-info-title{color: #d11c26; border-bottom: 1px solid #9F9F9F; width: 95%;display: block; font-family: "futura-pt-condensed",sans-serif; font-size: 1.4em;margin: 0 -10px;}
.foreclosure-info-even, .foreclosure-info-odd{margin:15px; padding: 20px;}
.foreclosure-info-even img, .foreclosure-info-odd img{border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;width: 100%;max-width: 320px;margin: 10px 0;}
.foreclosure-info-even span.date, .foreclosure-info-odd span.date{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1.4em; color: #64a593;}

/*** FAQs ***/
ul.faqs{padding:0; margin:0; width:100%; display:block; list-style: none;}
ul.faqs li{padding:5px 15px; width:100%; position: relative;}
ul.faqs li:before{content: ''; height: 5px; width: 5px; background: #0e5685; border-radius: 50%; position: absolute; left: 2px; top: 12px}
.faqs_question{color: #0e5685; text-decoration:none;  font-weight:bold;}
.faqs_answer{display:none; padding:10px;}
#faq_submission_form{padding: 0 20px 30px;}
#faq_submission_form input[type="text"], #faq_submission_form input[type="number"], #faq_submission_form input[type="date"], #faq_submission_form select{border: 1px solid #999; border-radius: 5px; padding: 10px; width: 100%;}
#faq_submission_form input[type="submit"]{width: 100%;}

/*** IRA Table ***/
.ira_table{width: auto !important; height: auto !important;}
.ira_table td{padding: 10px;}
.ira_table td strong{text-align: center; display: block; }

/*** Fraud & Credit Monitoring Services ***/
.fraud_callout_container{padding: 0 20px !important;}
.fraud_content h3.questions,.fraud_content .h3.questions{font-size: 16pt; font-weight: 600; margin: 30px 0; text-align:justify; color: #D61821;}
.fraud_content h3.title_underline + p,.fraud_content .h3.title_underline + p{margin: 0 0 20px 10px;}
.fraud_content table th{text-align: center; color: #D61821;}
.fraud_content table tr > td:first-child{color: #a80532 !important;}
.fraud_content h3.title_underline{ color: #0e5685 !important; font-weight: 400; font-size: 20pt;}
.fraud_callout{background-color:#D61821; color:#FFFFFF; padding:15px 20px!important; margin:0 auto; max-width:600px; text-align:right; line-height:2.0em; -webkit-border-radius: 10px;
border-radius: 10px; -webkit-box-shadow: 2px 2px 2px 2px #C4C4C4;
box-shadow: 2px 2px 2px 2px #C4C4C4;}
.fraud_content{padding: 0 20px 30px !important;}
.fraudscout_option_container{padding: 20px 25px!important;}
.fraudscout_option{width:100%; border:1px solid #D61821;-webkit-border-radius: 10px;
border-radius: 10px; -webkit-box-shadow: 2px 2px 2px 2px #C4C4C4;
box-shadow: 2px 2px 2px 2px #C4C4C4;}
#fraudscout_option_container{width:100%; float:left; margin-bottom:25px;}
.fraudscout_option ul{margin:20px 0 20px;}
.fraudscout_option ul li{margin-bottom:5px;}
.fraudscout_option h3,.fraudscout_option .h3{color:#FFFFFF; background-color:#D61821; padding:10px 0px; margin:0; width:100%; text-align:center; -webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;}
.fraudscout_option p{margin-bottom: 20px; font-weight: bold;}
.fraudscout_option a{font-weight: normal;}
.fraudscout_buy_now{color:#BD1810;}
.silver_details_button,.gold_details_button,.platinum_details_button{color:#BD1810;}
.fraud_image{width: 100%; max-width: 400px; margin: 0 auto;}
.fraud_image_container{width: 100%; text-align: center;}

/*** Youth Accounts ***/
.youth_accounts > div{text-align: center;padding: 10px 20px;}
.youth_accounts > div img {margin-top: 10px;}

/*** Overdraft privilege ***/
.overdraft-priv-container{padding: 15px!important;}
.overdraft-priv-container h3, .overdraft-priv-container .h3{font-size: 18pt; font-weight: 600; margin: 30px 0;}
.overdraft-priv-container h3 + p,
.overdraft-priv-container .h3 + p,
.overdraft-priv-container h3 + div,
.overdraft-priv-container .h3 + div,
.overdraft-priv-container .overdraft_info{padding: 0; margin: 20px 0 0 15px;}
.overdraft-priv-container h3 + ul, .overdraft-priv-container .h3 + ul{padding:0; margin: 20px 0 0 30px;}

/*** FORMS ***/
form.about-form,
form.select-form{padding: 0 20px;}
form.about-form dt,
form.authorization-form dt{width: 100%; margin: 10px 20px 0;}
form.about-form dd,
form.authorization-form dd{margin: 0 20px 0; width: 95%}
form.about-form legend{margin: 0 0 20px; padding: 40px 0 0;}
form.about-form .default_button{margin: 0 0 20px; width: 70%;}
form.about-form input[type="text"], 
form.about-form select,
form.authorization-form input[type="text"]{width: 70%; border-radius: 3px; border: 1px solid #7F7F7F; padding: 3px 8px;}
form.about-form .ssn,
form.about-form .phone{width: 22.5% !important}
form.about-form .birthdate{width: 20% !important}
form.about-form #duration_residential_status_years, 
form.about-form #duration_residential_status_months,
form.about-form #duration_employment_years, 
form.about-form #duration_employment_months,
form.about-form #previous_duration_employment_years, 
form.about-form #previous_duration_employment_months{width: 35%;}

dl{padding:0; margin:0; width:100%;}
dt{float:left; width:35%; margin:10px 0px; clear:left;}

dt label{font-weight:bold;}
dd{float:left; width:65%; margin:10px 0px;}

dt.full{width:100%;}
dd.full{width:100%;}
dd textarea{width:95%;}
fieldset{border:none;}
legend{color:#0E5685; font-weight:bold; font-size:1.2em; border-bottom:1px solid #BABABA; width:100%;}

/*** Search ***/
ul.search_results{list-style:none; padding:0; margin:0;}
ul.search_results li{ padding:5px; }

/*** Credit Card Preapproval ***/
.cards, .cards_199, .cards_other, .other_income_source,.member_id,.self_employed,.less_than_2{display:none;}
.cards_199 img{width: 100% !important}

/*** Scroll top Top button ***/
#scrollToTop{display: none; position: fixed; bottom: 10px; left: 10px; background: #a8010a; color: white; border-radius: 3px; width: 50px; height: 50px; padding: 2px; opacity: 0.7; transition: all 0.3s ease; z-index: 9999;}
#scrollToTop:hover{cursor: pointer;}
#scrollToTop span{display: block; text-align: center;font-size: 11pt;}
#scrollToTop .arrow{display: block; text-align: center;font-size: 15pt; margin: -5px 0;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}

/*** Landing Pages ***/
.landing_pages_content img{width:100%;}

/*** Community Events **/
.community_events_image{width:100%; margin: 0 0 15px 15px; border: 5px solid #fff; -webkit-box-shadow: 0 0 5px 2px #808080; box-shadow: 0 0 5px 2px #808080;}

/*** rates page***/
.rates li {margin-bottom: 20px;}


/* spring offer */
/*
h3.about-form { text-align:center; color:#fff; background-color:#8C1D2D; padding:10px; }
.spring-form { padding:0; margin:0; }
.review-form .fields { display:block; margin:0 auto; }
.spring-form ul { list-style:none; }
.spring-form fieldset { margin:0 0 10px 0; padding:14px; border:1px solid #ECE9E4; }
.spring-form .required { display:block; width:30%; margin:0 0 0 23%; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:10px 0 10px 20px; background-color:#C44A56; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; color:#fff; font-weight:bold; text-align:center; }
.spring-form label { clear:both !important; display:inline-block; width:20%; text-align:right; padding:10px;  }
.review-form label { width:50%; font-weight:bold; }
.review-form li { border-bottom:1px solid #e8e8e8; }
.review-form li.last { border:none; padding-bottom:20px; }
.spring-form input { display:inline-block; width:30%; padding:2px; margin:10px 0 0 0; font-size:1.2em !important; font-weight:normal;  }
.spring-form textarea { width:30%; height:100px; padding:2px; margin:20px 0 0 0; font-size:1.2em !important; font-weight:normal; font:inherit; }
.spring-form li.textarea  label { vertical-align:top; }
.spring-form select { width:30%; padding:2px; font-size:1.2em !important; margin:10px 0 0 0;}
.spring-form .btn-submit {  float:right; display:inline-block; height:36px; width:134px; background:transparent url(/images/btn-submit.png) left top no-repeat; cursor:pointer; text-indent:-99999px; border:none; margin:0;}
.spring-form .btn-submit:hover {background-position:bottom !important; }
.spring-form .btn-continue { float:right; display:block; height:36px; width:162px; background:transparent url(/images/btn-continue.png) left top no-repeat; cursor:pointer; text-indent:-99999px; border:none; margin:0;}
.select-form .btn-continue { display:none; }
.spring-form .btn-continue:hover { background-position:bottom !important; }
.spring-form .btn-back {  float:left; display:inline-block; height:36px; width:134px; background:transparent url(/images/btn-back.png) left top no-repeat; cursor:pointer; text-indent:-99999px; border:none; margin:0; }
.spring-form .btn-back:hover { background-position:bottom !important; }
.about-form .ssn, .about-form .phone, .about-form .birthdate { width:7%; text-align:center; }
.select-form label.apr_rates, .spring-form label.checkbox { width:60%; text-align:center;  display:none; margin:0 auto; }
.select-form input.apr_rates, .spring-form input.checkbox { width:4%; text-align:left !important;padding:0; margin:0 0 50px 100px; display:none; }
#agree,.agree { display:inline-block !important; }
.apr_rates a { text-align:left; }
.apr_rates.cu-rewards-visa, .apr_rates.visa-platinum, .apr_rates.visa-business { display:none; margin:0 auto; text-align:center; width:100%;}
.review-form h4 { width:100%; background-color:#F3EFEC; text-align:center; padding:20px 0 20px 0; margin:0; font-style:italic; position:relative; border:1px solid #D9D5D2;  } 
.review-form .edit { position:absolute; right:20px; top:20px; }
.employment_years, .employment_months { width:20% !important; }
.spring-form .instruction { width:99%; text-align:center; padding:10px; background-color:#F1EDEA; margin-top:6px; font-weight:bold; }
p.terms { padding-top:0; margin-top:0; }
#hlwrap {width:880px; height:796px; background:url(/images/loans_bg.jpg); border: solid 1px #000; background-size:contain;}
#hlwrap #text { padding:40px; }




.member_signature .ssn { width:7%; text-align:center; }
*/
.apr_rates a { text-align:left; }
.apr_rates.cu-rewards-visa, .apr_rates.visa-platinum, .apr_rates.visa-business { display:none; margin:0 auto; text-align:center; width:100%;}

/*** Dialogs ***/
.ui-dialog{width: 95% !important; left: 2.5% !important;}
.ui-dialog .ui-dialog-content iframe{width: 100%; height: 100%;}

/* Alerts */
#alerts{position:absolute; z-index:999999;  width:100%; top:220px; text-align:left; color:#FFFFFF; background-color:#D11C26;  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: #a6a6a6; padding:10px 20px;}
#alerts ul{ list-style:none; padding:0; margin:0;}
#alerts ul li{}
#alerts ul h3, #alerts ul .h3{color:#FFFFFF; padding:0px; margin:0px;}
#alerts ul  li a{color:#FFFFFF;}
#alerts_close{color:#F9A61A; float:right;}

.online_banking_message{color:#FFFFFF; text-align:left;}
.portfolio_detail_image{margin: 0 0 20px 20px;border: 5px solid #fff;-webkit-box-shadow: 0 0 5px 2px #808080;box-shadow: 0 0 5px 2px #808080;}

/*** ATMs Map Dev **/ 
#map-header{padding-right:20px !important; padding-left:20px !important;}
#atms_map_intro{padding-right:20px !important; padding-left:20px !important; padding-top:10px !important;}
#atms_search input{width:100%; font-size:1.2em; padding-left:2px;} 
#atms_search select{width:100%; margin-bottom:20px; font-size:1.2em; padding-left:2px;} 
#atms_search .submit{width:100%; font-size: 1.2em; font-style: normal; font-weight: 400; margin-bottom:20px; display:block !important;}
.search_by{padding-right:10px; padding-left:10px; min-height:320px;}
.coop_network{padding-right:10px; padding-left:10px; min-height:220px;}
.coop_network_container{width:100%;}
#coop_logo{float:left; padding-right:10px; height:100% !important; padding-bottom:30px !important;}
.search_by_title{border-bottom:1px solid #E8E8E8;}
.coop_network_title{border-bottom:1px solid #E8E8E8;}
.or_title{text-align:center; margin-top:0 !important; margin-bottom:10px !important;}
.atm_results{margin-bottom:10px; border-bottom:1px solid #E8E8E8;}
.atms_map_button{margin-right:20px !important;}
.atms_list_button{margin-right:20px !important;}
.atms_map_city{margin-top:0 !important;}
.view_map_link{background: url(/images/map.png) bottom right no-repeat; padding-right:20px;}
.atms_city{margin-top:5px; margin-bottom:10px; border-bottom:1px solid #E8E8E8;}
#atms_search_results{font-weight:bold;}
#search-results{padding-top:10px !important;}
#atms_list_table .atms_city{text-align:left !important;}
#atms_list_table td{padding:0 2px 0 2px;}
#atms_list_table{width:100%;border-collapse: collapse;}

#first{background: #c03230;}
#second{background: #73a394;}
#third{background: #c2691a;}
#fourth{background: #275581;}

/*.navigation_box_level_1 > ul > li >a {text-align: center !important}*/


/* COVID LANDING PAGE */
.padding-table{ padding: 15px 15px; }
.covid-landing-video{ padding-bottom: 25px; text-align: center;}
/*.main-table-covid-landing{ height: 316px; width: 855px; }*/
.update-landing-page { background-color: #D41F28; color: #fff; font-weight: bold; text-align: center; padding: 10px 15px;}
table.main-table-covid-landing{width:100%;border-collapse:collapse;}
table.main-table-covid-landing tr:nth-of-type(odd){background:#eee;}
table.main-table-covid-landing th{background:#333;color:#FFF;font-weight:700;}
table.main-table-covid-landing td,table.main-table-covid-landing th{border:1px solid #ccc;text-align:left;padding:6px;}

/** Thanksgivmas **/

/**client custom requests**/
/**ticket  #1903024**/


.iframe-center{display: block; margin: auto;}
table.thanksgiving-table tr:nth-of-type(odd){background: none !important;}
table.thanksgiving-table td,table.thanksgiving-table th{border: 1px solid #000 !important; padding:6px; padding-right: 50px !important}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table,thead,tbody,th,td,tr{}
	thead tr{position:absolute;top:-9999px;left:-9999px;}
	tr{border:1px solid #ccc;}
	td{border:none;border-bottom:1px solid #eee;position:relative;}
	td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
}

/**member discounts**/
.discount-title{background-size: cover!important; text-align: center; color: #fff; font-size: 2em; font-weight: 600; padding: 50px!important; text-transform: uppercase; margin-bottom: 25px;}
.discount-description{text-align: center}
.discount-description h3{text-align: left}
.discount-description .text{text-align: left}

@media (max-width:400px) and (min-width:0px) {
	.car-holder{width:290px!important; overflow:scroll; overflow-y:hidden;}
}
@media (max-width:1130px) and (min-width:992px) {
	.car-holder{width:310px!important; overflow:scroll; overflow-y:hidden;}
}
@media (max-width:991px) and (min-width:0px) {
.banner-content .row, .banner-content .container{width:100%; margin:0!important;padding:0!important}
.content_area_left_alt{background: url(/images/bg-below-banner-content-area.jpg) top left repeat-x, linear-gradient(white, #E6E6E6);width:100%!important}
	.homepage_banner_box{min-height:212px;}
	#homepage_banner_container_mobile{min-height:200px; background-position:center center; background-size:cover; background-repeat: no-repeat; }
}
/*** Media Queries ***/
@media (max-width: 320px){
	.main_navigation{display: none;}
    
    .points-title-box{margin-left: 30px !important}
    .box-container, .item-reward-box{ flex-direction: column; }
    .red-icon-reward > .row > .col-md-8 > h3 {text-align: left !important;}
    .red-icon-reward > .row > .col-md-2 > i {padding-left: 31px!important;}
    .item-reward-box{margin-bottom: 0px !important;}
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	#something{display: none;;}
	.main_navigation{display: none;}
	/*.homepage_banner_selection_box{display: none;}*/
	.navbar{display: block;}
	#alerts{position:absolute; z-index:999999;  width:330px; right:10px; top:649px; text-align:left; color:#FFFFFF; background-color:#D11C26;  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: #a6a6a6; padding:10px 20px;}
	#instruction_agree{background:rgba(0, 0, 0, 0.87); width:95%; height:145px; position:absolute; z-index:0; cursor:pointer; margin-top:55px; margin-left:10px;margin-right:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
	.routing{float:none ;clear: right; margin: 0; padding: 0; width: 100%; text-align: center;}
.routing p{padding: 0; margin: 0; width: 100%; text-align: center;}
	.news img{ width: 100%}
    
    .points-title-box{margin-left: 30px !important}
    
    .box-container, .item-reward-box{ flex-direction: column; }
    .red-icon-reward > .row > .col-md-8 > h3 {text-align: left !important;}
    .red-icon-reward > .row > .col-md-2 > i {padding-left: 31px!important;}
    .item-reward-box{margin-bottom: 0px !important;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	/*.homepage_banner_selection_box{display: none;}*/
	.app_navigation_container{padding: 0 20px;}

	/*** Footer ***/
	.footer_container .row > div{width: 100%;}
	.footer_logos{width: 100%;}
	.footer_logos li{width: 32%;}
	
	.community_events_image{width:auto; float: right;}
	#alerts{position:absolute; z-index:1000;  width:350px; right:50px; top:649px; text-align:left; color:#FFFFFF; background-color:#D11C26;  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: #a6a6a6; padding:10px 20px;}
	#instruction_agree{background:rgba(0, 0, 0, 0.87); width:97%; height:145px; position:absolute; z-index:0; cursor:pointer; margin-top:55px; margin-left:10px;margin-right:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
    
    .points-title-box{margin-left: 30px !important}
    
    .box-container, .item-reward-box{ flex-direction: column; }
    .red-icon-reward > .row > .col-md-8 > h3 {text-align: left !important;}
}

/* Small Devices, Tablets */

@media(max-width: 992px){
	.banner_container{width:100%!important;}
	.subpage-banner{width:100%!important;}
}

@media only screen and (min-width : 768px) {
	
	#homepage_banner_container{width: 100%;}
	.news img{ width: 40%}
	.routing{float: right; clear: right; margin: 0; padding: 0; width: auto; text-align: right;}
    .routing p{padding: 0; margin: 0;}
	.main_navigation{display: block;}
	.h1.logo, h1.logo{width: 216px; float: left;}
	.h1.logo a, h1.logo a{width: 216px; background: url(/images/bg-logo.jpg) top left no-repeat;}
	a.header_become_a_member{float: right; max-height:37px; text-indent: -99999px; overflow: hidden; width: 170px; background: url(/images/bg-become-a-member.jpg) top left no-repeat; border-radius: 0px; box-shadow: none;}
	a.header_become_a_member:hover{background: url(/images/bg-become-a-member.jpg) bottom left no-repeat;}
	a.header_hacerse_miembro{background: url(/images/bg-become-a-member-spanish.jpg) top left no-repeat; box-shadow:none;}
	a.header_hacerse_miembro:hover{background: url(/images/bg-become-a-member-spanish.jpg) bottom left no-repeat;}
	.slide-down-become-member{float:right; height:1px; display:inline-block; opacity:0; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
	.slide-down-become-member.slidedown{height:37px!important; opacity:1;}
	.small_header_navigation{float: right; display: inline-block; margin:10px 10px 0 0; color: #97847a; width: auto;}
	.social_icons{display: block;}

	/*** Navigation ***/
	.main_navigation li a{min-height: 70px;}
	ul.navigation_box li a{min-height: 0px;}
	ul.navigation_box{width:749px; top: 69px;}
	.main_navigation:not(.main_navigation_spanish) .navigation_link_4 > a,
	.main_navigation:not(.main_navigation_spanish) .navigation_link_5 > a{padding: 24px 0 0 !important;}
    .navigation_link_2 ul.navigation_box{left:-123px;}
	.navigation_link_3 ul.navigation_box{left:-260px;}
	.navigation_link_4 ul.navigation_box{left:-417px;}
	.navigation_link_5 ul.navigation_box{left:-496px;}
	.navigation_link_6 ul.navigation_box{left:-584px;}
	.navbar{display: none;}

	/*** Spanish Navigation ***/
	.main_navigation_spanish .navigation_link_2 ul.navigation_box{left:-115px;}
	.main_navigation_spanish .navigation_link_3 ul.navigation_box{left:-273px;}
	.main_navigation_spanish .navigation_link_4 ul.navigation_box{left:-403px;}
	.main_navigation_spanish .navigation_link_5 ul.navigation_box{left:-525px;}
	.main_navigation_spanish .navigation_link_6 ul.navigation_box{left:-591px;}

	/*** Banner Area ***/
	#homepage_banner_container{width: 100%;}

	/*** Search Area ***/
	.search_area{float: right; clear: right; margin: 17px 0 0 0; width: 254px; height: 36px; overflow: hidden; border:1px solid #c5c5c5;}
	.search_form{width: 254px; height: 36px; overflow: hidden; background: #FFF; border: none; padding: 0; margin: 0;}
	.search_input{float: left; background: #FFF; border: none; padding: 0; margin: 0; font-size: 1em; color: #7F7F7F; padding-left: 10px; width: 190px}
	.search_button{background: #c5c5c5 url(/images/bg-search-button.png) center center no-repeat; padding: 2px 20px 12px; margin: 0; border: none; float: right;}
	.search_button:hover{background: #565656 url(/images/bg-search-button.png) center center no-repeat; cursor: pointer;}

	/*** Rates ***/
	.rates{padding: 0 0 20px;}
	.rates li{text-align: left;}

	/*** Content Area ***/
	body{padding-top: 0px;}
	.content_area h2, .content_area .h2{padding: 20px 0 30px 10px!important; margin: 0 ; background: transparent; text-align: left;}
	.content_area h2, .content_area .h2{background: url(/images/bg-content-area.jpg) 10px 0px;}
	.content_area_right h2, .content_area .h2, 
	/**.content_area_left h2:not(:first-child),.content_area_left_alt h2:not(:first-child),.content_area_left .h2:not(:first-child),.content_area_left_alt .h2:not(:first-child){margin: 0; background: url(/images/bg-content-area-without-shadow.jpg) 10px 0px;}**/
	/*** ATM Locator ***/
	.atm_locator{width:80%; text-align: left;margin: 0 50px;}
	.atm_search_label{width: 100%;}

	/*** Branches / ATMS ***/
	.finance_manager_left{width: 27%; margin-right: 20px; display: inline-block;}
	.finance_manager_right{width: 68%;display: inline-block;}
	.atms_listing{padding: 0 !important;}
	.atms_intro{padding: 0 !important;}
	.atms_title_underline{padding: 0 !important;}
	.branches_listing{padding: 0 !important;}
	
	/*** News ***/
	.news{padding:0 !important;}

	/*** FORMS ***/
	form.about-form,
	form.authorization-form{padding: 0 20px;}
	form.about-form dt,
	form.authorization-form dt{width: 25%; float: left; margin:0 20px 20px;}
	form.about-form dd, 
	form.authorization-form dd{margin: 0 20px 0; width: 40%; }
	
	/*** Footer ***/
	.copy{padding: 0;}
	
	.community_events_image{width:auto; float: right;}
	
	/** ATMs Map Dev **/
	#map-header{padding:0 !important;}
	#atms_map_intro{padding:0 !important;}
	#atms_search .submit{width:100%; height:initial; font-size: 1.2em; font-style: normal; font-weight: 400;}
	.search_by{padding-right:40px !important; min-height:330px;}
	.coop_network{padding-right:40px !important; min-height:220px;}
	.coop_network_container{width:100%;}
	#coop_logo{float:left; padding-right:10px; height:100% !important; padding-bottom:30px !important;}
	.view_map_link{background: url(/images/map.png) bottom right no-repeat; padding-right:22px;}
	#search-results{padding-top:0 !important;}
	#atms_list_table td{padding:0; text-align:initial;}
	
	/* Alerts */
	#alerts{position:absolute; z-index:999999;  width:500px; right:50px; top:497px; text-align:left; color:#FFFFFF; background-color:#D11C26;  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: #a6a6a6; padding:10px 20px;}
	#alerts ul{ list-style:none; padding:0; margin:0;}
	#alerts ul li{padding-bottom:5px;}
	#alerts ul h3, #alerts ul .h3{color:#FFFFFF; padding:0px; margin:0px; line-height:1; }
	#alerts ul  li a{color:#ffe300; text-decoration:underline; font-size:.9em;}
    #alerts ul  li p{padding-top:5px; line-height:1.3; letter-spacing:0.04em;}
    #alerts ul  .alert-date{font-size:.9em;}
	#alerts_close{color:#ffe300; float:right; text-decoration:underline; font-size:.9em;}
	#instruction_agree{background:rgba(0, 0, 0, 0.87); width:98%; height:145px; position:absolute; z-index:0; cursor:pointer; margin-left:10px;margin-right:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
	.news-responsive-image{width: 100%;}
    
    .box-container, .item-reward-box{ flex-direction: row; }
    .red-icon-reward > .row > .col-md-8 > h3 {text-align: center !important;}
    .item-reward-box{margin-bottom: 25px !important;}

    .arrow-icon {margin-left: -5px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {	

#alerts{top:0px;}
.become-a-member-submenu{margin-top: 400px;}
	/*** Navigation***/
	.homepage_banner_selection_box{display: block;}
	.main_navigation:not(.main_navigation_spanish) .navigation_link_4 > a,
	.main_navigation:not(.main_navigation_spanish) .navigation_link_5 > a{padding: 14px 0 12px !important;}
	.main_navigation li a{min-height: 70px;}
	ul.navigation_box{width:970px; top: 70px}
	.navigation_link_2 ul.navigation_box{left:-141px;}
	.navigation_link_3 ul.navigation_box{left:-300px;}
	.navigation_link_4 ul.navigation_box{left:-488px;}
	.navigation_link_5 ul.navigation_box{left:-610px;}
	.navigation_link_6 ul.navigation_box{left:-705px;}
	.navigation_link_7 ul.navigation_box{left:-828px;}

	.main_navigation_spanish ul.navigation_box{width:940px; top: 69px}
	.main_navigation_spanish .navigation_link_1 a,
	.main_navigation_spanish .navigation_link_3 a,
	.main_navigation_spanish .navigation_link_4 a,
	.main_navigation_spanish .navigation_link_5 a, 
	.main_navigation_spanish .navigation_link_6 a{padding: 25px 0;}
	.main_navigation_spanish .navigation_link_2 ul.navigation_box{left:-151px;}
	.main_navigation_spanish .navigation_link_3 ul.navigation_box{left:-358px;}
	.main_navigation_spanish .navigation_link_4 ul.navigation_box{left:-527px;}
	.main_navigation_spanish .navigation_link_5 ul.navigation_box{left:-688px;}
	.main_navigation_spanish .navigation_link_6 ul.navigation_box{left:-772px;}
	
	/*** Individual Branches ***/
	.branch_image{width: 100%; max-width:100%;}
	.branch_information_container{padding: 10px 0 0 10px !important;}

	/*** Banner Area ***/
	.banner{background: #FFFFFF; float: left; clear: both; width: 100%; padding: 0; margin: 0; position: relative; z-index: 100; height: 552px;}
	.banner.subpage{height: 200px;}
	.banner.subpage.no_banner{display: none;}
	.banner_container{height: 200px; text-align: center; margin: 0 auto; width: 100%;background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; transition:background 0.5s linear;}
	#homepage_banner_container,#homepage_banner_container_background{height: 552px;}
	#homepage_banner_container_background{width:100%;background:top center no-repeat; position: absolute; display:block !important; left: 0; top: 0;}
	#homepage_banner_container_mobile{display: none !important;} 

	/*** Login Area ***/
	.login_container{ position: relative; z-index: 102; height:100%;}
	.homepage_login_box{width: 350px; height: 150px; float: left; margin: 25px 0 0 0; -webkit-box-shadow: 0 0 3px 1px #A6A6A6; box-shadow: 0 0 3px 1px #A6A6A6; background: #d11b26; background-color: rgba(209, 27, 38, .8);}
	.homepage_login_box_test{width: 360px; height:auto; float: left; margin: 25px 0 0 0; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); background-color: rgba(209, 27, 38, .8);}
	.new_box{background-color: rgba(209, 27, 38, .8);}
	.homepage_login_title_container{background: #ac0b15; width: 100%; border-bottom: 1px solid #b47e87; float: left;}
	.homepage_login_title{font-family: "futura-pt",sans-serif; font-style: normal; text-transform: uppercase; color: #FFFFFF; text-shadow: 0 0 4px #141414; padding: 7px 0 10px 20px; background: url(/images/bg-login-lock.png) top left no-repeat; font-weight: normal; font-size: 1em; width: 82%; margin: 7px 0 0 25px;}
	.login_area br{display: block}
	.login_area{margin:15px 0; float:left; clear:both; width:100%;}
	.login_label {color: #ffffff; text-shadow: 0 0 4px #141414;margin-left:63px;}
	.login_input{width: 180px; padding: 4px 5px; margin: 0px 5px;  }
	a#mobile_friendly{float: right; color: #FFFFFF; text-decoration: underline; margin-right:15px;}
a:hover#mobile_friendly{color: #ffe300;}
	.login_button{ background: #c46a1a; width:30%;border: none; -webkit-box-shadow: 0 0 3px 1px #444444; box-shadow: 0 0 3px 1px #444444; color: #fff; font-size: .8em;  padding: 4px 4px 3px 4px; float: right; margin: 15px 0 0 0; border-radius: 5px 5px 5px 5px;margin-right:15px;}
	.login_button:hover{background: #64a593; cursor: pointer; color: #FFD000;}
	a.login_register_link{float: right; color: #FFFFFF; text-decoration: underline; margin: 15px 10px 0 0; font-size: .9em;}
	a:hover.login_register_link{color: #64a593;}
	
	.new_login_form{width: 100%; float: left; padding: 0; margin: 0;}
	.new_login_label{float: left; width: 19%; color: #FFF; margin-bottom: 10px; margin-right: 20px; margin-left: 18px}
	.new_login_field{float: left; width: 65%; margin-bottom: 10px;}
	.new_login_field input[type="text"],.new_login_field input[type="password"]{width: 100%;}
	.new_login_button{float:right; width:30%; text-shadow: 0 0 4px #3C3C3C; background: #c46a1a;  color: #FFF; border: none; padding: 5px 0; marign-top: 10px; font-size: .9em; cursor: pointer; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);}
	.new_login_button:hover{background: #64a593;}
	.new_login_register_links{color: #FFF; margin-top: 5px; float: left; text-align: center; width: 100%; margin-bottom: 10px; padding: 0; clear: both;}
	.new_login_register_links a{color: #FFF; text-decoration: underline;}
	.new_login_register_links a:hover{color: #ffe300}
	.new_login_register_links .register{font-weight:bold; color:#ffe300;}
	.new_login_links{color: #FFF;width: 100%; padding: 0; margin: 10px 0 0 0; font-size: .9em; text-align: center; clear: both;}
	.new_login_links a{color: #ffe300;text-decoration: underline;}
	.new_login_links a:hover{color: #ffffff}
	.big-container{position: relative; height:100%;}
	/*** Homepage banner box ***/
	#homepage_banner_container .slideshow_selection_box{position: absolute; z-index:103; bottom: 59px; right: 15px;}
	.homepage_banner_box{position:absolute; z-index:103; bottom:30px; width: 360px; height:auto; padding: 10px 20px !important;float: left; clear: left; margin-top: 65px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); background: #0e5685; background-color: rgba(14, 86, 133, .8); text-align: left; transition: background 0.5s ease;}
	.homepage_banner_box:hover{background-color: rgba(14, 86, 133, 1);}
	.homepage_banner_box_title{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #9ad2d1; text-transform: uppercase; padding: 0 0 10px 0; margin: 0 0 5px 0; background: url(/images/bg-homepage-banner-box-title.png) bottom center no-repeat; width: 100%; float: left;}
	.homepage_banner_box_content{float: left; clear: both; margin: 5px 0 0 0; color: #FFFFFF; text-shadow: 0 0 4px #141414;}
	a.homepage_banner_box_link{float: right; clear: both; margin-top: 10px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); color: #fff; background: #c46a1a; padding: 5px 10px; text-decoration: none; font-size: .9em;}
	a:hover.homepage_banner_box_link{background: #a1b94b}

	/*** Homepage slideshow selection box ***/
	.homepage_banner_selection_box{padding:0px 5px;  position: absolute; right: 0; bottom:-59px; background: #FFFFFF; background-color: rgba(255, 255, 255, .8); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); padding-top: 4px;}
	.homepage_banner_selection_box a img{filter: grayscale(100%); transition: all 0.5s ease; opacity:.6; border:0px;  margin:0px 2px;  margin-top:2px; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: left;}
	.homepage_banner_selection_box a.selected img, .homepage_banner_selection_box a:hover img{filter: grayscale(0%); opacity:1; border:0px; border-right: 2px solid #F9A61A; border-left: 2px solid #F9A61A; border-top: 2px solid #F9A61A; }

	/*** Content Area ***/
	.content_area_left{min-height: 700px;background: url(/images/bg-homepage-sep.png) top right no-repeat; background-size: auto;}
	.content_area_left_alt:not(:last-child){background: url(/images/bg-homepage-sep.png) top right no-repeat; background-size: contain;}
	.content_area_left_alt{min-height: 500px;}
	.homepage_news_announcements_title,
	.current_promotions_title,
	.current_promotions_title{margin:10px 20px 0 0 !important;}
	.content_area_right h2:not(:first-child), 
	.content_area_left h2:not(:first-child),.content_area_left_alt h2:not(:first-child),.content_area_right .h2:not(:first-child), 
	.content_area_left .h2:not(:first-child),.content_area_left_alt h2:not(:first-child){margin: 0; background: url(/images/bg-content-area-without-shadow.jpg) 10px 0px;}
	.content_area_left h2:first-child, .content_area_left_alt h2:first-child, 
	.content_area_right h2:first-child,	.content_area_left .h2:first-child, .content_area_left_alt .h2:first-child, 
	.content_area_right .h2:first-child{background: none;}

	/*** ATM Locator ***/
	.atm_locator{width: 92%; text-align: left; margin: 0 30px;}
	.atm_search_label{width: 100%;}

	/*** Footer ***/
	.copy {float: right; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 1em; color: #FFFFFF; padding: 0; margin: 0; text-align: right;}
	.footer{float: left; clear: both; width: 100%; background: url(/images/bg-footer.jpg) top center repeat-x; padding: 20px 0; margin: 0;}
	.footer_container{}
	.footer_logos{float: left; margin: 0; padding: 0; list-style: none; display: inline-block;}
	.footer_logos li{float: left; margin: 0; padding: 0; list-style: none; display: inline-block; margin-right: 8px; width: auto;}
	.footer_logos li a{display: block; overflow: hidden; text-indent: -99999px; opacity: .8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	.footer_container .row > div{width: auto;}
	.footer_logos{width: auto;}
	.footer_logos li{width: auto;}
	
	/** ATMs Map Dev **/
	#map-header{padding:0 !important;}
	#atms_map_intro{padding:0 !important;}
	#atms_search .submit{width:20%; float:right; height:initial; padding-left:20px; font-size: 1.2em; font-style: normal; font-weight: 400;}
	.search_by{padding-right:40px !important; min-height:400px;}
	.coop_network{padding-right:40px !important; min-height:400px;}
	.coop_network_container{width:100%;}
	#coop_logo{float:left; padding-right:10px; height:100% !important; padding-bottom:30px !important;}
	.view_map_link{background: url(/images/map.png) bottom right no-repeat; padding-right:22px;}
#instruction_agree{background:rgba(0, 0, 0, 0.87); width:320px; height:145px; position:absolute; z-index:0; cursor:pointer; margin-top:-10px; margin-left:7px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
	#homepage_banner_container{width: 100%; position: absolute; top: 0px;}
	#something{display: block;}
    
    .box-container, .item-reward-box{ flex-direction: row; }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	ul.navigation_box{width:1170px; top: 70px}
	.navigation_link_2 ul.navigation_box{left:-172px;}
	.navigation_link_3 ul.navigation_box{left:-365px;}
	.navigation_link_4 ul.navigation_box{left:-593px;}
	.navigation_link_5 ul.navigation_box{left:-741px;}
	.navigation_link_6 ul.navigation_box{left:-854px;}
	.navigation_link_7 ul.navigation_box{left:-1003px;}

	
	.main_navigation_spanish .navigation_link_1 a,
	.main_navigation_spanish .navigation_link_3 a,
	.main_navigation_spanish .navigation_link_4 a,
	.main_navigation_spanish .navigation_link_5 a, 
	.main_navigation_spanish .navigation_link_6 a{padding: 14px 0 16px;}
	.main_navigation_spanish ul.navigation_box{width:1140px; top: 49px}
	.main_navigation_spanish .navigation_link_2 ul.navigation_box{left:-183px}
	.main_navigation_spanish .navigation_link_3 ul.navigation_box{left:-433px}
	.main_navigation_spanish .navigation_link_4 ul.navigation_box{left:-638px}
	.main_navigation_spanish .navigation_link_5 ul.navigation_box{left:-833px}
	.main_navigation_spanish .navigation_link_6 ul.navigation_box{left:-935px}
	
	/*** ATM Locator ***/
	.atm_locator{width:80%; text-align: left; margin: 0 50px;}
	.atm_search_label{width: 100%;}
    
    .box-container, .item-reward-box{ flex-direction: row; }
    
    .arrow-icon{padding-left: 45px}

}

/* Homepage Update 07/26/2020 */
.wrapper-reward-news{background:rgb(255,255,255);background:-webkit-linear-gradient(rgba(255,255,255,1) 38%, rgba(255,255,255,0) 86%);background:-o-linear-gradient(rgba(255,255,255,1) 38%, rgba(255,255,255,0) 86%);background:linear-gradient(rgba(255,255,255,1) 38%, rgba(255,255,255,0) 86%);}
.rewards-news-title{color:#65a692;font-size:30pt;}

.rewards-news-link:hover{
    background: #1e83c4 !important
}

/** News Ribbon **/
.ribbon-news-item{margin-top:10px; width:100%; height:1.5em; background:#d11631; position:relative; padding:0 1em; left:.8em; color:white; text-align:left; font-size:24pt; box-shadow:-10px 0px 4px 0px rgba(0,0,0,0.75);}
.ribbon-news-item:before{content:' ';position:absolute;width:30px;height:0;left:-20px;top:0px;border-width:24px 10px;border-style:solid;border-color:#d11631 #d11631 #d11631 transparent;}
.rewards-news-link{background:#135681 !important;}
.lead-rewards-news{margin-top:25px;}
.redbtn:hover {background: #A11517 !important;}


/* My Rewards | rewards.php */
.fl-rw-points{display:none;}
.red-icon-reward{background:#d11a30;margin-left:5px;}
.red-icon-reward > .row > .col-md-2 > em{color:#fff;font-size:36pt;padding-top:15px;padding-bottom:10px;padding-left:25px; }
.red-icon-reward > .row > .col-md-8 > h3{color:#fff;padding-right:10px; text-align:center}
.description-reward > p{padding-left:25px; padding-top: 15px;}
.box-container{display:flex;}
.box-container > div{flex:1 1 5px auto; margin:5px; padding:3px 15px;}
.blue-box{background:#0a5688;color:#fff;flex:1 1 0px }
.blue-box > p{margin:0 0 10px !important;}
.red-box{background:#D11A30;color:#fff;flex:1 1 0px }
.yellow-highlight{color:#f7a91b;}
.yellow-check{color:#f7a91b;}
.points-title-box{margin-top:12px !important;margin-left:5px; text-align: center;}
.box-title{margin-top:5px !important;}
.gray-box-wrapper{padding:0 17px 0 17px !important;}
.gray-box-sidebar{background:#f2f2f2;padding:10px 15px 10px 15px !important;margin-bottom:25px;}
.gray-box-whitespace{background:#fff;padding:10px 15px 10px 15px !important;}
.gray-box-whitespace > p{text-align:center;}
.gray-box-title{color:#ec2c4b;font-weight:500;text-align:center;}
.love-my-credit-union-img{float:left;}
.gray-box-gray-title{color:#676779;}
.bigger-text{font-size:16pt;}
.red-text{color:#ec2d46;}
.redbtn{background:#d11a30 !important;color:#fff;border-radius:0 !important;}

.gray-box-sidebar:hover{
    background-color: #d7d7d7 !important;
      transition: background-color 0.5s ease-out;
      -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
}

.gray-box-link{
    color: #000;
}

.gray-box-link:hover{
    text-decoration: none;
        color: #000;
}

.sidebar-additional-title{
    color: #105685;
    text-align: center;
    font-size:22pt;
}

.description-reward{
    background: #ededed;
}

.item-reward-box{
    margin-bottom: 20px;
    display: flex;
}

.arrow-icon{
    color: #fff;
    font-size: 36pt;
    padding-top: 10px;
}

.purchase-rewards-image{
    float: right;
    margin-top: -17px;
}

.purchase-title{
    text-align: left;
}

.earn-points-title{
    color: #135681;
    font-size: 32pt;
}

.red-highlight{
    color: #d11631;
}

/* New Menu, relies on some of the old styles, placed at bottom to override existing when needed */
/*
.main-menu .menu > li > a{transition:all 0.15s ease;}
.main-menu .menu > li{transition:all 0.15s ease;}
*/

.main-menu ul{list-style-type:none;}
.menu{box-sizing:border-box; margin:0; padding:0; font-family:"futura-pt",sans-serif; text-transform:uppercase; font-size:.9em; line-height: 1.3; font-weight:400; text-shadow:0 0 4px #141414;}
.menu{background-color:#A8010A;}
.menu li{padding:0px;}
.menu{display:flex; align-items:center; text-align:center; width:100%; margin:0px 0%;  position:relative;}
.nav-submenu{width:100%; position:absolute; top:0; left:0; font-size:.9em; display:flex; flex-direction:column; z-index:900000;}
/*.nav-submenu li{text-align:center!important;}*/
.nav-submenu > ul > li{padding: 14px 0 12px 0;}
.nav-submenu > ul > li >ul{margin-top:5px!important;}
.nav-submenu a:hover{color:#FFD000; text-decoration:none;}
.nav-submenu{display:none;}
.menu-item{flex:1;}
.menu-item:hover .nav-submenu{display:flex;}
.menu-item{
	box-shadow: -3px 0px 3px 0px rgba(3,3,3,0.5) inset;
}
.menu-item > a{text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; min-height:70px; vertical-align:middle; display:flex; align-items:center; justify-content:center; padding-left:10px; padding-right:10px;}
/*.menu-item:hover > a{color:#FFD000; text-decoration:none;}*/
.menu-item > a.selected{color:#FFD000;}
.menu-item:nth-child(1), .menu-item:nth-child(1) .nav-submenu{background:#d11c26;}
.menu-item:nth-child(2), .menu-item:nth-child(2) .nav-submenu{background:#402d1c;}
.menu-item:nth-child(3), .menu-item:nth-child(3) .nav-submenu{background:#c46a1a;}
.menu-item:nth-child(4), .menu-item:nth-child(4) .nav-submenu{background:#a1b94b;}
.menu-item:nth-child(5), .menu-item:nth-child(5) .nav-submenu{background:#64a593;}
.menu-item:nth-child(6), .menu-item:nth-child(6) .nav-submenu{background:#0e5685;}
.menu-item:nth-child(7), .menu-item:nth-child(7) .nav-submenu{background:#5c8ea7;}

.main-menu .menu > li > a:hover{color:#ffffff;}
.menu-item:nth-child(1):hover{background:#de1d26;}
.menu-item:nth-child(2):hover{background:#593f27;}
.menu-item:nth-child(3):hover{background:#d4711c;}
.menu-item:nth-child(4):hover{background:#a9c24f;}
.menu-item:nth-child(5):hover{background:#6aad9a;}
.menu-item:nth-child(6):hover{background:#11669e;}
.menu-item:nth-child(7):hover{background:#69a3bf;}

@media only screen and (max-width:760px){
	.main-menu, .social-icon-container.desktop{display:none;}
	.homepage_banner_box_container{padding:0px;}
	
}

@media only screen and (max-width: 992px){
	.full-width-after{width:100%!important;}
	.big-container{margin-right: 0px;}
	.login_container{padding-left:0px; padding-right:0px;}
	.banner_container{background-image:none;}
	#mobile_friendly{display:none!important;}
}

#google_translate_element{position:fixed; top:15px; left:15px; z-index:9000;}

@media only screen and (max-width: 760px){
	.desktop-video-button{display:none;}
}

/*  Time Based entries Starting 2022  */
.desktop-video-button{position:fixed; top:40px; right:40px; height:100px; width:100px; background-size:contain; background-image:url("/images/video-banking-button.png"); background-repeat:no-repeat; background-color:transparent; cursor:pointer; z-index:1000!important;}
.mobile-video-button img{width:150px; margin-left:10px; margin-top:8px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius:4px; padding:6px;}
body{overflow-x: hidden;}
.desktop-video-button .tooltiptextvideo{visibility:hidden; width:100px; background-color:black; color:#fff; text-align:center; border-radius:6px; padding:5px 0; position:absolute; z-index:1; bottom:-90px;}
.desktop-video-button:hover .tooltiptextvideo{visibility:visible;}

.goto-luna{position:absolute; z-index:104; margin-top:35px; left:235px; background:#d11a30; overflow:hidden; max-width:60px; border-radius:50%; border:3px solid #004173; transition:all 0.25s ease-in-out;}
.goto-luna img{ width:100%; z-index:1; position:relative; transition:all 0.25s ease-in-out;}
.goto-luna .chat-text{display:flex; justify-content:center; width:100%; text-align:center; top:18px; left:60px; position:absolute; z-index:10; color:#ffffff; letter-spacing:2px; font-weight:bold; font-size:.9em; transition:all 0.25s ease-in-out;}
.goto-luna:hover{border-color:#d11a30;}
.goto-luna:hover img{opacity:0;}
.goto-luna:hover .chat-text{left:1px;}
.goto-luna:hover .chat-text span:nth-of-type(1){
	animation: moveInRight .175s ease-out .175s;  
	animation-fill-mode:backwards;
}
.goto-luna:hover .chat-text span:nth-of-type(2){
	animation:moveInRight .175s ease-out .350s;  
	animation-fill-mode:backwards;

}
.goto-luna:hover .chat-text span:nth-of-type(3){
	animation:moveInRight .175s ease-out .525s;  
	animation-fill-mode:backwards;

}
.goto-luna:hover .chat-text span:nth-of-type(4){
	animation:moveInRight .175s ease-out .700s; 
	animation-fill-mode:backwards;
}
@keyframes moveInRight{
	0%{opacity:0;transform:translateX(100px);}
	80%{transform:translateX(-2px);}
	100%{opacity:1; transform:translateX(0);}
}
@media(max-width:768px){
	.goto-luna{left:50%; transform:translateX(120px); margin-top:-90px;}
}

.loan-officers img{height:164px; width:144px; object-fit:cover; object-position:center top;transform: translate3d(0, 0, 1px);}
#posh-widget-button{z-index:102!important;}
@media only screen and (max-width:760px){
#poshie-widget-chat{margin-top:50px;}
}


.exit-modal-overlay{position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background-color:#ffffff; opacity:0; visibility:hidden; z-index:50000; transition:opacity 0.25s ease 0s, visibility 0.35s linear;}
.exit-modal-overlay.state-show{opacity:.7; visibility:visible; transition-delay:0s; transition-duration:0.2s, 0s;}
.exit-modal-frame{position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; z-index:50010; display:flex; align-items:center; justify-content:center; width:100%; max-width:1140px; text-align:center; visibility:hidden;}
.exit-modal-frame.state-appear{visibility:visible;}
.exit-modal-frame.state-appear .exit-modal-inset{animation:exitModalOpen 0.25s ease; visibility:visible;}
.exit-modal-frame.state-appear .exit-modal-body{opacity:1; transform:translateY(0) scale(1, 1);}
.exit-modal-frame.state-leave{visibility:visible;}
.exit-modal-frame.state-leave .exit-modal-inset{animation:exitModalClose 0.35s ease 0.1s; visibility:visible;}
.exit-modal-frame.state-leave .exit-modal-body{opacity:0; transition-delay:0s; transition-duration:0.35s; transition-timing-function:ease; transform:translateY(25px);}


.exit-modal{display:block; vertical-align:middle; text-align:center;}
.exit-modal-inset{position:relative; padding:40px 60px; background-color:#ffffff; min-width:320px; min-height:126px;
  margin:auto; visibility:hidden; box-shadow:2px 2px 8px 1px rgba(0, 0, 0, 0.2); backface-visibility:hidden; transform:translate3d(0, 0, 0); transform-style:preserve-3d;}
@media(max-width:768px){
    .exit-modal-inset{padding:20px 15px;}
}
.exit-modal-inset .exit-modal-close{display:block; cursor:pointer; position:absolute; font-size:30px; top:10px; right:10px; padding:10px; opacity:.4;}
.exit-modal-inset .exit-modal-close:hover{opacity:1;}
.exit-modal-body{margin:auto; opacity:0; transform:translateY(0) scale(0.8, 0.8); transition-property:opacity, transform; transition-duration:0.25s; transition-delay:0.1s;}
.exit-modal-body h3{font-weight:700; padding-bottom:22px; display:block; color:#E33C3B; text-align:center;}
.exit-modal-body p{hyphenate-limit-chars:7; hyphens:auto; text-align:justify; text-wrap:pretty; padding-bottom:20px;}
.exit-modal-body a{font-family:"futura-pt", sans-serif; font-style:normal; line-height:1; font-weight:400; font-size:20px; color:#ffffff; background-color:#0f5884; padding-left:17px; padding-right:17px; padding-top:9px; padding-bottom:9px; transition:all .15s ease-in-out;}

.exit-modal-body a:hover{text-decoration:none; background-color:#11669e;}
.exit-modal-body .ps{font-size:12px; opacity:.3;}

@keyframes exitModalOpen{
    0%{visibility:hidden; opacity:0; transform:scale(0.8, 0.8);}
    65.5%{transform:scale(1.03, 1.03);}
    100%{visibility:visible; opacity:1; transform:scale(1, 1);}
}

@keyframes exitModalClose{
    0%{visibility:visible; opacity:1; transform:translateY(0) scale(1, 1);}
    100%{visibility:hidden; opacity:0; transform:translateY(35px) scale(0.97, 0.97);}
}
