@media only screen and (min-width: 768px) { .page-template-template-left_right .account-bar.checking_box.topspace, .page-template-template-checking .account-bar.checking_box.topspace{ padding-top:17px} } @media only screen and (max-width: 1900px) { .callouts .left { width: 58%; } } @media only screen and (max-width: 1400px) { .callouts .left { width: 56%; } .banner_img{ background-size:auto 450px} .premier_partner{ margin-left:150px} .premier_partner + .wpcf7-mail-sent-ok{ padding:0 320px 0 0} } @media only screen and (max-width: 1100px) { .premier_partner + .wpcf7-validation-errors{ padding:0 178px 0 0} .search-section h2 { margin-bottom: 25px; font-size: 30px; line-height: 38px; text-align: center; } .search-section .search_pop .inner_wrapper { width: 90%; } .search-section .search_result_pop { width: 95%; } } @media only screen and (max-height: 900px) { .slider-bar { height: 650px; } .search-section .search_pop .close_icons { margin: 24px 130px 0px 0px; font-size: 20px; } .search-section .search_pop .close_icons:after { font-size: 27px; } .search-section .search_pop .searchs { margin-top: 30px; } .slider_names { bottom: -11px; position: absolute; } .slider_names2 { position: relative; bottom: inherit; } .slider_names3 { bottom: 0; position: relative; } } @media only screen and (min-height: 640px) and (max-height: 767px) { .slider-bar { height: 500px; } .slider-bar .text { bottom: 54%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { #content-part .mid_bg { padding:0 15px !important;} } @media only screen and (max-width: 1350px) { img.content__image { max-width: inherit; min-height: 460px; width: auto; } } @media only screen and (max-width: 1069px) { .bank_tab-bar ul.r-tabs-nav li a { width: 323px; } .social-bar { top: 470px; } .bank_tab-bar ul.r-tabs-nav { margin: 1px 0 0 -5px; } footer .left_box { padding-left: 0; width: 65%; } footer .left_box .links li { margin-right: 7px; padding-right: 11px; } footer .right_box { width: 33.3%; } .bank_tab-bar ul.r-tabs-nav:before { left: -2px; width: 15px; } .bank_tab-bar ul.r-tabs-nav:after { right: 7px; width: 15px; } .bank_tab-bar .wrapper { max-width: 994px; height: 500px; } .bank_tab-bar ul li a img { margin-left: 28px; } .bank_tab-bar ul li:nth-child(3) a img { margin-left: 45px; } .bank_tab-bar ul li:nth-child(2) a img { margin-left: 25px; } .nav-bar .bank .btn { margin-right: 5px; } .nav-bar .text { margin-right: 35px; } #content-part .top_bg { width: 994px; background-size: 1020px auto; padding-top: 40px; } .community-bar { padding-left: 20px; } .community-bar .right { width: 38%; } footer .text { width: 65%; padding-left: 0; } .bank_tab-bar .text { padding-top: 30px; } /*.banner_img { background-size: auto auto }*/ .page-template-template-checking .account-bar.checking_tips ul li { min-height: 205px; } .archive .account-bar.space { padding-right: 0px; } .news-bar-right { right: 0px; } .news-bar-right.sticktoright { transform: translateX(216%); -webkit-transform: translateX(216%); } .archive .news-bar-right { width: 24%; max-width: 216px; } .page-id-240 .blue_block-bar h3 { padding-left: 64px; font-size: 23px; line-height: 36px; width: 63%; } .big_menu .top .top_nav .number { font-size: 25px; padding-left: 0px; } .all_join_community .community { width: 226px; padding: 20px; vertical-align: top; margin-right: 20px; margin-bottom: 20px;} .all_join_community .community h3 { font-size: 22px; line-height: 27px; margin-bottom: 15px;} .all_join_community .btn { padding-left: 16px;} .all_join_community .community img { height:70px; margin-bottom: 20px;} .callouts .left { width: 56%; } .nav-bar .bank .btn { margin-top: -240px !important; } .callouts .left { width: 53%; padding-left: 30px; } .callouts .images { width: 47%; } #content-part .mid_bg.blank { width: 994px; } #content-part .mid_bg { padding-left:0; padding-right:0; } .category #content-part .mid_bg, .date #content-part .mid_bg, .search #content-part .mid_bg, .tag #content-part .mid_bg { padding-right: 30px; } img.content__image { max-width: inherit; min-height: 460px; width: auto; } footer .left_box .social { padding: 32px 0 0 10px; } footer .left_box .social li { margin: 0 10px 0 0; } .nav-bar .borrow ul { width: 225px; } .nav-bar .bank .btn { margin: 0px !important; } .full_z a.btn { font-size: 14px; } footer .full_z a.btn:last-child { margin-left: 20px; } } @media only screen and (max-width: 1023px) { #header-part .header_menu_tab { display:block; /*padding-top:10px !important;*/} .big_menu .left { height: 605px; } .nav-bar li a.menu_heading { margin-left: 0px; } footer .full_z a.btn:last-child { margin: 20px 0 0; } .alphabets_titles li{ padding:0 5px;} .warning-bar p { font-size:15px;} /*************My Css Edit 15-jan-2016 Starts********************/ body.page-template-template-why_credit_unions #content-part .wrapper { max-width: 727px; } /*************My Css Edit 15-jan-2016 Ends********************/ .all_join_community { margin-bottom: 10px;} .all_join_community .community { width: 200px; } .slider-bar ul.slides li img { min-width: 950px; } .slider-bar, .slider-bar ul.slides li { height: 601px; } .slider-bar .text { bottom: 180px; } #content-part .top_bg { width: 768px; max-width: 97%; background-size: 788px auto; padding-top: 30px; } .community-bar .left { padding-left: 20px; } #content-part .midbgnew { width: 768px; background-size: 788px auto;} .community-bar .image { width: 120px; } #content-part .mid_bg { padding: 0 20px; } .community-bar h2 { font-size: 21px; line-height: 28px; } .community-bar h3 { font-size: 19px; } .community-bar p { line-height: 24px; font-size: 15px; padding: 0; } .community-bar .right { padding-right: 40px; } .bank_tab-bar .text { padding-top: 45px; } .bank_tab-bar .wrapper { max-width: 768px; } .slider-bar h2 { font-size: 36px; line-height: 44px; } .slider-bar p { font-size: 18px; line-height: 24px; } .bank_tab-bar ul { margin: 1px -4px 0; } .bank_tab-bar ul.r-tabs-nav li a { width: 248px; height: 110px; } .bank_tab-bar ul li:nth-child(2) a { width: 250px; } .bank_tab-bar ul li a img { margin-left: 10px; width: 80px; } .bank_tab-bar ul li a span { padding-top: 25px; font-size: 32px; line-height: 38px; } .bank_tab-bar ul li.r-tabs-state-active::before { bottom: -25px; } .bank_tab-bar ul.r-tabs-nav:before { display: none } .bank_tab-bar ul::after { display: none } .bank_tab-bar .wrapper { height: 400px; } .bank_tab-bar ul li:nth-child(2) a img { margin-left: 20px; width: 80px; } .bank_tab-bar ul li:nth-child(3) a img { margin-left: 20px; width: 80px; } .bank_tab-bar ul li.r-tabs-state-active { margin: -8px; border: 8px solid #549bd3; } .bank_tab-bar ul.r-tabs-nav:before { left: -2px; width: 15px; height: 110px; } .bank_tab-bar ul:after { right: -2px; width: 15px; height: 110px; } .bank_tab-bar ul li:nth-child(2) a::after, .bank_tab-bar ul li:nth-child(2) a::before { height: 97px; } .involvement-bar { padding: 15px; margin: 20px auto 0; max-width: 768px; } .involvement-bar .left { width: 48%; padding-top: 0px; } .involvement-bar .right { width: 48%; margin-right: 0; } .social-bar { display: none; } .slider-bar .wrapper { padding-left: 65px; max-width: 768px; } .slider-bar .flex-next, .slider-bar .flex-prev { width: 24px; background-size: 24px auto; background-position: center center; } .bank_tab-bar .text { width: 610px; } .bank_tab-bar .text { padding-top: 55px; } .bank_tab-bar p { padding-bottom: 20px; line-height: 20px; } .involvement-bar ul li strong { font-size: 45px } .big_menu { height: 406px; } .big_menu .wrapper { height: 403px; } .big_menu .link { padding-top: 103px; } .wrapper { max-width: 798px; } footer .left_box .links li { margin-right: 2px; padding-right: 8px; font-size: 13px; } footer .left_box { width: 72%; } footer .right_box { width: 28%; } footer .left_box .links { padding-bottom: 0; } footer .left_box .f_logo { margin: 0 15px 5px 0; width: 100px; } footer .left_box address { font-size: 13px; line-height: 16px; } footer .left_box address strong { font-size: 14px; padding-bottom: 3px; } footer .left_box .social { padding-left: 5px; } footer .left_box .social li { margin: 0 5px; } footer .right_box .r_no { padding: 0; font-size: 13px; } footer .right_box .tel { font-size: 22px; } footer .right_box { padding: 15px 10px 15px 35px; } footer .right_box img { margin: 17px 0 29px 6px; } footer .right_box p { margin-left: 1px; } footer .right_box { min-height: 225px; } footer { border-width: 20px; } footer .left_box .social li a { width: 42px; height: 42px; } footer .left_box .row { padding: 15px 0 5px; } .big_menu { } .big_menu .left { left: -120px; } .big_menu .link { width: 180px; } .big_menu .link li a { height: 50px; line-height: 50px; font-size: 24px; background-size: 55px auto; background-position: left 0px; } .big_menu .link li a:hover, .big_menu .link li.current a { background-position: left -45px; } .big_menu .top { padding-bottom: 20px; margin-bottom: 15px; position: relative; } .nav-bar .bank .btn { margin-top: -33px; margin-right: 37px; } .big_menu .link li a { padding-left: 60px; } .nav-bar li { padding-bottom: 13px; } .big_menu .top p { position: absolute; bottom: 5px; left: 25px; } .nav-bar .text { margin: 5px 8px 0 0; width: 260px; padding: 20px; } .btn span { padding-right: 50px; } .big_menu .btn span { font-size: 13px; } .nav-bar .text h3 { font-size: 22px; line-height: 24px; padding-bottom: 5px; } .nav-bar .text p { font-size: 16px; line-height: 20px; padding-bottom: 10px; } .big_menu .top .top_nav ul { padding-left: 0px; } .big_menu .top .top_nav .number { font-size: 16px; line-height: 22px; margin-top: 8px; } .big_menu .top .top_nav li { padding: 0 5px; } .big_menu .top .top_nav li a { font-size: 13px; } .route_num { margin-right: 48px; } .route_num p span { letter-spacing: 2px; } .nav-bar li a { font-size: 15px; } .nav-bar .bank ul { width: 230px; } footer .text { width: 72%; } .banner-bar img { margin-left: -230px; min-width: 1250px; } .banner-bar, .banner-bar.small { height: auto; } .account-bar, .account-bar.remote, .account-bar.student { padding: 15px 0 20px; min-height: inherit; } .account-bar.spacer2, .account-bar.col_left, .account-bar.col_left.spacer { padding: 35px 0; } .account-bar h2 { padding-bottom: 20px; letter-spacing: 0; } .account-bar p { padding-bottom: 20px; line-height: 25px; } .blue_block-bar h3, .blue_block-bar.spacer h3 { padding-left: 15px; font-size: 28px; width: 66%; margin-right: 0; } .blue_block-bar .btn { float: right; margin-right: 15px; } #back-to-top { text-indent: -9999px; width: 40px; height: 40px; background-size: 40px; padding: 0; } .account-bar .text h4 { font-size: 32px; line-height: 38px; } .account-bar .text { padding: 30px 15px; } .account-bar .app span { padding: 15px 0; font-size: 36px; line-height: 44px; } .account-bar .download_app h3 { font-size: 36px; line-height: 44px; padding-bottom: 15px; } .account-bar .balance li { padding: 10px 15px; } .account-bar .balance li strong, .account-bar .balance li cite { font-size: 25px !important; } .account-bar .balance h3 { font-size: 30px; } .banking_promo-bar .right { margin: 15px 7.5% 0 0; } .banking_promo-bar .left { padding-left: 0; padding-bottom: 20px; width: 57%; } .banking_promo-bar .close_btn { right: 15px; } .account-bar.mortgage h2 { padding-bottom: 15px; } .account-bar h2 { font-size: 30px; } .account-bar h3 { /*font-size: 22px;*/ } .account-bar .text.small h4 { font-size: 22px; line-height: 30px; } .account-bar .icon h4 { font-size: 20px; line-height: 28px; } .account-bar .icon.small { margin: -3px 0 0; } .banner-bar h2 { font-size: 44px; } .banner-bar h2 span { padding-bottom: 0; } .about-bar { padding: 0; } .about-bar .text { padding: 10px 0 0 45px; } .about-bar .button ul { max-width: 560px; } .serve-bar .logo li { min-height: 180px; } .serve-bar .logo li a { padding: 0 10px; display: block; } .serve-bar .logo ul { padding-left: 0; } .serve-bar, .following-bar { padding-left: 0px; padding-right: 0px; } .serve-bar .text ul { max-width: 85%; padding: 0; } /* infographic-css */ .infogrpahic_box1 { min-height: 483px; background-size:70% auto; } .cloud-img img.cloud-slide { width: 250px;} .car-img img.car-slide { width: 150px;} .infogrpahic_box2 { min-height: 400px } .infogrpahic_box2 .pigcol { width: 155px;} .gino-coin { background-size:24px auto; height: 355px;} .pigcol img.gino { left: -8px; top: 335px; width: 100px;} .jerry-coin {background-size:32px auto; height: 160px;} .pigcol img.jerry { left: -22px; top: 130px; width: 140px;} .pol_coin { background-size: 28px auto; height: 425px;} .pigcol img.police { left: -12px; top: 361px; width: 110px;} .sch_coin {background-size: 17px auto; height: 190px;} .pigcol img.school { left: -7px; top: 180px; width: 70px;} .library-coin { background-size: 22px auto; height: 265px;} .pigcol img.local_library { left: -9px; top: 246px; width: 90px;} .infogrpahic_box2 .common_container { width: 370px;} .infogrpahic_box3 { min-height: 400px } .infogrpahic_box3 .dollar { width: 525px;margin: 0 -48px 0 0;} .infogrpahic_box4 { min-height: 400px; background-position:center bottom; } .infogrpahic_box4 img.dollars { bottom: 20px; left: 98px; width: 155px;} .infogrpahic_box4 .roof { bottom: 74px; left: 25px; width: 310px;} .infogrpahic_box4 .home-back { bottom: 25px; left: 50px; width: 245px;} .infogrpahic_box4 .home-front { bottom: 10px; left: 50px; width: 250px;} .infogrpahic_box4.active .roof { bottom: 155px; } .infogrpahic_box4.active .dollars { bottom: 100px; } .infogrpahic_box5 { min-height: 400px } .infogrpahic_box5 .common_col .dollar_bunch ul li { background-size:100% auto; width: 38px;} .infogrpahic_box5 .common_col .dollar_bunch ul.small li { min-height: 43px;} .infogrpahic_box5 .common_col .dollar_bunch ul.big li { min-height: 176px;} .common_container { min-height: 400px } .infogrpahic_box6 { min-height: 400px } .infogrpahic_box6 .earth { background-size:60% auto;} .infogrpahic_box7 { min-height: 400px } .infogrpahic_box7 .progress_img { background-size:cover !important; margin-top: 90px; min-height: 200px; width: 200px;} .infogrpahic_box7 .progress_img::after { background-size:cover !important;} .infogrpahic_box8 { min-height: 400px } .infogrpahic_box9 { min-height: 400px } .infogrpahic_box9 .infogrpahic_box9_inner { min-height: 160px;} .infogrpahic_box9 .person_hand { width: 400px;} .infogrpahic_box9 .puppy { margin: -80px 0 0 18%; width: 90px;} .infogrpahic_box9 .common_container { min-height: 340px;} .infogrpahic_box9 .common_container .box.left { top: 18% } .infogrpahic_box10 { min-height: 400px } .pie_chart_sec { margin-bottom: 10px;} .pie_chart_sec:first-child { margin-top: 10px;} .infogrpahic_box11 { min-height: 400px } .infographic_box1_content .slide_box .slide_content h2 { font-size: 50px; line-height: 55px; padding-bottom: 15px } .infographic_box1_content .slide_box ul.pagging li { padding-bottom: 5px } .common_container .box { max-width: 340px } .common_container .box p { font-size: 20px; line-height: 25px } .infogrpahic_box3 .common_container .box { max-width: 360px } .infogrpahic_box8 .common_container .box { max-width: 320px } .infogrpahic_box8 .common_container .hello_bg{ width:350px;} .infogrpahic_box11 .common_container .box { max-width: 345px } .infogrpahic_box5 .common_container .box { max-width: 320px } .infogrpahic_box11 .common_container .congra_pic { width: 350px; margin-top: 71px } .infogrpahic_box12 { padding: 50px 40px 0 10px; min-height: 420px } .infogrpahic_box12 ul { margin-left: 0px } .infogrpahic_box5 .common_container .balance_box { width: 380px; padding-top: 30px } .infogrpahic_box5 .common_container .balance_box h3 { font-size: 23px } #infogrpahic_box3 .billion { font-size: 55px; line-height: 31px; width: 220px; right:70px; } #infogrpahic_box3 .billion sup { font-size: 35px; line-height: 14px } #infogrpahic_box3 .billion small { font-size: 30px; line-height: 30px } /* news-css */ .news_top_box .pic_details h3 { font-size: 20px; line-height: 27px } .news_top_box hr { width: 70% } /* news_open */ .news-bar-right .new_open_right h3 { font-size: 17px; line-height: 22px } /* time-line */ .time_line_container::before { top: -56px } .time_line_container ul li .pic { width: 250px; margin: -81px 0 0 -56px } .time_line_container ul li .pic.five { margin-top: -40px } .time_line_container ul li .pic.six { margin-top: -78px } /* personal_banking */ .personal_banking .left h3 { padding-top: 0px; font-size: 30px; line-height: 35px } .personal_banking { border: none } .account-bar.personal_banking.col_left { padding-top: 0px; } /* invest_retirment */ .retirment .right.retire { padding: 20px } .retirment .right.retire ul { width: 156px } .retirment .right.retire ul li { font-size: 13px; } .retirment .right.retire { width: 50% } .retirment .experts_box ul li { margin: 0 26px; vertical-align: top } .retirment .experts_box ul li .pic_details h4 { font-size: 16px; line-height: 23px } .retirment .experts_box { margin: 0px; width: 100%; padding: 30px 24px } .retirment .experts_box ul li .pic_details p a { word-wrap: break-word } .retirment .helful_box { margin: 0px; width: 100%; padding: 30px } .retirment .helful_box .common_col { min-height: 243px } .retirment .helful_box .common_col .image { width: 100px } .retirment .helful_box .common_col .image_details { width: 58% } /* checking */ .checking_nav_bar_details{ padding:0 10px;} .checking_nav_bar_details ul li { margin: 0 0px; min-width: 110px; } .checking_nav_bar_details ul li a span, .checking_nav_bar_details ul li.active a span{ width:90px; height:90px; background-size:80% auto !important;} .checking_nav_bar_details ul li a { padding: 22px 47px 21px 40px; background-position: 80% 47px } .checking_nav_bar_details ul li.active a { background-position: 80% 30px } .account-bar.checking_box ul.icon li { margin: 0 10px } .account-bar.checking_box ul.icon li strong { font-size: 17px } .account-bar.checking_box .checking h3 { font-size: 20px } .account-bar.checking_tips { padding: 41px 40px 54px; margin: 0 -26px } .account-bar.checking_tips ul li .image { width: 119px; margin-right: 15px } .account-bar.checking_tips ul li .imgae_details { width: 60% } .account-bar.checking_tips ul li { min-height: 243px; width: 50% } .account-bar.debit.overdraft h2 { padding: 28px 0 0 0 } .checking_nav_bar_details ul li:last-child a { background-position: 90% 31px } .checking_nav_bar_details ul li:last-child a:hover { background-position: 90% 47px } .checking_nav_bar_details ul li:last-child.active a { background-position: 90% 47px } .checking_nav_bar_details ul li.active a { background-position: 80% 47px } .checking_nav_bar_details ul li a:hover { background-position: 80% 47px } .checking_nav_bar_details ul li.vehicle1 a span { background: #7ac142 url(images/auto.png) no-repeat center 13px; } .checking_nav_bar_details ul li.vehicle1 a:hover span, .checking_nav_bar_details ul li.vehicle1.active a span { background: #1967b1 url(images/auto.png) no-repeat center -58px; } .checking_nav_bar_details ul li.vehicle2 a span { background: #7ac142 url(images/autoon.png) no-repeat center 3px; } .checking_nav_bar_details ul li.vehicle2 a:hover span, .checking_nav_bar_details ul li.vehicle2.active a span { background: #1967b1 url(images/autoon.png) no-repeat center -68px; } .checking_nav_bar_details ul li.vehicle3 a span { background: #7ac142 url(images/boat.png) no-repeat center 26px; } .checking_nav_bar_details ul li.vehicle3 a:hover span, .checking_nav_bar_details ul li.vehicle3.active a span { background: #1967b1 url(images/boat.png) no-repeat center -125px; } .checking_nav_bar_details ul li.vehicle4 a span { background: #7ac142 url(images/carfinder.png) no-repeat center 22px; } .checking_nav_bar_details ul li.vehicle4 a:hover span, .checking_nav_bar_details ul li.vehicle4.active a span { background: #1967b1 url(images/carfinder.png) no-repeat center -128px; } .checking_nav_bar_details ul li.vehicle5 a span { background: #7ac142 url(images/cradit.png) no-repeat center 7px; } .checking_nav_bar_details ul li.vehicle5 a:hover span, .checking_nav_bar_details ul li.vehicle5.active a span { background: #1967b1 url(images/cradit.png) no-repeat center -63px; } .checking_nav_bar_details ul li.vehicle6 a span { background: #7ac142 url(images/fixed_rate.png) no-repeat center 11px; } .checking_nav_bar_details ul li.vehicle6 a:hover span, .checking_nav_bar_details ul li.vehicle6.active a span { background: #1967b1 url(images/fixed_rate.png) no-repeat center -62px; } .checking_nav_bar_details ul li.common_1401 a span { background: #7ac142 url(images/guaranteed_protection.png) no-repeat center 0px; } .checking_nav_bar_details ul li.common_1401 a:hover span, .checking_nav_bar_details ul li.common_1401.active a span { background: #1967b1 url(images/guaranteed_protection.png) no-repeat center -109px; } .checking_nav_bar_details ul li.common_1402 a span { background: #7ac142 url(images/mechanical_repair.png) no-repeat center 0px; } .checking_nav_bar_details ul li.common_1402 a:hover span, .checking_nav_bar_details ul li.common_1402.active a span { background: #1967b1 url(images/mechanical_repair.png) no-repeat center -109px; } .checking_nav_bar_details ul li.common_1403 a span { background: #7ac142 url(images/payment_protection.png) no-repeat center 0px; } .checking_nav_bar_details ul li.common_1403 a:hover span, .checking_nav_bar_details ul li.common_1403.active a span { background: #1967b1 url(images/payment_protection.png) no-repeat center -109px; } .checking_nav_bar_details ul li.common_2041 a span { background: #7ac142 url(images/fixed_rate2.png) no-repeat center 9px; } .checking_nav_bar_details ul li.common_2041 a:hover span, .checking_nav_bar_details ul li.common_2041.active a span { background: #1967b1 url(images/fixed_rate2.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2042 a span { background: #7ac142 url(images/homebuying.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_2042 a:hover span, .checking_nav_bar_details ul li.common_2042.active a span { background: #1967b1 url(images/homebuying.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2043 a span { background: #7ac142 url(images/adjustable_rate.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_2043 a:hover span, .checking_nav_bar_details ul li.common_2043.active a span { background: #1967b1 url(images/adjustable_rate.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2044 a span { background: #7ac142 url(images/accelerated.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_2044 a:hover span, .checking_nav_bar_details ul li.common_2044.active a span { background: #1967b1 url(images/accelerated.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2045 a span { background: #7ac142 url(images/jumbo.png) no-repeat center 10px; } .checking_nav_bar_details ul li.common_2045 a:hover span, .checking_nav_bar_details ul li.common_2045.active a span { background: #1967b1 url(images/jumbo.png) no-repeat center -62px; } .checking_nav_bar_details ul li.common_1051 a span { background: #7ac142 url(images/redi_equity.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_1051 a:hover span, .checking_nav_bar_details ul li.common_1051.active a span { background: #1967b1 url(images/redi_equity.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_1052 a span { background: #7ac142 url(images/home_equity.png) no-repeat center 4px; } .checking_nav_bar_details ul li.common_1052 a:hover span, .checking_nav_bar_details ul li.common_1052.active a span { background: #1967b1 url(images/home_equity.png) no-repeat center -68px; } .checking_nav_bar_details ul li.common_2181 a span { background: #7ac142 url(images/lifestyle.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_2181 a:hover span, .checking_nav_bar_details ul li.common_2181.active a span { background: #1967b1 url(images/lifestyle.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2182 a span { background: #7ac142 url(images/personal.png) no-repeat center 6px; } .checking_nav_bar_details ul li.common_2182 a:hover span, .checking_nav_bar_details ul li.common_2182.active a span { background: #1967b1 url(images/personal.png) no-repeat center -66px; } .checking_nav_bar_details ul li.common_2241 a span { background: #7ac142 url(images/student_loan.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_2241 a:hover span, .checking_nav_bar_details ul li.common_2241.active a span { background: #1967b1 url(images/student_loan.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_2242 a span { background: #7ac142 url(images/graduate_business.png) no-repeat center 5px; } .checking_nav_bar_details ul li.common_2242 a:hover span, .checking_nav_bar_details ul li.common_2242.active a span { background: #1967b1 url(images/graduate_business.png) no-repeat center -67px; } .checking_nav_bar_details ul li.common_2243 a span { background: #7ac142 url(images/undergraduate.png) no-repeat center 5px; } .checking_nav_bar_details ul li.common_2243 a:hover span, .checking_nav_bar_details ul li.common_2243.active a span { background: #1967b1 url(images/undergraduate.png) no-repeat center -67px; } .checking_nav_bar_details ul li.common_1401 a span { background: #7ac142 url(images/guaranteed_protection.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_1401 a:hover span, .checking_nav_bar_details ul li.common_1401.active a span { background: #1967b1 url(images/guaranteed_protection.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_1402 a span { background: #7ac142 url(images/mechanical_repair.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_1402 a:hover span, .checking_nav_bar_details ul li.common_1402.active a span { background: #1967b1 url(images/mechanical_repair.png) no-repeat center -64px; } .checking_nav_bar_details ul li.common_1403 a span { background: #7ac142 url(images/payment_protection.png) no-repeat center 8px; } .checking_nav_bar_details ul li.common_1403 a:hover span, .checking_nav_bar_details ul li.common_1403.active a span { background: #1967b1 url(images/payment_protection.png) no-repeat center -64px; } .blue_block-bar h3, .blue_block-bar.spacer h3 { font-size: 20px; } .blue_block-bar .signup_form { width: 300px } .account-bar.debit.rewards .right .bording { width: 345px } .account-bar.debit.rewards .left { padding-top: 0px } .account-bar.money_market .money_market_details { width: 675px; } .account-bar.money_market .money_market_details .col { width: 32% } .account-bar.money_market .money_market_details .row { font-size: 22px; text-align: left } .account-bar.money_market .money_market_details .row_odd { text-align: left } .account-bar.money_market { padding: 25px 45px 27px } .rates .accordion .content_details .row.odd .col:first-child { font-size: 13px; } .rates .accordion .content_details .row.even .col:first-child { font-size: 13px; } .rates .accordion .content_details .row.odd .col { font-size: 13px } .location_bottom ul li { margin-left: 11px } .rates .accordion .content_details .row { font-size: 16px; line-height: 21px } .location_result ul li .result_details { width: 83% } .contact .contact_top .col:first-child { margin-right: 35px } .new_open_common .social_box > span { margin-bottom: 10px; display: inline-block } h1 { font-size: 32px; line-height: 35px; } .news-bar-right .common_right { margin-top: 18px; } /*.banner_img { background-size: auto }*/ .bank_tab-bar .panel { top: 98px; } .retirment .right.retire h3 br { display: none; } .checking_nav_bar_details ul li a { padding: 20px 10px 21px; } .checking_nav_bar_details ul li.active a span { top: -76px; } .checking_nav_bar_details ul li a small{ font-size:12px;} .page-template-template-checking .account-bar.checking_tips ul li .image { margin-right: 5%; width: 35%; } .account-bar.checking_tips ul li .imgae_details { padding-right: 20px; } .account-bar.checking_tips ul li { min-height: 250px; } .page-template-template-checking .account-bar.checking_tips ul li { min-height: 250px; } .account-bar.money_market .money_market_details .row .col_second { padding: 16px 10px 14px; } .account-bar.money_market .money_market_details .row .col_third { padding: 16px 10px 14px; } .page-teletalk .blue_block-bar h3 { padding-left: 30px; width: 70.3%; } .retirment .helful_box .common_col { margin-bottom: 10px; } .retirment .right.retire ul { width: 100%; } .retirment .right.retire ul li br { display: none; } .account-bar.money_market .money_market_details .col.col_1, .account-bar.money_market .money_market_details .row_odd .col_second, .account-bar.money_market .money_market_details .row_odd .col_third { font-size: 16px; } .account-bar.money_market .money_market_details .row_odd:last-child .col_third { padding-top: 22px; } .news-bar-right.sticktoright { transform: translateX(208%); -webkit-transform: translateX(208%); } .archive .news-bar-right { max-width: 175px; } .page-id-240 .blue_block-bar h3 { padding-left: 0px; font-size: 20px; line-height: 26px; width: 48%; } .page-id-240 .blue_block-bar .btn { margin-right: 5px; } footer .right_box img { display: block; height: 52px; margin: 20px 6px; } .big_menu .top { min-height: 75px; } .nav-bar .bank .btn { clear: both; margin-top: 0px; } .big_menu .nav-bar .bank .btn span { font-size: 12px; line-height:48px !important;} .nav-bar .bank .btn { margin: 0px 215px 0 0px!important; position:relative; width:205px; } .nav-bar .bank .btn + .btn{ margin: -46px 0px 0 0px!important; clear:inherit; display:inline-block} .big_menu .nav-bar .bank .btn + .btn span{line-height:20px !important; height:48px; padding-bottom: 5px; padding-top: 5px;} .nav-bar .bank .btn + .btn{ height:48px} .nav-bar .bank .btn + .btn span{background: url(images/blue_arrow.png) right center no-repeat;} .nav-bar .bank .btn + .btn span::after{ top:-2px; background-size:auto 45px;} .nav-bar .bank .btn span::after{ top:-2px; background-size:auto 45px;} #header-part a.logo { margin-left:0; } .login-bar { margin-right:0; } .callouts .left h3 { font-size: 36px; line-height: 45px;} .community_involvment ul li .left h3, .community_involvment ul li .left h3 a { font-size: 28px; line-height: 31px; } .remain-post ul li { margin-right: 30px; } .remain-post ul li .right img { height: auto; } .remain-post .center_text { padding:40px 0 15px;} #content-part .mid_bg { padding:0 0 0px; } #content-part .mid_bg.blank { width: 768px; background-size: 788px auto; } .page-template-template-left_right #content-part .mid_bg { padding-left: 30px; } .page-template-template-left_right #content-part .mid_bg.blank { padding-left:0; } .image p { padding-bottom:0; } .page-template-template-rates #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .page-template-template-resource_center #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .page-template-template-vehicle #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .page-vehicle-loans .mid_bg .account-bar.col_left { padding-left:0; } .page-mortgages #content-part .mid_bg.blank { float: none;} .account-bar.spacer2, .account-bar.col_left, .account-bar.col_left.spacer { width: 100%; } .page-template-template-savings #content-part .mid_bg { padding-left: 20px; } .page-template-template-savings .include_saving { padding-left:0;} .page-bill-pay-upgrades .mid_bg.blank .account-bar.col_left .left { margin-left:0; } .page-youth-accounts .mid_bg.blank .account-bar.col_left .left{ margin-left:0; } .page-template-template-left_right .mid_bg.blank .account-bar.col_left .left { margin-left:0; } .account-bar.retirment { padding: 6px 0 30px; } .blog #content-part .mid_bg { padding-left: 20px; padding-right: 20px; } .category #content-part .mid_bg, .date #content-part .mid_bg, .search #content-part .mid_bg, .tag #content-part .mid_bg{ padding-left: 20px; padding-right: 20px; } .nav-bar li li { padding: 3px 0 3px 10px; } .nav-bar li { padding-bottom: 8px; } .remain-post ul li .right { height: 180px; } .callouts .left h3 { font-size: 28px; line-height: 36px; padding-left: 0; padding-right: 0; } .rates .accordion ul li form table { width: 100% !important; display: block; text-align: left; } .rates .accordion ul li form table tbody { display: block; width: 100%; } .rates .accordion ul li form table tr { display: block; overflow: hidden; width: 100%; } .rates .accordion ul li form table tr td { display: block; float: left; width: 50%; } .rates .accordion ul li form table tr td label { font-size: 14px !important; } .rates .accordion ul li form table tr td small { font-size: 11px !important; } .rates .accordion ul li input.btn-secondary { float: none !important; } .rates .accordion ul li form table.rateBreakdown tr td { width: 25%; } .rates .accordion ul li form table tr td[colspan="2"], .rates .accordion ul li table tr td[colspan="4"] { width: 100%; } .rates .accordion ul li form table.rateBreakdown tr td[colspan="4"] { width: 100%; } .account-bar.animated.go .textc { padding: 0 20px; } .page-template-template-open_an_account .account-bar.card { padding: 0 20px; } .page-template-template-open_an_account #content-part .midbgnew { width: auto; } .page-template-template-open_an_account #content-part .main_top + .clear + .midbgnew { max-width: 768px; } .checking_nav_bar_details ul li:first-child { margin-left: 8px;} .checking_nav_bar_details ul li.checking1 a{ width:100%} .checking_nav_bar_details ul li.checking2 a{ padding:20px 10px 21px; width:100%} .checking_nav_bar_details ul li.checking3 a{ width:100%} .checking_nav_bar_details ul li.checking1 a span{ background-position:center 10px;} .checking_nav_bar_details ul li.checking1 a:hover span, .checking_nav_bar_details ul li.checking1.active a span{ background-position:center -64px;} .checking_nav_bar_details ul li.checking2 a span{ background-position:center 10px;} .checking_nav_bar_details ul li.checking2 a:hover span, .checking_nav_bar_details ul li.checking2.active a span{ background-position:center -64px;} .checking_nav_bar_details ul li.checking3 a span{ background-position:center 12px;} .checking_nav_bar_details ul li.checking3 a:hover span, .checking_nav_bar_details ul li.checking3.active a span{ background-position:center -62px;} .premier_partner + .wpcf7-validation-errors{ padding-right:0px; text-align:center} .premier_partner + .wpcf7-mail-sent-ok{ padding:0 89px 0 0} .page-premier-partners .account-bar.col_left .left .row textarea{ height:150px} .page-template-template-open_an_account #content-part .midbgnew { max-width: 740px; } .page-template-template-open_an_account .account-bar .right { margin-right: 0px; } .page-template-template-open_an_account .account-bar .left { width:50%; } .open_an_account_section { padding: 15px; } .open_an_account_section .service_content { padding: 25px 25px 20px; } .open_an_account_section h2 { font-size: 24px; } .open_an_account_section li { font-size: 16px; } .open_an_account_section .account_buttons { padding: 0 15px 25px 25px } .open_an_account_section .learn_more { margin-right: 5px; } .chart_area { padding-right: 0px; } .big_menu .btn span { font-size: 11px; padding-right: 45px; } .big_menu .btn { padding-left: 10px; } .nav-bar .text h3 { font-size: 20px; line-height: 21px; } .nav-bar .text p { font-size: 15px; line-height: 18px; } .big_menu .top { padding-bottom: 0px; margin-bottom: 0px; } .nav-bar #content2 ul li { padding-bottom: 5px; } .nav-bar .text { padding: 15px; } .nav-bar .bank ul { width: 33.3%; } .nav-bar li a { font-size: 14px; line-height: 15px; } .nav-bar { padding-left: 10px; } .route_num { margin-right: 50px; bottom: 5px; } .route_num p { font-size: 14px; line-height: 16px; } .nav-bar li li li a { font-size: 12px; line-height: 16px; } .nav-bar li li li::before { top: 8px; } .nav-bar li li li { padding-top: 1px; padding-bottom: 1px; } .nav-bar li li { padding-bottom: 2px; } .big_menu .nav-bar .bank .btn span { height: 50px; line-height: 14px !important; border-radius: 4px; letter-spacing: -0.03em; } .big_menu .nav-bar .bank .btn { padding-left: 8px; } .nav-bar li ul { padding-right: 7px; } .big_menu .nav-bar .bank .btn span br { display: none; } .nav-bar .bank .btn { margin: 0px !important; width: auto; } .nav-bar .bank .btn span::after { background-size: auto 100%; } .nav-bar .bank .btn span::after, .nav-bar .bank .btn:hover span::after { top: -3px; } .open_an_account_section .service_content { padding-left: 20px; padding-right: 20px; } #content-part .top_bg { background-size: 764px auto; } .page-template-template-open_an_account #content-part .midbgnew, #content-part .mid_bg { max-width: 744px; } .open_an_account_section h2 { padding-right: 10px; } .account-bar.result .sc-filter-container select[name="show-filter"] { width: 100px; } .search-section .search_pop .close_icons { margin: 24px 70px 0px 0px; } .search-section .search_pop .searchs { margin-top: 32px; } } @media only screen and (max-width: 767px) { .slider-bar h1 { font-size: 38px; line-height: 42px; } .slider_names { bottom: -82px; position: absolute; width: 100%; text-align: center; padding: 5px; font-size: 14px; margin: 0 auto; } .slider_names i { font-size: 14px; padding-left: 6px; } .slider_names br { display: none; } footer .full_z { text-align: center; } footer .full_z a.btn:last-child { margin: 25px 0 0; } .account-bar p a.btn { max-width: 150px; display: block; margin: auto; } .chart_area { padding-top: 20px; } .open_an_account_section .account_area { max-width: 426px; width: auto; float: none; margin: auto; display: block; padding: 10px 0; } .page-template-template-open_an_account .account-bar .left { width: 100%; } .open_an_account_section { padding: 15px 0; } .open_an_account_section .service_content { padding: 15px; } .open_an_account_section .account_buttons { padding: 0 0 15px 15px; } .open_an_account_section .learn_more { letter-spacing: 0px; } .alphabets_content{ padding:20px 0 0 40px;} .alphabets_titles { margin-top:15px; } .alphabets_titles li { padding:0 5px;} .alphabets_titles li a { font-size: 17px; line-height: 25px;} .alphabets_content ul{padding:5px 0 5px 15px} .page-template-template-sponsorlist .account-bar p, .page-template-template-sponsorlist .account-bar ul li{ font-size:15px;} .premier_partner label{font-size:15px;} .warning-green { margin: 0;} .warning-bar{ padding:1px 13px;} .slider-bar .btn:hover span::after { display: none !important} .top_join_community { padding: 25px; width: 426px;} .top_join_community img { width: 100px;} .top_join_community h3 { font-size: 23px; line-height: 28px; margin-bottom: 8px;} .all_join_community { margin-bottom: 0px;} .account-bar .download_app h3 { display: inline-block } .account-bar .download_app { text-align: center } .account-bar .download_app li { width: 100%; } .account-bar .download_app li img { margin: 0 auto; } .route_num { display: none; } .cntl-content { opacity: 1 !important; margin-left: 0px !important } .page-template-template-contactus .fancybox-inner { height: auto !important } .page-template-template-savings .account-bar.card.checking_box .left { padding-bottom: 0px; } .bank_tab-bar .wrapper .box .btn:hover span::after, .btn:hover span::after { background: none } .main-slider .flex-direction-nav { display: none } .mm-opened a.close { display: block; } .nav-bar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 15px; top: 9px; z-index: 8888; } .nav-bar a.close:before, .nav-bar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #ebe9ea; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } .nav-bar a.mobilemenu { display: block; } .nav-bar ul { display: none; } .nav-bar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } .mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; background: #ebe9ea; display: block; height: 3px; position: absolute; right: 0; top: 15px; } .mobilemenu span:before { top: -10px; transition-property: top, transform; } .mobilemenu span:after, .mobilemenu span:before { background-color: #ebe9ea; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration: .3s, .3s; } .mobilemenu span:after { bottom: -10px; transition-property: bottom, transform; } .mobilemenu { display: block; font-size: 16px; color: #ebe9ea; height: 30px; margin-top: 5px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 0px; width: 85px; z-index: 9999; } #back-to-top { text-indent: -9999px; width: 30px; height: 30px; background-size: 30px; padding: 0; } .page-online-banking .account-bar.card .right { width: auto; } .bank_tab-bar .r-tabs-accordion-title { display: block; } .login-bar { display: none; } .bank_tab-bar ul, .slider-bar .more, .slider-bar p { display: none; } .slider-bar ul.slides li img { min-width: 420px; } #header-part a.logo { margin-left: 0px; width: 210px; } #header-part { height: 59px; position: relative;} .warning-bar { position: absolute;} #header-part .menu_toggle { padding: 0; margin: 11px 55px 0 0; float: right; text-indent: -9999px; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2); position: relative; width: 37px; height: 35px; } #header-part .menu_toggle span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: url(images/toggle.png) 9px 10px no-repeat; } #header-part .menu_toggle img { margin: 10px auto; float: none; display: none; } .slider-bar h2 { font-size: 23px; line-height: 24px; } .slider-bar, .slider-bar ul.slides li { height: 360px; } .slider-bar .text { bottom: 80px; } .slider-bar .wrapper { padding-left: 22px; } #content-part .top_bg { background-position: center top; width: 100%; background-size: 160% 44px; } #content-part .midbgnew { width: 100%; background: #fff;} #content-part .midbgnew .right { width: 100%; margin: 0px; } #content-part .main_top { margin-top: -22px; } #content-part.home .main_top { margin-top: -22px; } .community-bar { padding: 0; } .community-bar .left { padding-bottom: 20px; width: 100%; float: none; } .community-bar .right { padding: 20px; min-height: inherit; overflow: hidden; float: none; margin: 0 -20px; width: auto; background: #f6f6f6 url(images/community_bg2.png) center top no-repeat; background-size: 100% auto; } .community-bar .image { display: none; } .community-bar h2 { font-size: 22px; } .community-bar h2 br { display: block; } .community-bar p { line-height: 21px; color: #545454; letter-spacing: 0; } .community-bar .right a { float: left; font-family: 'proxima_nova_rgbold'; font-size: 14px; border-bottom: 1px solid #d3d9df; } .community-bar h3 { font-size: 16px; } .community-bar .right p { font-size: 15px; line-height: 21px; letter-spacing: 0; } .slider-bar .flex-next, .slider-bar .flex-prev { background-position: center center; margin-top: -22px; height: 64px; background-size: 15px auto; width: 15px; } .btn { letter-spacing: 0; padding-left: 15px !important; } .btn span { height: 45px; font-size: 13px !important; background-size: 47px; padding-right: 50px; line-height: 45px; } .slider-bar h2 { line-height: 28px; text-shadow: 0 2px 2px rgba(0,0,0,0.4); } .bank_tab-bar .wrapper, .involvement-bar { box-shadow: none; -webkit-box-shadow: none; } .bank_tab-bar .wrapper .box { padding: 0 } .bank_tab-bar .involvement-bar ul { display: block } .involvement-bar ul li { width: 100%; text-align: center; padding: 5px 10%; } .involvement-bar ul li a.space { margin-top: 15px; display: inline-block } .involvement-bar ul li a { display: inline-block } .bank_tab-bar .panel img { display: none; } .bank_tab-bar .panel .tabpic_mobile { display: block; } .slider_names2, .slider_names3 { display: none; } .mobile_names { position: relative; bottom: 0; display: block; background-color: #1b5eac; } .slider_names.mobile_names i { padding: 0; } .bank_tab-bar .panel, .bank_tab-bar .text { position: static; width: 100%; overflow: hidden; } .bank_tab-bar .panel { padding: 0; margin: 0; } .bank_tab-bar .text { padding: 4px 20px 20px; background: #1b5eac; text-align: center; } .bank_tab-bar h3 { padding-bottom: 3px; font-size: 16px; line-height: 22px; text-align: left; } .bank_tab-bar p { font-size: 15px; line-height: 21px; letter-spacing: 0; text-align: left; } .bank_tab-bar .wrapper { height: auto; padding: 0; } .bank_tab-bar a.r-tabs-anchor { text-decoration: none; width: 100%; display: block; height: 112px; border-top: 1px solid #b4b4b4; background: #6a6a6a; } .bank_tab-bar a.r-tabs-anchor img { margin: 16px 12px 0 15px; float: left; } .bank_tab-bar a.r-tabs-anchor img.img2 { margin: 18px 16px 0 20px; width: 94px; } .bank_tab-bar a.r-tabs-anchor img.img3 { margin: 14px 16px 0 17px; width: 98px; } .bank_tab-bar a.r-tabs-anchor span { padding: 25px 0 0; letter-spacing: 1px; line-height: 50px; display: block; color: #c2c2c2; font-size: 40px; font-family: 'proxima_nova_ltlight'; } .bank_tab-bar a.r-tabs-anchor cite { display: block; margin-left: 2px; font-style: normal; color: #82ce45; font-family: 'proxima_nova_rgbold'; font-size: 14px; border-bottom: 1px solid #657d55; line-height: 14px; display: inline-block; } .bank_tab-bar .r-tabs-state-active a.r-tabs-anchor span { color: #fff; } .bank_tab-bar .r-tabs-state-active a.r-tabs-anchor cite { display: none; } .bank_tab-bar .r-tabs-state-active a.r-tabs-anchor { box-shadow: inset 0 -114px #1b5eac; -webkit-box-shadow: inset 0 -114px #1b5eac; } .bank_tab-bar .r-tabs-accordion-title:first-child a.r-tabs-anchor { border: none; } .bank_tab-bar a.btn { display: block; margin: 0 auto; width: 180px; } .involvement-bar ul li:last-child a { display: block; margin: 0 auto; width: 85px; } .involvement-bar ul li a:hover { border-bottom: #fff solid 1px; } #content-part.home { padding-bottom: 0px; } .involvement-bar { padding: 20px 0 40px; margin-top: 0px; } .involvement-bar .right { display: none; } .involvement-bar .left { padding: 0 20px; width: 100%; } .involvement-bar h2 { font-size: 22px; line-height: 30px; font-family: 'proxima_nova_ltlight'; background-size: 2px auto; background-position: center 15px; margin-bottom: 5px; } .involvement-bar a { color: #095089; font-family: 'proxima_nova_rgbold'; line-height: 21px; display: inline; } .involvement-bar p { letter-spacing: 0; line-height: 21px; padding-bottom: 15px; } .involvement-bar h2 span { padding: 0 15px; } .page-template-template-checking .account-bar.checking_tips ul li { min-height: inherit; } footer .left_box { float: none; overflow: hidden; padding: 20px; width: 100%; } footer .right_box { width: 100%; min-height: inherit; background: #3e4448; padding: 18px 20px 22px; text-align: center; } footer .right_box .r_no { text-align: center; font-size: 11px; line-height: 16px; } footer .right_box .tel { font-size: 23px; } footer .right_box img { margin: 27px auto 2px; display: block; width: 128px; } footer .right_box p { font-size: 9px; } footer .right_box::before { display: none; } footer .text { width: 100%; padding: 20px; } footer .text p { font-size: 8px; line-height: 11px; letter-spacing: 0; color: #aaaaaa; } footer .wrapper { padding: 0; overflow: hidden; } footer { border: none; } footer .left_box .links { padding: 0 70px 0 0; float: none; overflow: hidden; min-height: 145px; } footer .left_box .links li a { font-size: 14px; color: #e3e4e4; } footer .left_box .links li { font-size: 14px; padding-right: 16px; margin: 10px 10px 3px 0; letter-spacing: 0; } footer .left_box .social { padding: 0; position: absolute; right: 44px; top: inherit; width: 35px; width: 100%; text-align: center; left: 0px; right: 0px; bottom: 30px } footer .left_box .social li { padding: 0; margin: 0 10px 15px; float: none; display: inline-block } /*footer .left_box .social li:last-child { margin-bottom: 0; }*/ footer .left_box .contact { padding: 13px 0 3px; width: 100%; margin: auto; overflow: visible; float: none; position: relative; text-align: center; } footer .left_box .f_logo { width: 75px; margin: 0 0 0 28px; float: none; display: inline-block; } footer .left_box address { font-size: 9px; line-height: 10px; width: 135px; margin-right: -5px; float: right; color: #ced3d7; padding-left: 20px; display: inline-block; float: none; } footer .left_box address strong { font-size: 10px; line-height: 11px; letter-spacing: -0.05em; } footer .left_box .social li a { width: 34px; height: 34px; } .big_menu { height: auto; } #header-part { z-index: 995; } .big_menu #tabsholder { display: none; } .big_menu::before { display: none; } .big_menu { background: #1967b1; border: none; height: auto; display: none; } .big_menu .wrapper { height: auto; } .mobile_menu-bar { padding-top: 35px; margin: 0 -15px; display: block; } .mobile_menu-bar h6 { padding: 20px 35px 19px; cursor: pointer; line-height: 48px; border-bottom: 1px solid #7399b7; color: #fff; font-size: 40px; letter-spacing: 1px; } .big_menu .close_btn { position: absolute; right: 21px; top: 12px; bottom: 0px; left: auto; width: 37px; height: 35px; text-indent: -9999px; background: url(images/close_btn1.png) no-repeat; } .mobile_menu-bar h6 span { padding: 0 35px 5px 0; background: url(images/menu_arrow.png) right center no-repeat; } .mobile_menu-bar h6.active span { background: url(images/menu_arrow_active.png) right center no-repeat; } .mobile_menu-bar .panel { padding: 15px 35px; overflow: hidden; border-bottom: 1px solid #7399b7; display: none; } .mobile_menu-bar .panel ul { list-style: none; } .mobile_menu-bar li { width: 100%; } .mobile_menu-bar li { padding-bottom: 5px; width: 100%; float: left; } .mobile_menu-bar li a { color: #fff; font-size: 16px; display: inline-block; } .mobile_menu-bar li > a:hover, .mobile_menu-bar li.menuactive > a { color: #7bc03f; } .mobile_menu-bar li ul { padding: 0 30px 0 18px; display: block; } .mobile_menu-bar li li { padding: 4px 0 4px 10px; width: 100%; position: relative; } .mobile_menu-bar li li:before { content: ''; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; left: 3px; top: 12px; width: 3px; height: 3px; background: #d7fcb5; } .mobile_menu-bar li li a { color: #fff; font-size: 14px; line-height: 18px; } .mobile_menu-bar li.active { padding-bottom: 10px; } .mobile_menu-bar li a:hover { color: #d1e0c3; } .mobile_menu-bar .bottom { padding: 27px 25px 27px 33px; overflow: hidden; width: 100%; text-align: center } .mobile_menu-bar .bottom .login { width: 277px; overflow: hidden; text-align: center; margin: 0 auto; } .mobile_menu-bar .bottom .login input#username { display: block; width: 276px; height: 47px; line-height: 47px; padding: 0px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border: none; margin-bottom: 18px; padding-left: 22px; padding-right: 22px; font-size: 19px; color: #545454 } .mobile_menu-bar .bottom .login input[type="submit"] { border: none; width: 96px; text-align: center; height: 39px; line-height: 39px; padding: 0px; background: #73bd3d; font-size: 15x; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; font-size: 18px; color: #fff; cursor: pointer } .mobile_menu-bar .bottom .login input[type="submit"]:hover { background: #4f8f22 } .mobile_menu-bar .bottom .number { float: none; color: #fff; font-size: 18px; font-family: 'proxima_nova_ththin'; border-bottom: 1px solid #96a7bd; line-height: 20px; margin-top: 23px; letter-spacing: 0.03em; cursor: default; display: inline-block; } .logout-bar .logout { width: 284px; padding: 18px 10px 18px 20px; border-radius: 5px; } .logout-bar p { color: #515960; font-size: 11px; line-height: 18px; padding: 8px 10px 0 0; } .logout-bar h2 { font-size: 17px; line-height: 20px; background-size: 40px; padding: 14px 0 0 50px; } #content-part { padding-bottom: 0; background:#fff; } .blue_block-bar, .blue_block-bar.spacer { padding: 20px 0; text-align: center; } .blue_block-bar h3, .blue_block-bar.spacer h3 { width: 100%; padding: 0 20px 15px; font-size: 18px; line-height: 25px; } .blue_block-bar .btn { float: none; margin: 0; } #content-part .mid_bg.blank { min-height: 25px; } .account-bar h2 { font-size: 22px; line-height: 28px; padding-bottom: 20px; } .account-bar.banking.remote h2 { padding-bottom: 0; } .account-bar p, .account-bar .visa_card li { font-size: 15px; line-height: 21px; padding-bottom: 20px; } .account-bar .visa_card li, .account-bar.listcontent .left ul li, .account-bar .textcontent ul li { font-size: 15px; line-height: 21px; padding-bottom: 20px; } .account-bar.card strong { font-size: 15px; line-height: 21px; } .account-bar .links li { font-size: 15px; line-height: 18px; } .account-bar.col_left.debit { padding-bottom: 10px; } .account-bar.card { padding-top: 25px; } .account-bar.card h2 { padding-bottom: 2px; } .account-bar .visa_card li:last-child { padding-bottom: 0; } .account-bar.debit h2 { padding-bottom: 0; } .account-bar .links { margin-top: 0; padding-bottom: 20px; } .banner-bar h1 span { padding: 0 0 6px 20px; border-bottom: 1px solid #00457c; } .banner-bar h1 { font-size: 27px; line-height: 32px; padding-top: 8px; color: #00457c; text-shadow: none; } .page-template-template-left_right .banner-bar h2 { max-width: 85%; } .banner-bar .text { padding-top: 15px; margin-top: -20px; transform: translateY(0); -webkit-transform: translateY(0); top: auto; position: relative; bottom: 0; z-index: 99; background: url(images/top_bg.png) center top no-repeat; background-size: 140% 44px; } .banner-bar { background: #fff; } .account-bar .balance { display: none; } .banner-bar img { min-width: 635px; margin: 0; } .banner-bar .text .wrapper { padding: 0; } #content-part .main_top.inner { margin: 0; } #content-part .main_top.inner .top_bg { background: #fff; padding-top: 0; } .account-bar .left, .account-bar.col_left .left { width: 100%; padding-bottom: 15px; float: none; } .account-bar.col_left .left { padding: 25px 0 0; } .account-bar .right, .account-bar.remote .right, .account-bar.student .right, .account-bar.col_left .right, .account-bar.mortgage .right { width: auto; float: none; margin: 0 -20px; } .account-bar .image { max-width: 100%; width: 100%; border-radius: 0; -webkit-border-radius: 0; } .account-bar .image:before, .account-bar .image img { border-radius: 0; -webkit-border-radius: 0; width: 100%; } .account-bar, .account-bar, .account-bar.remote, .account-bar.student { overflow: visible; padding-bottom: 25px; } .account-bar#saving_cds_1 { padding: 0px 0px 30px 0px; } .account-bar#saving_cds_1 .right.mob_none { padding: 0 20px; } .account-bar.include_saving { padding: 20px 0px 30px 0px; } .account-bar.include_saving .left { padding-bottom: 0px; } .account-bar.include_saving .right.mob_none { margin: 0px; padding-top: 10px; } .blue_block-bar.saving h3 { padding: 0px 0px 20px 0px; font-size: 20px; line-height: 26px; } .saving_box .left h3, .account-bar.include_saving h3 { font-size: 22px; line-height: 26px; } .account-bar.mortgage { padding-right: 0; } .account-bar.space { padding-top: 15px; } .account-bar .icon { padding: 0 0 22px; margin-top: -8px; min-height: inherit; } .account-bar.remote .icon, .account-bar.student .icon { padding: 0 0 30px; margin-top: -8px; min-height: inherit; } .account-bar.remote.banking .icon { margin-top: 10px; } .account-bar.remote.banking { padding-top: 25px; } .account-bar.remote .icon img, .account-bar.student .icon img { width: 120px; } .account-bar .text { margin: 0; border-radius: 0; -webkit-border-radius: 0; padding: 27px 15px; } .account-bar .text h4 { font-size: 20px; line-height: 24px; letter-spacing: 0; } .account-bar.space { padding-bottom: 23px; } .account-bar .icon img { width: 109px; margin-bottom: 5px; } .account-bar .icon span { font-size: 14px; } .account-bar.spacer2 { padding: 20px 0; } .account-bar h3 { line-height: 24px; font-size: 20px; letter-spacing: 0; } .account-bar.spacer2 .right { width: 100%; padding-top: 20px; } .account-bar.spacer2 .left .btn { margin-right: 0; } .account-bar .gap p { line-height: 21px; } .account-bar.remote h2 { padding-bottom: 20px; } .account-bar.col_left { padding-left: 0px; padding-right: 0; } .account-bar.col_left.spacer .left { padding-top: 20px; } .account-bar.col_left.spacer { padding-top: 25px; } .banking_promo-bar .left { width: 100%; float: none; overflow: hidden; } .banking_promo-bar .left h3, .banking_promo-bar .left p { text-align: center; } .banking_promo-bar .right { margin: auto; float: none; width: 250px; } .banking_promo-bar .close_btn { margin: 15px auto 0; position: static; } .banking_promo-bar .btn { margin: 0; } .banking_promo-bar .wrapper { padding-bottom: 15px; } .banking_promo-bar { top: 0; overflow: auto; height: 100%; } .btn.small-btn span { background-size: 35px; } .account-bar .icon h4 br { display: block; } .account-bar.student { padding-top: 25px; } .account-bar .app { max-width: 235px; } .account-bar .app a { margin: 0 35px 20px; } .account-bar .app span { padding-top: 0; } .account-bar .app a:nth-child(3) { margin: 0 45px 40px; } .account-bar.remote h2 { margin-right: 0; } .account-bar .text.small h4 { font-size: 20px; line-height: 27px; color: #676665; } .account-bar .text.small { padding: 20px; } .account-bar.col_left { padding-top: 25px; } .account-bar .right.mob_none { width: auto; float: none; margin: 0 -20px; } .account-bar.col_left.debit { padding-top: 20px; } .account-bar.col_left.debit .right.mob_none { margin-bottom: 15px; } .page-template-template-vehicle .account-bar.col_left.debit .right.mob_none { margin: 0px; margin-bottom: 15px; } .banner-bar h2 br { display: inline-block; width: 100%; clear: both; } .page-id-204 .account-bar.card .right { float: none; width: auto; } .page-id-204 .account-bar.card .right .text { margin: 0 -20px 35px; } .about-bar .text, .about-bar .line .text { padding: 0 40px 20px !important; width: 100%; text-align: center; padding-bottom: 20px; } .about-bar h2 { font-size: 22px; line-height: 26px; padding-bottom: 5px; } .about-bar h2 br { display: none; } .about-bar p { font-size: 15px; line-height: 21px; padding-bottom: 25px; } .about-bar .image { width: 100%; float: none; } .about-bar .row { padding: 0 0 20px 0; margin: 0 -20px; float: none; } .about-bar.reports .row { padding: 0px 0 20px; margin: 0; } .about-bar.reports .text { padding: 0; } .about-bar .button { padding-bottom: 10px; } .about-bar { padding-top: 20px; overflow: visible; } .about-bar .row.gap .text, .mid_bg .about-bar .line .text { padding:0 40px !important; } .about-bar .row.gap { padding-top: 0; } .about-bar .image a, .about-bar .image a img, .about-bar .image a:before { border-radius: 0; -webkit-border-radius: 0; width: 100%; } .about-bar.reports .image a, .about-bar.reports .image a img, .about-bar.reports .image a:before { border-radius: 10px; -webkit-border-radius: 10px; width: 100%; } .about-bar .play { width: 110px; height: 110px; margin-top: -55px; background-size: 110px; } .about-bar .line { border: none; } .about-bar .text h2, .about-bar .text p { text-align: left; } .about-bar .text a.btn { display: block; margin: 0 auto; width: 200px; } .serve-bar h2 { font-size: 22px; line-height: 24px; } .serve-bar .logo ul { max-width: 100%; width: 100%; margin: auto; text-align: center; margin: auto; } .serve-bar .logo li { width: 130px; float: none; display: inline-block; min-height: 80px; padding: 0 10px; } .serve-bar .text { padding: 0; } .serve-bar .text ul { max-width: 390px; margin: auto; padding: 0; } .serve-bar .text li { padding: 0 0 10px; width: 130px; min-height: 50px; } .serve-bar .text li a { padding: 0 10px; font-size: 11px; line-height: 15px; } .serve-bar .logo li a { position: relative; } .serve-bar .logo li img { } .serve-bar .accordion { padding: 15px 0; } .serve-bar h3 { font-size: 22px; line-height: 27px; padding-bottom: 20px; } .serve-bar h3 br { display: none; } .serve-bar .accordion li a.link { background: none; } .serve-bar .accordion li { padding-bottom: 11px; } .serve-bar .accordion li .panel { padding: 10px 0 0 30px; } .serve-bar .accordion li li a { font-size: 16px; letter-spacing: 0; } .serve-bar .accordion li li { padding-bottom: 8px; } .following-bar .left, .following-bar .right { width: 100%; } .following-bar h4, .following-bar p, .following-bar address { font-size: 15px; line-height: 21px; } .following-bar { padding-bottom: 50px; } .following-bar h4 { padding-bottom: 0; } .following-bar li { font-size: 15px; line-height: 21px; padding-bottom: 5px; } .following-bar li::before { height: 3px; left: 2px; top: 9px; width: 3px; } /* infographic-css */ .infogrpahic_box1 { background: #00457c; min-height: inherit; padding-bottom: 43px } .infogrpahic_box1 .cloud-img { display: none;} .infogrpahic_box1 .car-img { display: none;} .infographic_box1_content .back_link { padding-left: 0px } .infographic_box1_content .slide_box .slide_content h2 { padding-left: 0px } .infographic_box1_content .slide_box ul.pagging { display: none } .infographic_box1_content .slide_box .slide_content h2 { font-size: 47px } .infographic_box1_content .slide_box { width: 100%; margin-top: 44px } .infographic_box1_content .slide_box .slide_content { padding-left: 0px; width: 100% } .infographic_box1_content { padding-left: 0px; padding-right: 0px } .infographic_box1_content .slide_box .slide_content p { padding: 0px; background: none } .infogrpahic_box2 { background: #5a458a; min-height: inherit; } .infogrpahic_box2 .common_container { width: 100%;} .infogrpahic_box2 .pigcol { display: none;} .infogrpahic_box2, .infogrpahic_box3, .infogrpahic_box4, .infogrpahic_box5, .infogrpahic_box6, .infogrpahic_box7, .infogrpahic_box8, .infogrpahic_box9, .infogrpahic_box10, .infogrpahic_box11, .infogrpahic_box12 { border-top: 0px; } .infographic_box1_content .slide_box .slide_content h2 br { display: none; } .common_container { min-height: inherit } .common_container .box { position: static; padding: 30px 0 } .infogrpahic_box3 { background: #eaeaea; min-height: inherit } .infogrpahic_box3 .common_container { position: static;} .infogrpahic_box3 .single-dollar { display: none;} .infogrpahic_box3 .dollar { display: none;} #infogrpahic_box3 .billion { display: none } .common_container .box { max-width: 100% } .infogrpahic_box4 { background: #5690a7; min-height: inherit } .infogrpahic_box4 .roof { display: none;} .infogrpahic_box4 .home-back { display: none;} .infogrpahic_box4 img.dollars {display: none;} .infogrpahic_box4 .home-front {display: none;} .infogrpahic_box5 { min-height: inherit } .infogrpahic_box5 .common_container .balance_box { display: none } .infogrpahic_box5 .common_container .box { max-width: 100% } .infogrpahic_box6 { min-height: inherit; background: #2b2a2a } .infogrpahic_box6 .earth { display: none;} .infogrpahic_box6 .moon { display: none;} .infogrpahic_box7 { min-height: inherit; background: #4d2864 } .infogrpahic_box7 .progress_img { display: none;} .infogrpahic_box8 { min-height: inherit; background: #6d8293 } .infogrpahic_box8 .common_container .box { max-width: 100% } .infogrpahic_box8 .common_container .hello_bg { display: none;} .infogrpahic_box9 { min-height: inherit; background: #3c4d57 } .infogrpahic_box9 .infogrpahic_box9_inner { display: none;} .infogrpahic_box9 .common_container { min-height: inherit;} .infogrpahic_box9 .person_hand { display: none;} .infogrpahic_box9 .puppy { display: none;} .infogrpahic_box10 { min-height: inherit; background: #00255c } .pie_chart_sec { display: none;} .infogrpahic_box11 { min-height: inherit; background: #57892e } .infogrpahic_box11 .common_container .congra_pic { display: none } .infogrpahic_box11 .common_container .box { max-width: 100% } .infogrpahic_box12 { padding: 30px 0 } .infogrpahic_box12 ul li p { float: left; width: 100% } .infogrpahic_box3 .common_container .box { max-width: 100% } /* news-css */ .news-bar-left { float: none; width: auto; margin: 0 -20px; } .single .new_open_common .social_box { padding:0px;} .news-bar-left .post_content { float:left; width:100%; margin:0 20px;} .single .news-bar-left ul li::before { top:8px;} .single .news-bar-left ul li { width:89%; font-size: 15px; line-height: 21px; padding-bottom: 20px;} #content-part .main_top.inner.news { margin-top: -22px } #content-part .main_top.inner.news .top_bg { padding-top: 15px; background: url(images/top_bg.png) no-repeat 0 0; background-position: center top; background-size: 123% } .news-bar-left .common_box.right { margin-right: 0px; } .news-bar-left .common_box { min-height: 230px; min-height: 310px; margin-bottom: 20px; width: 48.5%!important } .news_top_box img { width: 100% } .news-bar-right { display: none } /* time-line */ .time_line_container { margin-top: 0px } .time_line_container ul li .pic { display: none } .time_line_container ul { background: none; padding: 0px 0px } .time_line_container::before { display: none } .time_line_container::after { display: none } .time_line_container ul li::before { display: none } .time_line_container ul li .left { float: left; width: 100% } .time_line_container ul li .right { float: left; width: 100%; text-align: center; margin: 0px; padding-bottom: 0 } .time_line_container ul li .left { float: left; width: 100%; text-align: center; padding-bottom: 20px; } .time_line_container ul li.odd .left { padding-bottom: 0px; } .time_line_container ul li .year { float: none; display: inline-block; left: 0px; position: static; right: 0px } .time_line_container ul li .year::after { display: none } .time_line_container ul li .right_content { border: none; padding: 0px } .time_line_container ul li.odd .left_content { border: none; padding: 0px } .time_line_container ul li { padding-bottom: 20px } .time_line_container ul li.gap { padding-bottom: 20px } .time_line_container ul li .right_content { text-align: left } .time_line_container ul li.odd .left_content { text-align: left } .time_line_container ul li .cntl-state { float: none !important; width: 100% !important; } .time_line_container .cntl-content { padding: 0px; width: 100% !important; } .account-bar .time_line_container .gap p { padding-bottom: 0px; text-align: center; } .time_line_container li.odd .formobile { padding-bottom: 15px; display: block; } .time_line_container ul li.odd .right .year { display: none; } .time_line_container ul li.imgtag { padding-top: 0px; } /* personal_banking */ .account-bar .left, .account-bar.col_left .left { padding-top: 20px; padding-bottom: 20px; /*text-align:center*/ } .account-bar.personal_banking.col_left { padding-top: 0px; padding-bottom: 0px } .personal_banking .left h3 { font-size: 23px; line-height: 27px } /* invest_retirment */ .retirment .right.retire { float: left; width: 100%; border-radius: 0px; margin: 0px; text-align: center } .retirment .right.retire ul { float: left; width: 50%; } .retirment .right.retire ul li { text-align: left } .retirment .right.retire ul li br { display: none; } .account-bar.retirment { overflow: hidden; display: block } .banner-bar.retire h2 { width: auto } .retirment .helful_box .common_col .image { display: none; } .retirment .helful_box .common_col .image_details p { display: none; } .retirment .helful_box .common_col { min-height: inherit; width: auto; float: none !important; padding: 0 0 20px 0; margin: 0px; overflow: hidden; } .retirment .retirment_top { padding: 0 20px; margin: 0 -20px; width: auto; } .retirment .right.retire h3 { font-size: 19px; line-height: 23px } .retirment .right.retire h3 br { display: none; } .retirment .right.retire ul + ul { float: left } .retirment .experts_box { padding: 20px 20px; margin-top: 20px; } .retirment .helful_box { padding: 20xp 20px } .retirment_bottom_box { padding: 20xp 20px } .retirment .experts_box h3 { font-size: 22px; } /* checcking-part */ #content-part .main_top.inner.checking_bar { margin-top: 0px } .checking_nav_bar { display: none } .account-bar.card.checking_box .left { text-align: left } .account-bar.checking_box .checking { float: left; width: 100% } .account-bar.checking_tips ul li { width: 100%; min-height: inherit; margin-bottom: 20px; } .account-bar.checking_tips ul li.right { margin: 0px; margin-bottom: 19px } .account-bar.checking_tips ul li .image { display: none } .account-bar.checking_tips ul li .imgae_details { width: 100% } .account-bar.checking_tips ul li .imgae_details p { display: none } .blue_block-bar.signup h3 { width: 100%; padding-left: 20px } .blue_block-bar.signup { text-align: center } .blue_block-bar .signup_form { float: none; display: inline-block; margin-right: 0px; width: 278px } .account-bar.checking_box { padding-bottom: 20px; padding-right: 0px } .account-bar.debit.rewards .left { text-align: left; } .account-bar.debit.rewards .left ul li { background-size: 20px; padding-left: 25px; background-position: 0 4px } .account-bar.debit.rewards { padding-bottom: 25px } .account-bar.debit.overdraft .right { margin: 0px } .account-bar.debit.overdraft .right.mob_none { display: block; float: right; width: 50% } .account-bar.debit.overdraft .right.mob_none .image::before { display: block } .account-bar.debit.overdraft .right.mob_none .image { border-radius: 10px; } .account-bar.debit.overdraft .right.mob_none .image img { display: block } .blue_block-bar.signup { display: none } .account-bar.debit.overdraft .left { width: 46%; text-align: left } .account-bar.checking_box ul.icon li strong { font-size: 15px } .account-bar.card.checking_box.saving_box .right { width: 100%; margin-right: 0px; margin-top: 0px } .account-bar.card.checking_box.saving_box .top_box .right .image { display: none; margin-bottom: 0px } .account-bar.checking_tips.saving { background-image: none } .account-bar.checking_tips.saving .right { margin: 0px } .account-bar.debit.cds .right.mob_none { display: block } .account-bar.money_market { padding: 18px 20px 20px } .account-bar.money_market .money_market_details { width: 100% } .account-bar.money_market .money_market_details .row { font-size: 15px; line-height: 12px } .account-bar.money_market .money_market_details .col.col_1 { font-size: 11px } .account-bar.money_market .money_market_details .row_odd .col_second { font-size: 11px } .account-bar.money_market .money_market_details .row_odd .col_third { font-size: 11px } .account-bar.saving_box .left { width: auto; float: none; } .account-bar.cds .left { width: auto; float: none; } .page-youth-accounts .account-bar.card .right, .page-mobile-banking-and-deposit .account-bar.card .right { width: auto; float: none; margin: 0px; } .page-teletalk .account-bar.card .right, .page-insurance-other-services .account-bar .left, .page-insurance-other-services .account-bar.card .right, .page-template-template-vehicle .account-bar.col_left .right, .page-mortgages .account-bar.col_left .right, .page-home-equity .account-bar.card .right, .page-home-equity .account-bar.col_left .right, .page-personal-loans .account-bar.card .right, .page-student-loans .account-bar.card .right { width: auto; } .banner-bar .text .wrapper { background: #FFF; } .page-mortgages .account-bar.col_left .left { width: auto; } .page-insurance-other-services .account-bar.card .right { margin-top: 10px; } .page-teletalk .account-bar .icon, .page-home-equity .account-bar .icon { min-height: inherit; } .account-bar.retirment { padding: 6px 18px 30px 18px; } .retirment_bottom_box { padding: 24px 20px; } .rates .accordion .calculators_box .cat { max-width: 48%; width: 48%; } .rates .accordion ul li a.link { font-size: 20px; background: none; } .rates .accordion ul li ul li a.link { background: none; } .rates .accordion ul li ul { padding-left: 10px; padding-bottom: 30px } .rates .accordion li a.link span { background-size: 17px; padding-left: 25px; display: none; } .rates .accordion ul li ul li a.link span { background-size: 15px; font-size: 17px } .rates .accordion .calculators_box { padding: 10px 0; } .rates .accordion .calculators_box input[type="text"] { font-size: 12px; line-height: 17px; padding: 8px 8px 8px 25px; } .rates .accordion .calculators_box form > span { font-size: 14px; top: 7px; } .rates .accordion .calculators_box > span { font-size: 14px; top: 16px; } .help h2 { font-size: 32px; line-height: 36px; } .location_top .top_left { float: left; width: 100% } .map_pic { display: none } footer .left_box .links { padding-right: 0px; width: 80%; text-align: left } footer .left_box .social { bottom: auto; left: auto; right: 0; top: -150px; width: 72px; } .account-bar.personal_banking.rates.contact .accordion h3 { font-size: 22px } .account-bar.personal_banking.rates.contact .accordion li a.link { background: none } .contact .contact_top_details { width: 100%; } .contact .contact_top .col { width: 50%; float: left; min-height: 150px; } .contact .contact_top .col:first-child { margin-right: 0px; } .bank_tab-bar { background: #00457c } #content-part.home .main_top { margin-top: 0px; background: #fff } .page-id-115 .banner-bar h2 span { width: 220px; } .account-bar.personal_banking.rates.contact .accordion { margin: 0 } .banner_img { background-size: auto 230px; height: 194px; } .about-bar .text h3 { font-size: 23px; line-height: 27px; text-align: left; } .about-bar .image { margin-bottom: 20px; border-radius: 0px; -webkit-border-radius: 0px; } .about-bar .image iframe { width: 100%; } .about-bar .image img { border-radius: 0px; -webkit-border-radius: 0px; } .about-bar .row.promotion_area { border: none } .about-bar .row { padding-bottom: 0 } .rates .accordion .calculators_box .scale { margin: 50px 0 !important } .infographic_box1_content .slide_box .slide_content h2 { font-size: 32px; line-height: 40px; } .slide_content { padding: 0 0 20px 0 } .account-bar.checking_box .left ul.features li br { display: none; } #checking3 ul { padding-bottom: 15px; } .account-bar.checking_box .checking h3 br, .account-bar.checking_box .checking ul li br { display: none; } .community-bar h2 br { display: none; } .rates .accordion #contact_accordion .content_details { margin-bottom: 0px; } .new_open_common .date { padding-bottom: 10px; } .page-id-411 .banner-bar h2 span { } .page-template-template-locations #content-part { background: #FFF; } .account-bar.personal_banking.location { padding: 30px 0 15px 0; margin-top: 0px; } .location_bottom { padding: 15px 0px 0px 0px; margin: 0px; border: 0px; } .location_bottom ul li .details { min-height: inherit; padding-bottom: 20px; } .location_bottom ul { padding-bottom: 10px; width: 100%; } .account-bar .location_top { display: none; } .news_top_box { display: none; } .mid_bg.news h2 { padding-left: 0px } .text.saving h2 span { max-width: 100%; width: auto; } .account-bar.money_market { margin: 0 -20px; } .account-bar.checking_tips.saving .right { display: none; } .page-template-template-checking .account-bar.checking_box { padding: 20px 0px 10px 0px; } .page-template-template-checking .account-bar.checking_box .left { width: 100%; } .page-template-template-checking .account-bar.checking_box .checking { width: 100%; } .account-bar.debit.rewards .right { float: none; display: none; } .page-template-template-checking .account-bar.checking_box .checking { border-radius: 0; -webkit-border-radius: 0; margin: 0 -20px; width: auto; padding: 15px 20px; } .account-bar.debit.overdraft .right.mob_none { margin-top: 0px; } .account-bar .image { overflow: visible; } .account-bar .right.mob_none .animatedParent { display: none; } .account-bar.col_left.debit .right.mob_none { display: none; } .page-loan-protection-services .account-bar.col_left.debit .right.mob_none, .page-insurance-other-services .account-bar.col_left.debit .right.mob_none { display: block; margin-left: 0px; } .page-vehicle-loans .account-bar.col_left.debit .right.mob_none { display: block; } .page-ira .account-bar.col_left.debit .right.mob_none { display: block; } .page-mobile-banking-and-deposit .account-bar .icon { min-height: inherit; } .page-mobile-banking-and-deposit .account-bar.col_left.debit .right.mob_none { display: block; } .page-teletalk .blue_block-bar h3 { padding-left: 0px; width: 100%; } .retirment .helful_box .common_col .image_details { width: 100%; } .page-ira .account-bar.card .right { width: auto; } .bank_tab-bar #tab-1.panel { padding-bottom: 0px; } .new_open_details { padding: 15px 25px 0; } .rates .accordion li a.link span.accordian_title { padding: 5px 10px 5px 35px; line-height: normal; } .rates .accordion ul li ul li a.link span.accordian_title { padding: 5px 10px 5px 25px; line-height: normal; } .help { overflow: hidden; } .banner-bar h2 { max-width: 83%; } .big_menu { max-height: inherit; overflow: auto; } .page-template-default .account-bar h4 { font-size: 18px; } .page-template-default .account-bar h5 { font-size: 16px; } .bank_tab-bar .text { border-bottom: 0px; } .page-id-240 .blue_block-bar h3 { float: none; width: 100% } /*.fancybox-inner{ width:120%!important} .fancybox-inner .wpcf7-form{ padding-right:60px} */ .location_content { display: block; width: 100%; } .location_content h3 { font-size: 36px; line-height: 44px; color: #4e6379; border-bottom: 1px solid #0083ae; padding-bottom: 15px; text-align: center } .location_content h3 br { display: none; } .location_content ul { width: 100%; text-align: center; margin-bottom: 37px; } .location_content li { display: inline-block; width: 100% } .location_content li img { max-width: 100%; height: auto; width: 169px; margin: 0 auto; } .location_content li:first-child { margin-top: 26px; margin-bottom: 26px; } .account-bar .app a img { width: 148px; } .page-scheduled-maintenance .account-bar.card h2 { font-size:22px; line-height: 26px; } .schedule_maintenance { padding-top: 15px; } footer .right_box img { display: inline-block; float: none; margin: 25px 10px 4px; width: auto !important; } .rates .accordion ul li ul li ul{ /*list-style-position:inside;*/ margin-left:12px} .rates .accordion ul li iframe{ width:100%} .rates .accordion ul li iframe#SoSDisplay tbody tr td{ font-size:14px!important; word-wrap:break-word!important} /*.rates .accordion ul li iframe#SoSDisplay{ padding: 0 20px!important; word-wrap:break-word!important} .rates .accordion ul li iframe#SoSDisplay br{ display:none!important} .rates .accordion ul li iframe#SoSDisplay table{ width:100%!important}*/ #header-part { background: rgba(255,255,255,0.9);} .big_menu .wrapper:after { display: none; } .mobile_menu-bar .bottom .first_text { color:#fff; font-family: 'proxima_novaregular_italic'; font-size: 20px; display: block; padding-bottom: 15px;} .callouts { min-height: inherit; } .callouts .images { display: none; } .callouts .left { width: 100%; } .callouts .left { padding-left:0; padding-right:0; padding-top: 40px; padding-bottom: 40px; } .callouts .left h3 { font-size: 22px; line-height: 32px; text-align: left; } .callouts .left p { font-size: 16px; line-height: 24px; } .callouts:before { left: -107px; top: -85px;} .callouts .left h3:before { background-size: 100%; left: -31px; top: -67px; width: 162px; height: 130px;} .callouts .left h3:after { background-size: 100%; bottom: -40px; width: 84px; height: 117px; right: -10px;} .callouts .left { text-align: center;} .callouts .left p { text-align: left;} .community_involvment { float: left; width: 100%; padding-top: 45px; padding-bottom: 0;} .community_involvment h2 { font-size: 32px; } .community_involvment .right:before, .community_involvment:after { display: none;} .community_involvment ul li .right img { border-radius:0 !important; } .community_involvment ul li .right { width: 100% !important; border-radius:0 !important; margin:0 !important; } .community_involvment ul li, .remain-post li { text-align: left; } .community_involvment ul li .left { width: 100% !important; padding: 20px !important; } .community_involvment ul li .left p { display: none; } .community_involvment ul li a, .remain-post ul li .left a { display: inline-block !important; width: auto !important; } .community_involvment .right { display: block; } .page-home .callouts { margin-bottom:0; } .remain-post { float: left; width: 100%; } .remain-post ul li .right { display: block; border-radius:0 !important;} .remain-post { background:#fff; padding:0;} .remain-post ul li { padding:0; width: 100%; text-align: left;} .remain-post ul li .right:before, .remain-post ul li .right:after { display: none; } .remain-post ul li .right img { border-radius:0 !important; height: auto; } .remain-post ul li .left h3, .remain-post ul li .left h3 a { font-size: 28px; line-height: 31px;} .remain-post ul li .left { padding:20px; } .remain-post .center_text a { display: inline-block; font-family:"proxima_nova_ltsemibold"; } .remain-post .center_text { display: none; } .remain-post { border-bottom: 10px solid #fff; } footer { padding-top:0; } footer .wrapper { padding-top: 35px; } footer .left_box .links { width: 100%; text-align: center; } footer .left_box .links { min-height: inherit; } footer .left_box .social { bottom: 0; position: relative; top: 20px; width: 100%;} footer .left_box .f_logo { margin:0; max-width: 100%; width: 110px; float: left; } footer .left_box .contact { width: 280px; margin:0 auto;} footer .left_box address { color: #ced3d7; display: inline-block; float: left; font-size: 12px; line-height: 16px; margin-right: 0; padding-left: 20px; padding-top: 20px; text-align: left; width: 170px;} footer .left_box address strong { font-size: 13px; line-height: 15px;} footer .wrapper:before { width: 100%; background-position: center; left:0; top:0;} #content-part .mid_bg.blank { width: 100%; float: left; } .page-template-template-left_right #content-part .mid_bg, .page-template-template-left_right #content-part .mid_bg.blank { padding:0 20px;} .page-template-template-left_right #content-part .top_bg .mid_bg { padding: 0px; } .page-template-template-left_right #content-part .top_bg .mid_bg .right { margin: 0; } .image img { transform: inherit !important; } .image p { padding-bottom:0 !important; } .account-bar.col_left.debit .right.mob_none { display: block; } .page-template-template-locations #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .image:before, .image:after, .image img, .image { border-radius:0 !important; } .page-template-template-left_right .account-bar.card .right { margin-right: -20px; } .mid_bg.blank .account-bar.col_left .left { margin-left: -20px; } .page-template-template-vehicle #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .page-template-template-vehicle .space_right { padding-right:0; } .page-template-template-vehicle .mid_bg.blank .account-bar.col_left .left { margin-left:0; } .page-mortgages .account-bar.card .right { margin-left: -20px; } .page-template-template-checking #content-part .mid_bg, .page-template-template-checking .account-bar.checking_tips { padding-left: 20px; padding-right: 20px;} .page-checking .account-bar.checking_box .checking { margin:0;} .page-template-template-checking .account-bar { padding-left:0; } .page-credit-and-debit-cards .mid_bg.blank .account-bar.col_left .left { margin-left:0; } .account-bar.spacer2, .account-bar.col_left, .account-bar.col_left.spacer { width: 100%; } .page-online-banking .mid_bg.blank .account-bar.col_left .left { margin-left: -20px; } .page-teletalk .account-bar.card .right { margin-left: -20px; margin-right: -50px; } .page-home-equity .account-bar.card .right { margin-left: -20px; margin-right: -50px;} .page-home-equity .account-bar.col_left.debit .right.mob_none { margin-left: -50px; margin-right: -37px;} .page-wiretransfer .mid_bg.blank .account-bar.col_left .left, .page-insurance-other-services-2 .mid_bg.blank .account-bar.col_left .left{ margin-left: -20px; } .page-home-equity .mid_bg.blank .account-bar.col_left .left { margin-left: -20px; } .blog .news-bar-left { margin:0; } .blog .account-bar .image { margin:0;} .category .account-bar .image, .date .account-bar .image, .search .account-bar .image, .tag .account-bar .image{ margin:0; } .category .news-bar-left, .date .news-bar-left, .search .news-bar-left, .tag .news-bar-left { margin:0; } .page-about-us .about-bar .row.gap .text, .page-about-us .mid_bg .about-bar .line .text { padding:0 20px !important; } .page-about-us #content-part .mid_bg { padding: 27px 0; } .account-bar.personal_banking.rates.contact { padding: 20px 18px 50px 20px; } .contact .contact_top .col { width: 40%; } .contact .contact_top .col + .col { width: 30%; } .contact .contact_top .col + .col + .col { width: 30%; } .contact .contact_top .col + .col + .col + .col { width: 60%; min-height: inherit; } .contact .contact_top .col .coldiv { width: 50%; float: left; } .community-bar .left { padding-right: 10px; padding-left: 10px; } .community-bar .right { margin: 0 -10px; } .callouts .left { position: static; transform: translateY(0); -webkit-transform: translateY(0); } .callouts .content-area .wrapper { min-height: inherit; } .account-bar .visa_card { margin-top: 0px; } #saving_cds_1.account-bar .right.mob_none { padding: 0 15px 0 15px; margin: 0px; } .account-bar.money_market { padding: 18px 15px 20px 15px; margin: 0px; } .page-template-template-savings #content-part .mid_bg { padding-left: 0; } .page-insurance-other-services-2 .account-bar.col_left { padding: 0px; margin: 0px; } .account-bar.col_left.debit .right.mob_none { margin: 20px 0px 0px 0px; } .account-bar.col_left.debit .right.mob_none { padding-bottom: 0px; } .page-template-template-left_right .mid_bg.blank .account-bar.col_left .left { margin-left: 0; } .account-bar.col_left.debit .right.mob_none p { padding-bottom: 20px; } .page-template-template-left_right .mid_bg.blank .account-bar.col_left .left p { padding-bottom: 20px; } .page-home-equity .account-bar.col_left { padding-left: 0; } .page-home-equity.page-template-template-left_right .account-bar.card { padding-right: 0; } .community-bar .right { min-height: inherit !important; } .community_involvment ul li .right { } .involvement-bar ul li a, .involvement-bar ul li:last-child a { display: block !important; width: 100% !important; float: none; } .content__image-wrap--half { } .inputfield, .inputfield2 { font-size: 16px !important; max-width: 95%; } #content-part .top_bg { padding-left: 20px; padding-right: 20px; max-width: 100%; } .callouts { height: auto; } .account-bar .right .content { padding: 0px 0 0 0px; } .account-bar .right .content ul li { font-size: 15px; line-height: 21px; padding: 0 0 20px 10px; } .page-credit-and-debit-cards .account-bar .right .visa_card { padding-bottom: 20px; } .account-bar.animated.go .textc { padding: 20px 0 0 0; } .account-bar .right.textcontent { padding-left: 0; padding-top: 0; } .premier_partner{ margin:0 auto} .page-become-premier-partner #content-part .mid_bg{ padding:0px} .page-template-template-sponsorlist #content-part .mid_bg{ padding:0px} .premier_partner + .wpcf7-mail-sent-ok{ padding:0px; text-align:center} .account-bar.debit.col_left{ padding-left:0px} .page-premier-partners .account-bar.col_left .left .row textarea{ height:120px} .account-bar.col_left.debit{ padding-bottom:30px} .alphabets_content ul{ padding-left:9px} .mobile_menu-bar li ul { padding-left: 0; } .mobile_menu-bar li ul ul { padding-left: 14px; } .mobile_menu-bar li ul li { padding-left: 0px; } .mobile_menu-bar li ul li li { padding-left: 10px; } .mobile_menu-bar li li::before { display: none; } .mobile_menu-bar li li li::before { display: block; } .mobile_menu-bar li a.menu_heading { position: relative; line-height: 16px; margin-bottom: 7px; display: block; text-decoration: none !important; letter-spacing: 0.03em; } .mobile_menu-bar li a.menu_heading:after { content: ''; background: #15548f; height: 2px; width: 100%; position: absolute; left: 0px; top: 50%; margin-top: 0px; } .mobile_menu-bar li a.menu_heading span { color: #fff; padding: 2px 10px; background: #15548f; font-size: 11px; text-transform: uppercase; position: relative; z-index: 9; border-radius: 5px; } .mobile_menu-bar li { padding-bottom: 13px; } .mobile_menu-bar li ul li.last { display: none; } #header-part .menu_toggle { margin-right: 50px; } .big_menu .close_btn { right: 65px; } .open_an_account_section .service_content_area { border-radius: 20px; -webkit-border-radius: 20px; } .open_an_account_section img { display: none; } .open_an_account_section .service_content { padding-top: 20px; } .open_an_account_section .learn_more { margin-right: 15px; } .account-bar.card.listcontent.space.checking_box.topspace .market_box { overflow: auto; } .account-bar.personal_banking.rates h3.gray_heading { font-size: 34px; letter-spacing: 5px; line-height: 40px; } .account-bar.personal_banking.rates .accordion { padding-top: 15px; } .account-bar.card h2.tablepress-table-name-id-54 { display: none; } .account-bar .app { } .account-bar .app p a { margin-left: 0px; margin-right: 0px; } .account-bar .app p a img { width: 180px; } .account-bar .app p a + a img { width: 154px; } .page-business-credit-cards .account-bar .right.mob_none .animatedParent { display:block} body.page-template-template-search .banner_img, body.page-template-template-result .banner_img { background-size: auto 300px; } .page-template-template-search .account-bar.search h2 { padding: 10px 0 20px; } .page-template-template-search .account-bar.search input[type="text"] { height: 42px; max-width: 250px; display: block; width: 100%; margin: 0 auto 20px; } .page-template-template-search .account-bar.search button { margin: 0 auto; display: block; width: 140px; height: 45px; } .page-template-template-search .account-bar.search, .page-template-template-result .account-bar.result { min-height: 280px; } .pagination > li > a, .pagination > li > span { padding: 5px 9px; } .account-bar.result .silvercloud-results-title { max-width: 82%; padding: 8px 15px !important; line-height: 18px; } .account-bar.result div.sc-filters-container { line-height: 20px; } .account-bar.result label.sc-filter-label, label.sc-filter-label { display: block; margin: 0px; padding: 18px 0 5px; line-height: 20px; } .account-bar.result .sc-clear-filter { margin: 20px 0; } .account-bar.result .sc-filter-container select, .page-template-template-result .sc-filter-container select { display: block; width: 100%; } .sc-clear-filter { padding: 0px 7px; } div.sc-filter-container { display: block; } .account-bar.result .sc-filter-container select[name="show-filter"] { width: 100%; } .search-section .search_pop .close_icons { margin: 20px 16px 0px 0px; padding-right: 25px; font-size: 20px; } .search-section .search_pop .close_icons:after { font-size: 26px; } .search-section .search_icon { display: none; } .pagination > li > a { font-size: 100%; } } @media only screen and (max-width: 690px) { .all_join_community .community { margin:0 10px 20px 15px !important} .rates .accordion ul li iframe#SoSDisplay{ display:none!important} .premier_partner input[type="text"], .premier_partner input[type="email"], .premier_partner input[type="tel"], .premier_partner textarea{ font-size:14px;} .page-premier-partners .account-bar.col_left .left .row input[type="text"], .row input[type="email"], .row input[type="tel"], .row textarea{ font-size:14px} .page-premier-partners .account-bar.col_left .left .wpcf7-select{ font-size:14px} .premier_partner .wpcf7-select{ font-size:14px} } @media only screen and (max-width: 640px) { .all_join_community .community { width: 190px; } .page-cash-management .banner_img { background-size: auto 190px; } .search-section .silvercloud-search-bar input[type="text"] { margin: 0 10px; width: 265px; } .search-section .silvercloud-search-bar button { margin: 0 10px; } .search-section .top_search { width: 83%; } .search-section .silvercloud-results-wrapper-item-details { width: 80%; } } @media only screen and (max-width: 666px) { h1 { font-size: 28px; line-height: 32px; } .banner-bar .text { padding-top: 10px; width: 100%; float: left; background-size: 180% 44px; } .banner-bar img { float: right; } .about-bar .button li { padding: 5px; } .about-bar.reports li a.btn span { width: 195px; font-size: 12px; } .about-bar.reports li a.btn { padding-left: 15px; font-size: 13px; } .about-bar .button ul { max-width: 460px; } .retirment .helful_box .common_col { padding: 0 } /* news-css */ .news_top_box { border-radius: 0px } .news_top_box img { border-radius: 0px } .news_top_box .pic_details { border-radius: 0px; padding: 20px } .news_top_box .btn { float: left } .news_top_box hr { width: 100%; margin-top: 5px; margin-bottom: 10px } .news_top_box .pic_details p { padding-bottom: 5px } #content-part .mid_bg.news {/* padding:0px*/ } .mid_bg.news h2 { padding-left: 0px } .news-bar-left .common_box img { width: 100%; height: auto } .news-bar-left .common_box { width: 100%!important; min-height: inherit; border-radius: 0px; border: none } .news-bar-left .common_box img { border-radius: 0px } .news-bar-left .common_box.right { border-radius: 0px } #content-part .main_top.inner.news .top_bg { background-size: 123% } /* news-open */ .new_open_details { padding: 15px 25px 0 25px } .new_open_common img { border-radius: 0px } .new_open_common { margin-bottom: 20px; padding-bottom: 5px } .new_open .back_news { padding-left: 20px } /* invest_retirment */ .retirment .experts_box ul li { width: 314px } .retirment .experts_box ul li img { float: none; display: inline-block } .retirment .experts_box ul li .pic_details { float: none; display: inline-block; text-align: left; width: 85% } .retirment .experts_box ul li .pic_details p { text-align: left } .retirment .experts_box ul li { margin: 0px; padding-bottom: 10px } .retirment .helful_box .common_col { width: 100%; min-height: inherit; margin-bottom: 20px } .account-bar .image { margin: 0 -20px; width: auto; max-width: inherit; } .account-bar .image::before { } .retirment .helful_box .common_col .image_details { } .retirment .helful_box .common_col .image_details p { display: none } .retirment .helful_box .common_col.right { margin-left: 0px; float: left; margin-right: 0px } .retirment .helful_box .common_col .image_details h4 { font-size: 14px } .retirment .helful_box h3 { font-size: 22px } .retirment .experts_box ul li .pic_details h4 { font-size: 22px } .account-bar.checking_box ul.icon li { width: 47%; margin: 0 4px } .account-bar.checking_box ul.icon li strong { font-size: 14px; padding-top: 5px; padding-bottom: 5px } .account-bar.checking_box .left ul.features li { font-size: 15px; padding-bottom: 10px } .account-bar.checking_box .checking h3 { font-size: 15px; line-height: 20px } .account-bar.checking_box .checking ul li { background-size: 15px; font-size: 12px; line-height: 17px; padding-bottom: 10px } .account-bar.checking_box .checking { padding: 10px } .account-bar.debit.overdraft .right.mob_none { float: left; width: 100%; margin-top: 20px; } .account-bar.debit.overdraft .left { float: left; width: 100% } .account-bar.debit.overdraft .right.mob_none .image { border-radius: 0px } .account-bar.debit.overdraft { padding-top: 0px } .account-bar.checking_tips { padding-right: 50px; padding-left: 50px } .account-bar.money_market .money_market_details .row { font-size: 11px; line-height: 12px } .account-bar.money_market .money_market_details .col.col_1 { font-size: 10px; padding: 14px 10px 14px 11px; word-wrap: break-word } .account-bar.money_market .money_market_details .row_odd .col_second { font-size: 11px; } .account-bar.money_market .money_market_details .row_odd .col_third { font-size: 11px } .account-bar.money_market .money_market_details .col { padding-left: 10px } .account-bar.money_market .money_market_details .col_second { padding: 10px 10px 10px 13px; } .rates .accordion { padding: 31px 0px 20px 0px } .rates .accordion .content_details .row { font-size: 11px; line-height: 17px } .rates .accordion .according_content .apply_btn { display: none } .rates .accordion .according_content .calculator_btn { display: none } .rates .accordion .content_details .row.odd .col { min-height: 55px } .rates .accordion .content_details .row.even .col { min-height: 54px } .rates .accordion .content_details .row.odd .col:first-child { font-size: 11px } .rates .accordion .content_details .row.odd .col { padding: 10px 10px 10px 12px } .rates .accordion .content_details .row.even .col { padding: 10px 10px 10px 12px } .rates .accordion .content_details .row.even .col:first-child { font-size: 11px } .rates .accordion .calculators_box .cat { height: 25px; background-size: 24px; border-radius: 7px } .rates .accordion .calculators_box .calcute_btn { min-width: 85px; font-size: 10px; padding: 6px 0 } .location_bottom ul li { width: 100%; margin-left: 0px } footer .left_box .social { bottom: 17px } .account-bar.personal_banking.rates.contact .accordion { padding: 20px 20px } .account-bar.personal_banking.rates.contact .accordion ul { padding-left: 0px } .contact .contact_top .col .btn { min-width: 190px; } .help { padding: 10px 0; } .page-teletalk .blue_block-bar h3 { font-size: 18px; } .loading { top: 0px; } .schedule_maintenance .schedule_description { padding-left: 0; } .schedule_maintenance .schedule_date { position: static; display: block; margin: 0 auto; padding-bottom: 5px; width: 100%; text-align: center; padding-bottom: 5px; } .schedule_maintenance .schedule_right_sec h3 { font-size: 21px !important; line-height: 20px !important; } .schedule_maintenance .end, .schedule_maintenance .start, .schedule_maintenance .content p, .page-scheduled-maintenance .account-bar.card p { font-size: 15px; } .schedule_maintenance .schedule_date .date { font-size: 62px; } .schedule_maintenance .schedule_date .month { font-size: 26px; display: block; margin: auto; width: 90px; line-height: 34px; height: 34px; } .page-template-template-fees #content-part .mid_bg { padding-left: 20px; padding-right: 20px;} .contact .contact_top .col { width: 50%; } .contact .contact_top .col + .col { width: 50%; min-height: 200px; } .contact .contact_top .col + .col + .col { width: 50%; min-height: inherit; } .contact .contact_top .col + .col + .col + .col { width: 50%; } .contact .contact_top .col .coldiv { width: 100%; float: none; } .account-bar.personal_banking.rates.contact .accordion ul li a.link { font-size: 18px; line-height: 26px; } .account-bar.personal_banking.rates.contact .accordion li a.link span { background-position: left 4px; background-size: 15px auto; padding: 0 10px 0 25px; } .rates .accordion ul li form#betterthancalc { overflow: auto; width: 100%; } .rates .accordion ul li form#betterthancalc table { width: 550px !important; } .page-template-template-open_an_account #content-part .main_top + .clear + .midbgnew { max-width: 100%; padding: 0 20px; } .account-bar.card .premier_partner strong{ font-size:25px} .silvercloud-search-bar input[type="text"] { width: 230px; } .page-template-template-contactus .silvercloud-search-bar input[type="text"] { width: 300px; } .search-section .top_search { width: 90%; } .search-section .search_pop .close_icons { padding-right: 20px; font-size: 18px; } .search-section .search_pop .close_icons:after { font-size: 22px; top: -1px; } .search-section .search_pop .searchs { margin-top: 25px; } .search-section h2 { margin-bottom: 22px; font-size: 28px; line-height: 30px; } .search-section .silvercloud-search-bar input[type="text"] { margin: 0; width: 55%; } .search-section .silvercloud-results-title { padding-top: 8px; width: 80%; line-height: 16px; } } @media only screen and (max-width: 479px) { .all_join_community .community { width: 200px;} .top_join_community { padding: 15px; width: 278px;} .top_join_community img { width: 65px; float: left; margin-right: 0px; margin-top: 10px; } .top_join_community .details { float: right; width: 176px; } .top_join_community h3 { font-size: 18px; line-height: 23px;} .contact .contact_top_details { margin: 0 auto; width: 100; float: none } .contact .contact_top .col { float: none; min-height: inherit; width: 100%; } .banner-bar img { margin-right: -70px; } .about-bar .button ul { max-width: 230px; } .serve-bar .text ul { max-width: 260px; } .retirment .right.retire ul { width: 49%; vertical-align: top } .retirment .experts_box ul li .pic_details { width: 87% } .retirment .experts_box ul li { width: auto; margin-left: 0px; } footer .left_box .social { bottom: 0px } .account-bar.money_market .money_market_details .col { min-height: 52px; padding-left: 10px } .account-bar.money_market .money_market_details .col_second { padding: 10px 10px 10px 13px; min-height: 53px } .account-bar.money_market .money_market_details .row .col_second { padding: 16px 5px 14px; } .account-bar.money_market .money_market_details .row .col_third { padding: 16px 5px 14px; } .account-bar.money_market .money_market_details .row_odd .col_second { font-size: 11px; min-height: 52px; } .rates .accordion .calculators_box .cat { max-width: 124px; width: 124px; font-size: 12px } .slider-bar, .slider-bar ul.slides li { height: 310px; } .account-bar.checking_box .checking ul li { float: none; width: 100%; } .account-bar.checking_box .checking ul, .retirment .right.retire ul { width: 100%; float: none; } .serve-bar .text li { padding: 0 20px 10px; width: 48%; min-height: 50px; } .serve-bar .text li a { padding: 0 0px; } .serve-bar .text ul { max-width: 100%; } .account-bar.personal_banking.rates.contact .accordion { margin: 0 -20px; } .rates .accordion .calculators_box #emi { width: 100%; margin-left: 0px; margin-top: 7px; } .account-bar.personal_banking.rates.contact { padding: 15px 0px 50px 0px; } .infogrpahic_box12 ul li small { font-size: 15px; word-break: break-all; } .account-bar p, .account-bar .visa_card li { font-size: 15px; } .account-bar .visa_card li, .account-bar.listcontent .left ul li, .account-bar .textcontent ul li { font-size: 13px; } .rates .accordion .calculators_box form > span { top: 4px; } .page-id-240 .light_green-btn { padding-left: 10px; } .page-id-240 .btn.light_green-btn span { font-size: 11px; text-align: left !important; } .mobile_menu-bar .bottom .login { width: 100% } .mobile_menu-bar .bottom .login input#username { width: 100%; } .page-id-317 .btn.light_green-btn span { font-size: 13px;} .page-id-317 .btn.light_green-btn { padding-left: 10px;} .contact .contact_top .col { width: 100%; float: none; } .contact .contact_top .col + .col { width: 100%; float: none; min-height: inherit; } .contact .contact_top .col + .col + .col { width: 100%; } .contact .contact_top .col + .col + .col + .col { width: 100%; float: none; } .account-bar.personal_banking.rates.contact { padding: 15px 0px 20px 0px; display: block; } .community_involvment ul li .right { height: 170px; } .rates .accordion .according_content { padding-left: 30px; } form table td .btn { padding: 0 20px; } form table td .btn span { line-height: 38px; } .rates .accordion ul li form#autocompare table tr td, .rates .accordion ul li form#retirement table tr td, .rates .accordion ul li form#college table tr td { width: 100%; display: block; } .rates .accordion ul li form#autocompare { overflow: auto; } .rates .accordion ul li form#autocompare table.rateBreakdown { width: 480px !important; } form table td .btn { width: 100% !important; padding: 0 20px; } .rates .accordion ul li form#autocompare table.rateBreakdown tr td { width: 25%; } .account-bar .visa_card ul, .account-bar.listcontent .left ul {/* padding-top:10px*/ } .account-bar .visa_card li, .account-bar.listcontent .left ul li, .account-bar .textcontent ul li { font-size: 13px; } .submitbutton.btn.green-btn{ margin-left:0px} .silvercloud-search-bar input[type="text"] { margin: 0; width: 49%; } .silvercloud-search-bar button { margin: 0; margin-left: 5px; width: 124px; } .contact .contact_top_details { padding: 4px 0 34px 0; } .search-section h2 { margin-bottom: 20px; font-size: 25px; line-height: 24px; } .search-section .top_search { width: 94%; } .search-section .silvercloud-search-bar input[type="text"], .page-template-template-search .account-bar.search input[type="text"] { width: 49%; display: inline-block; } .search-section .silvercloud-search-bar button, .page-template-template-search .account-bar.search button { margin: 0 5px; width: 122px; display: inline-block; } .search-section .silvercloud-search-bar { margin-bottom: 20px; } .search-section .sc-result-icon svg { height: 33px; width: 28px; } .search-section .sc-results-toolbar, .sc-results-toolbar { height: auto; } .search-section .silvercloud-results-title { padding-bottom: 8px; } .silvercloud-results-wrapper-item-details { width: 75%; } } @media only screen and (max-width: 600px) { .alphabets_titles li { display:inline-block;} .page-template-template-contactus .content-column { border-right: none; height: auto !important } .full_width { margin: 0px !important } .rowCntr1:after, .rowCntr1::before { display: none } .page-template-template-contactus .content-column .contentCntr { padding: 20px 10px 0px 10px; } .page-template-template-contactus .rowCntr1 .row1 { padding: 0 0 10px 0; } .page-template-template-contactus .rowCntr1 .row1 .contentCntr { padding: 20px 10px; } .rowCntr .row1 { padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .page-template-template-contactus .rowCntr1 .content-column { margin-bottom: 0px; } .page-template-template-contactus .content_details { padding-left: 0px !important; } .page-template-template-contactus .contentCntr ul { margin-bottom: 10px; } .page-template-template-contactus .full_width { font-size: 20px; padding: 15px 10px } .page-template-template-contactus .accordion h5 { padding: 15px 10px;} .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-bottom: 0px !important; padding-bottom: 15px !important} .lock_popup{ padding:60px 24px} .lock_popup h3 span{ font-size:16px; line-height:18px; top:-2px} .lock_popup h3 img{ width:48px} .lock_popup{ max-width:333px; padding:36px 24px; margin-top:100px} .lock_popup p{ font-size:14px; line-height:19px; padding-top:13px} } @media only screen and (max-width: 580px) { .dataTables_wrapper { overflow: hidden; overflow-x: scroll; width: 100%; } .mobile_button { display:block} .desktop_button { display:none} .premier_partner label{width:100%; padding-bottom:10px;} .premier_partner input[type="text"], .premier_partner input[type="email"], .premier_partner input[type="tel"],.premier_partner textarea{ width:100%; margin-left:0px;} .premier_partner .wpcf7-submit { margin:20px 0 0 0} .premier_partner .wpcf7-submit:hover { margin:20px 0 0 0} .page-cash-management .banner_img { background-size: auto 186px; } .page-template-template-contactus .silvercloud-search-bar { text-align:center;} .page-template-template-contactus .silvercloud-search-bar input[type="text"] { width: 100%; } .page-template-template-contactus .silvercloud-search-bar button.ng-binding { margin:20px 0;} .page-template-template-contactus.page-id-512 .silvercloud-search-bar input[type="text"] { width: 64%; } .page-template-template-contactus.page-id-512 .silvercloud-search-bar button.ng-binding { margin: 0; } } @media only screen and (min-width: 768px) { .mm-menu.mm-current { display: none !important; } html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; } html.mm-opened { overflow: visible !important; } html.mm-opened body { overflow: visible !important; } #mm-blocker { display: none !important; } .mobile_menu-bar { display: none; } } @media only screen and (max-width: 359px) { .help a.cancel { margin: 32px 20px 0} } @media only screen and (max-width: 480px) { .premier_partner{ float:left; width:100%; } .alphabets_content{ padding:10px 0 0 10px;} .warning-bar { padding: 5px 13px} .warning_message .warning-bar { position:relative; } .warning-bar p { color: #ddeefc; font-family: "proxima_nova_ltlight"; font-size: 14px; line-height: 18px; } .open_an_account_section .learn_more { margin-right: 5px; } #header-part a.logo { width: 190px; margin-top: 3px; } .page-template-template-contactus.page-id-512 .silvercloud-search-bar input[type="text"] { margin-right: 7px; width: 58%; float: left; font-size: 15px; padding: 0 10px; } .page-template-template-contactus.page-id-512 .silvercloud-search-bar button.ng-binding { width: 110px; float: left; } }