@charset "utf-8";
@font-face { font-family: 'gibsonregular'; src: url(../fonts/Gibson-Regular-webfont.eot); src: url(../fonts/Gibson-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Gibson-Regular-webfont.woff2) format("woff2"), url(../fonts/Gibson-Regular-webfont.woff) format("woff"), url(../fonts/Gibson-Regular-webfont.ttf) format("truetype"), url(../fonts/Gibson-Regular-webfont.svg#gibsonregular) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gibsonsemibold'; src: url(../fonts/Gibson-SemiBold-webfont.eot); src: url(../fonts/Gibson-SemiBold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Gibson-SemiBold-webfont.woff2) format("woff2"), url(../fonts/Gibson-SemiBold-webfont.woff) format("woff"), url(../fonts/Gibson-SemiBold-webfont.ttf) format("truetype"), url(../fonts/Gibson-SemiBold-webfont.svg#gibsonsemibold) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gibsonitalic'; src: url(../fonts/Gibson-Italic-webfont.eot); src: url(../fonts/Gibson-Italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Gibson-Italic-webfont.woff2) format("woff2"), url(../fonts/Gibson-Italic-webfont.woff) format("woff"), url(../fonts/Gibson-Italic-webfont.ttf) format("truetype"), url(../fonts/Gibson-Italic-webfont.svg#gibsonitalic) format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gibsonlight'; src: url(../fonts/Gibson-Light-webfont.eot); src: url(../fonts/Gibson-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Gibson-Light-webfont.woff2) format("woff2"), url(../fonts/Gibson-Light-webfont.woff) format("woff"), url(../fonts/Gibson-Light-webfont.ttf) format("truetype"), url(../fonts/Gibson-Light-webfont.svg#gibsonlight) format("svg"); font-weight: normal; font-style: normal; }
h1 { font-family: 'gibsonlight'; font-weight: 300; }
h2, h3, h5 { font-family: 'gibsonregular'; font-weight: 400; }
h5 strong, h2 strong, h4, strong, h5 a { font-family: 'gibsonsemibold'; font-weight: 400; font-style: normal; }
h1 { font-size: 40px }
h2 { font-size: 18px }
h3 { font-size: 22px; margin: 0 }
h4 { font-size: 16px; text-transform: uppercase; }
h5 { font-size: 20px }
h6 { font-size: 11px; color: #666 }
h1, h3 { color: #006bb5; }
h2, h5 { color: #3af; }
h3 a, h3 a:hover { color: #006bb5; }
h4 a, h4, h5 a { color: #036; }
h5 a:hover { text-decoration: underline !important; }
h4 a:hover { color: #33aaff; text-decoration: none; }
h4 a:focus { text-decoration: none; }
h6 a, h5 a:hover { color: #3af; }
.center h1, .center h2, .center h3, .center h4, .center h5, .center h6 { margin-top: 25px }
.center h2 { line-height: 25px }
.center h3 a:hover, .center h5 a:focus, .center h3 a:focus { text-decoration: none !important; }
.center h3 { margin-bottom: 10px }
.center h3 a:hover { color: #33aaff; }
.center h4 { margin-bottom: 3px }
.text-secondary { color: #006bb5 }
.text-primary { color: #3af; }
.text-info { color: #006bb5; }
.bg-info { background-color: #3af; color: #fff }
.bg-info h3, .bg-info p { color: #fff }
.border-primary { border: 1px solid #006BB5 }
body { font-family: Arial, sans-serif; color: #000 }
p { line-height: 18px }

/**/
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea{-moz-appearance: none !important;
-webkit-appearance: none !important; appearance: none !important;} 
input[type="reset"], input[type="button"], input[type="submit"], .button { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer;}
 
.btn { /* padding: 4px 10px;*/ padding: 0px 10px; line-height: 28px; font-size: 14px; border-color: #036; border-radius: 0 }
.btn-default, .virtual .btn-primary:hover, .virtual .btn-primary:focus, .dropdown-menu .link-set-1 .btn-login:hover, .dropdown-menu .link-set-2 .btn-login:hover, .dropdown-menu .link-set-3 .btn-login:hover, .dropdown-menu .link-set-1 .btn-login:focus, .dropdown-menu .link-set-2 .btn-login:focus, .dropdown-menu .link-set-3 .btn-login:focus { color: #fff; background-color: #178fe4; background: -webkit-linear-gradient(#178fe4, #026eb8); background: -o-linear-gradient(#178fe4, #026eb8); background: -moz-linear-gradient(#178fe4, #026eb8); background: linear-gradient(#178fe4, #026eb8); }
.dropdown-menu .link-set-1 .btn-login:hover, .dropdown-menu .link-set-2 .btn-login:hover, .dropdown-menu .link-set-3 .btn-login:hover, .dropdown-menu .link-set-1 .btn-login:focus, .dropdown-menu .link-set-2 .btn-login:focus, .dropdown-menu .link-set-3 .btn-login:focus { border: 1px solid white; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { border-color: #036; color: #fff !important; background: -webkit-linear-gradient(#026eb8, #178fe4) !important; background: -o-linear-gradient(#026eb8, #178fe4)!important; background: -moz-linear-gradient(#026eb8, #178fe4)!important; background: linear-gradient(#026eb8, #178fe4)!important; }
a { color: #3af }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, a:focus { outline: thin dotted; outline-offset: -2px; outline: none; outline-offset: 0px; }
.input-group .form-control { z-index: 3; }
a:hover, a:focus { color: #3af; text-decoration: underline }
.blue-border { border-top: 10px solid #3af; padding-top: 14px }
.navtop-right { color: #999 }
.navtop-right a { color: #000; padding: 0 6px; float: left; }
.navtop-right span { float: left; margin-top: -1px; }
.navtop-right a:hover { color: #3af }
.text-phone { font-size: 15px; margin-left: 7px }
.form-control { height: 32px; font-size: 12px; line-height: 1.42857143; color: #555; border: 1px solid #e1e1e1; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: Arial; }
.search-bar { margin-top: 23px }
.form-control:focus { border-color: #E1E1E1; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.search-bar .btn { padding: 5px 7px 5px 7px; border-radius: 0; border-left: 1px #fff solid; border-color: #e1e1e1; border-left-color: #fff }
.search-bar .btn.btn-default { background: #fff }
.search-bar .form-control { border-right: 1px #fff solid }
.ico-search { background: url(../images/ico-search.png) no-repeat; display: block; width: 20px; height: 20px }
.search-bar .btn:hover .ico-search { background: url(../images/ico-search-hover.png) no-repeat }
.menu { background: -webkit-linear-gradient(#006bb5, #036); background: -o-linear-gradient(#006bb5, #036); background: -moz-linear-gradient(#006bb5, #036); background: linear-gradient(#006bb5, #036) }
.menu, .btn-inverse:hover { background: -webkit-linear-gradient(#006bb5, #036) !important; background: -o-linear-gradient(#006bb5, #036)!important; background: -moz-linear-gradient(#006bb5, #036)!important; background: linear-gradient(#006bb5, #036)!important; }
.menu { min-height: 43px; margin-top: 16px }
.menu ul, .menu ul li { padding: 0; margin: 0 }
.menu li { list-style: none }
.menu li a { display: inline-block; color: #fff; font-size: 22px; float: left; padding: 0px 54px; line-height: 43px !important; }
.menu .last-child-search { width: 173px !important; margin-right: -1px; }
.menu li a.active { background: -webkit-linear-gradient(#3af, #006bb5); background: -o-linear-gradient(#3af, #006bb5); background: -moz-linear-gradient(#3af, #006bb5); background: linear-gradient(#3af, #006bb5); }
.menu li a:hover, .menu li a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: #eeeeee; text-decoration: none; color: #000; }
.ico-home { background: url(../images/ico-home.png) no-repeat; width: 15px; height: 15px; display: block; float: left; margin: 2px 6px 0px 6px; }
.ico-home:hover { background: url(../images/ico-home-hover.png) no-repeat; }
#owl-demo .item img { display: block; width: 100%; height: auto }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.grabbing { cursor: url(grabbing.png) 8 8, move }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.info-panels { background: -webkit-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: linear-gradient(#fff, #eee); padding: 1px; margin-bottom: 20px; position: relative; }
.info-panels-border { background: -webkit-linear-gradient(#fff, #f2faff); background: -o-linear-gradient(#fff, #f2faff); background: -moz-linear-gradient(#fff, #f2faff); background: linear-gradient(#fff, #f2faff); text-decoration: none; padding: 10px 19px 19px !important; min-height: 285px; text-decoration: none; position: relative; }
.info-panels h3 { margin-top: 17px; margin-bottom: 10px }
.info-panels p { padding: 0; margin: 0 0 13px }

/*.btn-bottom-fixed { position: absolute; bottom: 19px !important; }*/

.ico-right { background-image: url(../images/ico-right.png); background-repeat: no-repeat; background-position: center; display: block; width: 9px; float: left; height: 28px !important; margin-right: 7px; }
.heading-member, .menu li a, h3, .btn, .heading-union, .mail-list, .heading-virtual, .heading-rates { font-family: 'gibsonregular', Arial; font-weight: 400; }
.heading-member { font-size: 28px; line-height: 31px; margin-bottom: 10px }
.member-panel .btn, .virtual-bottom .btn { margin-top: 22px; font-family: 'gibsonsemibold', Arial !important; font-weight: 400; font-size: 16px !important; -moz-font-feature-settings: "kern", "liga" 0, "calt" 0; -ms-font-feature-settings: "kern", "liga" 0, "calt" 0; -o-font-feature-settings: "kern", "liga" 0, "calt" 0; -webkit-font-feature-settings: "kern", "liga" 0, "calt" 0; font-feature-settings: "kern", "liga" 0, "calt" 0; }
.virtual-bottom .btn-default:hover, .member-panel .btn:hover, .btn-account:hover { border-color: #036 !important; color: #fff !important; background: -webkit-linear-gradient(#0069b2, #003b71)!important; background: -o-linear-gradient(#0069b2, #003b71)!important; background: -moz-linear-gradient(#0069b2, #003b71)!important; background: linear-gradient(#0069b2, #003b71)!important; }
.search-top .btn:hover, .search-top .btn:focus, .search-top .btn:active { background: none !important; }
.member-panel p { margin-bottom: 0 }
.list-primary-links ul { margin: 22px 0 0; padding: 0 }
.list-primary-links ul li { padding: 0; float: left; width: 100%; list-style: none; margin-bottom: 7px }
.list-primary-links ul li:last-child { margin-bottom: 0 }
.list-primary-links ul li a { margin: 0; padding: 0; font-weight: 700 }
.advice-panel { background: #faf9f5 url(../images/adivce-bg.png) no-repeat; background-position: left top; border: 1px #eee solid; min-height: 160px; margin-bottom: 16px }
.advice-panel .content { width: 75%; margin-right: 16px; margin-top: 19px }
.advice-panel .content p { margin-top: 12px; margin-bottom: 5px }
.discount-panel { padding: 17px; width: 100%; }
.discount-panel a { color: #FFF !important; text-decoration: none; padding-bottom: 1px; }
.discount-panel a:hover { text-decoration: none; border-bottom: 1px solid #FFF; }
.discount-panel h3 { border-right: 2px #fff solid; padding-right: 10px; margin-right: 8px }
.discount-panel p { margin-top: 6px; margin-bottom: 0 }
.news-panel .heading-news { font-family: 'gibsonitalic'; font-size: 26px; color: #000; background-image: url(../images/ico-info.png); background-position: right center; background-repeat: no-repeat }
.news-panel .heading-news a { color: #000; }
.news-panel .heading-news a:hover { color: #33aaff; text-decoration: none; }
ul.list-plain li { float: left; width: 100%; list-style: none; margin: 0; padding: 2px 0; }
.no-icon { background: none !important; }
ul.list-plain li a { color: #006bb5; font-size: 14px; font-weight: normal; }
ul.list-plain a:hover { color: #33aaff; }
ul.news-list, ul.list-plain { margin: 7px 0 0; padding: 0 }
ul.news-list li { float: left; width: 100%; list-style: none; margin: 0; border-bottom: 1px #ccc solid; padding: 2px 0 }
ul.news-list li a { color: #006bb5; font-size: 12px; font-weight: 700 }
ul.news-list li a:hover { color: #3af }
ul.news-list li:first-child { border-top: 1px #ccc solid }
.footer-wrap { background-color: #eee; border-top: 1px #999 solid; margin-top: 38px; padding-top: 37px; -webkit-box-shadow: inset 0px 7px 21px -6px rgba(0, 0, 0, 0.28); -moz-box-shadow: inset 0px 7px 21px -6px rgba(0, 0, 0, 0.28); box-shadow: inset 0px 7px 21px -6px rgba(0, 0, 0, 0.28); }
.heading-union { font-size: 24px; color: #006bb5; margin-bottom: 6px }
.footer-left p { color: #666; line-height: 18px }
.social-wrap { margin-top: 35px }
.social-icons { margin: 0; padding: 0; width: 162px; float: left }
.social-icons li { list-style: none; float: left; margin-right: 11px }
.social-icons li:last-child { margin-right: 0 }
.mail-list { color: #036; margin-left: 25px; float: left; font-size: 20px; text-transform: uppercase; width: 212px; background: url(../images/ico-initial.png) no-repeat; background-position: right 9px; margin-top: -5px; }
.mail-list span { font-size: 28px; text-transform: lowercase }
.services { margin: 0; padding: 0 0 25px }
.services li { float: left; margin: 0 10px; width: 30.3%; list-style: none }
.services li:first-child { margin-left: 0 }
.services li:last-child { margin-right: 0 }
.services li a { text-transform: uppercase; background: #3af; font-size: 14px; font-family: 'gibsonsemibold', Arial; font-weight: 400; color: #fff; text-align: left; text-indent: 10px; line-height: 25px; display: block; float: left; width: 100% }
.services>li>a { height: auto !important; }
.services li .services-img { width: 100%; height: 113px; overflow: hidden; margin-bottom: 2px }
.no-margin-l { margin-left: 0 }
.find-atm { width: 255px }
.find-atm input[type="text"] { width: 88px; float: left; margin-top: 5px; margin-left: 11px }
.btn-join { width: 22px; height: 22px; float: right; margin-top: 10px }
.text-phone-footer { font-size: 20px; color: #036; background: url(../images/ico-phone.png) no-repeat; background-position: right 2px; padding-right: 33px; font-family: 'gibsonregular'; font-weight: 400; padding-top: 3px; }
.footer-top { margin-bottom: 24px }
.footer-bottom { margin-bottom: 32px }
.footer-links a, .copyrights { color: #666 }
.footer-links { margin-bottom: 9px }
.footer-links a { margin-right: 14px; float: left; display: block }
.footer-links a:last-child { margin-right: 0 }
.footer-logos ul { margin: 0; padding: 0 }
.footer-logos li { float: left; list-style: none; margin-right: 19px }
.footer-logos li a { height: 50px; vertical-align: middle; display: table-cell }
.footer-logos li:nth-child(3n+0) a { padding-top: 3px; }
.footer-logos li:last-child { margin-right: 0!important; margin-top: -8px;}
.virtual-branch { padding: 22px 12px 12px; position: absolute; z-index: 100; top: 40px; left: 10px; width: 220px; background: rgba(255, 255, 255, 0.90); border: 1px #D1D1D1 solid; }
.banner { position: relative }
.virtual { margin-top: 0 }
.virtual .form-control { height: 27px; font-size: 12px; padding: 4px 12px 4px 6px; }
.virtual .btn { padding: 0px 12px; border: none; line-height: 27px; font-size: 13px; font-family: 'gibsonsemibold'; font-weight: 400; }
.virtual .btn-primary, .btn-login { background: -webkit-linear-gradient(#006bb5, #036); background: -o-linear-gradient(#006bb5, #036); background: -moz-linear-gradient(#006bb5, #036); background: linear-gradient(#006bb5, #036) }
.btn-login:hover, .btn-login:focus { color: #fff; background: #006bb5 }
.btn-login { font-size: 15px; border: none; font-family: 'gibsonsemibold', Arial; font-weight: 400; color: #fff; width: 64px; height: 30px; line-height: 30px; position: relative; text-transform: uppercase; margin-right: 10px; margin-top: -14px; margin-bottom: 7px; z-index: 999 }
.heading-virtual { height: 32px; font-size: 24px; text-indent: 30px }
.ico-login { background: url(../images/ico-login.png) no-repeat; background-position: left center }
.heading-virtual span { margin-top: 5px }
.virtual-links { margin-top: 3px }
.virtual-links a { font-size: 11px; border-right: 1px solid; padding-right: 7px; padding-left: 7px }
.virtual-links a:first-child { padding-left: 0 }
.virtual-links a:last-child { border-right: none }
.virtual-bottom .btn { margin-top: 18px }
.heading-rates { font-size: 20px; margin-top: 12px }
.ico-per { font-size: 29px; color: #999; font-family: 'gibsonlight', Arial; font-weight: 300; margin-right: 5px; margin-top: -6px; float: left }
.c1 { font-size: 13px }
.c2 { font-size: 17px; font-family: 'gibsonsemibold', Arial; font-weight: 400; color: #036 }
.c3 { font-size: 11px; font-weight: 700 }
.c3 span { margin-top: 8px; float: left }
.table-rates { margin-bottom: 4px }
.table-rates>tbody>tr>td { border: none; padding: 0px; vertical-align: auto !important; }
.text-xsmall { font-size: 11px; color: #666; padding-top: 1px }
.text-small { font-size: 12px }
.breadcrumb { padding: 8px 10px; margin-bottom: 0; list-style: none; background-color: #fff; border-radius: 0; color: #3399ff; font-size: 12px }
.breadcrumb a { color: #999; font-size: 12px }
.breadcrumb a.active { color: #39f; cursor: default; }
.member-link { margin-top: 3px!important; margin-left: 20px; color: #036; }
.member-link a { color: #3af; font-weight: 400; font-style: normal; font-family: 'gibsonsemibold'; }
.member-link a:hover { text-decoration: none; color: #036; }
.center h5 a:hover { color: #036; }
.account-panel { margin-top: 22px }
.account-panel-links { background: #006bb5; border-top: 10px #036 solid; padding: 30px 23px 20px; width: 260px; margin: 0 auto 40px }
.btn-account { font-size: 16px; }
.btn-account, .member-link a:hover { font-weight: 400; font-style: normal; font-family: 'gibsonsemibold'; }
.btn-inverse { background: -webkit-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: linear-gradient(#fff, #eee); color: #006bb5; font-size: 16px; font-family: 'gibsonsemibold', Arial; font-weight: 400; }
.btn-inverse .ico-right { background-image: url('../images/ico-right-inverse.png'); background-repeat: no-repeat; }
.btn-inverse:hover { border-color: #fff }
.account-links { padding: 0; margin: 20px 0 0 }
.account-links li { float: left; list-style: none; padding-bottom: 9px }
.account-links li:last-child { padding-bottom: 0 }
.account-links li a { color: #fff; font-size: 14px; font-weight: 700 }
.rates-panel-right { width: 260px; margin: 0 auto }
.rates-panel-right .heading-rates { font-size: 24px }
.rates-panel-right span.text-xsmall { margin-top: 7px }
.savings-panel h3 { margin: 0; }
.savings-panel-h4 .panel-heading h4 { margin: 0; line-height: 27px; }
.savings-panel .panel-body h4 { margin: 0 0 4px }
/* .savings-panel .panel-body p { margin-bottom: 10px } */

.savings-panel .panel { -webkit-box-shadow: none; box-shadow: none }
.savings-panel .panel-heading { padding-left: 0; background-color: transparent; border: none; border-color: transparent }
.savings-panel .panel-default, .savings-panel .panel-default>.panel-heading+.panel-collapse>.panel-body { border: none }
.savings-panel-h4 .panel-heading [data-toggle="collapse"]:after { content: ' '; float: left; width: 28px; height: 28px; margin-right: 10px; background: url(../images/ico-open-h4.png) no-repeat; background-position: top center }
.savings-panel-h4 .panel-heading [data-toggle="collapse"].collapsed:after { background: url(../images/ico-close-h4.png) no-repeat; background-position: top center }
.savings-panel-h3 .panel-heading [data-toggle="collapse"]:after { content: ' '; float: left; width: 28px; height: 28px; margin-right: 10px; background: url(../images/ico-open.png) no-repeat; background-position: top center }
.savings-panel-h3 .panel-heading [data-toggle="collapse"].collapsed:after { background: url(../images/ico-close.png) no-repeat; background-position: top center }
.secp { padding: 10px 0 0 0; }
/*.news-wrap { float: right }*/

.login-mb { display: none }
.dropdown-col-1 { width: 300px }
.dropdown-col-2 { width: 530px }
.dropdown-col-3 { width: 765px }
.navbar-nav>li>a { line-height: normal }
.dropdown-menu { background: rgba(238, 238, 237, 0.96); border: none; box-shadow: none; border-radius: 0; padding: 25px 0!important }
.link-set-1, .link-set-2, .link-set-3 { float: left }
.link-set-1 { width: 250px; padding-left: 13px }
.link-set-2 { width: 280px }
.link-set-3 { width: 200px }
.dropdown-menu .col-link-1 li a { padding: 10px 0 10px 38px; color: #006bb5; font-family: 'gibsonitalic'; font-weight: 400; font-size: 20px; width: 100%; line-height: normal !important; }
.dropdown-menu .col-link-1 li a:hover { background: url(../images/ico-menu-right.png) no-repeat; background-position: 11px center; color: #3af }
.dropdown-menu .col-link-2 ul { margin-top: 10px; margin-bottom: 15px }
.dropdown-menu .col-link-2 li a { text-transform: uppercase; font-size: 16px; font-family: 'gibsonregular'; font-weight: 400; color: #036; background: 0; padding: 2px 21px; line-height: normal !important; }
.dropdown-menu .col-link-2 li a:hover { text-decoration: underline }
.dropdown-menu .col-link-2 .btn-login { text-transform:none; font-size: 16px; padding: 0px 12px; width: auto; height: auto; font-family: 'gibsonsemibold', Arial; margin-top: 0; font-weight: 400; margin-right: 0; margin-left: 21px; line-height: 28px !important; border: 1px white solid; }
.dropdown-menu .col-link-3 .btn { padding: 0px 10px; font-size: 14px; margin-top: 18px; line-height: 28px !important; }
.dropdown-menu .col-link-3 { white-space: initial }
.dropdown-menu .col-link-3 p { margin-bottom: 0 }
.col-link-3 a:first-child { padding:0px !important; margin:0px !important; display:block; float:left; background:none;}
.drop-center { left: -65% }
.drop-right { left: auto; right: -1px; }
.heading-menu { color: #006bb5; font-size: 22px; font-family: 'gibsonregular'; font-weight: 400; line-height: normal; margin-top: 12px; margin-bottom: 9px; float:left; }
.menu li a:focus { color: #000; text-decoration: none }

/*loans*/
.loantop { margin-bottom: 10px;}
.menu .last-child {width: 190px !important; margin-right: -1px; }

@media (min-width: 768px) and (max-width: 991px) {
.menu .last-child {width: 156px !important; margin-right: -1px; text-align: center; }
.banner-slide .virtual-branch { top: 0; left: 0 }
.link-set-1 { width: 227px }
.member-link { margin-top: 15px!important; margin-left: 0; width: 100% }
.link-set-2 { width: 236px }
.dropdown-col-2 { width: 488px }
.drop-center { left: -79% }
.dropdown-menu { min-height: 320px }
.dropdown-loan-mb { left: -124% }
.dropdown-col-3 { width: 768px }
.dropdown-menu { padding: 25px 0 7px!important }
.container { width: 768px }
.navtop-right, .text-phone, .search-wrap { float: right!important }
.text-phone { margin-top: 8px }
.search-bar { margin-top: 10px }
.menu li a { font-size: 20px; padding: 0px 38px;}
.virtual-branch { padding: 19px 12px 12px; top: 22px; left: 20px; height: 90.5%; }
.banner-sm .virtual-branch { height: auto; left: 9px; }
.center-wrap { width: 640px; margin: 0 auto }
.footer-top, .footer-bottom { width: 484px; margin: 0 auto }
.social-wrap { margin-bottom: 35px }
.footer-bottom { margin-top: 25px }
.footer-logos { margin-top: 30px; margin-bottom: 30px }
.footer-links { width: 69%; margin: 0 auto 10px auto; text-align: center; }
.footer-links a { margin-right: 0px; padding: 0px 7px; float: none; display: inline-block; }
.copyrights { text-align: center; margin-top: 8px }
.banner { margin-bottom: 0 }
.navtop-right span:last-child{display:none;}
}

@media (max-width:767px) {
.account-links li { margin-right: 10px; }
.virtual-branch-top { padding: 22px 12px 24px; width: 100%; background: #006bb5 }
.virtual-top { width: 230px; margin: 0 auto }
.virtual-links a { font-size: 14px; color: #9cf }
.virtual-links { margin-top: 11px }
.heading-virtual { color: #9cf; margin-bottom: 14px }
.virtual .form-control { height: 30px; font-size: 14px }
.ico-login { background: url(../images/ico-login-white.png) no-repeat; background-position: left center }
.virtual .btn { padding: 2px 12px 0px 12px; line-height: 28px; }
.virtual .btn-primary { background: -webkit-linear-gradient(#9cf, #35aaff); background: -o-linear-gradient(#9cf, #35aaff); background: -moz-linear-gradient(#9cf, #35aaff); background: linear-gradient(#9cf, #35aaff); color: #036; }
.account-panel-links { width: 100%; padding: 30px 23px 20px 47px; margin-bottom: 0 }
.member-link { margin-left: 0; margin-top: 20px!important; width: 100%; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: url(../images/ico-down-mb.png) no-repeat; background-position: 13px center }
.dropdown-menu .col-link-1 li a { padding: 3px 0 3px 38px; color: #FFF; font-size: 18px }
.dropdown-menu .col-link-2 ul { margin-left: 31px }
.link-set-2, .link-set-3, .link-set-1 { width: 100% }
.dropdown-menu .col-link-2 li a { font-size: 14px; color: #9cf !important; padding: 2px 21px }
.dropdown-menu .col-link-3 { margin-left: 50px; margin-top: 15px; padding-right: 127px; padding-bottom: 25px }
.dropdown-menu .col-link-3 .btn-default { color: #fff; background-color: #006bb5; background: -webkit-linear-gradient(#3af, #006bb5); background: -o-linear-gradient(#3af, #006bb5); background: -moz-linear-gradient(#3af, #006bb5); background: linear-gradient(#3af, #006bb5); width: auto }
.dropdown-menu .col-link-3 p { color: #9cf }
.menu li a:focus, .heading-menu { color: #fff }
.dropdown-menu .col-link-2 .btn-login { background: -webkit-linear-gradient(#006bb5, #036); background: -o-linear-gradient(#006bb5, #036); background: -moz-linear-gradient(#006bb5, #036); background: linear-gradient(#006bb5, #036); margin-left: 50px; border: 1px solid #fff }
.dropdown-menu { position: relative; background: none; box-shadow: none; border: none }
.dropdown-menu li a { font-size: 18px; background: none!important; font-family: 'gibsonitalic'; font-weight: 400; font-style: inherit; }
.login-mb { display: block }
.menu li a:hover, .menu li a:focus, .menu li a.active { background: none; }
.menu { margin-top: 0 }
.news-wrap { margin-bottom: 24px }
.advice-panel .content { width: 100%; padding: 10px 22px; margin-top: 167px; margin-right: 0 }
.advice-panel { /*margin-right: -10px; margin-left: -10px; margin-bottom: 0; */background-position: 10px top; padding-bottom: 12px; }
.discount-panel { padding: 14px 17px;/* margin:0;*/ margin: 0 0 15px 0;}
.footer-wrap { margin-top: 0; border-top: none; padding-top: 23px }
.heading-union { font-size: 22px; text-align: center }
.footer-left p { text-align: center }
.social-wrap { margin-top: 19px }
.social-icons { margin: 0 auto; float: none; margin-bottom: 10px }
.mail-list { margin: 0 auto; float: none!important }
.services li .services-img { height: auto }
.services li { float: left; margin: 0 5px }
/*.services li a { font-size: 11px; text-indent: 6px; line-height: 25px;}*/
.footer-right { margin-top: 17px }
.text-phone-footer { width: 172px; margin: 0 auto; margin-top: 12px; float: none!important }
.footer-links a, .copyrights { text-align: center }
.copyrights { margin-bottom: 18px }
.footer-logos li { margin-right: 23px }
.footer-logos ul { margin: 0 auto; width: 280px }
.virtual-xs { width: 195px; margin-left: 22px; margin-bottom: 25px }
.navtop-right { background: -webkit-linear-gradient(#006bb5, #036); background: -o-linear-gradient(#006bb5, #036); background: -moz-linear-gradient(#006bb5, #036); background: linear-gradient(#006bb5, #036); height: 26px }
.navtop-right-wrap { margin-top: 15px }
.navtop-right-mb, .navtop-right-wrap, .navtop-right { width: 100%; padding: 0; text-align: center }
.navtop-right a { color: #fff; font-size: 14px; font-family: 'gibsonregular', Arial; font-weight: 400; line-height: 26px; float: none; }
.info-panels { min-height: 285px;/*margin-top: 35px */margin-top: 0px; clear:both;}
.rates-panel-right { margin-bottom: 35px }
.menu li a, .menu li a:hover, .menu li a.last-child, .menu li a:focus { background: url(../images/ico-right-mb.png) no-repeat; background-position: 13px center; width: 100%; color: white !important; }

.homerates .homerate{float:left !important; margin:0 0 0 50px;}
}


.block { position: relative }
.close-btn { display: block; width: 2.625em; height: 2.25em; padding: 0; border: 0; outline: none; background: #333 url(../images/close-btn.svg) left center no-repeat; background-size: 1.875em 1.875em; overflow: hidden; white-space: nowrap; text-indent: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.no-svg .close-btn { background-image: url(../images/close-btn.png) }
.close-btn:focus, .close-btn:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.nav-btn { display: block; width: 65px; height: 15px; padding: 0; border: 0; outline: none; background: url(../images/ico-menu.png) left center no-repeat; overflow: hidden; white-space: nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.no-svg .nav-btn { background-image: url(../images/nav-icon.png) }
.nav-btn:hover, .nav-btn:focus {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
#outer-wrap { position: relative; overflow: hidden; width: 100% }
#inner-wrap { position: relative; width: 100% }
#nav { z-index: 200; position: relative; width: 100% }
#nav .close-btn { display: none }
#nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
#nav .block { z-index: 2; position: relative }
#nav ul { *zoom:1
}
#nav ul:before, #nav ul:after { content: ""; display: table }
#nav ul:after { clear: both }
#nav li { display: block }
#top { z-index: 100; position: relative; color: #fff; background: #333 }
#top .block-title { margin: 0; font-size: 1.875em; line-height: 1.2em; text-align: center; white-space: nowrap }
#top .nav-btn { position: absolute; top: 20px; left: 14px }
#main { background: #fff }
footer[role="contentinfo"] { background: #ddd }

@media screen and (min-width: 767px) {
#top .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
#nav .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
#nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
}

@media screen and (max-width: 767px) {
.footer-links { width: 69%; margin: 0 auto 10px auto; text-align: center; }
.footer-links a { margin-right: 0px; padding: 0px 7px; float: none; display: inline-block; }
.search-bar-mb .form-control { width: 72% }
.search-bar-mb { width: 220px; margin-left: 8px; margin-bottom: 32px }
#nav { position: absolute; top: 0; overflow: hidden }
#nav:not(:target) { z-index: 1; height: 0 }
#nav:target .close-btn { display: block }
#nav .close-btn { position: absolute; top: -3.75em; left: 1.875em }
#nav .block { position: relative; padding: 0 }
#nav li { position: relative }
#nav li.is-active:after { z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -.03125em; margin-top: -.625em; border-top: .625em transparent solid; border-bottom: .625em transparent solid; border-right: .625em #fff solid }
.js-ready #nav { height: 100%; width: 80% }
.js-ready #nav .block { background: transparent }
.js-ready #nav .close-btn { display: none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: .7 }
.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.js-ready #nav { left: -80% }
.js-ready #inner-wrap { left: 0 }
.js-nav #inner-wrap { left: 80% }
.csstransforms3d.csstransitions.js-ready #nav { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden }
.csstransforms3d.csstransitions.js-ready #inner-wrap { left: 0!important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden }
.csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); transform: translate3d(80%, 0, 0) scale3d(1, 1, 1) }
.csstransforms3d.csstransitions.js-ready #nav .block {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: .7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0 }
.csstransforms3d.csstransitions.js-nav #nav .block {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}

@media (min-width: 500px) and (max-width: 768px) {
.services { margin: 0px auto; width: 439px; }
/*.services li { width: 132px; }*/
}

@media (min-width: 480px) and (max-width: 768px) {
.services { margin: 0px auto; width: 439px; }
.services li { width: 132px; }
}

@media (min-width: 320px) {
.footer-links { width: 94% !important; }
}
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: none; box-shadow: none; }
.shadow { margin-top: -35px; margin-bottom: 20px; }
.table-rates-wide { margin-top: 10px; background: #eeeeee; margin-bottom: 0px; }
.table-rates-wide strong { font-family: Arial; font-weight: bold; }
.table-rates-wide>tbody>tr>td { border-top: none; border-bottom: 1px solid #b7b7b7; }
.table-rates-wide thead { color: white; }
.table-rates-wide tbody td, .table-rates-wide thead th { padding-left: 10px !important; }
.bg-secondary { background: #003366; }
.mt-10 { margin-top: 10px !important; }
.gsc-input { background: none !important; }
.mail-list form .form-submit { margin: 0 0 0 13px; opacity: 0; }
.gsc-clear-button { display: none; }
.gsc-search-box .gsc-input { width: 220px; display: block; background: #fff !important; border-radius:0px !important; -webkit-border-radius:0px !important;}
.gsc-search-box tr { position: relative; }
.gsc-search-button { display: block; position: absolute; right: 3px; top: 3px; }


/*.gsc-search-button{ bottom: 15px;float: right; margin: 0;  position: relative;}*/
.gsc-search-button input[type="submit"], .gsc-search-button input[type="button"] { font-size: 0px; width: 20px; height: 20px; min-width: 20px; border: 0px; background: url(../images/ico-search.png) no-repeat center center; /*margin: 0; */}
.cse input.gsc-input, input.gsc-input{padding: 3px 30px 3px 5px !important;}
table.gsc-search-box{ position:relative;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.gsc-search-button input[type="submit"], .gsc-search-button input[type="button"] { margin:0;}
}

/*for i-pad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.menu li a{ padding:0 54px 0 53px;}
.gsc-search-box .gsc-input {width: 210px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.menu li a{ padding:0 38px 0 37px;}
.gsc-search-box .gsc-input {width: 200px;}
}

.gsc-search-button input[type="submit"]:hover, .gsc-search-button input[type="button"]:hover { background: url(../images/ico-search-hover.png) no-repeat center center; }
.newshome { float: right; }
#con-form label { display: block; font-family: "gibsonregular", Arial; font-weight: 400; color: #006bb5; }
#con-form input[type="text"], #con-form select, #con-form textarea { width: 375px; border: 1px solid #ccc; padding: 5px; margin: 0 0 8px 0; }
#con-submit { margin: 0 0 5px; }
#con-form #phone1, #con-form #phone2, #con-form #phone3 { width: 116px; }
/*#con-form input[type="submit"] { background: linear-gradient(#178fe4, #026eb8) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 150px;  }*/
/*#con-form input[type="submit"]:hover { background: #036; color: #fff; }*/
#con-result { text-align: center; padding: 3px; color: #D8000C; margin: 0 0 8px 0; }
#con-result p { margin: 0; padding: 3px; background: #FFBABA; }

/**/
@media (min-width: 768px) and (max-width: 992px) {
.branch-iframe{ overflow-x: scroll; -webkit-overflow-scrolling: touch;}
.branch-iframe iframe { width: 600px;}
}

@media (min-width: 769px) and (max-width: 991px) {
.gsc-search-box .gsc-input {width: 200px;}
}

@media (max-width: 768px) {
.gsc-search-button { right: 5px; top: 3px; }
.gsc-search-button input.gsc-search-button { margin:0; }
table.gsc-search-box td.gsc-input { padding-right: 0 !important; }
.gsc-search-button input[type="submit"]:hover, .gsc-search-button input[type="button"]:hover { background: url(../images/ico-search.png) no-repeat center center; }

.virtual-bottom .table-rates td.c2{ width:60px;}
/*.gsc-search-box .gsc-input { width: 100%;}*/
.gsc-search-box .gsc-input{ width:204px !important;}
}

@media (max-width: 600px) {
#con-form input, #con-form select, #con-form textarea { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
}

@media (max-width: 767px){
	.loantop {margin-bottom: 0px;}
}

@media (max-width: 440px){
/*.services li {float: none; width: 100%; margin: 0 0 10px 0;}
.services li:after {clear: both;content: "";display: block;}
.services li a{ text-align:center;}
.services-img img{ width:100%; margin:0;}
.services li .services-img{margin:0;}*/
.services li a{ font-size:11px;}
}


@media (max-width: 405px){
	.loantop, .loanbottom { width:156px; height:30px; display:block;}
	.loantop {margin-bottom: 10px;}
}


.list1, .list2 { visibility: hidden; margin-top: -20px; }
.cTimeValue .panel h3 {margin-left: 24px;
margin-top: 10px;}