/*
Theme Name: SunTrust Bank
Author: Forty
Author URI: https://fortyagency.com/
Description: A custom theme created for SunTrust Bank.
Version: 1.0
*/

/* Google Web Font https://www.google.com/webfonts/specimen/Rokkitt */
@import url(https://fonts.googleapis.com/css?family=Rokkitt:700);

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
article {overflow: hidden;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; padding: 0; }
body, button, input, select, textarea { font-family: sans-serif; color: #666; }

::-moz-selection { background: #5c6f7c; color: #fff; text-shadow: none; }
::selection { background: #5c6f7c; color: #fff; text-shadow: none; }

a, a:visited { color: #d9531e; }
a:hover { color: #5c6f7c; }
a:focus, a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; margin-bottom: 15px; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Pixel Farmers // pixelfarmers.com
   ========================================================================== */
@font-face {
    font-family: 'Segoe UI';
    src: url('fonts/ApexSerif-Medium.eot');
    src: url('fonts/ApexSerif-Mediumd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ApexSerif-Medium.woff') format('woff'),
         url('fonts/ApexSerif-Medium.ttf') format('truetype'),
         url('fonts/ApexSerif-Medium.svg#ApexSerif') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background-color: #31424e; font:14px/24px Helvetica, Helvetica Neue, Arial, sans-serif;}

.wrapper {width:90%; margin:0 5%;}

h1, h2, h3, h4 {color: #5c6f7c; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; font-weight: normal;line-height: 1.2; margin: 0; padding: 0;}
h1 {color: #fff; font-size: 2.9em; margin-bottom: 6px;}
h2 {color: #d9531e; font-size: 2.1em; margin-bottom: 18px;}
h3, h4 {font-size: 1.4em; margin-bottom: 10px;}
footer .widget h3 {color: #fff; font-size: 1.1em; text-transform: uppercase;}

p {line-height: 1.5; margin: 0 0 15px; padding: 0;}

/* ==============
    Header
   ============== */
#header-container {min-height:127px; position: relative;}
#digest-header {height: 520px; width: 100%;}
.home #digest-header {height: 520px;}

#logo {float: left; margin-bottom: 14px;}

#nav-global {float: right; font-size: 12px;}
#nav-global li a {background: url('images/sprite.png') no-repeat left -23px; margin: 0 15px 0 0; padding: 0 0 0 11px;}
#nav-global li a:hover {background-position: -130px -23px; color: #d9531e;}
#nav-global li a.btn {background-color: #d9531e; background-image: none; color: #fff; -moz-border-radius: 15px; border-radius: 15px; display: block; line-height: 1; margin-left: 3px; margin-right: 0; padding: 6px 12px; text-align: center;}
#nav-global li a.btn:hover {background-color: #5c6f7c;}
#nav-global li a.btn-security {background-position: left -51px; padding-left: 13px;}
#nav-global li a.btn-security:hover {background-position: -130px -51px;}
#nav-global li a.btn-contact {background-position: left -77px; padding-left: 15px;}
#nav-global li a.btn-contact:hover {background-position: -130px -77px;}

a.btn-home {background: url('images/sprite.png') no-repeat left 12px; display: block; height: 12px; margin-left: 15px;}
a.btn-home strong {display: none;}
a.btn-home:hover {background-color: transparent; background-position: -130px 12px;}

nav a, nav a:visited, nav a:link {color: #5c6f7c; display: block; text-decoration: none;}
header nav a:hover, .activate > a {background-color: #5c6f7c; color: #fff;}
.activate > a {color: #fff !important;}

#nav-container {background-image: url('images/bg-white95.png'); min-height: 127px; padding: 11px 0 0; position: absolute; top: 0; width: 100%;}

#header-caption {background-image: url('images/bg-orng90.png'); padding: 0.6% 0; position: absolute; bottom: 0; text-align: right; width: 100%;}
#header-caption p {color: #ddd5c7; font-size: 1.2em; margin-bottom: 0;}

#nav-container form input.st-search-input {background: #fff url('images/sprite.png') no-repeat 139px -169px; border-color: #c2d1d4; box-shadow: none; color: #999; float: right; margin-top: 5px; padding: 2px 25px 2px 10px; width: 120px;}
#nav-container form input.st-search-input:focus, #menu-main-navigation form input.st-search-input:focus:hover {color: #666;}

#menu-main-navigation {float: left;}
#menu-main-navigation {color: #fff;}
#menu-main-navigation > li {position: relative;}
#menu-main-navigation .sub-menu {background-color: #758b9a; border-bottom: 2px solid #5c6f7c; display: none; font-size: 0.9em; line-height:1.3; margin-right: 7px; padding: 5px 5px 5px 0; position: absolute; top: 36px; width:140px; z-index: 500;}
#menu-main-navigation .sub-menu li {margin-bottom: 0; width: 100%;}
#menu-main-navigation .sub-menu a {background-color: transparent; color: #fff; display: block; padding-left: 14px; width: 80%;}
#menu-main-navigation .sub-menu a:hover {background: url('images/sprite.png') no-repeat -2px -193px; color: #c2d1d4;}

#menu-toggle {background-color: #5c6f7c; color: #fff; display: none; margin-left: -10%; padding: 7px 0 6px; text-align: center; width: 116%;}

/* ==============
    Main
   ============== */
#main-container {background: #fff url('images/bg-main.jpg');}
#main {padding: 50px 0;}

#tb-details 	{margin: 15px 0;}
#tb-details tr, .table_responsive tr {border-top: 1px solid #b9ab97; line-height: 1.4;}
#tb-details tr:first-child {border: none;}
#tb-details th, .table_responsive th {background-color: #e3ddd1; color: #596c78; font-size: 0.83em; font-weight: bold; text-align: left;}
#tb-details td, .table_responsive td {background-color: #fff; color: #666;}

.table_responsive thead th {text-align: center;}
.table_responsive thead th {background-color: #596c78; color: #fff; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; font-size:1.05em;}
thead tr th:first-child {background-color: transparent;}
.page-id-388 thead tr th:first-child, .page-id-397 thead tr th:first-child {background-color: #596C78;}
.table_responsive thead tr {border: none;}

a.txt-arrow.footer-link { line-height: 0.8; text-decoration: none;}

/* Home */
.img-container {border: 1px solid #b9ab97; margin-bottom: 25px; width: 100%;}
.img-container img {width: 100%;}

#partnerships-container {background-color: #ddd5c7; padding: 14px 0 12px;}
#partnerships-container h3 {color: #666;}
#partnerships-container li {border-left: 1px solid #cbc0af; float: left; list-style: none; padding: 0 1%; text-align: center; width: 10%;}
#partnerships-container li:first-child {border: none; }
#partnerships-container img {width: 99%;}
#partnerships-container .wrapper{padding-bottom: 20px;}

#partnerships-container ul  {
	float:left;
	padding: 0;
}


/* Search */
.page-id-92 #nav-container, .page-id-92 #header-caption, .page-template-wp-noheader-php #nav-container, .page-template-wp-noheader-php #header-caption, .page-id-388 #nav-container, .page-id-388 #header-caption, .page-id-397 #nav-container, .page-id-397 #header-caption, .single-post #nav-container, .single-post #header-caption, .archive #nav-container, .archive #header-caption, .single-specials #nav-container, .single-specials #header-caption {position: relative;}

/* Search Results */
div.st-result-listing h3 {font-size: 19px !important;}

/* Business Banking */
.page-id-272 #post-287 {display: none;}

/* Meet the team */
.team-box {border-bottom: 1px solid #d7c6ad; margin-bottom: 18px;}
.team-box .box-img {float: left; margin-right: 3%; width: 33%;}
.team-box .box-img img {border: 1px solid #b9ab97; width: 100%}
.team-box .box-txt {float: left; width: 64%;}
.team-box .box-txt .txt-arrow {margin-bottom: 10px; text-decoration: none;}
.team-box .box-txt button {background: transparent url('images/sprite.png') no-repeat right -612px; border: none; font-weight: bold; line-height: 1; padding: 4px 25px 0 0; margin: 0; min-height: 20px; text-align: left;}
.team-box .box-txt button.selected {background-position: right -645px;}
.link-staff {margin-bottom: 5px;}

/* Board of Directors */
.page-id-315 .team-box {border: none; float: left; width: 50%;}
.page-id-315 .team-box .box-img {margin-right: 4%; width: 26%;}
.page-id-315 .team-box .box-txt {width: 70%;}

/* News */
.news-post {border-bottom: 1px solid #d7c6ad; margin-bottom: 30px; padding-bottom: 4px;}
.news-post a {text-decoration: none;}
.more-link {margin-top: 15px;}
.entry-meta {margin-bottom: 15px;}
.entry-meta a {background: url('images/sprite.png') no-repeat left -141px; line-height: 1; padding: 1px 5px 1px 19px;}
a[rel=author] {background: url('images/sprite.png') no-repeat left -114px; padding-right: 18px;}
.wp-paginate .current {background: #D9531E !important; border-color: #D9531E !important;}
.img-container {border: 1px solid #d7c6ad; display: block; margin-bottom: 20px; width: 100%;}
.img-container img {height: auto; width: 100%;}

/* Promo */
.single-specials #content a.btn {background-color: #d9531e; -moz-border-radius: 30px; border-radius: 30px; color: #fff; display: table; font-size: 2.1em; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; line-height: 1; margin: 0 auto; padding: 11px 42px 15px; text-align: center; text-decoration: none;}
.single-specials #content p small {font-size: 0.7em;}
.single-specials header nav, .single-specials #footer-container1 {display: none;}
.single-specials #nav-container {min-height: 92px;}


/* ==============
    Sidebar
   ============== */
aside .widget {background-image: url('images/bg-widget.jpg'); border-bottom: 3px solid #b9ab97; margin-bottom: 30px; padding: 20px;}
.widget h3 {font-size: 1.1em; text-transform: uppercase;}
.widget p {margin-bottom: 0;}
.widget a {text-decoration: none;}

#sidebarcredits {background: url('images/icon-fdic-equal-housing.png') no-repeat left top; display: block; float:center; height: 40px; width: 118px; margin-left: 60px;}

aside .widget_wenderhost-subpages {background: #7d909e none; border-color: #596c78; padding: 0;}
aside .widget_wenderhost-subpages h3 {margin: 0;}
aside .widget_wenderhost-subpages h3 a {background-color: #596c78;; color: #fff; display: block; font-size: 1.3em; padding: 9px 20px 11px; text-transform: none;}
aside .widget_wenderhost-subpages ul {margin: 0; padding: 0;}
aside .widget_wenderhost-subpages li {border-top: 1px solid #8da1af; list-style: none;}
aside .widget_wenderhost-subpages ul li:first-child {border: none;}
aside .widget_wenderhost-subpages li a {color: #fff; display: block; font-size: 1.1em; line-height: 1; padding: 12px 20px 10px;}
aside .widget_wenderhost-subpages li a:hover, aside .widget_wenderhost-subpages li.current_page_item a, aside .widget_wenderhost-subpages li.current_page_parent a {background: url('images/sprite.png') no-repeat left -189px; color: #c2d1d4;}

aside .google-maps-widget {border: 1px solid #d7c6ad; overflow: hidden; padding: 0;}
aside .google-maps-widget h3 {display: none;}
aside .google-maps-widget img {width: 100%;}

aside .widget_categories {background: none; border: none; padding: 0;}
aside .widget_categories h3 {color: #D9531E;}
aside .widget_categories ul {padding: 0; list-style: none;}

aside .widget_featured_post_widget h3 {color: #D9531E;}
aside .widget_featured_post_widget p a {line-height: 1.5 !important;}
aside .widget_featured_post_widget .post-title a {background: none; color: #596c78; display: block; font-size: 1.3em; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; line-height: 1.3 !important; margin: 0 0 10px;}

/* ==============
    Footer
   ============== */
footer {color: #fff; padding: 30px 0 0;}
footer a, footer a:link, footer a:visited, #footer-container2 footer {color: #c2d1d4; text-decoration: none;}
footer a:hover {color: #fff;}
footer ul {margin: 0; padding: 0;}
footer ul li {list-style: none;}

#footer-container1 {background: #596c78 url('images/bg-footer1.jpg');}

#footer-container2 footer {font-size: 12px; display: block; overflow: hidden; padding-bottom: 50px;}
#footer-container2 nav {float: right;}
#footer-container2 nav li a {border-left: 1px solid #c2d1d4; line-height: 1; margin: 0 0 0 6px; padding: 0 0 0 6px;}
#footer-container2 nav li:first-child a {border: none;}
#footer-container2 p {margin-top: 13px; text-align: right;}

#credits {background: url('images/icon-fdic-equal-housing-sba.png') no-repeat left top; display: block; float: left; height: 40px; width: 204px;}

.nmls {float: left; margin: 14px;}

footer .widget_links h3 {display: none;}
footer .widget {margin-bottom: 20px;}

.Social_Widget a {display: block; margin-bottom: 5px;}

.foot-links {margin-top: 15px;}


/* ==============
    Form
   ============== */
#gform_1 {width: 100%;}
.gfield_label {display: none !important;}
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper textarea, select {background: #fff url('images/sprite.png') no-repeat 5px -452px; border: 1px solid #d7c6ad; color: #d7c6ad; font-size: 14px !important; margin-bottom: 12px; padding: 9px 9px 9px 37px!important; width: 90% !important;}
.gform_wrapper .field-email input[type="text"] {background-position: 5px -491px;}
.gform_wrapper .field-company input[type="text"] {background-position: 5px -530px;}
.gform_wrapper .field-phone input[type="text"] {background-position: 5px -568px;}
.gform_wrapper textarea {background-image: none; padding-left: 9px !important; padding-right: 37px !important;}
.gform_wrapper textarea:focus, .gform_wrapper input[type="text"]:focus {border-color: #D9531E; color: #666;}
.gform_wrapper .validation_error, .gform_wrapper li.gfield.gfield_error .gfield_description, .gform_wrapper .validation_message {color: #D9531E !important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: #fbf1ed !important; border-color: #D9531E !important; margin: 0 !important; padding: 0 !important;}
.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {padding: 0 !important;}
.gform_wrapper .gform_footer {margin: 0 !important; padding: 0 !important;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {background: transparent url('images/sprite.png') no-repeat right -230px; border: none; color: #D9531E; display: table; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; font-size: 1.4em !important; line-height: 1.5; padding: 0 13px 0 0;}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover {color: #7d909e; background-position: right -268px;}
select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {background-image: none; margin-left: 0 !important; padding: 9px !important; width: 100% !important;}
option {color: #666;}
.gform_widget .gform_wrapper input[type="text"] {width:80%!important}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.float-left {float:left;}
.float-right {float: right;}

a.txt-arrow, p.txt-arrow, aside .widget_featured_post_widget p a, a.more-link {background: url('images/sprite.png') no-repeat right -238px; line-height: 1.3; padding-right: 13px; display: table;}
a.txt-arrow:hover, .blue a.txt-arrow, aside .widget_featured_post_widget p a:hover, a.more-link:hover {background-position: right -276px; color: #5C6F7C;}
.green a.txt-arrow {background-position: right -313px;}
a.box2:hover p.txt-arrow, .home .box3 p.txt-arrow {background: url('images/sprite.png') no-repeat right -348px;}

.wrapper .col {float: left; margin-left: 4%;}
.wrapper .col:first-child, #columns .col:first-child, .page-template-wp-serviceslist-php #columns .col2:nth-child(odd), .page-template-wp-2colsubpages-php #columns .col2:nth-child(odd) {margin-left: 0;}
.wrapper .col2 {width: 48%;}
.wrapper .col3 {width: 30%; margin-left: 5%}
.wrapper .col4 {width: 22%;}
.wrapper .partnership {font-size: 1.4em; color: #5c6f7c; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif;font-weight: normal;line-height: 1.2; margin: 0; padding-bottom: 22px;; float: left;}

.page-template-wp-2colsubpages-php #columns .col2, .page-id-70 #columns .col2 {margin-bottom: 1%;}

a.box1, a.box2 {background: #e3ddd1; color: inherit; display: block; margin-bottom: 13px; padding: 20px; text-decoration: none;}
a.box1:hover, a.box2:hover, a.box2:hover .box-link {background: #d9531e; color: #fff;}
a.box1:hover h3, a.box2:hover h3 {color: #fff;}
a.box1 h3, a.box2 h3 {color: #596c78;}
a.box1 img, a.box2 img {float: left; height: auto; width: 12%;}
a.box1 .box-txt, a.box2 .box-txt {float: left; margin-left: 2%; width: 86%}

a.box2 {height: 242px;}
a.box2 img {margin-right: 5%; width: 25%;}
a.box2 .box-txt {margin-left: 0; margin-bottom: 5%; width: 100%}
a.box2 .box-txt h3 {margin-top: 4%;}
a.box2 p, a.box2 p, a.box2 ul {margin-bottom: 10px;}
a.box2 p {line-height: 1.2;}
a.box2 ul {margin: 0 0 0 16px; padding: 0;}
a.box2 li {line-height: 1.2; margin-bottom: 5px;}
a.box2 .box-link {color: #D9531E; margin-bottom: 0; display: table;}

.box3 {display: block; margin-bottom: 50px; padding: 20px;}
.box3 img {float: left; margin-right: 4%; width: 27%;}
.box3 .hr {background-color: #fff; float: left; height: 1px; margin: 31px 0 0; width: 69%;}
.box3 h3 {color: #fff; letter-spacing: 0.04em; line-height: 1.3em; margin-top: 15px;}
.box3 p {margin-bottom: 2px;}
a.box3 {color: #fff; text-decoration: none;}
a.box3:hover, .home .col:nth-child(1) a.box3:hover, .home .col:nth-child(2) a.box3:hover, .home .col:nth-child(3) a.box3:hover {background-color: #D9531E;}

/*Unique boxes*/
#post-19, #post-289, #post-213, #post-266 {display: none;}

.orange h3, .orange a {color: #d9531e;}
.green h3, .green a {color: #629080;}
.blue h3, .blue a {color: #5c6f7c;}

.bg-tan, .home .col .box3 {background-color: #b9ab97;}
.bg-sage, .home .col:nth-child(2) .box3 {background-color: #629080;}
.bg-blue, .home .col:nth-child(3) .box3 {background-color: #5c6f7c;}

/*Tooltip*/
#tooltip {
    text-align: center;
    color: #666;
    background: #fff;
	border: 1px solid #B9AB97;
	font-size: 0.75em;
	line-height: 1.2;
    position: absolute;
    z-index: 100;
    padding: 8px;
}
 
#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #B9AB97;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #B9AB97;
	top: -20px;
	bottom: auto;
}

#tooltip.left:after {
	left: 10px;
	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-width : 480px) {
	.canvas a.box1 img {float: left; height: auto; width: 16%;}
	.canvas a.box1 .box-txt {float: left; margin-left: 3%; width: 81%}
	.canvas .box3 {margin-bottom: 14px;}
	
	.canvas #digest-header {display: none;}
	.canvas #nav-container {background: #fefbf7;}
	.canvas #nav-container, .canvas #header-caption {position: relative;}
	.canvas #menu-main-navigation {background-color: #7d909e; display: none; float: left; margin-left: -10%; text-align: center; width: 116%;}
	.canvas #menu-main-navigation a {border-top: 1px solid #8da1af; color: #fff; font-size: 16px; padding: 9px 0;}
	.canvas #nav-global li {float: left; width: 33%;}
	.canvas #nav-global li a {background-color: #f1eee9; background-position: 10px -21px; font-size: 11px; margin: 0 0 6px 6px; padding: 3px 0; text-align: center;}
	.canvas #nav-global li a.btn {background-color: #D9531E;}
	.canvas #nav-global li a.btn:hover {background-color: #5C6F7C;}
	.canvas #nav-global li a:hover {background-position: -120px -21px;}
	.canvas #nav-global li a.btn-security {background-position: 8px -48px;}
	.canvas #nav-global li a.btn-security:hover {background-position: -122px -48px;}
	.canvas #nav-global li a.btn-contact {background-position: 15px -74px;}
	.canvas #nav-global li a.btn-contact:hover {background-position: -115px -74px;}
	.canvas #btn-onlinebank {position: absolute; right: 0; top: 0; margin: 4% 5% 0 0; width: 130px !important;}
	
	.canvas .wrapper .col, .canvas #nav-global, .canvas #menu-main-navigation > li, .canvas #footer-container2 nav {float: none; clear: both;}
	.canvas .wrapper .col:first-child, .canvas .wrapper .col2, .canvas .wrapper .col3, .canvas .wrapper .col4 {margin-left: 0; width: 100%;}
	
	.canvas a.btn-home {background: none; height: auto; margin-left: 0;}
	.canvas a.btn-home strong {display: block; font-weight: normal;}
	
	.canvas  #menu-toggle {display: block;}
	.canvas .navOn #menu-main-navigation {display: block;}
	.canvas .box3 img {width: 17%;}
	.canvas .box3 .hr {width: 79%;}
	
	.canvas aside {margin-top: 60px;}
	
	.canvas footer .widget a {background-color: #8da1af; color: #c2d1d4; display: block; margin: 6px 0; padding: 3px 5px 1px;}
	.canvas footer .widget a:hover {background-color: #5C6F7C; color: #fff;}
	.canvas #footer-container2 p {text-align: left;}
	.canvas footer nav ul li {float: left;}
	.canvas #footer-container2 nav li:first-child a {margin-left: 0; padding-left: 0;}
}

@media only screen 
and (min-width: 481px) {
	nav a {float: left; margin-right: 7px; padding: 7px 10px 5px;}
	nav ul li{float: left;}
}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px)  {
	.canvas #nav-global li a {background-image: none; padding-left: 0 !important;}
	#btn-onlinebank a {padding-left: 6px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 990px) {
	.canvas #site-search, .canvas #btn-deposit, .canvas #partnerships-container {display: none;}
	.canvas .wrapper .col4 {width: 46%;}
	.canvas .wrapper .col4:nth-child(odd) {margin: 0;}
	.canvas nav a {font-size: 13px; padding: 9px;}
	.canvas .box3 {min-height: 230px;}
	.canvas #footer-container2 .wrapper .col2 {width: 66%;}
	.canvas #footer-container2 .wrapper .col2:first-child {width: 30%;}
	.canvas #credits {width: 113px;}
}

/* iPads and iPhones ----------- */
@media only screen 
and (max-device-width : 768px) {
	.canvas #site-search, .canvas #btn-deposit, .canvas #partnerships-container {display: none;}
	#credits {width: 113px;}
	h1, h2, h3, h4, .table_responsive thead th, aside .widget_featured_post_widget .post-title a, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {font-family: 'Rokkitt', serif;}
}
/* iPads and iPhones ----------- */
@media only screen 
and (max-width : 768px) {
	.canvas #site-search, .canvas #btn-deposit, .canvas #partnerships-container {display: none;}
	#credits {width: 113px;}
}

@media only screen and (min-width: 990px) {
	.wrapper{margin:0 auto; width:900px; /* 900px - 10% for margins */}
	#main article{ float:left; width:65%;}
		
	#main aside{float:right; width:30%;}
	.page-id-19 #main article, .page-id-213 #main article, .page-id-266 #main article, .page-id-289 #main article, #main article.fullwidth {width: 100%;}
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a, a:visited {text-decoration: underline;}
	
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

    thead {display: table-header-group; /* h5bp.com/t */}

    tr, img {page-break-inside: avoid;}

    img {max-width: 100% !important;}

    @page {margin: 0.5cm;}

    p,h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
	
	#header-container > img, #site-search, #menu-main-navigation, #nav-global {display: none;}
	#header-caption, #nav-container {position: relative;}
	#header-caption {text-align: left;}
	#main {padding-top: 20px;}
}


/* ==|== IE 7 & 8 Fixes ===================================================== */
.oldie .wrapper .col3:first-child {margin-left: 0;}
.oldie a.box3:hover {background-color: #D9531E;}
.oldie .wrapper .col:first-child {margin-left: 0;}
.gf_browser_ie.gform_wrapper .gform_footer input.button {background: transparent url('images/sprite.png') no-repeat -24px -228px; border: none; color: #D9531E; display: block; font-family: 'Segoe UI', Georgia, "Times New Roman", Times, serif; font-size: 1.4em !important; line-height: 1.5; padding: 0 30px 0 0 !important;}

.ie7 #menu-main-navigation .sub-menu {left: 0;}
.gf_browser_ie.gform_wrapper .gform_footer input.button {background-position: 24px -225px;}