/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/





.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, 
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, 
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #d0cdcc !important ;
}



		@font-face {
  font-family: 'gotham';
  src: url('/wp-content/themes/x-child/fonts/GothamBook.eot') format('eot'),  /* IE6–8 */
       url('/wp-content/themes/x-child/fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/x-child/fonts/GothamBook.woff') format('woff'),
		url('/wp-content/themes/x-child/fonts/GothamBook.ttf') format('truetype');
}



@font-face {
  font-family: 'Portico';
  src: url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.eot');
  src: url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.woff2') format('woff2'),
       url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.woff') format('woff'),
       url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.ttf') format('truetype'),
       url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.svg#Portico-RoughOblique') format('svg'),
       url('/wp-content/themes/x-child/fonts/Portico-RoughOblique.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Steelfish';
  src: url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.eot');
  src: url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.woff2') format('woff2'),
       url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.woff') format('woff'),
       url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.ttf') format('truetype'),
       url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.svg') format('svg'),
       url('/wp-content/themes/x-child/fonts/SteelfishRg-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



h2.logintitle {
font-size: 26px !important;
text-transform: uppercase;
color: #000 !important;
padding: 10px 0 0 0 !important;}


.portico {

font-family: Portico !important; 
}


.nomargin {
padding: 0 0 0 0 !important; 
margin: 0 0 0 0 !important; }



.subtext {
font-size: 12px !important; 
line-height: 12px !important;
padding: 50px 0 0 0 !important; 
}




.page-template .black {

color: #000000 !important;
}	

.site a {
    color: #000000 !important;
    text-decoration: underline !Important;
}

.site a:hover {
    color: #749c82 !important;
    text-decoration: underline !Important;
}	






body {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000000 !important;
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}







.site {
border-top: 3px solid #749c82 !important;
}

.x-btn-widgetbar {
    display: none;
}

.x-colophon + .x-colophon {
    border-top: 0px solid #e0e0e0 !important;
    border-top: 0px solid rgba(0,0,0,0.085);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
}

.x-navbar {
    border-bottom: 0px solid #ccc !important;
    background-color: #fff !important;
   box-shadow: 0 0em 0em 0 rgba(0,0,0,0.135) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.entry-wrap {
    display: block;
    padding: 0px !important;
    background-color: transparent !importanjt;
    border-radius: 0px !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.135) !important;
}

.x-colophon {
    position: relative;
    border-top: 0px solid #d4d4d4 !important;
    background-color: #fff;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}


.x-colophon.bottom .x-colophon-content {
    margin: 30px 0 10px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.3;
    display: none !important;
}

.x-colophon.top {
    padding: 5% 0 5.25%;
    display: none;
}


.main-logo {
width: 300px; 
}


h3, .h3 {
    font-size: 24px;
    line-height: .9;
    text-transform: uppercase !important;
margin: 0 0 0 !important;
}







h3:not(:first-child) {
   padding: 0px 0 0 0 !important; 
}

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/


@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);


body {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000000 !important;
    background-color: #ffffff !important;
}


.site {
border-top: 3px solid #749c82 !important;
}

.x-btn-widgetbar {
    display: none;
}

.x-colophon + .x-colophon {
    border-top: 0px solid #e0e0e0 !important;
    border-top: 0px solid rgba(0,0,0,0.085);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
}

.x-navbar {
    border-bottom: 0px solid #ccc !important;
    background-color: #fff !important;
   box-shadow: 0 0em 0em 0 rgba(0,0,0,0.135) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.entry-wrap {
    display: block;
    padding: 0px !important;
    background-color: transparent !importanjt;
    border-radius: 0px !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.135) !important;
}

.x-colophon {
    position: relative;
    border-top: 0px solid #d4d4d4 !important;
    background-color: #fff;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}


.x-colophon.bottom .x-colophon-content {
    margin: 30px 0 10px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.3;
    display: none !important;
}

.x-colophon.top {
    padding: 5% 0 5.25%;
    display: none;
}


.main-logo {
width: 300px; 
}


.x-brand {
max-width: 1200px !important; 
}

.brand-width {
margin: 0 auto; 
max-width: 1200px;
width: 88%;
}



 .x-navbar .x-navbar-inner .x-container.max, header.x-container {
    max-width: 100% !important;
}
.x-navbar .x-navbar-inner .x-container.width {
    width: 100% !important;
}


.nav-fullwidth {
    background-color: #d0cdcc !important;
    height: auto;
    position: relative;
    clear: both !important;
}






.ubermenu-skin-black-white-2 {
    border: 0px solid #000000 !important;


    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3d3d3d), color-stop(50%, #3d3d3d), color-stop(50%, #212121)) #d0cdcc;
    background: -webkit-linear-gradient(top, #d0cdcc, #d0cdcc) !important; 
    background: -moz-linear-gradient(top, #d0cdcc, #d0cdcc) !important; 
    background: -ms-linear-gradient(top, #d0cdcc, #d0cdcc) !important; 
    background: -o-linear-gradient(top, #d0cdcc, #d0cdcc) !important; 
    
    
    
    
    -webkit-box-shadow: inset 0px 0px 0 0 rgba(255, 255, 255, 0) !important; 
    -moz-box-shadow: inset 0px 0px 0 0 rgba(255, 255, 255, 0) !important; 
    box-shadow: inset 0px 0px 0 0 rgba(255, 255, 255, 0) !important; 
}







.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
    border-left: 0px solid #000000 !important;
    -webkit-box-shadow: inset 0px 0 0 0 rgba(255, 255, 255, 0.1) !important;
    -moz-box-shadow: inset 0px 0 0 0 rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 0px 0 0 0 rgba(255, 255, 255, 0.1) !important;
    color: #000000 !important;
font-weight: 400 !important;
font-size: 16px !important;
text-decoration: none !important; 
line-height: 24px !important;
}







.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
    float: left;
    color: #000000 !important;
}




.ubermenu-skin-black-white-2 {
    border: 0px solid #000000 !important;
}





.ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop {
    background: #94af9a !important;
    border: 0px solid #e0e0e0 !important;
    color: #ffffff !important;
}



.ubermenu .ubermenu-submenu .ubermenu-column-auto {
    min-width: 100px;
    width: auto;
    clear: both !important;
display: block;
padding: 3px 5px 3px 5px !important;
width: 250px !important;
}


.ubermenu-bound .ubermenu-submenu-type-mega {
    min-width: auto !important;
}

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    width: auto !important;
}


ul.ubermenu-submenu li.ubermenu-item .ubermenu-target-text{
color: #000000 !important; 
text-transform: uppercase !important; 
font-weight: 400 !important; 
padding: 5px 25px 5px 0px !important;
font-size: 16px !important;
}

ul.ubermenu-submenu .ubermenu-target {
padding: 5px 10px !important;
text-decoration: none !important;
}




li.ubermenu-item:hover {
background-color: #ffffff !important; 
}


.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega {
    overflow: hidden;
    border-bottom: 3px #696969 solid !important;
}



.ubermenu .ubermenu-item-layout-image_left > .ubermenu-image {
    float: left;
    width: 24px !important;
    margin: 0 10px 0 0 !important;
}


.ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    left: 0px !Important;
}



.ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: none;
    border-bottom: 3px #696969 solid !important;
}


.x-brand {
    margin-top: 5px !important;
    font-family: "Lato",sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #272727;
    margin-bottom: 10px !important;
}


.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #749c82 !important;
}




.nav-second 
{ display: block; 
text-align: right;
top: 55px !important;
position: relative;  }

.nav-third 
{ display: block; 
text-align: right; 
}




.topnav {
text-transform: uppercase; 
text-transform: uppercase;
display: inline-block;
padding: 0 0 0 25px;
font-size: 15px;
}



.topnav a, .topnav a:link, .topnav a:active, .topnav a:visited  {
color: #000000 !important; 
text-decoration: none !important; 
}

.topnav a:hover{
color: #749c82!important; 
}


li.ubermenu-item-135 {
float: right !important; 
}





.ubermenu li.ubermenu-item-135  .ubermenu-item-layout-image_left > .ubermenu-target-text {
    padding-left: 30px;
}

.ubermenu li.ubermenu-item-135 .ubermenu-item-layout-image_left > .ubermenu-image {
    float: left;
    width: 24px !important;
    margin: 0 0px 0 0 !important;
}



li.ubermenu-item-135 .ubermenu-content-block, li.ubermenu-item-135 .ubermenu-content-block a:hover, li.ubermenu-item-135 .ubermenu-content-block:hover {
background-color: #94af9a !important;

}


ul.ubermenu-nav li.ubermenu-current-page-ancestor:active {
background-color: #94af9a !important;
}


 @media (max-width: 5000px) and (min-width: 746px) {


.x-header-landmark1, .entry-header1 {
    background-image: url("/wp-content/uploads/2017/03/topbanner1.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark2, .entry-header2 {
    background-image: url("/wp-content/uploads/2017/04/car.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark3, .entry-header3 {
    background-image: url("/wp-content/uploads/2017/04/travel_header.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark4, .entry-header4 {
    background-image: url("/wp-content/uploads/2017/04/virtual_header.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


}




 @media (max-width: 745px) and (min-width: 0px) {


.x-header-landmark1, .entry-header1 {
    background-image: url("/wp-content/uploads/2017/03/topbanner1.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px 75px 125px 75px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark2, .entry-header2 {
    background-image: url("/wp-content/uploads/2017/04/car.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px 75px 125px 75px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark3, .entry-header3 {
    background-image: url("/wp-content/uploads/2017/04/travel_header.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px 75px 125px 75px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


.x-header-landmark4, .entry-header4 {
    background-image: url("/wp-content/uploads/2017/04/virtual_header.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 325px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    padding: 125px 75px 125px 75px;
    color: #ffffff !important;
    top: -36px !important;
position: relative;
}


}




h1.h-landmark {
    overflow: hidden;
    margin: 0;
    padding-bottom: 8px;
    letter-spacing: 0px;
    line-height: 1;
    color: #ffffff !important;
    letter-spacing: -1px !important; 
    text-transform: lowercase !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 0.2em !important;
}

.x-breadcrumb-wrap {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    text-shadow: 0 0px 0 rgba(255,255,255,0) !important;
    text-transform: uppercase;
        border-bottom: 0px solid rgba(0,0,0,0.1) !important;
   
    box-shadow: 0 0px 0 0 rgba(255,255,255,0) !important;
    background-color: rgba(0,0,0,0) !important;
}

.x-topbar .p-info, .x-topbar .p-info a, .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li > a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: #ffffff !important;
}

.x-breadcrumbs {
    float: left;
    width: 85%;
    z-index: 1000 !important;
    position: relative !important;
}


.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar th, .p-landmark-sub strong, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-footer a:hover, .entry-footer a:active, .x-breadcrumbs .current, .x-comment-author, .x-comment-author a {
    color: #ffffff !important;
}


.h-landmark span::before, .h-landmark span::after {

    height: 0px !important;
    background-color: rgba(0,0,0,0.1) !important;
    box-shadow: 0 0px 0 0 rgba(255,255,255,0.795) !important;
}

.x-container.offset {
    margin: 0px auto !important;
}



.x-sidebar {
    width: 35% !important;
    background-color: #d0cdcc !important;
    min-height: 500px;
    top: -36px !important; 
    position: relative !important; 
padding: 55px 20px 20px 20px !important;


  background-image:  url('/wp-content/uploads/2017/03/wm.png');
  border-bottom: 3px solid #696969;
  background-repeat: no-repeat; 
  background-position: center top; 
}



.x-main {
    width: 60% !important;
}


.home .x-main {
    width: 100% !important;
}




ul.menu li.menu-item{

display: none; 
}



ul.menu li.current-page-ancestor, ul.menu li.current_page_item {
display: block !important
}


aside.x-sidebar ul.menu
 {
    list-style: none;
    list-style-type: none;
}
aside.x-sidebar ul, .aside.x-sidebar ol {
    padding: 0 !important;
    margin: 0 0 0 0  !important;
    text-transform: uppercase; 

}



ul.sub-menu li.menu-item {
    display: block; 
    padding: 7px 5px 7px 10px; 
}

li.menu-item a{
color: #000000 !important; 
display: none;
text-decoration: none !important;
}


ul.sub-menu li.menu-item a, li.cat-item a, li.cat-item a{
color: #000000 !important; 
display: block;
font-weight: 400 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    line-height: 18px !important;
}



ul.sub-menu li.menu-item a:hover, li.cat-item a:hover{
text-decoration: none !important;
}




ul.sub-menu li.menu-item:hover, li.cat-item a:hover{
background-color: #ffffff !important; 
color: #000000 !important; 
}


.menu-item-41:before{
  background-image:  url('/wp-content/uploads/2017/03/checking.png');

}


.x-colophon + .x-colophon {
    border-top: 0px solid #e0e0e0 !important;
    border-top: 0px solid rgba(0,0,0,0.085) !important;
    box-shadow: inset 0 0px 0 0 rgba(255,255,255,0) !important;
    background-color: #8c8483 !important;
    margin: 0px 0 0 0 !important;
    font-weight: 400 !important;
}


.questions p, .home-getstarted p, .home-mobiledeposits p, .nop p
{ margin: 0 !important; }




@media (max-width: 5000px) and (min-width: 1001px) {

.home .roundteal, .home .roundgreen, .home .roundyellow, .home .roundsalmon, .home .roundblue {
padding: 50px !important; 
}
}


@media (max-width: 1000px) and (min-width: 779px) {

.home .roundteal, .home .roundgreen, .home .roundyellow, .home .roundsalmon, .home .roundblue {
padding: 30px !important; 
}

}


@media (max-width: 778px) and (min-width: 0px) {

.home .roundteal, .home .roundgreen, .home .roundyellow, .home .roundsalmon, .home .roundblue {
padding: 20% !important; 


}


}













@media (max-width: 5000px) and (min-width: 1201px) {



.roundteal, .roundgreen,.roundyellow, .roundsalmon,  .roundblue {
padding: 50px !important; 
}
}


@media (max-width: 1200px) and (min-width: 779px) {



.roundteal, .roundgreen,.roundyellow, .roundsalmon,  .roundblue {
padding: 30px !important; 
}
}


@media (max-width: 778px) and (min-width: 0px) {


.roundteal, .roundgreen,.roundyellow, .roundsalmon,  .roundblue {
padding: 20% !important; 
}


}




.roundteal {
background-color: #b9cdc0; 
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 40px;
 opacity: 0.7;
  text-align: center; 

} 




.roundyellow {
background-color: #fcda94; 
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 40px;
 opacity: 0.7;

} 




.square.yellow {
background-color: #fcda94; 
background-repeat: no-repeat;
background-position: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
padding: 10px;
 opacity: 0.7;

} 

.square.salmon {
background-color: #f79d91; 
background-repeat: no-repeat;
background-position: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
padding: 10px;
 opacity: 0.7;

} 


.square.blue {
background-color: #e9efea; 
background-repeat: no-repeat;
background-position: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
padding: 10px;
 opacity: 0.7;

} 



.square.green {
background-color: #d6d89d; 
background-repeat: no-repeat;
background-position: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
padding: 10px;
 opacity: 0.7;
 color: #000000 !important;

} 


.roundsalmon {
background-color: #f79d91; 
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 40px;
 opacity: 0.7;
 text-align: center; 
} 


.roundblue {
background-color: #e9efea; 
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 40px;
 opacity: 0.7;
 text-align: center; 

} 


.roundgreen {
background-color: #d6d89d; 
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
border: 0px solid #696969;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 40px;
 opacity: 0.7;
 text-align: center; 
} 

.roundgreen a:hover, .roundblue a:hover, .roundsalmon a:hover, .roundyellow a:hover,  .roundteal a:hover {
 opacity: 1.0 !important;
 }

.center {

text-align: center; 
}

.home-quicklinks {

  background-image: url("/wp-content/uploads/2017/02/quicklinksbg.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #ffffff; 
}


.green {
color: #749c82 !Important; 
}

h2 {

    color: #272727;
    line-height: .8em;
    padding: 0 0 15px 0 !important;
}

h2 {
color: #665a58 !important;
line-height: .8em;
padding: 0 0 0px 0 !important;
text-transform: lowercase;
}

h3 {
    letter-spacing: -0.035em;
    color: #749c82 !important;
    text-transform: none !important;
    padding: 25px 0 0 0 !important;
}


.x-sidebar h3, h4.h-widget {
    text-transform: lowercase !important;
    padding: 0px 0 0 0 !important;
        color: #000000 !important;
        font-size: 24px !important;
        letter-spacing: 0px !important;
}



.roundicons h3 {
font-size: 16px !important;
text-transform: uppercase !important;
font-weight: 400 !Important;
color: #000000 !important; 
padding: 15px 0 0 0 !important; 
}





.home-quicklinks h3 {
font-size: 16px !important;
text-transform: uppercase !important;
font-weight: 400 !Important;
color: #000000 !important; 
padding: 0 0 0 0 !important; 
}



.home-quicklinks a{
text-decoration: none !important; 
}

.home-quicklinks  a:hover{
text-decoration: none !important; 
color: #749c82 !important; 
}


.gotham {
font-family: gotham !important;
}

.home .x-content-band {
    margin: 0 0 0 !important;

}

.x-content-band {
    margin: 0 0 0 !important;
    padding: 10px 0 !important;
}


.x-btn, .button, [type="submit"], .wpcalc input[type="button"], .wpcalc input[type="submit"], a.more-link, .wp-block-button__link {
    color: #ffffff !important;
    border-color: transparent !important;

        background-color: #645957 !important;
    margin-bottom: 0.25em !important;
    text-shadow: 0 0em 0.075em rgba(0,0,0,0) !important;
    box-shadow: 0  0 0 #a71000,0 0px 0px rgba(0,0,0,0) !Important;
    border-radius: 0 !important;
    margin: 0 15px 0 0 !important;
    text-transform: lowercase !important;
    font-size: 16px !important; 
    text-decoration: none !important; 
font-weight: 400 !important;
padding: 0.563em 1.125em 0.813em !important;

}


.site a.wp-block-button__link  { 
color: #ffffff !important; 
}


footer.locations .button{ 
    color: #ffffff !important;
    border-color: transparent !important;


    margin-bottom: 0.25em !important;
    text-shadow: 0 0em 0.075em rgba(0,0,0,0) !important;
    box-shadow: 0  0 0 #a71000,0 0px 0px rgba(0,0,0,0) !Important;
    border-radius: 0 !important;
    margin: 0 15px 0 0 !important;
    text-transform: lowercase !important;
    font-size: 16px !important; 
    text-decoration: none !important; 
font-weight: 400 !important;
padding: 0.163em .6em 0.213em !important;
margin: 20px 0 20px 0 !important;

}

footer.locations .button a:hover{
color: #ffffff !important; 
text-decoration: none !important; 
text-transform: lowercase !important; 
        background-color: #645957 !important;
        
}




.button a, .wpcalc input[type="button"] a, .wpcalc input[type="submit"] a, .ob-button {
color: #ffffff !important; 
text-decoration: none !important; 
text-transform: lowercase !important; 

}

.button a:hover, .wpcalc input[type="button"]:hover , .wpcalc input[type="submit"]:hover, .ob-button:hover{
color: #ffffff !important; 
text-decoration: none !important; 
text-transform: lowercase !important; 

}




.x-btn:hover, .button:hover, [type="submit"]:hover, .more-link:hover {
    color: #ffffff;
    border-color: transparent !important;
    background-color: #749c82 !important;
    margin-bottom: 0.25em !important;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 0 #a71000,0 0px 0px rgba(0,0,0,0) !important;
       margin: 0 15px 0 0 !important;
}


.ob-button {
padding: 25px 0 0 0 !important; 


}

 .button-white{
    color: #749c82;
    border-color: transparent !important;
    background-color: #ffffff !important;
    margin-bottom: 0.25em !important;
    text-shadow: 0 0em 0.075em rgba(0,0,0,0) !important;
    box-shadow: 0  0 0 #a71000,0 0px 0px rgba(0,0,0,0) !Important;
    border-radius: 0 !important;
    margin: 0 15px 0 0 !important;
    display: inline-block !important;
position: relative !important;
padding: 0.563em 1.125em 0.813em !important;
cursor: pointer !important;
font-size: 16px !important;
font-weight: inherit !important;
line-height: 1.3 !important;
}

 .button-white:hover {
    color: #ffffff !Important;
    border-color: transparent !important;
    background-color: #645957 !important;
    margin-bottom: 0.25em !important;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 0 #a71000,0 0px 0px rgba(0,0,0,0) !important;
       margin: 0 15px 0 0 !important;
}



.button-white a {
color: #749c82 !important; 
text-decoration: none !important; 

}

.button-white a:hover {
color: #749c82 !important; 
text-decoration: none !important; 

}


.home .home-homeloans {

  background-image: url("/wp-content/uploads/2017/02/homeloans.jpg") !important;
    background-size: cover !important;
    background-position: top center !important;
    background-color: #ffffff; 
    padding: 200px 0 200px 0 !important;
}


.home-mobiledeposits {

  background-image: url("/wp-content/uploads/2017/02/mobilepay.jpg") !important;
    background-size: cover !important;
    background-position: top center !important;
    background-color: #ffffff; 
    padding: 70px 0 70px 0 !important;
}






.home-debitcard {

  background-image: url("/wp-content/uploads/2017/02/card.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #ffffff; 
    padding: 100px 0 100px 0 !important;
}


.home-creditcard {

  background-image: url("https://www.firstoakbank.com/wp-content/uploads/2021/07/creditcard-1-1-1.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #ffffff; 
    padding: 200px 0 200px 0 !important;
}





.questions {

  background-image: url("/wp-content/uploads/2020/07/bricks2020.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #ffffff; 
    padding: 0px 0 0px 0 !important;
}


footer.x-colophon.questions {
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 0px 0 0px 0 !important;
    text-align: left !important;
    margin: 50px 0 0 0 !important;
    padding: 50px 0 !important; 
}


footer.x-colophon {
font-size: 12px !important; 
text-transform: uppercase !important; 
padding: 50px 0 50px 0 !important;
text-align: left !important; 
}



.button a {
color: #ffffff !important; 
}
.button-white a {
color: #645957 !important; 
}

.button-white a:hover {
color: #ffffff !important; 
}


.home-getstarted {

background-color: #749c82 !important; 
padding: 50px 0 !important;

}

.white {
color: #ffffff !important; 
}


.eq, .fdic {
    width: 30px;
    display: inline-block;
    margin: 5px 10px 0 0 !important;
}







 @media (max-width: 5000px) and (min-width: 750px) {






table th, table td {
    padding: 0.5em .8em !important;

}

table.checking-table td { 
    text-align: center !important; 
    border-top: 0px solid #ddd !important;
    }
    
    
    table.checking-table tr:nth-child(2n+4) 
{background: #ebebeb !important; }



    
table.checking-table tr.colorone:nth-child(2n+4) 
{background: #f2f5f2 !important; }


table.checking-table    tr.colorone { 
    background-color: #e9efea !important; 
    }
    
    
    
        
table.checking-table tr.colortwo:nth-child(2n+4) 
{background: #efefd8 !important; }


table.checking-table    tr.colortwo { 
    background-color: #e6e8c4 !important; 
    }
    
    
    table.checking-table tr.colorthree:nth-child(2n+4) 
{background: #fcd8d3 !important; }


table.checking-table    tr.colorthree{ 
    background-color: #fdebe9 !important; 
    }
    
    

  
  
    
    
    table.checking-table p {
    margin: 0 !important; 
    }


.showmobile {
display: none; 
}



}


 @media (max-width: 749px) and (min-width: 0px) {

.showdesktop {
display: none; 
}
    table.checking-table p {
    margin: 0 !important; 
    }

table.checking-table td { 
    border-top: 0px solid #ddd !important;
    }

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
 

    	
	table.checking-table tr td.tabletitle {
	padding: 50px 0 0 0 !important;
    background-color: #ffffff !Important; }
    
    


    
table.checking-table tr.colorone td:nth-child(even) 
{background: #f2f5f2 !important; }


table.checking-table    tr.colorone { 
    background-color: #e9efea !important; 
    }
    

        
table.checking-table tr.colortwo td:nth-child(even) 
{background: #efefd8 !important; }


table.checking-table    tr.colortwo { 
    background-color: #e6e8c4 !important; 
    }
    
    
    table.checking-table tr.colorthree td:nth-child(even) 
{background: #fcd8d3 !important; }


table.checking-table    tr.colorthree{ 
    background-color: #fdebe9 !important; 
    }
    
    
    
    
	
	table.checking-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		padding-left: 50%; 
		text-align: center !important; 
	}
	
	table.checking-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.checking-table td:nth-of-type(1):before { content: ""; }
	table.checking-table td:nth-of-type(2):before { content: "Checking"; }
	table.checking-table td:nth-of-type(3):before { content: "Rewards"; }
	table.checking-table td:nth-of-type(4):before { content: "Rewards Plus"; }
	table.checking-table td:nth-of-type(5):before { content: "Copper"; }
	table.checking-table td:nth-of-type(6):before { content: "Secret Alias"; }
	table.checking-table td:nth-of-type(7):before { content: "Date of Birth"; }
	table.checking-table td:nth-of-type(8):before { content: "Dream Vacation City"; }
	table.checking-table td:nth-of-type(9):before { content: "GPA"; }
	table.checking-table td:nth-of-type(10):before { content: "Arbitrary Data"; }
	
	
.tabletitle {
text-transform: uppercase !important;
font-size: 16px;
color: #696969;
font-weight: 800 !important;
text-align: center !important; 
padding-left: 0% !Important; 
}


}





p.noreturn{
margin: 0 0 0 0 !important; 
}







.x-breadcrumbs a {
color: #ffffff !Important; 
text-decoration: none !important;
}

.x-breadcrumbs a:hover {
color: #ffffff !Important; 
text-decoration: underline !important;
}


.timetable {
padding: 0 15px 0 0; 
}

.home h2 {

line-height: .95em !important;

}
.home .home-quicklinks {
padding: 50px 0 50px 0 !important; 
}

table.timetable th, table.timetable td {
    padding: 0 0em !important;
}
table.timetable th, table.timetable td {
    border-top: 0px solid #ddd !Important;
}



.parent-pageid-125 .alignnone {
    float: none;
    margin: 0 0 .5em 0 !important;
    
    }
    
    


.x-content-band.nomargin {

    padding: 0px 0 50px 0 !important;
}



.parent-pageid-125 .x-column.x-1-3.nomargin {
    width: 30.66666%;
    margin-top: 0px !important;
}


.x-colophon.bottom a {
color: #ffffff !important; 
}

.x-colophon.bottom a:hover {
color: #ffffff !important; 
text-decoration: none !important; 
}

ul.ubermenu-submenu-id-135 input {
    background-color: #696969 !important;
    padding: 10px !important;
    margin: 2px 0 0 0px !important;

font-size: 16px !important;
}

ul.ubermenu-submenu-id-135 input:hover {
    background-color: #696969 !important;
    padding: 10px !important;
    margin: 2px 0 0 0px !important;
    font-size: 16px !important;
}



ul.ubermenu-submenu-id-135 input.style1 {
background-color: #ffffff !important; 
width: 150px !important;
margin: 0px 0 10px 0 !important;
}


ul.ubermenu-submenu-id-135 span.style2 {
display: none; 
}


#TB_title {
    background: #fcfcfc;
    border-bottom: 0px solid #ddd !important;
    height: 29px;
}

.thickbox-loading table th, .thickbox-loading table td {
    border-top: 0px solid #ddd !important;
}

.home footer.questions {

margin: 0 !important; 
}


.footer-app {
    width: 120px;
    display: inline-block;
    margin: 0 15px 15px 0 !important;
}




.page-template-template-investing-php aside.x-sidebar .menu-item-450 {
display: block !important; 
}
.page-template-template-banking aside.x-sidebar .menu-item-448 {
display: block !important; 
}

.page-template-template-online aside.x-sidebar .menu-item-451, .page-template-template-resources aside.x-sidebar .menu-item-452,
.page-template-template-borrowing .menu-item-449 {
display: block !important; 
}


.x-main li {
    line-height: 1.7;
    margin: 0 0 0 15px !important;
}




.square h3 {
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
}


#ric_submit, #lidd_mc_submit {
    background-color: #749c82 !Important;
}

#ric_submit:hover, #lidd_mc_submit:hover {
    background-color: #696969 !Important;
}

.entry-header, .entry-content {
    font-size: 16px !important;
    line-height: 20px !important;
}


.roundyellow .alignnone, .roundblue .alignnone, .roundsalmon  .alignnone, .roundgreen  .alignnone, .roundteal  .alignnone{
    float: none;
    margin: 0 0 0 0;
}


.salesblock {

background-color: #749c82 !important; 
padding: 50px !important;
text-align: center !important; 
}


h4, .h4 {
    letter-spacing: 2px !important;
    margin: 20px 0 5px 0 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}


.bold {
font-weight: 800 !important;
}

.beforebullets {
padding: 15px 0 0 0 !important; 
}


.x-colophon.bottom .x-nav {
    display: none;
}
.x-colophon.bottom .x-social-global a {
    margin: 0 10px 0 0 !important;
    text-decoration: none !important;
}

.footer-logo {
width: 200px; 
width: 200px;
display: block;
padding: 0 0 25px 0;
}

.x-social-global a i {
    display: block;
    font-size: 28px !important;
}

.roundicons a, .roundicons a:hover {
text-decoration: none !important;}


.button-list {
display: block; 
padding: 50px 0 0 0 !important; 
}

.button-list p {
display: none; 
}


.wpcalc {
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-weight: 500 !important;
    border: 0px solid #ccc !important;
    padding: 0 !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 0px !important;
    -webkit-box-shadow: 0px 0px 0px #000 !important;
    -moz-box-shadow: 0px 0px 0px #000 !important;
    box-shadow: 0px 0px 0px #000 !important;
    margin-bottom: 15px !important;
    }
    
    
 .wpcalc b, .wpcalc strong {
    font-weight: 400 !important;
    font-size: 16px !important;
}
    
    
    .wpcalc {
    font-weight: 400 !important;
    font-size: 16px !Important;
}

.wpcalc-col-4 {
    font-weight: 400 !important;
        width: 100% !important;
    display: block !important;
}
.wpcalc input[type="text"], .wpcalc input[type="number"], .wpcalc select {
    width: 100% !important;
}

.wpcalc-col-8 {
    width: 100% !important;
}



.wpcalc input[type="button"], .wpcalc input[type="submit"] {
background-color: #749c82 !important
color: #ffffff !important
    border-radius:  0px !important;
    -moz-border-radius:  0px !important;
    -o-border-radius:  0px !important;
    -webkit-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
}

.wpcalc-col-12 center {
text-align: left !important; 
}


@media (min-width: 960px) and (max-width: 6000px) {

li.ubermenu-item-1012, li.ubermenu-item-1013  {
display: none !important; 
}
}


@media (min-width: 0px) and (max-width: 960px) {

.topnav {
display: none !important; 
}
}


 
 
.page-id-1096 table th, .page-id-1096 table td, 
.page-id-1125 table th, .page-id-1125 table td,
.page-id-1130 table th, .page-id-1130 table td,
.page-id-1129 table th, .page-id-1129 table td
 {
    border-top: 0px solid #ddd !important;
        padding: 0 .8em !important;
}



.button-list a {
text-decoration: none !Important;
}



.blog h2.entry-title a {
text-decoration: none !important; 

}


a.more-link:hover {
color: #ffffff !important; 
text-decoration: none !important; 
}


.widget ul li, .widget ol li {
    border-bottom: 0px solid #ddd !important;
    border-bottom: 0px solid rgba(0,0,0,0) !important;
    box-shadow: 0 0px 0px rgba(255,255,255,0) !important;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.widget ul li a, .widget ol li a {
    border-bottom: 0px dotted !important;
}
.widget ul, .widget ol {
    overflow: hidden;
    margin-left: 0;
    border: 0px solid #ddd !important;
    border: 0px solid rgba(0,0,0,0) !important;
    list-style: none;
    border-radius: 0px !important;
    background-color: transparent !important;
    box-shadow: 0 0px 0px rgba(255,255,255,0) !important;
}



.widget_categories  {
display: none !important; 
}


.blog .widget_categories, .single .widget_categories, .archive .widget_categories   {
display: block !important; 
}


.widget {
    text-shadow: 0 0px 0 rgba(255,255,255,0) !important;
}



.archive article.post h2.entry-title a {
    text-decoration: none !Important;
}

.archive article.post .entry-content {
    margin-top: 0;
}


.archive article.hentry {
    margin-top: 30px !important;
}


.single-post .entry-wrap img {

display: none; 
}

.postid-3735 .entry-wrap img {
    display: block !Important;
}


.postid-1225 .x-column p {
margin: 0 0 0 0 !important; 
}

.home-whitespace {
padding: 150px 0 !important; 
}



#field_7_14 span.gfield_required, #field_7_9 span.gfield_required {
display: none; 
}



.oneline {
display: inline-block !important;
position: relative !important;
padding: 0 0 10px 0 !important;
}



.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
    vertical-align: top !important;
    margin-right: 15px !important;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0.325em 0 !important;
}


.home-warning {
text-align: center !important; 
font-family: arial !Important; 
background-color: #000000 !important; 
color: #ffffff !important; 
}


.home-warning p{
margin: 0 !important; 
padding: 0 !important; 
}


.neg36 {
top: -36px !important; 
position: relative !important; 
}


h2.home-creditcards{
line-height: .95em !important;
font-weight: 400 !important;
letter-spacing: 0px !important;
font-size: 33px;
color: #696969 !important;}

li.home-creditcards {
text-transform: uppercase !important; 
list-style-type:none !important; 
font-size: 24px !important; 
margin: 0 0 0 0 !important;
line-height: 32px;
}


ul.home-creditcards {
    padding: 0;
    margin: 0 0 1.313em 0 !important;
}


.page-id-1684  .x-main, .page-id-1838  .x-main {
    width: 100% !important;
}





@media (max-width: 5000px) and (min-width: 1050px) {




.whitebg {
background-color: #ffffff !important;
padding: 25px !important;
margin: 40px;

}

}



@media (max-width: 1049px) and (min-width: 0px) {

.whitebg {
background-color: #ffffff !important;
padding: 25px !important;
margin: 0 0 25px 0 !important;

}



}


.blurbtable {
border-style: solid;
border-width: 2px;
border-color: #6ead82;
padding: 15px 15px 5px 15px;
margin: 25px 0px 20px 0px !important;
line-height: 18px;
text-decoration: none !Important; 
  display: table;
  background-color: #ffffff !important; 
}



@media (max-width: 5000px) and (min-width: 750px) {



.home-homeloanstwo
{

    background-image: url("/wp-content/uploads/2019/10/homeloans.jpg") !important;
    background-size: cover !important;
    background-position: bottom center !important;

    }
 
 
 }   
    
    
    
    
    @media (max-width: 749px) and (min-width: 0px) {



.home-homeloanstwo
{

    background-image: url("/wp-content/uploads/2019/10/homeloans-mobile.jpg") !important;
    background-size: cover !important;
    background-position: top center !important;
    padding: 500px 0 0 0 !Important; 
    background-color: #51a06f !important; 

    }
 
 
 }   
    
    
    

.blurbtable:hover{
  background-color: #e5e5e5 !important; 
}

.blurbrow {
display: table-row;
}

.blurbcolumn {

display: table-cell;
vertical-align: middle !Important; 
    padding: 0 0 25px 0 !important;
}


.whiteblurb a {
text-decoration: none !Important; 
}




.blurbtable h3 {
padding: 0px 0 0 0 !important;
margin: 0 !important; 
}


.leftwhite{
display: inline-block !important; 
}

.leftwhite a, .leftwhite a:hover  {

text-decoration: none !important; 
}

.blurbleft {
width: 90% !important; 
}

.bracket {
display: inline-block;
float: right;
font-size: 20px !important;

}


.leftwhite h2 {
font-size: 30px !important; 
}

.home-bizloans {


background-image: url("/wp-content/uploads/2019/10/biz2.jpg") !important;
background-size: cover !important;
background-position: top center !important;
background-color: #fff !important;
padding: 200px 0 200px 0 !important;
    
    font-size: 16px !important;
text-transform: uppercase !important;

}




 @media (max-width: 5000px) and (min-width: 1001px) {



.bizmargins {
margin: 0px 100px !important; 
}

.graybox {
background-color: #e5e5e5 !important; 
padding: 35px !important;
}

.whitebox {
background-color: #ffffff !important; 
padding: 35px !important;
}


}



 @media (max-width: 1000px) and (min-width: 750px) {



.bizmargins {
margin: 0px 0px !important; 
}
.graybox {
background-color: #e5e5e5 !important; 
padding: 35px !important;
}

.whitebox {
background-color: #ffffff !important; 
padding: 35px !important;
}


}



 @media (max-width: 749px) and (min-width: 0px) {



.bizmargins {
margin: 0px 0px !important; 
}
.graybox {
background-color: #e5e5e5 !important; 
padding: 35px !important;
margin: 60px 0 0 0 !important; 
}

.whitebox {
background-color: #ffffff !important; 
padding: 35px !important;
margin: 60px 0 0 0 !important; 
}
}



.home-bizloans h2 {

color: #665a58 !important;
line-height: .8em;
padding: 0 0 0px 0 !important;
text-transform: lowercase;
font-weight: 400 !important;
font-size: 32px;
letter-spacing: 1px !important;

}


.home-bizloans h3 {

padding: 0px 0 0 0 !important;

}

.checkinground {
width: 70% !important;
text-align: center !important;
margin: 0 auto !important;
}

.nicebullets {
font-size: 16px !important;
text-transform: uppercase !important;
}



.disclaimer {
text-transform: uppercase !important;
font-size: 10px;
color: #000000;
font-weight: 800 !important;
}

.page-id-26 .x-sidebar, .page-id-1684 .x-sidebar, .page-id-1838 .x-sidebar, .page-id-2177 .x-sidebar.right, .page-id-2206 .x-sidebar.right, 
 .page-id-2183 .x-sidebar.right, .archive.category-videos .x-sidebar  {
   
    display: none;
}


.alignright {
    display: inline-block !important;
}



.signinerror {

display: block; 
background-color: #dcdcdc !important;
margin: 10px 0 0 0 !important; }

.signinerror a {
text-decoration: none !important; 
}
.signinerror_image {
display: inline-block;
margin: 3px 3px !important;
}

.signinerror_tips {
display: inline-block;
padding: 5px 0 0 0 !important;
}


.home-onlinechecking {
background-color: #ffffff !Important;
padding: 75px 0 !important; 
}


h2.home-onlinechecking {
font-size: 30px !Important;
line-height: 26px !Important;
padding: 0px 0 !important;
text-transform: uppercase !important; 
}



 @media (max-width: 5000px) and (min-width: 780px) {


.home-onlinecheckingbreak {


}
 
 }



 @media (max-width: 779px) and (min-width: 0px) {



.home-onlinecheckingbreak {
display: block !important; 
clear: both !Important; 
text-align: center !important;
font-size: 130% !important;

}
 
 .x-column.x-sm {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 0 0 75px 0 !important;
}

.thickbox-loading {
margin-left: -40% !important;
width: 80% !important;
}
 }


 .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    display: none !important;
}

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 0px auto 
    #ff2a13 !important;
    outline-offset: -1px;
}

#TB_ajaxContent {
width: 100% !important;
}

.warning {
background-color: #696969 !important;
text-align: center !Important; 
color: #ffffff !important; 
max-width: 1200px !impoRTANT; 
margin: 0 auto !important;
display: none; 
}


.warning a{
text-align: center !Important; 
color: #ffffff !important; 
text-decoration: underline !Important; 
}

.warning a:hover {

color: #e5e5e5 !important; 

text-decoration: none !Important; 
}


.warning .button {
background-color:
#ffffff !important;
color:
#000000 !important;
margin: 0 !Important;
padding: 0 !Important;
font-size: 12px !important;
margin: 3px 5px 5px 5px !important;
padding: 2px !important;
}

.warning .button:hover {
background-color:
#e5e5e5 !important;
}

.red { 
background-color: #ff0000 !important;
display: inline-block;
padding: 5px 5px 5px 5px !important; }

.red p{
margin: 0 !important;
}

.mabel-bhi-day {
padding: 0 25px 0 0 !important; 
}

 table.mabel-bhi-businesshours th, table.mabel-bhi-businesshours td {
    padding: .2em 0em !important;
}


.mbhi-is-current { 
background-color: #fff !important;
}

table.mabel-bhi-businesshours th, table.mabel-bhi-businesshours td {
    border-top: 0px solid #ddd !important;
    padding: 0 25px 0 0 !important;
}




 @media (max-width: 5000px) and (min-width: 900px) {
.archive.category-videos .x-main
    {
    width: 100% !important;
}


}



 @media (max-width: 5000px) and (min-width: 900px) {

.page-id-26 .x-main, .page-id-2177 .x-main, .page-id-2206 .x-main, .page-id-2183 .x-main , .page-id-2177 .x-main, .page-id-2179 .x-main, .page-id-2180 .x-main , .page-id-125 .x-main    {
    width: 75% !important;
    margin: 0 12.5% 0 12.5%;
}


}

 @media (max-width: 899px) and (min-width: 0px) {

.page-id-26 .x-main, .page-id-2177 .x-main, .page-id-2206 .x-main, .page-id-2183 .x-main, .page-id-2177 .x-main,  .page-id-2179 .x-main, .page-id-2180 .x-main, .page-id-125 .x-main, .archive.category-videos .x-main   {
    width: 100% !important;
    margin: 0 0 0 0 !important;
}


}




.page-id-2177 .entry-content, .page-id-2206 .entry-content,
 .page-id-2183 .entry-content,  .page-id-2177 .entry-content,  .page-id-2179 .entry-content ,  .page-id-2180 .entry-content ,  .page-id-125 .entry-content   {
    margin-top: 0 !important;
}



.page-id-2177 .x-sidebar, .page-id-2206 .x-sidebar,
 .page-id-2183 .x-sidebar,  .page-id-2177 .x-sidebar,  .page-id-2179 .x-sidebar,   .page-id-2180 .x-sidebar,   .page-id-125 .x-sidebar{
    width: 25.536945%;
    display: none; 
}


.page-id-2177 article.page, .page-id-2206 article.page,
  .page-id-2183 article.page,   .page-id-2177 article.page,   .page-id-2179 article.page,   .page-id-2180 article.page,   .page-id-125 article.page{ 
width: 70% important; 
}


.page-id-2177 .x-container.offset, .page-id-2206 .x-container.offset,
 .page-id-2183 .x-container.offset,  .page-id-2179 .x-container.offset,  .page-id-2180 .x-container.offset ,  .page-id-125 .x-container.offset {
    margin: 0px auto !important;
    top: -36px !important;
    position: relative;
}

.page-id-2177 .x-content-band.nomargin, .page-id-2206 .x-content-band.nomargin,
 .page-id-2183 .x-content-band.nomargin,  .page-id-2179 .x-content-band.nomargin,  .page-id-2180 .x-content-band.nomargin ,  .page-id-125 .x-content-band.nomargin {
padding: 0px 25px 50px 25px !important;
}


.page-id-2177 .location-info h2, .page-id-2206 .location-info h2, .page-id-2179 .location-info h2, .page-id-2180 .location-info h2 {
    color: #665a58 !important;
    line-height: .8em;
    padding: 50px 0 0px 0 !important;
    text-transform: none !Important;
    
    }


.open {
color: #00993f !important;
display: inline-block !Important;
}



.closed {
display: inline-block !Important;
    color: #f00 !important; 
}



.mb-bhi-oc-text{ 
    margin: 0px 0 0 0 !important;
        margin-top: 25px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;

    position: relative !important;
}


.location-ifopen { 
padding: 0px 0px 0px 0 !Important;
display: inline-block;
}


.location-info table { 
width: 85% !important;
text-transform: uppercase;
}

.location-info{ 

text-transform: uppercase;
}

.page-id-2177 { 
font-size: 16px !important; 
line-height: 18px !important; 
}


footer.x-colophon.locations h4.state,  h4.state { 
font-size: 12px !important; 
color: #000000 !important; 
text-transform: uppercase !Important; 
margin: 0px 0px 10px 0px !important;
}


h2.branch { 
    margin: 0 0 0 !important;
    letter-spacing: 0;
color: #000 !important;
text-transform: none !important;
padding: 3px 0 0 0 !important;
margin: 0 0 1px !important;
font-size: 48px;
font-weight: 400;
font-family: steelfish !important;
text-transform: uppercase !important;

}

.location-main { 
background-color: #f0f0f0 !Important;
text-transform: uppercase !important; }



.hideeverywhere {
display: none; 
}


.page-id-2206 .hideeverywhere {
display:block !Important; }


.page-id-2206 .hidespecific {
display: none !Important; }

footer.x-colophon.locations { 
background-color: #cccccc !Important; 
}


.location-location { 
font-weight: 400 !important;
letter-spacing: 1px !Important;
color: #000;
padding: 0px 0 0 0;
display: inline-block;
}


.newfooter { 

}





footer.x-colophon.newfooter { 
padding: 0px 0 0px 0 !important;

}


.footer-table { 
margin-bottom: 0 !Important;

}


table.footer-table td { 
    border-top: 0px solid #ddd;}
    
    
    .newfooter .footer-app { 
    float: right;}
    
    
    .footer-onethird { 
    width: 32%;
    display:inline-block;
    vertical-align:top !important;
    padding: 40px 0 0 0 !important;}
    
    
    ul.quicklinks li { 
     list-style-type: none !important; 
     line-height: 20px !important; 
     color: #000000 !important; 
     text-decoration: none !Important; 
     

    }
    
   .x-colophon.bottom      ul.quicklinks li a { 
     color: #000000 !important; 
          text-decoration: none !important
    }
    
        .x-colophon.bottom        ul.quicklinks li a:hover{ 
     color: #000000 !important; 
          text-decoration: underline !important; 
    }
    
    
    
        ul.quicklinks { 
         margin: 0 0 1.313em 0px !important;
font-size: 14px;
         }
         
         
      

     


.locations-column { 
margin-right: 0% !important; }




 @media (max-width: 5000px) and (min-width: 1030px) {


.x-column.x-1-5.locations-column  {
    width: 20% !important;
    padding: 0 0 50px 0 !important;
}

.locations-moreinfo { 

padding: 15px 9% !important;
line-height: 16px;
color: #000 !important;
height: 170px;
font-size: 14px;

background-color: #e6e6e6 !important; 
}


    footer.locations h2.title { 
  font-family: Steelfish !important;
font-weight: 400;
color: #000 !important;
text-transform: uppercase !important;
letter-spacing: 0px;
font-size: 50px;
padding: 0 0 0 0% !important;}

   
.locations-maininfo { 
background-color: #fff !important;
    height: 150px !important;
padding: 4% 9% 13% 9% !important;
line-height: 12px;
}


.footer-left { 
background-color: #749c82 !important; 
width: 59% !important; 
vertical-align: top; 
padding: 40px !important;


 
}



.footer-right { 
background-color: #8c8483 !important;
width: 40% !important; 

padding: 40px !important;
vertical-align: top; 
  
}


}




 @media (max-width: 1029px) and (min-width: 781px) {


.x-column.x-1-5.locations-column  {
    width: 33% !important;
}

.locations-moreinfo { 

padding: 15px 9% !important;
line-height: 16px;
color: #000 !important;
height: 175px;
font-size: 14px;
background-color: #e6e6e6 !important; 
}


    footer.locations h2.title { 
  font-family: Steelfish !important;
font-weight: 400;
color: #000 !important;
text-transform: uppercase !important;
letter-spacing: 0px;
font-size: 50px;
padding: 0 0 0 0% !important;}


   
.locations-maininfo { 
background-color: #ffffff !important; 
    height: 150px !important;
padding: 4% 9% 13% 9% !important;
line-height: 12px;

}


.footer-left { 
background-color: #749c82 !important; 
width: 59% !important; 
vertical-align: top; 
padding: 40px !important;


 
}


.footer-right { 
background-color: #8c8483 !important;
width: 40% !important; 

padding: 40px !important;
vertical-align: top; 
  
}

}





 @media (max-width: 780px) and (min-width: 0px) {


.x-column.x-1-5.locations-column  {
width: 100% !important;
margin: auto !important;
padding: 30px 0 100px 0 !important;
}

.locations-moreinfo { 

padding: 15px 9% !important;
line-height: 16px;
color: #000 !important;

font-size: 14px;
text-align: center;
background-color: #e6e6e6 !important; 
}


    footer.locations h2.title { 
  font-family: Steelfish !important;
font-weight: 400;
color: #000 !important;
text-transform: uppercase !important;
letter-spacing: 0px;
font-size: 50px;
padding: 0 0 0 0% !important;
text-align: center !Important; }



   
.locations-maininfo { 
background-color: #ffffff !important; 
    height: 150px !important;
padding: 4% 9% 13% 9% !important;
line-height: 12px;
text-align: center !important; 
}


.footer-left { 
background-color: #749c82 !important; 
width: 100% !important; 
vertical-align: top; 
padding: 40px !important;


 
}


.footer-right { 
background-color: #8c8483 !important;
width: 100% !important; 

padding: 40px !important;
vertical-align: top; 
  
}



}




.locations-width .x-container.width {
    width: 100% !Important;;
}

footer.locations .locations-timeinfo { 
display: none !Important; 
}


.locations-timeinfo { 
display: block;
font-size: 12px !important;
color: #000000 !important;
text-transform: uppercase !Important;
margin: 0px 0px 10px 0px !important;}



.location-open { 
font-size: 14px;
line-height: 16px;
}

footer.locations h3 { 
letter-spacing: 0;
color: #000 !important;
text-transform: none !important;
padding: 2px 0 0 0 !important;
margin: 0 0 1px !important;
font-size: 36px;
font-weight: 400;
font-family: steelfish !important;
text-transform: uppercase !important;
    }
    
    
    
    .location-main .location-info h2 { 
letter-spacing: 0;
color: #000 !important;
text-transform: none !important;
padding: 3px 0 0 0 !important;
margin: 0 0 1px !important;
font-size: 48px;
font-weight: 400;
font-family: steelfish !important;
text-transform: uppercase !important;
    }
    
    
    
footer.x-colophon.bottom.locations a { 
    color: #000000 !important; 
    text-transform: none !important; 
    }
    
        footer.x-colophon.bottom.locations a:hover { 
    color: #000000 !important; 
    text-transform: underline !important; 
    }
    
    
    

.locations-maininfo h2, h3.street { 
font-size: 16px !important;
padding: 10px 0 0 0 !important;
margin: 0 !important;
color: #749c82 !important;
font-weight: 400;
text-transform: uppercase !important;

}

.locations-maininfo h2.hidden { 
color: transparent !important; 
padding: 10px 0 0 0 !important;
}

.footer-socials { 
float: right;}

.footer-onethird-column { 
clear: both; 

}


.location-main .location-ifopen {
    padding: 0px 0px 25px 0 !Important;
    display: inline-block;
    text-transform: uppercase !important; 
}




.location-main .location-info, .location-main .location-map { 
padding: 30px 0 0 0 !important; }


.location-main h4.hours { 
font-family: steelfish !Important;
width: 85%;
font-weight: 400 !important;
font-size: 24px !important;
background-color: #749c82;
color: #ffffff !Important;
padding: 0 0 0 10px !important;}


.page-id-125 .x-content-band {
    margin: 0 0 0 !important;
    padding: 50px 0 !important;
}




li.menu-item-special { 
display: block !important; 

}

li.menu-item-special a { 
display: block !important; 
color: #000000 !important;
display: block;
font-weight: 400 !important;
font-size: 16px !important;
text-decoration: none !important;
line-height: 18px !important;
padding: 7px 5px 7px 10px;
}
li.menu-item-special a:hover { 

background-color: #ffffff !important;
color: #000000 !important;
}


.page-id-2295 .x-recent-posts .x-recent-posts-img { 

display: none; 
}

.x-recent-posts h3 { 
padding: 0 !Important; }


.page-id-2295 .x-recent-posts-date { 
display: none; }


x-recent-posts a {
    overflow: hidden;
    float: left;
    display: block;
    margin: 0 4% 0 0;
        margin-right: 4%;
        margin-bottom: 0px;
    border: 0px solid #ddd;
    border: 0px solid rgba(0,0,0,0.15);
    padding: 5px 5px 0;
    background-color: #fff;
    border-radius: 0px !Important; ;
    box-shadow: 0 0em 0em 0 rgba(0,0,0,0) !important;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



 .single-post .entry-wrap .footer-app img {
    display: inline-block !important;
}


.has-post-thumbnail .blog-archive-image{
display: none; 
}


.has-post-thumbnail .blog-archive { 
display: block; }


.category-videos .has-post-thumbnail .blog-archive { 
display: none;}

.category-videos .has-post-thumbnail .blog-archive-image { 

display: inline-block;
}


.bottomtitle{ 
display: none; }

.archive.category-videos .toptitle  {
   display: none
   }

.archive.category-videos .bottomtitle {
   display: block !important; 

   }

.archive.category-videos .bottomtitle h2 { 
font-size: 24px !important; 

}

.archive.category-videos article.hentry {
    margin-top: 30px !important;
    display: inline !important;
    vertical-align: top !important;
    padding: 0 2% 0 0 !important;
}




 @media (max-width: 5000px) and (min-width: 981px) {


.archive.category-videos .entry-wrap {
    border-radius: 0 0 4px 4px;
    display: inline-block !important;
    width: 22% !important;

}


.creditcardimage { 
margin: 0% 25% !important;
}


.cccolumn { 
padding: 100px 0 0 0 !Important; 
}

}










 @media (max-width: 980px) and (min-width: 0px) {



.cccolumn.x-1-2 { 
    width: auto !Important;
    float: left !important;
    text-align: center !important;
    margin: auto 0 !important;
    width: 100% !Important; 
}

.creditcardimage .alignright {
float: none !important; 
display: block !important;
    width: 88% !important;
    text-align: center !important;
    margin: auto !important;
}

.creditcardimage { 
display: block; 
}



.ccdesccolumn, .ccdesccolumn.x-1-3, .ccdesccolumn.x-1-2 { 
float: none;
    width: 100%;
    margin-right: 0;
    padding: 0 0 75px 0 !important;
    text-align: center;
    width: 60%;
margin: 0 auto !important;
    
    }
}








.videobutton { 
display: none;}


.archive.category-videos .entry-content.excerpt { 
display: none; 
}

.archive.category-videos .videobutton { 
display: block; 
}


.graybg { 
background-color: #dcdcdc !important; 
}


.narrow { 
    width: 60% !important;
    margin: 0 auto !important;
}

.homemainpoints { 

background-color: #e5e5e5 !important; 
}




.homemainpoints a {
    text-decoration: none !important;
   transition: color 0s ease,background-color 0s ease,border-color 0s ease,box-shadow 0s ease !important;
}


.page-id-2579 .x-main {
    width: 100% !important;
}



.homemainpoints .blurbtable:hover, .homemainpoints a:hover h3 {
    background-color: #6ead82 !important;
    color: #ffffff !important; 
        text-decoration: none !important;
}



    
    
    
    .site .homemainpoints a:hover {
    color: #749c82 !important;
    text-decoration: none !Important;
    }
    
    
    
    
    .hero { 
    
    
    background-image: url("https://www.firstoakbank.com/wp-content/uploads/2021/07/cardbanner.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    height: 658px !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
    color: #ffffff !important;
position: relative;
}
    
.home .entry-content p { 
margin: 0 !important; 
}

.blurbcolumn h4 { 
letter-spacing: 0px !important;
    line-height: 8px !important;

    
        font-size: 13px !important;
    color: #000000 !important;
    text-transform: uppercase !Important;
    margin: 10px 0px 3px 0px !important;
    
    
    }
 .blurbcolumn h3 {
    font-size: 36px !important;
    font-family: steelfish !important;
    text-transform: uppercase !important;
    letter-spacing: 0px;
    padding: 0 0 10px 0 !important;
}


a:hover .blurbcolumn h4{ 
color: #ffffff !Important; 
}


@media (max-width: 779px) and (min-width: 0px) { 
.homemainpoints .x-column.x-sm {

    padding: 0 0 0px 0 !important;
}

}


.featuretwo { 

}



@media (max-width: 5000px) and (min-width: 780px) { 
.featurepart { 
    display: inline-block;
    width: 45%;
    padding: 5%;
}

.heroimg { 
display: none;}


}


@media (max-width: 779px) and (min-width: 0px) { 
.featurepart { 
    display: inline-block;
    width: 88%;
    padding: 5%;
}

.hero { 
display: none; 
}
.heroimg { 
display: block;}
}

.subhero { 
padding: 75px 0 75px 0; 
}

}



.subhero a.rs-layer, .subhero  a.rs-layer:-webkit-any-link {
    text-decoration: none;
background-color: #749c81 !Important; 
}


.ubermenu .ubermenu-icon {
    width: 1.3em !important;
    text-align: center !Important;
    line-height: 1em !important;
    font-size: 18px !important;
}

/*
footer.ctafooter { 
display: none; 
}

.page-id-2579 footer.ctafooter { 

display: block; 
}
*/
.cta-left { 

}



 .questions { 
display: none; 
}




.cta-table { 
margin-bottom: 0 !Important;

}


table.cta-table td { 
    border-top: 0px solid #ddd;}
    
    
    
    
 @media (max-width: 5000px) and (min-width: 1030px) {

.cta-left { 

width: 32% !important; 
vertical-align: top; 
padding: 0px !important;


 
}



.cta-right { 

width: 65% !important; 

padding: 40px !important;
vertical-align: top; 
  
}
}



footer.x-colophon.ctafooter {
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 0px 0 0px 0 !important;
    text-align: left !important;
    margin: 0px 0 0 0 !important;
    padding: 0px 0 !important;
}


   .ctafooter {
    background-image: url(/wp-content/uploads/2020/07/bricks2020.jpg) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: #ffffff;
    padding: 0px 0 0px 0 !important;
}


.stafffeature { 
background-color: #749c82 !important; 
font-size: 24px; 
color: #ffffff !important; 
text-align: center; 
    border-bottom: 2px solid #000000;
}


.stafftitle, .stafftitle a {
    padding: 10px 0 10px 0;

    color: #000 !important;
    text-transform: none !important;
    font-size: 36px;
    font-family: steelfish !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    }
    
    .stafftitle a:hover {
    text-decoration: underline !important; 
    }
    .home .x-container.max, .home .x-main.full {
    max-width: 1200px;
    padding: 0 0 0px 0 !important;
    }
    
    
       .home .x-main.full {
    max-width: 100% !Important;

    }
    
     .page .x-main.full { 
     width: 100% !Important; 
     
     }
    
     .page .x-main.full, .page .site .x-container.max.width.offset {
    max-width: 1200px;
    padding: 0 0 100px 0 !important;
    }
    
    .page-id-195 footer.x-colophon.ctafooter {
   
    display: none;
}


.wp-block-cover {

   padding: 0 !important
    }
    
    
    .archive .x-container.max.width.offset,    
    .blog .x-container.max.width.offset, 
    .single .x-container.max.width.offset 
    { 
    padding: 0 0 200px 0 !important; 
    }
    
    
    .wp-block-cover img { 
    display: block !Important; 
    }
    
    

.error {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 15px !important;
    text-transform: uppercase;
    display: none !Important; 
    }
    
    
    .googlemaps iframe{ 
      pointer-events: none !important; 
    }