/*
Theme Name: Big Splash Web Design
Author: Big Splash Web Design
*/
/* poppins-300 - latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 300;
 src: url('fonts/poppins-v1-latin-300.eot');
 /* IE9 Compat Modes */
 src: local('Poppins Light'), local('Poppins-Light'),
  url('fonts/poppins-v1-latin-300.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/poppins-v1-latin-300.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/poppins-v1-latin-300.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/poppins-v1-latin-300.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/poppins-v1-latin-300.svg#Poppins') format('svg');
 /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/poppins-v1-latin-regular.eot');
 /* IE9 Compat Modes */
 src: local('Poppins'), local('Poppins-Regular'),
  url('fonts/poppins-v1-latin-regular.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/poppins-v1-latin-regular.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/poppins-v1-latin-regular.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/poppins-v1-latin-regular.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/poppins-v1-latin-regular.svg#Poppins') format('svg');
 /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 src: url('fonts/poppins-v1-latin-500.eot');
 /* IE9 Compat Modes */
 src: local('Poppins Medium'), local('Poppins-Medium'),
  url('fonts/poppins-v1-latin-500.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/poppins-v1-latin-500.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/poppins-v1-latin-500.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/poppins-v1-latin-500.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/poppins-v1-latin-500.svg#Poppins') format('svg');
 /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 600;
 src: url('fonts/poppins-v1-latin-600.eot');
 /* IE9 Compat Modes */
 src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
  url('fonts/poppins-v1-latin-600.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/poppins-v1-latin-600.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/poppins-v1-latin-600.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/poppins-v1-latin-600.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/poppins-v1-latin-600.svg#Poppins') format('svg');
 /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 700;
 src: url('fonts/poppins-v1-latin-700.eot');
 /* IE9 Compat Modes */
 src: local('Poppins Bold'), local('Poppins-Bold'),
  url('fonts/poppins-v1-latin-700.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/poppins-v1-latin-700.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/poppins-v1-latin-700.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/poppins-v1-latin-700.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/poppins-v1-latin-700.svg#Poppins') format('svg');
 /* Legacy iOS */
}

/* courgette-regular - latin */
@font-face {
 font-family: 'Courgette';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/courgette-v4-latin-regular.eot');
 /* IE9 Compat Modes */
 src: local('Courgette Regular'), local('Courgette-Regular'),
  url('fonts/courgette-v4-latin-regular.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/courgette-v4-latin-regular.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/courgette-v4-latin-regular.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/courgette-v4-latin-regular.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url('fonts/courgette-v4-latin-regular.svg#Courgette') format('svg');
 /* Legacy iOS */
}

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
}

html {
 font-size: 62.5%;
 /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
 overflow-y: scroll;
 /* Keeps page centred in all browsers regardless of content height */
 -webkit-text-size-adjust: 100%;
 /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
 -ms-text-size-adjust: 100%;
 /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
 position: relative;
}

body {
 background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

ol, ul {
 list-style: none;
}

table {
 /* tables still need 'cellspacing="0"' in the markup */
 border-collapse: separate;
 border-spacing: 0;
}

caption, th, td {
 font-weight: normal;
 text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}

blockquote, q {
 quotes: """";
 font-style: italic;
}

a:focus {
 outline: thin dotted;
}

a:hover,
a:active {
 /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
 outline: 0;
}

a img {
 border: 0;
}

* {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.d-block {
 display: block;
}

.mb-2 {
 margin-bottom: 20px;
}

.py-5 {
 padding: 20px 0;
}

/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
 color: #636363;
 font-family: 'Poppins', sans-serif;
 font-weight: 300;
 font-size: 15px;
 line-height: 1.5;
}

* {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
 clear: both;
 font-weight: normal;
 margin: 0 0 15px 0;
 font-size: 24px;
 line-height: 26px;
 color: #002f55;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration: none;
}

hr {
 background-color: #ccc;
 border: 0;
 height: 1px;
 margin-bottom: 1.5em;
}

/* Text elements */
p {
 margin-bottom: 20px;
}

ul, ol {
 margin: 0 0 20px 20px;
}

ul {
 list-style: disc;
}

ol {
 list-style: decimal;
}

ul ul, ol ol, ul ol, ol ul {
 margin-bottom: 0;
 margin-left: 20px;
}

dt {
 font-weight: bold;
}

dd {
 margin: 0 20px 20px;
}

b, strong {
 font-weight: bold;
}

dfn, cite, em, i {
 font-style: italic;
}

blockquote {
 margin: 0 20px;
 font-style: italic;
}

address {
 margin: 0 0 20px;
}

pre {
 background: #eee;
 color: #000 !important;
 font-family: "Courier 10 Pitch", Courier, monospace;
 font-size: 15px;
 font-size: 1.5rem;
 line-height: 1.5;
 margin-bottom: 20px;
 padding: 20px;
 overflow: auto;
 max-width: 100%;
}

code, kbd, tt, var {
 font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}

mark, ins {
 background: #fff9c0;
 text-decoration: none;
}

sup,
sub {
 font-size: 75%;
 height: 0;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup {
 bottom: 1ex;
}

sub {
 top: .5ex;
}

small {
 font-size: 75%;
}

big {
 font-size: 125%;
}

figure {
 margin: 0;
}

table {
 margin: 0 0 20px;
 width: 100%;
 border-collapse: collapse;
}

th {
 font-weight: bold;
}

th, td {
 padding: 10px;
 border: 1px solid #ccc;
 vertical-align: top;
}

button,
input,
select,
textarea {
 font-size: 100%;
 /* Corrects font size not being inherited in all browsers */
 margin: 0;
 /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
 vertical-align: baseline;
 /* Improves appearance and consistency in all browsers */
 *vertical-align: middle;
 /* Improves appearance and consistency in all browsers */
}

button,
input {
 line-height: normal;
 /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
 *overflow: visible;
 /* Corrects inner spacing displayed oddly in IE6/7 */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 border: 1px solid #ccc;
 border-color: #ccc #ccc #bbb #ccc;
 border-radius: 3px;
 background: #fafafa;
 /* Old browsers */
 background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%);
 /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fafafa), color-stop(100%, #e6e6e6));
 /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #fafafa 60%, #e6e6e6 100%);
 /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #fafafa 60%, #e6e6e6 100%);
 /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #fafafa 60%, #e6e6e6 100%);
 /* IE10+ */
 background: linear-gradient(top, #fafafa 60%, #e6e6e6 100%);
 /* W3C */
 box-shadow: inset 0 2px 1px #fff;
 color: rgba(0, 0, 0, .8);
 cursor: pointer;
 /* Improves usability and consistency of cursor style between image-type 'input' and others */
 -webkit-appearance: button;
 /* Corrects inability to style clickable 'input' types in iOS */
 font-size: 12px;
 padding: 8px 15px;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
 background: #f5f5f5;
 /* Old browsers */
 background: -moz-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%);
 /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #f5f5f5), color-stop(100%, #dcdcdc));
 /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%);
 /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%);
 /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%);
 /* IE10+ */
 background: linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%);
 /* W3C */
 border-color: #bbb #bbb #aaa #bbb;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
 border-color: #aaa #bbb #bbb #bbb;
 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .15);
 box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15);
}

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 /* Addresses box sizing set to content-box in IE8/9 */
 padding: 0;
 /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
 -webkit-appearance: textfield;
 /* Addresses appearance set to searchfield in S5, Chrome */
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
 box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
 /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
 -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 border: 0;
 padding: 0;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
 color: #666;
 border: 1px solid #ccc;
 border-radius: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
 color: #111;
}

input[type=text],
input[type=email] {
 padding: 3px;
}

textarea {
 overflow: auto;
 /* Removes default vertical scrollbar in IE6/7/8/9 */
 padding-left: 3px;
 vertical-align: top;
 /* Improves readability and alignment in all browsers */
 width: 98%;
}

/* Links */
a {
 color: #ff6a1f;
 outline: 0;
 text-decoration: none;
}

a:visited {
 color: #ff6a1f;
 outline: 0;
}

a:hover,
a:focus,
a:active {
 color: #ff6a1f;
 outline: 0;
}

/* Alignment */
.alignleft {
 display: inline;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
}

.alignright {
 display: inline;
 float: right;
 margin-left: 20px;
 margin-bottom: 20px;
}

.aligncenter {
 clear: both;
 display: block;
 margin: 0 auto 20px;
}

.chromeframe {
 color: #fff;
 padding: 10px 0;
 background: #c14c4c;
 text-align: center;
 border-bottom: 1px solid #9e3737;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
}

.chromeframe p {
 margin: 0px;
}

.chromeframe a {
 color: #fff;
}

/* Text meant only for screen readers */
.assistive-text {
 clip: rect(1px 1px 1px 1px);
 /* IE6, IE7 */
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
}

.menu-toggle {
 cursor: pointer;
}

.main-small-navigation .menu {
 display: none;
}

.clear {
 clear: both;
}

.group:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.center {
 text-align: center;
}

a.navy-link {
 color: #002f55 !important;
}

/* =Site-Wide Banner
----------------------------------------------- */
.sw-banner {
 background: #fd6b0d;
 color: #fff;
 padding: 10px;
}

.sw-banner .sw-banner-wrapper {
 max-width: 1200px;
 margin: 0 auto;
}

.sw-banner .sw-banner-wrapper h3 {
 color: #fff;
 font-size: 15px;
 margin-bottom: 0;
 cursor: pointer;
}

.sw-banner .sw-banner-wrapper h3 span {
 font-weight: bold;
 font-size: 20px;
}

.sw-banner .sw-banner-wrapper .sw-banner-text {
 display: none;
}

/* =Menu
----------------------------------------------- */
#mm-menu:not(.mm-menu) {
 display: none;
}

.main-navigation {
 clear: both;
 display: block;
 width: 100%;
 height: 67px;
 background: #eaeaea;
 color: #fff;
 font-weight: 300;
 text-transform: uppercase;
 position: relative;
}

#nav-wrapper {
 width: 1200px;
 margin: 0 auto;
 position: relative;
 overflow: visible;
}

.main-navigation ul {
 list-style: none;
 margin: 0;
 padding-left: 0;
 text-align: center;
}

.main-navigation #nav-wrapper>ul>li {
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;
 vertical-align: top;
 position: relative;
 padding: 0;
 margin: 0 15px;
}

.main-navigation #nav-wrapper>ul>li>a {
 padding: 0 30px;
}

.main-navigation #nav-wrapper>ul>li:hover>a {
 background: #002f55;
 color: #ff6a1f;
}

.main-navigation #nav-wrapper>ul>li.first {
 margin: 0 15px 0 0;
}

.main-navigation #nav-wrapper>ul>li.first a {
 position: relative;
}

.main-navigation #nav-wrapper>ul>li.first>a:hover:before {
 width: 0 !important;
}

.main-navigation #nav-wrapper>ul>li.first a:before {}

.main-navigation #nav-wrapper>ul>li.first a:hover:before {
 width: 100%;
}

.main-navigation #nav-wrapper>ul>li.first li.has-submenu>a:hover:before {
 width: 0;
}

.main-navigation #nav-wrapper>ul>li.border {
 position: relative;
}

/*
.main-navigation #nav-wrapper > ul > li.border:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 35%, #cccccc 66%, #eaeaea 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #eaeaea), color-stop(35%, #cccccc), color-stop(66%, #cccccc), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 35%, #cccccc 66%, #eaeaea 100%);
	background: -o-linear-gradient(top, #eaeaea 0%, #cccccc 35%, #cccccc 66%, #eaeaea 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 35%, #cccccc 66%, #eaeaea 100%);
	background: linear-gradient(to bottom, #eaeaea 0%, #cccccc 35%, #cccccc 66%, #eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0 );
	position: absolute;
	top: 0;
	right: -10px;
}
*/
/*
	inline block
	------------------------------
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: top;
*/
.main-navigation a {
 display: block;
 text-decoration: none;
 line-height: 67px;
 color: #002b57;
}

.main-navigation ul ul {
 display: none;
 float: left;
 position: absolute;
 top: 67px;
 left: 0;
 z-index: 99999;
 background: #002d51;
 text-align: left;
 text-transform: none;
 /* 	padding: 40px 0; */
 /* 	height: 300px; */
}

.main-navigation ul ul li {
 padding: 0;
 /* 	border-right: 1px solid #004a8c; */
 display: block;
}

.main-navigation ul ul ul {
 left: 100%;
 top: 0;
}

.main-navigation ul ul a {
 width: 200px;
 line-height: 1em;
 color: #fff;
}

.main-navigation ul ul ul {
 left: 100%;
 top: 0;
}

.main-navigation ul ul a {
 line-height: 1em;
 padding: 10px;
}

.main-navigation #nav-wrapper>ul>li.personal>ul.submenu>li {
 padding: 0 30px;
 width: 390px;
 position: relative;
 border-right: none;
}

.main-navigation #nav-wrapper>ul>li.personal>ul.submenu>li>a {
 line-height: 35px;
 padding: 12px 0 12px 100px;
 width: auto;
 border-bottom: 1px solid #004a8c;
 background-position: left center;
 background-size: 30px;
 background-repeat: no-repeat;
}

.main-navigation ul li.business ul.submenu {
 padding: 0;
 height: auto;
 padding: 0 30px;
}

.main-navigation ul li.business ul li {
 width: 330px;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 30px;
 border-right: none;
 padding: 12px 0;
 border-bottom: 1px solid #004a8c;
}

.main-navigation ul li.business ul li a {
 line-height: 35px;
 padding: 0 0 0 100px;
 width: 100%;
 position: relative;
}

.main-navigation ul li.business ul li a:after, .main-navigation ul li.personal>ul>li>a:after {
 position: absolute;
 content: '\f054';
 font-family: 'FontAwesome';
 color: #ff6a1f;
 right: 0;
}

.main-navigation ul li.business ul li a:hover:after, .main-navigation ul li.personal ul li a:hover:after {
 animation: bounce-horizontally 1s ease;
 -o-animation: bounce-horizontally 1s ease;
 -moz-animation: bounce-horizontally 1s ease;
 -webkit-animation: bounce-horizontally 1s ease;
 animation-iteration-count: infinite;
 -o-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
}

.main-navigation ul li.business ul li#become-member, .main-navigation ul li.personal li a.become-a-member {
 background-image: url('images/menu-icons/become-a-member.jpg');
}

.main-navigation ul li.business ul li#borrow, .main-navigation ul li.personal li a.borrow {
 background-image: url('images/menu-icons/borrow.jpg');
}

.main-navigation ul li.business ul li#save-invest, .main-navigation ul li.personal li a.save-invest {
 background-image: url('images/menu-icons/save-invest.jpg');
}

.main-navigation ul li.business ul li#spend, .main-navigation ul li.personal li a.spend {
 background-image: url('images/menu-icons/spend.jpg');
}

.main-navigation ul li.personal li a.manage {
 background-image: url('images/menu-icons/manage.jpg');
}

.main-navigation ul li.personal li a.insure {
 background-image: url('images/menu-icons/insure.jpg');
}

.main-navigation ul li.about ul.submenu {
 padding: 0;
 height: auto;
 padding: 0 30px;
}

.main-navigation ul li.about ul li {
 width: 430px;
 background-repeat: no-repeat;
 background-position: left center;
 border-right: none;
 padding: 20px 0;
 border-bottom: 1px solid #004a8c;
}

.main-navigation ul li.about ul li a {
 line-height: 56px;
 padding: 0 0 0 100px;
 width: 100%;
 position: relative;
}

.main-navigation ul li.about ul li a span {
 font-size: 12px;
 margin-top: -35px;
 display: block;
}

.main-navigation ul li.about ul li a:after {
 position: absolute;
 content: '\f054';
 font-family: 'FontAwesome';
 color: #ff6a1f;
 right: 0;
 top: 10px;
}

.main-navigation ul li.about ul li#community {
 background-image: url('images/menu-icons/community.jpg');
}

.main-navigation ul li.about ul li#history {
 background-image: url('images/menu-icons/history.jpg');
}

.main-navigation ul li.about ul li#volunteers {
 background-image: url('images/menu-icons/volunteers.jpg');
}

.main-navigation ul li:hover>ul {
 display: block;
}

.main-navigation ul li.has-submenu:hover a {
 position: relative;
}

.main-navigation li.personal li.has-submenu .submenu li a {
 padding: 10px;
}

.main-navigation li.personal li.has-submenu .submenu li a:hover {
 background: #005799;
}

/*
.main-navigation ul li.has-submenu:hover > a:after {
	position: absolute;
	content: '\f054';
	font-family: 'FontAwesome';
	color: #ff6a1f;
	margin-left: 5px;
}
*/
.main-navigation #nav-wrapper>ul>li.gt {
 padding: 20px 0 0 0;
}

.main-navigation #nav-wrapper>ul>li.gt #google_translate_element {
 position: relative;
 z-index: 10;
}

#google_translate_element a {
 line-height: normal;
 display: inline-block;
}

#nav-search {
 width: 350px;
 height: 67px;
 overflow: hidden;
 position: absolute;
 top: 0;
 right: 0;
}

#nav-search #nav-search-container {
 position: absolute;
 top: 0;
 left: 310px;
 width: 240px;
 background: #eaeaea;
 transition: 0.6s all ease;
 -moz-transition: 0.6s all ease;
 -webkit-transition: 0.6s all ease;
}

#nav-search.active #nav-search-container {
 left: 0;
 z-index: 1000;
}

#nav-search #nav-search-container i {
 font-size: 25px;
 color: #0f2c52;
 float: left;
 cursor: pointer;
 line-height: 67px;
}

#nav-search #nav-search-container form {
 float: right;
 margin-top: 15px;
 width: 200px;
}

.cb-search .hidden {
 display: none;
}

.cb-search-bar .cb-search-bar-wrapper form label[for=search-terms] {
 display: none;
}

.cb-search-bar {
 text-align: center;
 background: #002f55;
 display: none;
}

.cb-search-bar .cb-search-bar-wrapper {
 padding: 20px 0;
}

.cb-search-bar .button-wrapper {
 margin-bottom: 0;
}

.cb-search-bar input[type=text] {
 margin-right: 20px;
 padding: 10px;
}

/* =Header
----------------------------------------------- */
#mobile-menu-trigger {
 display: none;
}

#masthead {
 padding-top: 35px;
 width: 1200px;
 margin: 0 auto;
}

#top-nav {
 color: #7b7b7b;
 font-weight: 300;
 float: right;
 margin-top: -15px;
 padding-right: 90px;
}

#top-nav ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#top-nav ul li {
 display: inline-block;
 padding: 0 15px;
 position: relative;
}

#top-nav ul li:after {
 content: '|';
 position: absolute;
 right: 0;
}

#top-nav ul li.last {
 padding: 0 0 0 15px;
}

#top-nav ul li.last:after {
 content: '';
}

#top-nav ul li a {
 color: #7b7b7b;
 position: relative;
}

#top-nav ul li a:after {
 content: '';
 width: 0%;
 height: 1px;
 background: #7b7b7b;
 position: absolute;
 bottom: 3px;
 left: 0;
 -webkit-transition: 0.4s all ease;
 -o-transition: 0.4s all ease;
 transition: 0.4s all ease;
}

#top-nav ul li a:hover:after {
 width: 100%;
}

#top-nav ul li.home-banking {
 vertical-align: top;
}

#top-nav ul li.home-banking img {
 max-width: 140px;
}

#obl-link {
 float: right;
 margin-top: 20px;
 clear: right;
}

#mobile-menu {
 display: none;
}

#logo {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 width: 282px;
 height: 89px;
 margin: 0 0 30px 0;
 float: left;
}

h1#logo {
 clear: none;
}

#logo a {
 display: block;
 width: 282px;
 height: 89px;
 background: url('images/chocolate-bayou-logo.png') no-repeat;
}

.svg #logo a {
 background: url('images/chocolate-bayou-logo.svg') no-repeat;
}

#masthead .home-banking-login {
 position: absolute;
 top: 55px;
 right: 20px;
 height: 100px;
 overflow: hidden;
}

#masthead .home-banking-login h3 {
 font-family: 'Courgette';
 color: #ff6a1f;
 margin-bottom: 0;
}

/* =Footer
----------------------------------------------- */
#lost-cards {
 background: #fd6b0d;
 color: #fff;
 text-align: center;
 font-size: 18px;
 padding: 20px;
}

#lost-cards a {
 color: #fff;
}

.site-footer {
 clear: both;
 width: 100%;
 text-align: center;
 background: #cacaca;
 padding: 70px 20px 20px;
 color: #002b56;
}

.site-footer .site-info {
 width: 960px;
 margin: 0 auto;
}

ul#footer-social {
 list-style: none;
 padding: 0;
 margin: 0 0 30px 0;
}

ul#footer-social li {
 display: inline-block;
 margin: 0 10px 0 0;
}

ul#footer-social li a {
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 display: inline-block;
 color: #fff;
 text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.61)
}

ul#footer-nav {
 list-style: none;
 margin: 0 0 30px 0;
 padding: 0;
}

ul#footer-nav li {
 position: relative;
 display: inline-block;
 padding: 0 10px;
}

ul#footer-nav li.last:after {
 content: '';
}

ul#footer-nav li:after {
 content: "|";
 position: absolute;
 right: -3px;
 top: 0;
}

ul#footer-nav li a {
 color: #002b56;
}

.site-footer #disclaimer {
 font-size: 10px;
 margin-bottom: 30px;
}

.site-footer p {
 margin: 0px;
}

.site-footer a {
 text-decoration: none;
 color: #002b56;
}

.site-footer .copy {
 font-size: 12px;
 margin-bottom: 30px;
}

ul#footer-icons {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#footer-icons li {
 display: inline-block;
 margin-right: 20px;
 vertical-align: middle;
}

/* =Buttons
----------------------------------------------- */
a.orange-btn {
 color: #fff;
 background: #ff6a1f;
 border-radius: 11px;
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 padding: 10px 20px;
 border-bottom-width: 3px;
 border-bottom-color: #b54a15;
 border-bottom-style: solid;
 -webkit-transition: 0.1s all ease-in-out;
 -o-transition: 0.1s all ease-in-out;
 transition: 0.1s all ease-in-out;
 display: inline-block;
 font-weight: 400;
}

a.orange-btn:hover {
 transform: translateY(3px);
 -moz-transform: translateY(3px);
 -webkit-transform: translateY(3px);
 border-bottom-width: 0;
}

a.blue-btn {
 margin-bottom: 20px;
 color: #fff;
 background: #002f55;
 border-radius: 11px;
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 padding: 10px 20px;
 border-bottom-width: 3px;
 border-bottom-color: #ff6a1f;
 border-bottom-style: solid;
 -webkit-transition: 0.1s all ease-in-out;
 -o-transition: 0.1s all ease-in-out;
 transition: 0.1s all ease-in-out;
 display: inline-block;
 font-weight: 400;
}

a.blue-btn:hover {
 transform: translateY(3px);
 -moz-transform: translateY(3px);
 -webkit-transform: translateY(3px);
 border-color: #002f55;
}

button {
 color: #fff;
 background: #002f55;
 border-radius: 11px;
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 padding: 10px 20px;
 border-bottom-width: 3px;
 border-bottom-color: #ff6a1f;
 border-bottom-style: solid;
 -webkit-transition: 0.1s all ease-in-out;
 -o-transition: 0.1s all ease-in-out;
 transition: 0.1s all ease-in-out;
 display: inline-block;
 font-weight: 400;
 box-shadow: none;
}

button:hover {
 transform: translateY(3px);
 -moz-transform: translateY(3px);
 -webkit-transform: translateY(3px);
 border-color: #002f55;
 border-bottom-width: 0;
 background: #002f55;
}

#side-btns {
 position: fixed;
 list-style: none;
 padding: 0;
 margin: 0;
 transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 right: -405px;
 top: 230px;
 z-index: 99999;
}

#side-btns li {
 display: inline-block;
 margin-right: 5px;
 width: auto;
 height: auto;
 transition: 1s all ease;
 -moz-transition: 1s all ease;
 -webkit-transition: 1s all ease;
 background: #fff;
 height: 450px;
 border-radius: 11px 11px 0 0;
 position: relative;
}

#side-btns li.active {
 transform: translateY(-400px);
 -moz-transform: translateY(-400px);
 -webkit-transform: translateY(-400px);
}

#side-btns li>a {
 color: #fff;
 background: #002f55;
 padding: 15px 40px;
 font-size: 20px;
 border-radius: 11px 11px 0 0;
 -moz-border-radius: 11px 11px 0 0;
 -webkit-border-radius: 11px 11px 0 0;
 text-transform: uppercase;
 border-top-color: #ff6a1f;
 border-top-width: 5px;
 border-top-style: solid;
 display: inline-block;
}

#side-btns li>a span {
 font-weight: 700;
}

#side-btns li#member {
 width: 229.7px;
}

#side-btns li>div {
 width: 350px;
 text-align: center;
 position: absolute;
 transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 top: 170px;
 right: -60px;
}

.button-wrapper {
 min-height: 45px;
 margin-bottom: 20px;
}

.button-wrapper li {
 margin-bottom: 20px;
}

.button-wrapper ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

.button-wrapper ul li {
 display: inline-block;
}

.button-wrapper ul li:last-child {
 margin: 0;
}

input[type=submit] {
 color: #fff;
 border-right: none;
 border-top: none;
 border-left: none;
 background: #ff6a1f;
 border-radius: 11px;
 -moz-border-radius: 11px;
 -webkit-border-radius: 11px;
 padding: 10px 20px;
 border-bottom-width: 3px;
 border-bottom-color: #b54a15;
 border-bottom-style: solid;
 -webkit-transition: 0.1s all ease-in-out;
 -o-transition: 0.1s all ease-in-out;
 transition: 0.1s all ease-in-out;
 display: inline-block;
 font-weight: 400;
 box-shadow: none;
 text-shadow: none;
}

input[type=submit]:hover {
 background: #ff6a1f;
 transform: translateY(3px);
 -moz-transform: translateY(3px);
 -webkit-transform: translateY(3px);
 border-bottom-width: 0;
}

/* =Front Page
----------------------------------------------- */
#co-login iframe {
 width: 100%;
}

.flex-control-paging li a {
 border: 2px solid #fff;
 background: rgba(255, 255, 255, .5);
}

.flexslider {
 margin: 0;
 background: none;
 border: none;
 border-radius: 0;
 min-height: 558px;
}

.flexslider ul li {
 padding-top: 50px;
 height: 558px;
 padding-bottom: 70px;
 position: relative;
 overflow: hidden;
}

.flexslider ul li picture {
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -960px;
 width: 1920px;
}

.flexslider ul li #banner-wrapper {
 text-align: center;
 color: #fff;
 text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
 font-size: 36px;
 width: 800px;
 margin: 0 auto;
 position: relative;
 z-index: 100000;
}

.flexslider ul li #banner-wrapper span {
 font-weight: 700;
 font-size: 60px;
 text-transform: uppercase;
 line-height: 70px;
}

.flexslider ul li #banner-wrapper p {
 margin-bottom: 40px;
}

.flexslider ul li #banner-wrapper a {
 text-shadow: none;
 font-size: 24px;
 padding: 20px 80px;
}

.flex-control-nav {
 bottom: 50px;
 z-index: 1000;
}

#callouts {
 margin: -40px 0 20px 0;
 position: relative;
 z-index: 10000;
}

#callouts>ul {
 list-style: none;
 padding: 0;
 margin: 0 auto;
 width: 960px;
}

#callouts>ul>li {
 width: 33.33%;
 float: left;
 height: 336px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: right bottom;
 color: #fff;
}

#callouts ul li#co-loan {
 background: #004a8c;
 padding: 35px 0 0 0;
}

#callouts ul li#co-loan h3 {
 font-size: 30px;
 text-transform: uppercase;
 font-weight: 300;
 margin-bottom: 30px;
 color: #fff;
}

#callouts ul li#co-loan h3 span {
 font-weight: 700
}

#callouts ul li#co-loan p {
 margin-bottom: 40px;
}

#callouts ul li#co-loan ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#callouts ul li#co-loan ul li a {
 color: #fff;
 padding: 19px 0 19px 70px;
 display: inline-block;
 width: 100%;
}

#callouts ul li#co-loan ul li.odd a {
 background: #00437c;
}

#callouts ul li#co-loan ul li a#home-banking {
 background-image: url('images/icons/manage-home-banking.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-loan ul li a#home-banking:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-loan ul li a#estatements {
 background-image: url('images/icons/manage-estatements.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-loan ul li a#estatements:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-loan ul li a#loan-payment {
 background-image: url('images/icons/manage-loan-payment-center.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-loan ul li a#loan-payment:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-loan ul li a#credit-card {
 background-image: url('images/icons/mobile-app.png');
 background-repeat: no-repeat;
 background-position: 26px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-loan ul li a#credit-card:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-login {
 background-image: url('images/co-login-bg.jpg');
 padding: 50px 30px 0;
 text-align: center;
}

#callouts ul li#co-login h3, #callouts ul li#co-login h2 {
 font-size: 30px;
 text-transform: uppercase;
 margin-bottom: 30px;
 text-align: center;
 font-weight: 300;
 color: #fff;
}

#callouts ul li#co-login h3 span, #callouts ul li#co-login h2 span {
 font-weight: 700;
}

#callouts ul li#co-login #newto {
 font-size: 11px;
}

#callouts ul li#co-login #newto a {
 color: #fff;
 text-decoration: underline;
}

#callouts ul li#co-et {
 background: #004a8c;
 padding: 35px 0 0 0;
}

#callouts ul li#co-et h3, #callouts ul li#co-et h2 {
 font-size: 30px;
 text-transform: uppercase;
 font-weight: 300;
 margin-bottom: 30px;
 color: #fff;
}

#callouts ul li#co-et h3 span, #callouts ul li#co-et h2 span {
 font-weight: 700;
}

#callouts ul li#co-et ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#callouts ul li#co-et ul li a {
 color: #fff;
 padding: 19px 0 19px 70px;
 display: inline-block;
 width: 100%;
}

#callouts ul li#co-et ul li.odd a {
 background: #00437c;
}

#callouts ul li#co-et ul li a#apply-for-loan {
 background-image: url('images/icons/apply-for-loan.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-et ul li a#apply-for-loan:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-et ul li a.become-member {
 background-image: url('images/icons/become-member.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-et ul li a.become-member:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-et ul li a#shared-branching {
 background-image: url('images/icons/shared-branching.png');
 background-repeat: no-repeat;
 background-position: 22px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-et ul li a#shared-branching:hover {
 background-position: 12px 12px;
}

#callouts ul li#co-et ul li a#visit-facebook {
 position: relative;
}

#callouts ul li#co-et ul li a#visit-facebook:before {
 content: '\f09a';
 font-family: 'FontAwesome';
 position: absolute;
 color: #ff6902;
 font-size: 24px;
 top: 10px;
 left: 30px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#callouts ul li#co-et ul li a#visit-facebook:hover:before {
 left: 20px;
}

#rates-services {
 width: 960px;
 margin: 0 auto 30px;
 position: relative;
 height: 210px;
 position: relative;
}

#rates-services:after {
 content: '';
 width: 1px;
 height: 100%;
 background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #e0e0e0), color-stop(80%, #e0e0e0), color-stop(100%, #ffffff));
 background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
 position: absolute;
 left: 50%;
 top: 0;
}

#rates-services>div {
 width: 50%;
 float: left;
 position: relative;
 margin-top: 30px;
}

#rates-services>div>.right>a {
 font-weight: 500;
 margin-top: 15px;
 display: inline-block;
}

#rates-services>div>.right>a .bounce {
 display: inline-block;
}

#rates-services>div>.right>a:hover .bounce {
 animation: bounce-horizontally 1s ease;
 -o-animation: bounce-horizontally 1s ease;
 -moz-animation: bounce-horizontally 1s ease;
 -webkit-animation: bounce-horizontally 1s ease;
 animation-iteration-count: infinite;
 -o-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
}

#rates-services>div .right {
 text-align: right;
 padding-right: 20px;
}

#rates-services #rates ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#rates-services #rates ul li {
 float: left;
 padding: 20px 16px;
 position: relative;
 background-image: linear-gradient(#949494 33%, rgba(255, 255, 255, 0) 0%);
 background-position: right;
 background-size: 1px 3px;
 background-repeat: repeat-y;
}

#rates-services #rates ul li.first {
 padding: 20px 16px 20px 0;
}

#rates-services #rates ul li.last {
 padding: 20px 0 20px 16px;
 background: none;
}

#rates-services #rates ul li h5 {
 font-size: 18px;
 color: #002b56;
 font-weight: 500;
 margin-bottom: 0;
}

#rates-services #rates ul li p {
 margin-bottom: 0;
 min-width: 135px;
}

#rates-services #rates ul li .rate-number {
 color: #ff6902;
 font-size: 48px;
 font-weight: 400;
 line-height: 48px;
 position: relative;
 display: inline-block;
 float: left;
}

#rates-services #rates ul li .rate-number .percentage {
 font-size: 30px;
 position: absolute;
 top: -8px;
 right: -22px;
}

#rates-services #rates ul li .marker {
 margin-top: 23px;
}

#rates-services #rates a {
 color: #002b56;
}

#rates-services #services ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#rates-services ul li {
 width: 50%;
 text-align: center;
 float: left;
 padding: 20px;
 background-image: linear-gradient(#949494 33%, rgba(255, 255, 255, 0) 0%);
 background-position: right;
 background-size: 1px 3px;
 background-repeat: repeat-y;
}

#rates-services #services ul li.last {
 background: none;
}

#rates-services #services ul li img {
 margin-bottom: 0;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#rates-services #services ul li a:hover img {
 transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
}

#rates-services #services ul li p {
 margin-bottom: 0;
}

#rates-services #services a {
 color: #002b56;
}

@keyframes bounce-horizontally {
 0% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }

 50% {
  transform: translateX(10px);
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
 }

 100% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }
}

@-moz-keyframes bounce-horizontally {
 0% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }

 50% {
  transform: translateX(10px);
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
 }

 100% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }
}

@-o-keyframes bounce-horizontally {
 0% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }

 50% {
  transform: translateX(10px);
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
 }

 100% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }
}

@-webkit-keyframes bounce-horizontally {
 0% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }

 50% {
  transform: translateX(10px);
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
 }

 100% {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
 }
}

#fp-locations {
 background: #eaeaea;
 color: #636363;
 padding: 50px 0;
}

#fp-locations-wrapper {
 width: 960px;
 margin: 0 auto;
}

#fp-locations #tab-wrapper {
 width: 680px;
 float: left;
}

#fp-locations ul#tab-title {
 list-style: none;
 margin: 0;
 padding: 0;
}

#fp-locations ul#tab-title li {
 font-weight: 500;
 float: left;
 margin-right: 3px;
}

#fp-locations ul#tab-title li a {
 color: #636363;
 padding: 7px 20px;
 border: 1px solid #cacaca;
 display: inline-block;
}

#fp-locations ul#tab-title li.active a {
 color: #fff;
 background: #ff6a1f;
 border: 1px solid #ff6a1f;
}

#fp-locations ul#tab-info {
 list-style: none;
 margin: -1px 0 0 0;
 padding: 0;
}

#fp-locations ul#tab-info li {
 border-top: 1px solid #cacaca;
 display: none;
 padding: 35px 0 0 0;
}

#fp-locations ul#tab-info li.active {
 display: block;
}

#fp-locations ul#tab-info li h2.mobile-header {
 display: none;
}

#fp-locations ul#tab-info li img.loc-image {
 border: 5px solid #fff;
 display: inline;
 margin-right: 40px;
}

#fp-locations ul#tab-info li span {
 font-weight: 500;
}

#hours-wrap {
 float: left;
 width: 70%;
}

#image-wrap {
 width: 30%;
 float: left;
}

#hours-wrap .lobby-hours {
 width: 47.5%;
 margin-right: 5%;
 float: left;
}

#hours-wrap .drive-thru-hours {
 width: 47.5%;
 float: left;
}

#hours-wrap #top-info {
 margin-bottom: 20px;
}

#fp-locations #static-loc-info {
 float: right;
 font-size: 13px;
}

#fp-locations #static-loc-info ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#fp-locations #static-loc-info ul li {
 margin-bottom: 15px;
 padding-left: 40px;
 background-repeat: no-repeat;
 position: relative;
}

#fp-locations #static-loc-info ul li span {
 font-weight: 500;
}

#fp-locations #static-loc-info ul li.phone {
 background-image: url('images/icons/loc-phone.png');
 background-position-y: 6px;
}

#fp-locations #static-loc-info ul li.email {
 background-image: url('images/icons/loc-email.png');
}

#fp-locations #static-loc-info ul li.address {
 background-image: url('images/icons/loc-address.png');
}

#fp-locations #static-loc-info ul li.routing-number:before {
 content: '\f074';
 font-family: 'FontAwesome';
 position: absolute;
 color: #676767;
 left: 5px;
 font-size: 20px;
}

#fp-menus {
 background: #d6d6d6;
 padding: 50px 0;
}

#fp-menus #fp-menus-wrapper {
 width: 960px;
 margin: 0 auto;
}

#fp-menus #fp-menus-wrapper h3 {
 font-weight: 500;
 color: #636363;
}

#fp-menus #fp-menus-wrapper h3 span {
 display: none;
}

#fp-menus #fp-menus-wrapper ul {
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 14px;
}

#fp-menus #fp-menus-wrapper ul li {
 margin-bottom: 5px;
}

#fp-menus #fp-menus-wrapper ul li a {
 color: #636363;
 position: relative;
}

#fp-menus #fp-menus-wrapper ul li a:after {
 content: '';
 height: 1px;
 width: 0;
 background: #636363;
 position: absolute;
 bottom: 3px;
 left: 0;
 -webkit-transition: 0.4s all ease;
 -o-transition: 0.4s all ease;
 transition: 0.4s all ease;
}

#fp-menus #fp-menus-wrapper ul li a:hover:after {
 width: 100%;
}

.manny-loan {
 position: fixed;
 bottom: -7px;
 left: 0;
 z-index: 100000;
}

.manny-loan span.fa-times-circle-o {
 color: rgba(0, 0, 0, .7);
 position: absolute;
 font-size: 40px;
 top: 0;
 left: 10px;
 z-index: 100000000;
 cursor: pointer;
}

/* =Content
----------------------------------------------- */
#document-upload {
 padding: 20px;
 text-align: center;
 border: 2px solid #ccc;
}

#document-upload fieldset {
 margin-bottom: 40px;
}

#document-upload p {
 margin-right: 20px;
 display: inline;
}

@media (max-width: 1100px) {
 #document-upload p {
  margin-right: 0;
  display: block;
  margin-bottom: 20px;
 }
}

#upload-message {
 padding: 10px;
 margin-bottom: 20px;
}

#upload-message.yellow {
 background: #f4f7a7;
}

#upload-message.green {
 background: #a7f7b6;
}

#upload-message.red {
 background: #f7a7a7;
}

#header-phone {
 background: #fd6b0d;
 color: #fff;
 padding: 10px;
}

#header-phone a {
 color: #fff;
 text-align: center;
 display: block;
}

@media (min-width: 768px) {
 #header-phone {
  display: none;
 }
}

.gform_confirmation_wrapper {
 background: #9cf390;
 padding: 20px;
 color: #000;
}

#search-term {
 padding: 10px;
 background: #efefef;
 border: 1px solid #dfdfdf;
}

.home #page {
 width: 100%;
 margin: 0 auto;
}

#page {
 width: 1200px;
 margin: 0 auto;
}

body .site-content.one-column {
 float: none;
 margin: 0px;
}

.site-content {
 float: left;
 margin: 0 -30% 0 0;
 width: 100%;
}

.one-column #content {
 margin: 0px;
}

#content {
 margin: 0 30% 0 0;
 padding: 20px 0;
}

.site-content article {
 word-wrap: break-word;
}

#content img {
 max-width: 100%;
 height: auto;
}

.two-col>div {
 width: 45%;
 float: left;
 margin-right: 10%;
}

.two-col div.last {
 margin-right: 0px;
}

.three-col>div {
 width: 30%;
 float: left;
 margin-right: 5%;
}

.three-col div.last {
 margin-right: 0px;
}

.four-col>div {
 width: 20%;
 float: left;
 margin-right: 5%;
}

.four-col div.last {
 margin-right: 0px;
}

h1.entry-title {
 padding-bottom: 5px;
 border-bottom: 1px solid #ccc;
}

.site-content article {
 margin-bottom: 20px;
}

.center-text {
 text-align: center;
}

.center-text td {
 text-align: center;
}

#rate-table-nav {
 list-style: none;
 margin: 0 0 40px 0;
 padding: 0;
}

#rate-table-nav li {
 display: inline-block;
 position: relative;
 margin-right: 5px;
 padding-right: 5px;
}

#rate-table-nav li:after {
 content: '|';
 position: absolute;
 top: 0;
 right: -4px;
}

#rate-table-nav li.last {
 margin: 0;
 padding: 0;
}

#rate-table-nav li.last:after {
 content: '';
}

th {
 background: #ff6a1f;
 color: #fff;
 font-weight: normal;
 text-align: center;
}

th a {
 color: #002f55 !important;
}

th.empty {
 background: none;
}

th span {
 font-size: 12px;
}

#secured-loans {
 margin-bottom: 50px;
}

#secured-loans h3 {
 margin: 0;
}

#secured-loans table tr td {
 text-align: center;
 vertical-align: middle;
}

#secured-loans table tr td span {
 font-size: 12px;
}

#unsecured-loans {
 margin-bottom: 50px;
}

#unsecured-loans h3 {
 margin: 0;
}

#unsecured-loans table tr td {
 vertical-align: middle;
 text-align: center;
}

#unsecured-loans table tr td span {
 font-size: 12px;
}

#real-estate {
 margin-bottom: 50px;
}

#real-estate h3 {
 margin: 0;
}

#land-loans {
 margin-bottom: 50px;
}

#land-loans h3 {
 margin: 0;
}

#land-loans table tr td {
 vertical-align: middle;
 text-align: center;
}

#land-loans table tr td span {
 font-size: 12px;
}

#home-equity-loans {
 margin-bottom: 50px;
}

#home-equity-loans h3 {
 margin: 0;
}

#home-equity-loans table tr td {
 vertical-align: middle;
 text-align: center;
}

#home-equity-loans table tr td span {
 font-size: 12px;
}

#home-purchases-refinance {
 margin-bottom: 50px;
}

#home-purchases-refinance h3 {
 margin: 0;
}

#home-purchases-refinance table tr td {
 vertical-align: middle;
 text-align: center;
}

#home-purchases-refinance table tr td span {
 font-size: 12px;
}

.smalltext {
 font-size: 10px;
}

#account-services tr {
 border-bottom: 1px solid;
}

#account-services tr.last {
 border-bottom: none;
}

#account-services tr td {
 border: none;
 padding: 10px 0;
}

#account-services tr td.price {
 text-align: center;
 vertical-align: middle;
}

#tab-layout-nav {
 width: 33%;
 float: left;
 padding: 0 20px 0 0;
}

#tab-layout-nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#tab-layout-nav ul li.active:first-child a {
 border-top: none;
}

#tab-layout-nav ul li.active:last-child a {
 border-bottom: none;
}

#tab-layout-nav ul li a {
 color: #002f55;
 border-right: 1px solid #bdbdbd;
 padding: 10px;
 display: block;
}

#tab-layout-nav ul li.active a {
 color: #ff6a1f;
 border-right: none;
 border-top: 1px solid #bdbdbd;
 border-bottom: 1px solid #bdbdbd;
}

#tab-layout-content {
 width: 66%;
 float: right;
}

#tab-layout-content>div {
 display: none;
}

#tab-layout-content>div.active {
 display: block;
}

.spacing {
 margin-bottom: 60px;
}

#auto-center-links {
 text-align: center;
}

#auto-center-links a {
 font-weight: 700;
}

#auto-center-links img {
 margin-top: 10px;
}

#member-benefits {
 list-style: none;
 margin: 0 0 30px 0;
 padding: 0;
}

#member-benefits li {
 width: 20%;
 float: left;
 text-align: center;
 padding: 0 10px;
 margin-bottom: 30px;
 background-repeat: no-repeat;
 background-position: center top;
 padding-top: 120px;
}

div.tabs>ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 33%;
 float: left;
 padding: 0 20px 0 0;
}

div.tabs>ul li.active:first-child a {
 border-top: none;
}

div.tabs>ul li.active:last-child a {
 border-bottom: none;
}

div.tabs>ul li a {
 color: #002f55;
 border-right: 1px solid #bdbdbd;
 padding: 10px;
 display: block;
}

div.tabs>ul li.active a {
 color: #ff6a1f;
 border-right: none;
 border-top: 1px solid #bdbdbd;
 border-bottom: 1px solid #bdbdbd;
}

div.tabs>div {
 display: none;
 width: 66%;
 float: right;
}

div.tabs>div.active {
 display: block;
}

div.header-content-image {
 height: 222px;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 margin-bottom: 30px;
}

div.header-content-image div.hci-title {
 width: 100%;
 background: #012e55;
 position: absolute;
 bottom: 0;
}

div.header-content-image div.hci-title h3 {
 color: #fff;
 padding: 13px 0 13px 10px;
 margin: 0;
}

.vcenter {
 vertical-align: middle;
}

#compare-accounts tr th {
 text-align: left;
}

#compare-accounts tr th h4 {
 font-size: 18px;
 font-weight: 700;
}

.alert {
 text-align: center;
 padding: 20px;
 color: #fff;
 margin: 30px 0;
}

.alert a {
 color: #fff;
}

.alert.red {
 background: #ee4c3d;
}

.single-location span {
 font-weight: 700;
}

#contact-us span {
 font-size: 50px;
 margin-bottom: 20px;
 color: #0f2c52;
}

#fact-sheet table tr td {
 vertical-align: middle;
 border-right: none;
 border-left: none;
 border-top: none;
}

#fact-sheet table tr td.bold {
 font-weight: 700;
 width: 28%;
}

#fact-sheet table tr.last td {
 border-bottom: none;
}

#locations-hours table tr td {
 border: none;
}

#locations-hours h4 {
 font-style: italic;
}

#locations-hours iframe {
 width: 100%;
 height: 250px;
}

.no-list {
 list-style: none;
}

.italic {
 font-style: italic;
}

#scholarship h4 {
 font-style: italic;
}

.bold {
 font-weight: 700;
}

.underline {
 text-decoration: underline;
}

ul.staff {
 list-style: none;
 margin: 0 0 50px 0;
 padding: 0;
}

ul.staff li {
 text-align: center;
 width: 25%;
 float: left;
 margin-bottom: 30px;
}

@media (max-width: 576px) {
 ul.staff li {
  text-align: center;
  width: auto;
  float: none;
  margin-bottom: 40px;
 }
}

ul.staff li span {
 font-weight: normal;
 font-style: italic;
}

.photo-coming-soon {
 height: 150px;
 width: 150px;
 background: #d7d7d7;
 color: #000;
 border: 1px solid #000;
 margin: 0 auto;
 padding-top: 50px;
 margin-bottom: 5px;
}

#staff-page h4 {
 font-style: italic;
}

div.lr-header {
 width: 100%;
 height: 222px;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}

iframe.apply-map {
 width: 100%;
 height: 275px;
}

#shared-branching-search fieldset {
 border: 1px solid #e7e7e7;
 margin: 0 0 24px 0;
 padding: 24px;
}

#shared-branching-search fieldset legend {
 background: #fff;
 font-weight: 700;
 padding: 0 12px;
}

#shared-branching-search fieldset label {
 display: block;
}

#shared-branching-search fieldset input[type=text] {
 width: 100%;
 margin-bottom: 20px;
}

#shared-branching-search .button-wrapper {
 margin-bottom: 0;
}

div.jqi {
 background-color: #fff;
 background-image: url('images/calculator.jpg');
 background-position: right center;
 background-repeat: no-repeat;
}

.third-party-notice div.jqi {
 background-image: none;
}

div.jqi .jqistate {
 background: none;
}

.jqimessage .field label {
 display: block;
}

div.jqi .jqibuttons {
 padding: 10px;
}

div.jqi .jqibuttons button {
 padding: 3px 10px;
 margin: 0 10px;
 background: #002f55;
 border: solid 1px #f4f4f4;
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 text-shadow: none;
 box-shadow: none;
}

div.jqi .jqibuttons button.jqidefaultbutton {
 color: #fff;
 background: #ff6a1f;
}

div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
 color: #fff;
}

.two-thirds {
 width: 64%;
 float: left;
 margin-right: 3%;
}

.one-third {
 width: 32%;
 float: left;
}

.page-id-129 .one-third p {
 margin-bottom: 0;
}

#cudl-widget-holder-170 .custom-widget-header-170 {
 background: #002f55 !important;
}

#cudl-widget-holder-170 #custom-widget-search-button-170 {
 background: #002f55 !important;
 text-shadow: none;
}

.employment-application {
 margin-bottom: 40px;
}

#cbcfcu-loan-calculator {
 background: #eaeaea;
 padding: 20px;
 border-radius: 10px;
 margin: 0 auto 20px;
}

#cbcfcu-loan-calculator input {
 display: block;
}

#cbcfcu-loan-calculator .field {
 margin-bottom: 15px;
}

#cbcfcu-loan-calculator .field label {
 display: block;
 color: #012e55;
 font-weight: bold;
}

#cbcfcu-loan-calculator #cal-results {
 padding: 10px;
 text-align: center;
 color: #fff;
}

a.email-link {
 font-size: 12px;
}

.post-258 table {
 table-layout: fixed;
}

table.love-my-credit-union tr td {
 text-align: center;
 vertical-align: middle;
 border: none;
}

.pr-next-prev-links {
 background: #ff6a1f;
 color: #fff;
 padding: 10px 20px;
}

.pr-next-prev-links a {
 color: #fff;
}

.pr-next-prev-links .next {
 float: right;
}

.pr-next-prev-links .prev {
 float: left;
}

ul.press-releases {
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.press-releases li {
 margin-bottom: 50px;
}

ul.press-releases li h3 {
 margin-bottom: 5px;
 position: relative;
 display: inline-block;
 cursor: pointer;
 color: #ff6a1f;
}

ul.press-releases li h3:after {
 content: '\f054';
 font-family: 'FontAwesome';
 position: absolute;
 right: -20px;
 top: 0;
 font-size: 15px;
 transition: .4s all ease;
 -moz-transition: .4s all ease;
 -webkit-transition: .4s all ease;
}

ul.press-releases li.active h3:after {
 transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}

ul.press-releases li .date {
 font-style: italic;
 font-size: 12px;
 margin-bottom: 20px;
}

ul.press-releases li .pr-content {
 display: none;
}

/* =Sidebar
----------------------------------------------- */
#secondary {
 /* Sidebar 1 */
 float: right;
 overflow: hidden;
 width: 27%;
 padding-left: 3%;
 padding-top: 3%;
 border-left: 1px solid #eaeaea;
}

#tertiary {
 /* Sidebar 2 */
 clear: right;
}

.aside-block {
 margin-bottom: 40px;
}

.aside-block ul {
 list-style: none;
 margin: 0;
}

#aside-would-like a {
 padding: 13px 0 13px 50px;
 display: block;
}

#aside-would-like a {
 background-repeat: no-repeat;
 background-position: 0px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
 color: #002f55;
}

#aside-would-like a:hover {
 background-position: 8px 12px;
}

.aside-block a#apply-for-loan {
 background-image: url('images/icons/apply-for-loan-blue.png');
}

.aside-block a#become-member {
 background-image: url('images/icons/become-member-blue.png');
}

.aside-block a#shared-branching {
 background-image: url('images/icons/shared-branching-blue.png');
}

.aside-block a#visit-facebook {
 position: relative;
}

.aside-block a#visit-facebook:before {
 content: '\f09a';
 font-family: 'FontAwesome';
 position: absolute;
 color: #ff6902;
 font-size: 24px;
 top: 5px;
 left: 10px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

.aside-block a#visit-facebook:hover:before {
 left: 20px;
}

a.orange-btn {
 height: 45px;
 line-height: 45px;
 padding: 0 20px;
}

#aside-loan-rates ul li {
 position: relative;
 margin-bottom: 20px;
}

#aside-loan-rates ul li:after {
 content: '';
 position: absolute;
 height: 1px;
 width: 100%;
 background: #ffffff;
 background: -moz-linear-gradient(left, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(20%, #e0e0e0), color-stop(80%, #e0e0e0), color-stop(100%, #ffffff));
 background: -webkit-linear-gradient(left, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -o-linear-gradient(left, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: -ms-linear-gradient(left, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 background: linear-gradient(to right, #ffffff 0%, #e0e0e0 20%, #e0e0e0 80%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

#aside-loan-rates ul li:last-child:after {
 background: none;
}

#aside-loan-rates ul li table {
 margin: 0;
}

#aside-loan-rates ul li table tr td {
 border: none;
}

#aside-loan-rates ul li table tr td.ala {
 text-align: right;
 vertical-align: middle;
}

#aside-loan-rates ul li h5 {
 font-size: 18px;
 color: #002b56;
 font-weight: 500;
 margin-bottom: 0;
}

#aside-loan-rates ul li p {
 margin-bottom: 0;
}

#aside-loan-rates ul li .rate-number {
 color: #ff6902;
 font-size: 48px;
 font-weight: 400;
 line-height: 48px;
 position: relative;
 display: inline-block;
 float: left;
}

#aside-loan-rates ul li .rate-number .percentage {
 font-size: 30px;
 position: absolute;
 top: -8px;
 right: -22px;
}

#aside-loan-rates ul li .marker {
 margin-top: 23px;
}

/* =IE
----------------------------------------------- */
.ie .group {
 /* IE7 */
 min-height: 1px;
}

/* =Media
----------------------------------------------- */
.wp-caption {
 border: 1px solid #ccc;
 max-width: 100%;
 margin-bottom: 20px;
}

.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
 margin-bottom: 1.5em;
}

#content .wp-caption img {
 display: block;
 margin: 10px auto 0;
 max-width: 96%;
}

.wp-caption-text {
 text-align: center;
}

.wp-caption .wp-caption-text {
 margin: 8px 0;
}

/* =Navigation
----------------------------------------------- */
#content .site-navigation {
 margin: 0 0 1.5em;
 overflow: hidden;
}

#content .nav-previous {
 float: left;
 width: 50%;
}

#content .nav-next {
 float: right;
 text-align: right;
 width: 50%;
}

.mm-next span {
 display: none;
}

/* =Notifications
------------------------------------------------------*/
#notifications.errors {
 background: #ffdbdb;
 border: 2px solid #e6a4a4;
 color: #af4e4e;
 padding: 10px;
}

#notifications.errors a {
 color: #af4e4e;
}

#notifications.success {
 background: #e6ffe3;
 border: 2px solid #abe0a6;
 color: #367730;
 padding: 10px;
}

#notifications.success a {
 color: #367730;
}

#notifications ul {
 margin: 0;
 list-style: none;
}

#notifications {
 text-align: center;
 margin-bottom: 20px;
}

#notifications.caution {
 background: #fffbcf;
 color: #524d17;
 border: 2px solid #e7e095;
 padding: 10px;
}

#notifications.caution a {
 color: #524d17;
}

#notifications p {
 margin: 0;
}

/* Preloader
------------------------------------------------------*/
.preloader {
 display: none;
 text-align: center;
}

.loading .preloader {
 display: block;
}

/* Loan Application */
#notify {
 margin-bottom: 40px;
 display: none;
}

#notify.active {
 display: block;
}

#notify .content {
 padding: 15px;
 background: #ffc6c6;
 color: #631E1E;
 border: 2px solid #AD4E4E;
}

#notify.success .content {
 background: #D3FFC2;
 color: #224A12;
 border: 2px solid #5EA343;
}

#loan-application h2 {
 margin: 0;
 padding: 10px;
 2
}

.complete #loan-application {
 display: none;
}

#loan-application #other #other-fields {
 display: none;
}

#loan-application #what-you-owe li.hide-monthly .monthly-payment {
 display: none;
}

#loan-application textarea {
 height: 150px;
 width: 100%;
 box-sizing: border-box;
}

#loan-application #other #other-fields.active {
 display: block;
}

#loan-application .highlight {
 padding: 20px;
 background: #FFFECF;
 border: 1px solid #E8E7A2;
}

.repeater-wrap input[type=text] {
 background: #fff;
}

#content .entry-content #loan-application fieldset .highlight p {
 padding: 0;
 margin-bottom: 10px;
}

#loan-application h3 {
 padding: 10px;
 border-bottom: 1px solid #ccc;
}

#loan-application {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 margin-bottom: 20px;
}

.saving-form #loan-application input[type=submit], .saving-form .form-navigation {
 display: none;
}

#loan-application .isolate {
 background: #fafafa;
 padding: 20px;
 border: 1px solid #e7e7e7;
 margin-bottom: 20px;
}

#loan-application #other #account-number {
 display: none;
}

#loan-application #other-member-numbers.yes #account-number {
 display: block;
}

#loan-application #other #ss-number {
 display: none;
}

#loan-application #other-member-numbers.no #ss-number {
 display: block;
}

#loan-application #other #qualify-text {
 display: none;
}

#loan-application #other-member-numbers.no #qualify-text {
 display: block;
}

#content .entry-content #loan-application fieldset p.adjust-input {}

.repeater-wrap {
 margin-bottom: 40px;
}

.repeater-nav {
 background: #f4f4f4;
 text-align: center;
 padding: 15px;
 box-shadow: inset 0 0 2px #fff;
 border: 1px solid #d2d2d2;
}

.repeater-nav .remove {
 display: none;
}

.repeater-nav.remove .remove {
 display: inline;
}

#content ul.repeater-item-wrap {
 list-style: none;
 margin: 0;
}

#loan-application .repeater-item {
 background: #fbfbfb;
 border: 1px solid #d2d2d2;
 box-shadow: inset 0 0 2px #fff;
}

#loan-application .inline-input p.item-header {
 background: #f4f4f4;
 font-weight: bold;
 text-align: center;
}

#loan-application .inline-input p {
 border-bottom: 1px solid #d2d2d2;
 border-top: 1px solid #fff;
 margin: 0;
 padding: 10px;
}

#loan-application .inline-input label {
 width: 30%;
}

#loan-application .inline-input input[type=text] {
 width: 68%;
}

#loan-application fieldset.active {
 display: block;
}

#loan-application fieldset {
 position: relative;
 padding: 40px 0px 0px 0px;
 display: none;
 border: 1px solid #ccc;
}

#loan-application fieldset.no-legend {
 padding: 0px;
}

#loan-application p {
 margin: 0;
 padding: 10px;
 box-sizing: border-box;
}

#loan-application legend {
 padding: 5px;
 background: #dfdfdf;
 border: 1px solid #c8c8c8;
 position: absolute;
 top: -10px;
 left: 10px;
}

#loan-application .third>p {
 width: 33%;
 float: left;
}

#loan-application .half>p {
 width: 50%;
 float: left;
}

#loan-application #loanliner {
 width: 48%;
 margin-right: 4%;
 float: left;
}

#loan-application .set-inline p {
 display: inline-block;
}

#loan-application .set-inline label {
 display: inline-block;
 margin-right: 10px;
}

#loan-application #credit-card {
 width: 48%;
 float: left;
}

#loan-application input[type=text] {
 box-sizing: border-box;
 display: inline-block;
 width: 100%;
}

#loan-application input[type=radio] {
 display: inline-block;
 margin: 0 5px 0 0;
}

#loan-application input[type=checkbox] {
 display: inline-block;
 margin: 0 5px 0 0;
}

#loan-application label {
 display: inline-block;
 margin: 0 5px 0 0;
}

#loan-application #repayment p {
 display: inline-block;
 margin-right: 10px;
}

#loan-application .hide {
 display: none;
}

#loan-application .show {
 display: block;
}

#loan-application .error label {
 color: #631E1E;
}

#loan-application .error {
 background: #ffc6c6;
 color: #631E1E7;
}

#loan-application #your-information #account-number, #loan-application #your-information #ss-number, #loan-application #your-information #qualify-text {
 display: none;
}

#loan-application #your-information.true #account-number {
 display: block;
}

#loan-application #your-information.false #ss-number {
 display: block;
}

#loan-application #your-information.false #qualify-text {
 display: block;
}

#loan-application .selected .hide {
 display: block;
}

.form-navigation {
 padding: 20px;
}

.form-navigation .back {
 text-align: left;
 float: left;
 width: 50%;
}

.form-navigation .continue {
 text-align: right;
 float: right;
 width: 50%;
}

#content .entry-content .form-navigation input {
 width: 150px;
 display: inline-block;
 box-sizing: border-box;
 padding: 5px;
 box-shadow: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: #00457c;
 border-radius: 5px;
 color: #fff;
 border: none;
 margin: 0;
 cursor: pointer;
}

#content .entry-content .form-navigation input:hover {
 background: #1c5aa0;
}

/* Preloader */
.saving {
 display: none;
}

.saving-form .saving {
 display: block;
}

.saving #saving-text {
 text-align: center;
 font-size: 16px;
 line-height: 20px;
 color: #1571b6;
}

.saving span {
 display: block;
}

.loader:before,
.loader:after,
.loader {
 border-radius: 50%;
 width: 1.5em;
 height: 1.5em;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation: load7 1.8s infinite ease-in-out;
 animation: load7 1.8s infinite ease-in-out;
}

.loader {
 font-size: 10px;
 margin: 0px auto 60px;
 position: relative;
 text-indent: -9999em;
 -webkit-transform: translateZ(0);
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-animation-delay: -0.16s;
 animation-delay: -0.16s;
}

.loader:before {
 left: -3.5em;
 -webkit-animation-delay: -0.32s;
 animation-delay: -0.32s;
}

.loader:after {
 left: 3.5em;
}

.loader:before,
.loader:after {
 content: '';
 position: absolute;
 top: 0;
}

@-webkit-keyframes load7 {

 0%,
 80%,
 100% {
  box-shadow: 0 2.5em 0 -1.3em #1571b6;
 }

 40% {
  box-shadow: 0 2.5em 0 0 #1571b6;
 }
}

@keyframes load7 {

 0%,
 80%,
 100% {
  box-shadow: 0 2.5em 0 -1.3em #1571b6;
 }

 40% {
  box-shadow: 0 2.5em 0 0 #1571b6;
 }
}

/* End Loan Application */
#page {
 width: 1200px;
}

#content {
 margin: 0 30% 0 0;
}

#nav-wrapper {
 width: 1200px;
}

#masthead {
 width: 1200px;
 position: relative;
}

#obl-link {
 clear: right;
}

.aside-block {
 margin-bottom: 40px;
}

#secondary {
 width: 27%;
 padding-left: 3%;
 padding-top: 3%;
 border-left: 1px solid #eaeaea;
}

.site-content {
 margin: 0 -30% 0 0;
}

.aside-block ul {
 list-style: none;
 margin: 0;
}

#aside-would-like a {
 padding: 13px 0 13px 50px;
 display: block;
}

.aside-block a#apply-for-loan {
 background-image: url('images/icons/apply-for-loan.png');
}

#aside-would-like a {
 background-repeat: no-repeat;
 background-position: 0px 12px;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#aside-would-like a:hover {
 background-position: 8px 12px;
}

.aside-block a#become-member {
 background-image: url('images/icons/become-member.png');
}

.aside-block a#shared-branching {
 background-image: url('images/icons/shared-branching.png');
}

.aside-block a#report-card {
 background-image: url('images/icons/report-lost-card.png');
}

a.orange-btn {
 height: 45px;
 line-height: 45px;
 padding: 0 20px;
}

#aside-eservices ul {
 margin: 0 0 20px 0;
}

#aside-eservices a.icon {
 display: block;
 padding: 13px 0 13px 60px;
 background-position: 0px 12px;
 background-repeat: no-repeat;
 transition: 0.4s all ease;
 -moz-transition: 0.4s all ease;
 -webkit-transition: 0.4s all ease;
}

#aside-eservices a:hover {
 background-position: 8px 12px;
}

#aside-loan-payments {
 background-image: url('../images/icons/outside-loan-payments-orange.png');
}

#aside-estatements {
 background-image: url('../images/icons/estatements-orange.png');
}

#aside-credit-card {
 background-image: url('../images/icons/manage-cards-orange.png');
}

@media only screen and (max-width: 1200px) {
 #page, #nav-wrapper, #masthead {
  width: auto;
 }
}

body .gform_wrapper ul li.gfield {
 margin-top: 30px;
}

/* Landing Page
------------------------------------------------------*/
.page-template-page-landing-page #masthead, .page-template-page-landing-page .main-navigation, .page-template-page-landing-page #lost-cards, .page-template-page-landing-page #fp-menus, .page-template-page-landing-page .site-footer, .page-template-page-landing-page ul#side-btns {
 display: none;
}

.page-template-page-landing-page img {
 margin-bottom: 20px;
}

.page-template-page-landing-page {
 background: #0f1d4c;
}

.page-template-page-landing-page #landing-logo {
 margin-bottom: 10px;
}

.page-template-page-landing-page .lp-header {
 padding-top: 35px;
 margin-bottom: 20px;
}

.page-template-page-landing-page .lp-header img.top-image {
 max-width: 100%;
 margin-bottom: 20px;
}

.page-template-page-landing-page .lp-header .row .questions {
 color: #fff;
 text-align: center;
}

@media (min-width: 768px) {
 .page-template-page-landing-page .lp-header .row .questions {
  text-align: right;
 }
}

.page-template-page-landing-page .lp-header .row .questions .orange {
 color: #FF5700;
 font-weight: 700;
 margin-bottom: 0;
 text-transform: uppercase;
}

.page-template-page-landing-page .lp-header .row .questions h4 {
 color: #fff;
 font-weight: 700;
 font-size: 32px;
 margin-bottom: 0;
 line-height: 38px;
}

.page-template-page-landing-page .lp-body {
 background: #fff;
 padding: 20px;
 border-radius: 0 0 10px 10px;
 -moz-border-radius: 0 0 10px 10px;
 -webkit-border-radius: 0 0 10px 10px;
}

.page-template-page-landing-page .lp-body section {
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #FF6C0C;
}

.page-template-page-landing-page .lp-body section.last {
 padding-bottom: 0;
 margin-bottom: 0;
 border-bottom: none;
}

.page-template-page-landing-page .lp-body section img {
 max-width: 100%;
}

.page-template-page-landing-page .lp-footer {
 padding-top: 20px;
 font-size: 11px;
 color: #7F7F7F;
}

/* Grid
?????????????????????????????????????????????????? */
.container {
 position: relative;
 width: 100%;
 max-width: 960px;
 margin: 0 auto;
 padding: 0 20px;
 box-sizing: border-box;
}

.column,
.columns {
 width: 100%;
 float: left;
 box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
 .container {
  width: 85%;
  padding: 0;
 }
}

/* For devices larger than 550px */
@media (min-width: 768px) {
 .container {
  width: 80%;
 }

 .column,
 .columns {
  margin-left: 4%;
 }

 .column:first-child,
 .columns:first-child {
  margin-left: 0;
 }

 .one.column,
 .one.columns {
  width: 4.66666666667%;
 }

 .two.columns {
  width: 13.3333333333%;
 }

 .three.columns {
  width: 22%;
 }

 .four.columns {
  width: 30.6666666667%;
 }

 .five.columns {
  width: 39.3333333333%;
 }

 .six.columns {
  width: 48%;
 }

 .seven.columns {
  width: 56.6666666667%;
 }

 .eight.columns {
  width: 65.3333333333%;
 }

 .nine.columns {
  width: 74.0%;
 }

 .ten.columns {
  width: 82.6666666667%;
 }

 .eleven.columns {
  width: 91.3333333333%;
 }

 .twelve.columns {
  width: 100%;
  margin-left: 0;
 }

 .one-third.column {
  width: 30.6666666667%;
 }

 .two-thirds.column {
  width: 65.3333333333%;
 }

 .one-half.column {
  width: 48%;
 }

 /* Offsets */
 .offset-by-one.column,
 .offset-by-one.columns {
  margin-left: 8.66666666667%;
 }

 .offset-by-two.column,
 .offset-by-two.columns {
  margin-left: 17.3333333333%;
 }

 .offset-by-three.column,
 .offset-by-three.columns {
  margin-left: 26%;
 }

 .offset-by-four.column,
 .offset-by-four.columns {
  margin-left: 34.6666666667%;
 }

 .offset-by-five.column,
 .offset-by-five.columns {
  margin-left: 43.3333333333%;
 }

 .offset-by-six.column,
 .offset-by-six.columns {
  margin-left: 52%;
 }

 .offset-by-seven.column,
 .offset-by-seven.columns {
  margin-left: 60.6666666667%;
 }

 .offset-by-eight.column,
 .offset-by-eight.columns {
  margin-left: 69.3333333333%;
 }

 .offset-by-nine.column,
 .offset-by-nine.columns {
  margin-left: 78.0%;
 }

 .offset-by-ten.column,
 .offset-by-ten.columns {
  margin-left: 86.6666666667%;
 }

 .offset-by-eleven.column,
 .offset-by-eleven.columns {
  margin-left: 95.3333333333%;
 }

 .offset-by-one-third.column,
 .offset-by-one-third.columns {
  margin-left: 34.6666666667%;
 }

 .offset-by-two-thirds.column,
 .offset-by-two-thirds.columns {
  margin-left: 69.3333333333%;
 }

 .offset-by-one-half.column,
 .offset-by-one-half.columns {
  margin-left: 52%;
 }
}

.u-full-width {
 width: 100%;
 box-sizing: border-box;
}

.u-max-full-width {
 max-width: 100%;
 box-sizing: border-box;
}

.u-pull-right {
 float: right;
}

.u-pull-left {
 float: left;
}

.container:after,
.row:after,
.u-cf {
 content: "";
 display: table;
 clear: both;
}

.branch-video {
 height: 240px;
}

/* Latest News */
ul.newspaper {
 list-style: none;
}

ul.newspaper li {
 position: relative;
 padding-left: 20px;
}

ul.newspaper li:before {
 content: '\f1ea';
 font-family: 'FontAwesome';
 position: absolute;
 left: -5px;
 top: 1px;
 color: #002f55;
}

/* Shared Branching */
.post-262 #boxcontainer {
 width: 230px;
 float: right;
 margin-left: 30px;
}

.post-262 #coopsearchbox {
 border-radius: 9px;
 border: 1px solid #4F81BD;
 min-height: 95px;
}

.post-262 #cooplogobox {
 float: left;
 width: 80px;
}

.post-262 #cooplogo {
 width: 75.8px;
 height: 65.4px;
 margin: 5px;
}

.post-262 #coopsearch {
 float: left;
 width: 140px;
 color: #4F81BD;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-align: center;
}

.post-262 #searchheader {
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-size: 14px;
 text-align: center;
}

.post-262 #zip {
 border-radius: 5px;
 width: 60px;
}

.post-262 #findlocations {
 margin: 5px 0px 0px 0px;
 color: white;
 background-color: #4F81BD;
 line-height: 10px;
}

.post-262 #findlocations:hover {
 background-color: #85A7D1;
}

.icon-bauer {
 max-width: 110px;
}

.row-3-col img {
 margin: 0;
 display: block;
}

@media (min-width: 992px) {
 .row-3 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
 }

 .row-3-col img {
  margin: 0 auto;
  display: block;
 }

 .row-3-col strong {
  text-align: center;
  display: block;
 }

 .row-3-col p {
  text-align: center;
 }

 .row-3-col {
  max-width: 33.33%;
  padding: 0 15px;
 }
}