/*  custom css goes here */

/* common css */
body {
	font-family: 'Cabin', sans-serif;
	font-size:18px;
	font-weight: 400;
}
h1, .h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 52px; font-weight:700; margin:0; color:#ffffff;}
h2, .h2 {font-family: 'Roboto Condensed', sans-serif; font-size:32px; font-weight:700; margin:0; color:#ffffff;}
h3, .h3 {font-family: 'Roboto Condensed', sans-serif; font-size:32px; font-weight:700; margin:0; color:#672146;}
h4, .h4 {font-family: 'Roboto Condensed', sans-serif; font-size:22px; font-weight:700; margin:0; color:#672146;}
h5, .h5 {font-family: 'Roboto Condensed', sans-serif; font-size:15px; font-weight:700; margin:0; color:#ffffff;}
h6, .h6 {font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:700;	margin:0; color:#ffffff;}

a {color: #672146; text-decoration: none; transition: all 0.5s ease;}
a:hover, a:focus {color:#d50032; text-decoration: none; transition: all 0.5s ease;}
input, button, select, textarea {outline: none;}
.container {width: 1240px;}
ul, ol {margin: 0; padding: 0; list-style: none;}
.text-primary { color: #ffffff; text-shadow: 1px 1px 5px #000000;;}
.text-default { color: #672146;}

.text-primary h1, .text-primary .h1 {color:#ffffff !important;}
.text-primary h2, .text-primary .h2 {color:#ffffff !important;}
.text-primary h3, .text-primary .h3 {color:#ffffff !important;}
.text-primary h4, .text-primary .h4 {color:#ffffff !important;}
.text-primary h5, .text-primary .h5 {color:#ffffff !important;}
.text-primary h6, .text-primary .h6 {color:#ffffff !important;}

.btn {display: inline-block; padding:6px 16px; font-size:16px; font-weight:400; line-height: 1.42857143; border:0; border-radius:6px; transition: all 0.5s ease;  margin-bottom: 10px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none; outline-offset:0;}

.btn-primary {color: #672146; background-color: #ffffff;}
.btn-primary:focus, .btn-primary.focus,.btn-primary:hover {color: #ffffff; background: #ff7670; transition: all 0.5s ease;}

.btn-danger {color: #ff7670; background-color: #ffffff;}
.btn-danger:focus, .btn-danger.focus,.btn-danger:hover {color: #ffffff; background: #672146; transition: all 0.5s ease;}

.btn-success{color: #fff; background-color: #672146;}
.btn-success:focus, .btn-success.focus,.btn-success:hover {color: #ffffff; background: #d50032; transition: all 0.5s ease;}

.btn-success.teal{color: #fff; background-color: #00a0b0;}
.btn-success.teal:focus, .btn-success.teal.focus,.btn-success.teal:hover {color: #ffffff; background: #008a83; transition: all 0.5s ease;}

.btn-light-green{color: #fff; background-color: #47a8b6;}
.btn-light-green:focus, .btn-light-green.focus,.btn-light-green:hover {color: #ffffff; background: #672146; transition: all 0.5s ease;}

.btn-link {color: #7a7b83; font-size: 16px; font-weight: 600;}
.btn-link:hover, .btn-link:focus {color: #e24337; text-decoration:none;}
.btn-link:before{content: "\f0da"; font-family: 'Font Awesome\ 5 Free'; margin-right: 5px; font-weight: 600;}

.link-text{color: #672146; font-size: 17px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; text-decoration: italic !important;}
.link-text:hover, .btn-link:focus {color: #e24337; text-decoration:none;}
.link-text:after {content: "\f054"; font-family: 'Font Awesome\ 5 Free'; margin-left: 5px; font-weight: 600; font-size:12px;}

.modal-text{color: #47a8b6; font-size: 12px; font-weight:400; font-family: 'Roboto Condensed', sans-serif;}
.modal-text:hover, .btn-link:focus {color: #e24337; text-decoration:none;}
.modal-text:after {content: "\f054"; font-family: 'Font Awesome\ 5 Free'; margin-left: 5px; font-weight: 600; font-size:8px;}

.white-gray-bg{background:#f3f2f2;}
.blue-gray-bg{background:#faf9fc;}
.light-red-bg{background:#c1abb6;}
.dark-red-bg{background:#672146;}

.fa-phone{font-weight:600;}
.fa-angle-down{font-weight:600;}
.fa-facebook-f{font-weight:600;}
.fa-linkedin-in{font-weight:600;}
.fa-angle-right{font-weight:600;}
.fa-search{font-weight:600;}
.fa-map-marker-alt{font-weight:600;}
.fa-bars{font-weight:600;}
.fa-search{font-weight:600;}
.fa-times {font-weight:600;}
.fa-chevron-right{font-weight:600;}

.border-line{border-top:#eff0f1;}

img {max-width:100%; height: auto;}
hr {margin-top: 20px; margin-bottom: 20px; border: 0;  border-top-color: currentcolor; border-top-style: none;  border-top-width: 0px; border-top: 1px solid #b7b7b7;}

.nav-buttons { float: right; text-align: right; }
.top-header {margin:0; padding:0; width:100%; display:inline-block; position:relative; z-index: 999;}
.top-header .alert{background-color: #dde1e4;   color: #672146; padding-right: 30px; position: relative;}
.top-header .alert .closey{background-color: #fff;   color: #672146; border-radius: 50%; font-weight: bold; font-size: 14px; padding: 5px 10px; float: right; cursor: pointer; position: absolute; right: 10px; top: 10px;}

.white-bg{background:#fff;}
.top-heading{margin:0; padding:35px 32px 0 0; font-family: 'Cabin', sans-serif; color:#d50032; font-size:22px; font-weight:700; float:left;}
.top-heading a{color:#d50032;}
.top-heading span{border-left: 1px solid #d50032; padding-left: 10px; margin-left: 5px;}
.logo{margin:0; padding:15px 0 0 0;}
.phone{margin:0; padding:37px 0 0 0; text-align:center; float:right; width:40px; height:95px; background: linear-gradient(to right, rgba(140,6,49,0), rgba(140,0,0,1));}
.phone a{color:#fff;}
.map{margin:0; padding:35px 0 0 0px; text-align:center; float:right; width:50px; height:95px; background:#900632; -webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56); box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56);}
.map a{color:#fff;}
.search{margin:0; padding:35px 0 0 0px; text-align:center; float:right; width:50px; height:95px; background:#900632; -webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56); -moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56);
box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56); color:#fff; cursor:pointer; position:relative;}
.search-container{display:none; position:absolute; left: 30%; bottom: -20px; background: #f2f2f2; padding: 10px; z-index: 999;}
.search-container button{background:#741c42; border:3px solid #741c42; color:#fff;}
.login{margin:0; padding:35px 0 0 0px; text-align:center; float:right; width:65px; height:95px; background:#7c4060; -webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56); box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.56);}
.login a{color:#fff; font-family: 'Cabin', sans-serif; font-size:18px; font-weight: 400;}
.main-menu{margin:0; padding:30px 0 0 0px; text-align:center; float:right; width:77px; height:95px; background:#672146;}
.nav{font-family: 'Cabin', sans-serif; color:#fff; font-size:14px; cursor:pointer;}
.nav .fa-bars{color:#FFF; font-size:34px;}
.top-menu{width:100%; background: #741c42 url(/assets/images/nav.jpg) left top repeat; display:none; height:100%; position:fixed; left:0; top:0; z-index:99999; overflow-y: auto;}
#close{cursor:pointer; float: right; padding: 12px 0 10px 0;}
#close .fa-times{color:#FFF; font-size:34px;}
.social-media{margin:0; padding:0; width:100%; text-align:right;}
.social-media a{margin: 0 3px; padding: 6px 8px; border-radius: 26px; background: #b7899d; font-size: 16px; color: #751c43;}
.social-media a:hover{background: #fff;  color: #d50032;}
.business-nav{margin:0; padding:0; font-family: 'Cabin', sans-serif; color:#fff; font-size:32px; font-style:italic; font-weight:700;}
.business-nav a{color:#fff;}
.business-nav a:hover{color:#d50032;}
.business-nav span{margin:0 0 0 10px; padding:0 0 0 10px; color:#fff; border-left: 1px solid #b7899d;}
.business-nav span a{color:#fff;}
.nav-gap{padding-top:50px; }
.nav-gap h2{color:#b7899d; padding-bottom:20px; }
.nav-gap h2 a{color:#b7899d;}
.nav-gap ul{margin:0; padding:0; list-style:none;}
.nav-gap li{margin:0; padding:0 0 10px 0;}
.nav-gap li a{margin:0; padding:0; font-family: 'Cabin', sans-serif; color:#fff; font-size:18px; font-weight:400;}
.nav-gap li a:hover{color:#d50032;}

table.results th {padding: 5px;  }
table.results tr.even {background: #ededed; }
table.results td {padding: 5px;  }

.main-banner{margin:-10px 0 0 0; padding:0; width:100%; display:inline-block; position:relative;}
.main-banner-contant{margin:0; padding:0; display:inline-block; position:absolute; bottom:145px; left:120px;}
.main-banner-contant h1{margin:0; padding:0 0 15px 0; width:100%; text-shadow: 1px 1px 5px #000000; display:inline-block;}
.main-banner-contant h2{margin:0; padding:0 0 15px 0; width:100%; text-shadow: 1px 1px 5px #000000; display:inline-block; font-size: 52px;}
.main-banner-contant p{margin:0; padding:0; font-family: 'Cabin', sans-serif; color:#fff; font-size:22px; font-weight:400; width:50%; text-shadow: 2px 2px 5px #000000;}
.open-container{margin:0; padding:30px 0 35px 0; width:100%; display:inline-block; text-align:center;}
.open-box {margin: 0; padding: 0 0 25px 0; width: 100%; display: inline-block; text-align: center;}
.open-box h3{font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: 700; margin: 0; color: #672146;}
.open-box p{ margin: 0 auto; padding:0 30px; font-family: 'Cabin', sans-serif; color:#000000; font-size:14px; font-weight:400;}

.open-container button{background:none; border:none;}
.limits-container{margin:0; padding:0; width:100%; display:inline-block;}
.limits-container .col-lg-6{padding-left:0; padding-right:0;}
.limits-container .row{margin-left:0; margin-right:0;}
.limits-container .box-height{height:330px;}
.limits-container .mob-img{margin:0; padding:0; position: relative; z-index:999; }
.limits-container .mob-img img{margin:0 0 0 -60px; height: 330px; max-width: 665px;}
.limits-container .local-box{margin:0; padding:60px 0 65px 0; text-align:center; width:100%; }
.limits-container .local-box h3{margin:0; padding:0 0 30px 0; color:#ffffff;}
.limits-container .local-box p{margin:0 auto; padding:0 0 30px 0; color:#ffffff; width:65%; font-family: 'Cabin', sans-serif;  font-size:18px; font-weight:400;}
.limits-container .pic-bg{margin:0; padding:0; width:100%; text-align: center;}
.limits-container .pic-bg .pic-man{margin:0; padding:0;}
.limits-container .pic-bg .pic-man img{margin:-66px 0 0 0;}
.limits-container .business-box{margin:0; padding:60px 0 65px 0; text-align:center; width:100%; }
.limits-container .business-box h3{margin:0; padding:0 0 30px 0; color:#ffffff;}
.limits-container .business-box p{margin:0 auto; padding:0 0 30px 0; color:#ffffff; width:65%; font-family: 'Cabin', sans-serif;  font-size:18px; font-weight:400;}
.branch-container{margin:-5px 0 0 0; padding:0; width:100%; display:inline-block; text-align:center;}
.branch-bg{padding:20px 0;}
.branch-container a.thumbnail {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #f3f2f2; border:none; border-radius:12px; }
.branch-container a.thumbnail:hover {background-color: #f8f7f7;  border-radius:20px; -webkit-box-shadow: -3px 1px 22px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 1px 22px -7px rgba(0,0,0,0.75); box-shadow: -3px 1px 22px -7px rgba(0,0,0,0.75);}
.branch-container p{margin:0 auto; padding:0 0 30px 0; width:85%; font-family: 'Cabin', sans-serif; color:#000; font-size:12px; font-weight:400;}
.branch-container .branch-rcb p{margin:0 auto; padding:0 0 30px 0; width:50%; font-family: 'Cabin', sans-serif; color:#000; font-size:12px; font-weight:400;}
.cooperative-container{margin:-5px 0 0 0; padding:0; width:100%; display:inline-block;}
.cooperative-container h3{margin:0; padding:55px 0 15px 0; width:70%; display:inline-block;}
.cooperative-container p{margin:0; padding:0 0 30px 0; position:relative;}
.cooperative-pic {margin:0; padding:0;}
.cooperative-pic:after {display: block;  position: absolute; right:0; bottom:0;  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 95%); height:100%;  width: 100%;  content: '';}

.modal-main{margin:0; padding:0;}
.modal-main .modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 8px; outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-main .modal-dialog {width:420px; margin:265px auto 30px auto;}
.modal-main .modal-header{background:#19a9b8; border-radius: 8px 8px 0 0;}
.modal-main .modal-top{margin:0; padding:0; width:100%; display:inline-block;}
.modal-main .modal-icon{margin:0; padding:0; width:25%; float:left;}
.modal-main .modal-icon img{margin:-50px 0 0 0;}
.modal-main .modal-contant{margin:0; padding:0; width:65%; float:left;}
.modal-main .modal-contant p{margin:0; padding:0; font-size:18px;  font-family: 'Roboto Condensed', sans-serif; font-weight:400; color:#fff;}
.modal-main .modal-contant p span{margin:0; padding:0; font-size:18px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.modal-remove{margin:0; padding:0; width:10%; float:left;}
.modal-remove .glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	background: #a3dde3; font-size: 16px; padding: 3px; border-radius: 10px;}
.modal-radio-btm .radio { padding-left: 20px; }
.modal-radio-btm .radio label {display: inline-block; position: relative; padding-left: 5px; color:#672146; font-size:16px; font-family: 'Cabin', sans-serif; font-weight:400;}
.modal-radio-btm .radio label span{display: inline-block; position: relative; padding-left: 5px; color:#672146; font-size:16px; font-family: 'Cabin', sans-serif; font-weight:700;}
.modal-radio-btm .radio-primary input[type="radio"] + label::after { background-color: #428bca; }
.modal-btn{margin:0; padding:20px 20px 20px 0; width:100%; display:inline-block; text-align:right;}

/*--footer css start---*/
.main-footer{margin: -5px 0 0 0; padding:0; width:100%; display:inline-block;}
.footer-bg{background:url(../images/footer-bg.png) left top repeat-x; padding:50px 10px 50px 10px; background-size: contain;}
.footer-top{margin:0; padding:0; width:100%;display:inline-block; text-align: center;}
.footer-top a{margin-bottom: 15px; display: inline-block;}
.footer-menu{margin:0; padding:0; display:inline-block; width:100%;}

.footer-menu{margin:0; padding:0; width:100%; display:inline-block;}
.footer-menu h3.heading{padding:0 0 15px 0; margin:0; font-size:15px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.footer-menu h3.heading a{padding:0 0 20px 0; margin:0; font-size:15px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.footer-mob-link{margin:0; padding:0; width:100%; display:inline-block;}
.footer-mob-link h3.heading{padding:0 0 15px 0; margin:0; font-size:15px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.footer-mob-link h3.heading a{padding:0 0 20px 0; margin:0; font-size:15px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.footer-menu ul{margin:0; padding:0; list-style:none;}
.footer-menu li{margin:0; padding:0;line-height: 1; margin-bottom: 5px; }
.footer-menu li a{padding: 0; margin:0; font-size:12px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; text-decoration:none;}
.footer-menu li a:hover{ color:#e24337;}

.social-media-footer{margin:0; padding:10px 0 0 0; width:100%; display:inline-block;}
.social-media-footer a{margin: 0 3px 10px; padding:4px 6px; border-radius:25px; background: #cbcbcb; font-size:14px; color: #505050; display: inline-block;}
.social-media-footer a:hover{background: #fff;  color: #d50032;}
.footer-phone{margin:0; padding:25px 0 0 0; width:100%; font-size:12px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; display:inline-block;}
.footer-phone a{margin:0; padding:0; width:100%; font-size:14px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:700; text-decoration:none; display: block;}
.footer-mail a{margin:0; padding:0; width:100%; font-size:12px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.footer-lender{margin:0; padding:15px 0 0 0; width:100%; display:inline-block;}
.footer-lender-left{margin:0; padding:0; width:45px; float:left;}
.footer-lender-right{margin:0; padding:10px 0 0 10px; float:left; width:65px;}
.footer-lender-right p{margin:0; padding:0; font-size:8px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.footer-copy-main{margin:0; padding:10px 85px 10px 75px; width:100%; display:inline-block; background:#282727;}
.footer-coppy-left{margin:0; padding:12px 0 0 0; width:100%; display:inline-block; font-size:11px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.footer-coppy-right{margin:0; padding:12px 0 0 0; text-align:right; width:100%; display:inline-block; font-size:11px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.footer-coppy-right a{padding: 0; margin:0; font-size:11px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; text-decoration:none;}
.footer-coppy-right a:hover{ color:#e24337;}

/*----------Pages---------*/
.pages { margin: 25px 0px; }
.pages h1, .pages h2 {color: #333; margin: 15px 0px; }
.pages h2 {color: #672146; margin: 15px 0px; font-size: 32px; }
.pages h3 {margin: 15px 0px; font-size: 25px; color: #333; }
.pages p {margin: 15px 0px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 16px; }
.pages ul , .pages ol { padding-left: 25px; margin: 15px 0px;}
.pages ul li { list-style-type: disc; }
.pages ol li { list-style-type: decimal; }

.pages table th,.pages table td { padding: 5px; }

.pages .branch { width: 24%; display: inline-block; margin-bottom: 15px; vertical-align: top;}
.pages .atm-form { width: 100%; margin-bottom: 25px; clear:both; background: #ededed; padding: 20px;}
.pages .atm-form .input { width: 100%;}
.pages .atm-form .zip { width: 20%; float: left; margin-right: 10px;}
.pages .atm-form .radius {  float: left; margin-right: 10px;}
.pages .atm-form button {  float: left;  color: #fff; background: #900632; border: none; padding: 5px 10px; margin-top: 21px;}

.freeform-row .freeform-column .freeform-input { border: 1px solid #6e6b6b; border-radius: 5px;padding: 5px; }
.freeform-row .freeform-column button {color: #fff; background-color: #672146; border: 1px solid #672146; padding: 5px 10px; border-radius: 5px;}
.freeform-row .freeform-column button:hover {color: #ffffff; background: #d50032; transition: all 0.5s ease;}

 .pages .block { margin: 20px 0px;}
 .pages .block .row {  background-repeat: no-repeat; background-size:cover;}
 .pages .block .money-container { margin:  0px; }
 .pages .block.dark-red-bg {color: #fff; }
 .pages .block.dark-red-bg h2 {color: #fff; }
 .pages .block.dark-red-bg h3 {color: #fff; }
 .pages .block.dark-red-bg h4 {color: #fff; }
 .pages .block .no-padding {padding: 0px; background: #fff;}
 .pages .block .no-padding img {width: 100%; height: auto;}
 .pages .block .dark-red-bg.round { border-radius: 20px;background-image: linear-gradient(to right, rgba(103,33,70,0), rgba(103,33,90,1));color: #fff; padding: 0px 20px; }
 .pages .block .dark-red-bg.round h2 {color: #fff; }
.pages .block .dark-red-bg.round h3 {color: #fff; }
.pages .block .dark-red-bg.round h4 {color: #fff; }
.pages .block .dark-red-bg.round img {border-radius: 0px 20px 20px 0px;}

.disc ul{margin:0; padding:0; width:100%; list-style:none;}
.disc ul li{ list-style-type: none;}
.disc li:nth-of-type(odd) .fa-circle{ color:#672146; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}
.disc li:nth-of-type(even) .fa-circle{ color:#d50032; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}

.disc li{margin:0; padding:0 0 0 25px; width:100%; position:relative; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; margin-bottom: 10px;}
.disc li span .fa-circle{ color:#d50032; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}

.pages .main-banner-contant h2{margin:0; padding:0 0 15px 0; width:100%; text-shadow: 1px 1px 5px #000000; display:inline-block; font-size: 52px; color: #fff;}
.pages .main-banner-contant p{margin:0; padding:0; font-family: 'Cabin', sans-serif; color:#fff; font-size:22px; font-weight:400; width:50%; text-shadow: 2px 2px 5px #000000;}


/*----------RCOB-online-banking css start---------*/
.shadow {width: 100%; margin:-5px auto 0 auto; background:url(../images/shadow-bg.png) left top repeat-x; z-index:999;}
.business-banner{margin:-5px 0 0 0; padding:0; width:100%; display:inline-block;}
.business-main{margin:0; padding:0; width:100%; display:inline-block;}
.business-main-left{margin:0; padding:0 0 0 20px; width:60%; display:inline-block; float:left;}
.business-main-left img{margin:-55px 0 0 0;}
.business-main-right{margin:0; padding:110px 0 0 0; width:40%; display:inline-block; float:left;}
.business-main-right h2{margin:0; padding:0; color:#7c4060; font-size: 52px; }
.business-main-right p{margin:0; padding:0; font-size:22px; font-family: 'Cabin', sans-serif; color:#000; font-weight:700;}
.business-btn{margin:0; padding:30px 0 0 0; display:inline-block;}
.business-btn .btn{display: inline-block; padding:7px 26px; font-size:18px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; line-height: 1.42857143; border:0; border-radius:6px; transition: all 0.5s ease;}
.business-kit{margin:130px 0 0 0; padding:0; text-align:center; border:1px solid #bdbdbe; width:258px; height:222px; background:url(../images/online-bank-bg-01.png) right bottom no-repeat; box-shadow: 5px 5px 22px #C7C7C7;}
.business-kit h3{color:#FFF; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.business-kit h3.summer-bg{padding:12px 8px; background:#d50032;}
.business-kit p{margin:0; padding:20px; font-size:18px; font-family: 'Cabin', sans-serif; color:#000; font-weight:700; text-align:left;}
.table-container{margin:-90px 0 50px 0; padding:0; width:100%; display:inline-block;}
.table-container .table-main{padding-top:75px; padding-bottom:75px; width:100%; display:inline-block;}
.table-container .row{margin-left:0; margin-right:0;}
.pay-main{margin:0; padding:0; color:#d50032; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; width:100%; display:inline-block; text-align:center;}
.bill-main{margin:0 auto; padding:30px 0; color:#a6093d; font-size:26px; font-weight:700; font-family: 'Cabin', sans-serif; width:60%; text-align: center; }
.balance-table {margin: 0 auto; padding: 0 0 0 25px; width: 94%; display: block;}
.balance-table ul{margin:0; padding:0; list-style:none;}
.balance-table li{margin:0; padding:0 10px 20px 10px; width:49%; float:left;}
.balance-table li .access-bg{margin:0; padding:15px 15px 15px 45px; width:100%; background:#FFF; color:#000; font-size:18px; font-weight:700; font-family: 'Cabin', sans-serif; border-radius: 8px; position:relative;}
.access-bg .red-icon .fa-circle{ color:#672146; position:absolute; left: 18px; top: 18px; margin:0; padding:0;}
.access-bg .fa-circle{ color:#d50032; position:absolute; left: 18px; top: 18px; margin:0; padding:0;}
.rcb-container{margin:0; padding:0; width:100%; display:inline-block;}
.rcb-container .green-box{margin:0; padding:0; width:100%; display:inline-block;}
.rcb-container .row{margin-left:0; margin-right:0;}
.rcb-container .green-led{margin:0 -15px 0 0; padding:0; display:inline-block;}
.rcb-main{margin:0; padding:80px 0 0 60px; width:100%; display:inline-block;}
.rcb-main h3{margin:0; padding:0 0 30px 0; width:100%; display:inline-block; color:#fff;}
.rcb-main p{margin:0; padding:0; width:100%; display:inline-block; font-size:22px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:700;}
.rcb-main-btn{margin:0; padding:40px 0 0 0; width:100%; display:inline-block;}
.rcb-main-btn a{margin:0; padding:8px 20px; display:inline-block; background:#fff; color:#672146; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.rcb-main-btn a:hover{background:#672146; color:#fff;}
.mobile-check-container{margin:0; padding:0; width:100%; display:inline-block;}
.mobile-check-container .mobile-check-box{margin:0; padding:0; width:100%; display:inline-block;}
.mobile-check-container .row{margin-left:0; margin-right:0;}
.mobile-check-container .mobile-tab-main{margin:0; padding:0; display:inline-block;}
.mobile-check-container .mobile-tab-left {margin: 0 0 0 -15px; padding: 0; width: 5%; z-index: 999; float: left; background: #fff; height: 395px; position: relative;}
.mobile-check-container .mobile-tab-right {margin: 0 0 0 -18px; padding: 20px 0 0 0; width: 95%; float: left;}
.mobile-check-container .mobile-tab-right img{width:100%;}
.mobile-check-container .mobile-check-main{margin:0; padding:80px 0 0 60px; width:100%; display:inline-block;}
.mobile-check-container .mobile-check-main h3{margin:0; padding:0 0 30px 0; width:100%; display:inline-block; color:#672146;}
.mobile-check-container .mobile-check-main p{margin:0; padding:0; width:100%; display:inline-block; font-size:18px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700;}
.mobile-check-container .mobile-check-main ul{margin:0; padding:30px 0; width:100%; list-style:none; display:inline-block;}
.mobile-check-container .mobile-check-main ul li{margin:0; padding:0; width:100%; display:inline-block; font-size:18px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700;}
.mobile-check-container .mobile-check-main .mobile-main-btn{margin:0; padding:20px 0 40px 0; width:100%; display:inline-block;}
.mobile-check-container .mobile-check-main .mobile-main-btn a{margin:0; padding:8px 40px; display:inline-block; background:#672146; color:#fff; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.mobile-check-container .mobile-check-main .mobile-main-btn a:hover{background:#a6093d; color:#fff;}

.mobile-guide-container{margin:40px 0; padding:0; width:100%; display:inline-block;}
.mobile-guide-container .guide-main{padding:25px 25px; width:100%; display:inline-block;}
.mobile-guide-container .row{margin-left:0; margin-right:0;}
.mobile-guide-main{margin:0; padding:0; width:100%; min-height: 250px; display:inline-block; position:relative;}
.mobile-guide-main img{width:100%;}
.mobile-guide-middle{margin:0; padding:0; width:100%; display:inline-block; position:absolute; bottom:0; left:0; text-align:center;}
.mobile-guide-head{margin:0; padding:0; width:100%; display:inline-block; position:absolute; top:15px; left:0; text-align:center;}
.mobile-guide-head h4{margin:0; padding:0; color:#fff;text-shadow:1px 1px 2px #000;   }
.mobile-guide-head.branch-stop h4{margin:0 auto; padding:0; width:53%;}
.mobile-guide-bg{margin:0; padding:20px 15px; width:100%; display:inline-block; background-color: rgba(0, 0, 0, 0.3);;}
.mobile-guide-middle p{margin:0; padding:0 0 10px 0; width:100%; display:inline-block; font-size:17px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.mobile-guide-middle p.mob-text{margin:0; padding:0 0 10px 0; width:50%; display:inline-block; font-size:17px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400;}
.mobile-guide-btn {padding: 8px 0 0 0;}
.mobile-guide-btn a{margin:0; padding:8px 20px; display:inline-block; width: 52%; background:#fff; color:#672146; font-size:15px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.mobile-guide-btn a:hover{background:#a6093d; color:#fff;}

/*----------RCOB-Branch-Detail css start---------*/
.north-container{margin:-5px 0 0 0; padding:0; width:100%; display:inline-block;}
.north-main{margin:0; padding:0; width:100%; display:inline-block;}
.north-main-left{margin:0; padding:0; width:48%; display:inline-block; float:left;}
.north-main-right{margin:0; padding:100px 0 0 0; width:52%; display:inline-block; float:left;}
.north-main-right h1{margin:0; padding:0; color:#00a0b0;}
.north-main-right p{margin:0; padding:0; font-size:22px; font-family: 'Cabin', sans-serif; color:#000; font-weight:700;}
.north-btn{margin:0; padding:30px 0 0 0; width:100%; display:inline-block;}
.north-btn .btn{display: inline-block; padding:7px 26px; font-size:18px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; line-height: 1.42857143; border:0; border-radius:6px; transition: all 0.5s ease;}
.north-kit{margin:90px 0 0 0; padding:0; text-align:center; border:1px solid #bdbdbe; width:258px; height:auto; background:url(../images/online-bank-bg-01.png) right bottom no-repeat; box-shadow: 5px 5px 22px #C7C7C7;}
.north-kit h3{color:#FFF; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.north-kit h2.summer-bg{padding:12px 8px; background:#d50032; color:#FFF; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.north-kit p{margin:0; padding:20px; font-size:18px; font-family: 'Cabin', sans-serif; color:#000; font-weight:700; text-align:left;}

.modal-bank-holidays{margin:0; padding:0;}
.modal-bank-holidays .modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius:0; outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-bank-holidays .modal-dialog {width:908px; margin:265px auto 30px auto;}
.modal-bank-holidays .modal-header{background:#19a9b8; border-radius:0;}
.modal-bank-holidays .modal-top{margin:0; padding:0; width:100%; display:inline-block;}
.modal-bank-holidays .modal-icon{margin:0; padding:0; width:25%; float:left;}
.modal-bank-holidays .modal-icon img{margin:-50px 0 0 0;}
.modal-bank-holidays .modal-contant{margin:0; padding:0; width:90%; float:left;}
.modal-bank-holidays .modal-contant p{margin:0; padding:155px 0 20px 50px; font-size:28px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.modal-remove{margin:0; padding:0; width:10%; float:left;}
.modal-remove .glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	background:none; font-size:24px; padding:0; border-radius:0; color:#fff;}
.modal-bank-holidays ul{margin:0; padding:0 50px 120px 50px; list-style:none;}
.modal-bank-holidays li{margin:0; padding:15px; font-size:20px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700; width:100%; display:inline-block;}
.branch-search{margin:0; padding:0 0 20px 20px; width:100%; display:inline-block; text-align:center;}
.branch-search form label {display: block; text-align: left; }
.branch-search form input[type=text] {padding:6px 8px;  font-size:14px;  border: 1px solid #672146; float: left; width:60%; background: #fff; }
.branch-search form button {float: left; width:30%; padding:5px; border-radius: 4px; margin-left: 10px; background: #672146; color:#fff; font-size:16px; border: 1px solid #672146; border-left: none; cursor: pointer;}
.branch-search form button:hover {background: #d50032;}
.team-container{margin:50px 0 10px 0; padding:0; width:100%; display:inline-block;}
.team-container .team-main{padding-top:45px; padding-bottom:50px; width:100%; display:inline-block;}
.team-container .row{margin-left:0; margin-right:0;}
.team-head-top{margin:0; padding:0; color:#d50032; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; text-align:center; width:100%; display:inline-block;}
.team-map-top{margin:0; padding:0 15px 5px 0; width:100%; text-align:right; display:inline-block;}
.team-head-middle{margin:0; padding:40px 0 25px 0; color:#672146; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; text-align:center; width:100%; display:inline-block;}
.team-gap{padding-left:15px; text-align: center;}
.team-gap li {text-align: center;}
.team-gap li a {padding: 5px;}
.team-gap li.active .fa-clock, .team-gap li.active .fa-car {color: #7C4060; box-shadow: -3px 1px 22px -7px rgba(0,0,0,0.75);}
.team-gap li.active .fa-clock  {color: #7C4060; border-radius: 30px;}
.team-container .tabbable{margin:43px 0 0 0; padding:25px 20px; width:100%; display:inline-block; background:#FFF;}
.team-hours{margin:0; padding:0; width:70px; text-align: center;}
.team-hours i{font-size:55px; color:#a6093d;}
.team-hours i.fa-car {font-size: 42px; color: #a6093d; padding: 8px; border-radius: 25px;}
.team-lobby{margin:0; padding:0; color:#672146; font-size:15px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; }
.team-container .nav-pills > li.active > a, .team-container .nav-pills > li.active > a:hover, .team-container .nav-pills > li.active > a:focus {color: #b390a2; background-color: #fff;}
.team-container .nav > li > a:hover, .team-container .nav > li > a:focus {text-decoration: none; background-color: #fff;  }
.team-container .bs-example{margin:0;}
.team-container .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f1f1f2;}
.team-container .table > thead > tr > th, .team-container .table > tbody > tr > th, .team-container .table > tfoot > tr > th, .team-container .table > thead > tr > td, .team-container .table > tbody > tr > td, .team-container .table > tfoot > tr > td {
	padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 2px solid #e1d3da;}
.team-container .bs-example .table{margin:0; padding:0; color:#a6093d; font-size:20px; font-family: 'Cabin', sans-serif; font-weight:700;}
.team-main-pic{margin:0; padding:0; width:100%; display:inline-block; position:relative;}
.team-title{margin:0; padding:0; width:100%; position:absolute; left:0; bottom:10px; text-align:center; z-index: 999;}
.team-title h2{margin:0; padding:0 0 10px 0; color:#FFF; font-size:24px !important; font-weight:300; font-family: 'Roboto Condensed', sans-serif; width:100%; display:inline-block; text-shadow: 1px 1px 5px #000000;}
.team-title h3{color:#FFF; font-size:16px; line-height: 1; text-shadow: 1px 1px 5px #000000;}
.team-title h4{margin:0; padding:0 0 10px 0; color:#FFF; font-size:24px !important; font-weight:300; font-family: 'Roboto Condensed', sans-serif; width:100%; display:inline-block; text-shadow: 1px 1px 5px #000000;}
.team-title span{color:#FFF; font-size:16px; line-height: 1; text-shadow: 1px 1px 5px #000000;}  
.team-appointment{padding-top:30px;}
.team-appointment p{margin:0; padding:10px 0 0 0; color:#000; font-size:16px; font-weight:300; font-family: 'Roboto Condensed', sans-serif; width:96%; display:inline-block; text-align:right;}
.profile{margin-top: 25px; display: inline-block; float: none !important; width: 24%;  vertical-align: top;}
.profile h1{font-weight: normal; font-size: 20px; margin:10px 0 0 0;}
.profile h2{font-size: 14px; font-weight: lighter; margin-top: 5px;}
.profile .img-box{opacity: 1; display: block; position: relative;}
.profile .img-box:hover .team-title {display: none;}
.profile .img-box img{width:100%;}
.profile .img-box:after{content:""; opacity: 0; background-color: rgba(103, 33, 70, 0.75); position: absolute; right: 0; left: 0; top: 0; bottom: 0;}
.img-box ul{position: absolute; z-index: 2; bottom:80px; text-align: center; width: 100%; padding-left: 0px; height: 0px; margin:0px; opacity: 0;}
.profile .img-box:after, .img-box ul, .img-box ul li{-webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.img-box ul i{font-size: 20px; letter-spacing: 10px;}
.img-box ul li{width:85px; height:34px; text-align: center; margin:0; padding: 5px; display: inline-block;}
.img-box a{color:#fff; margin: 0 1px;}
.img-box:hover:after{opacity: 1;}
.img-box:hover ul{opacity: 1;}
.img-box ul a{-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.img-box a:hover li{color: #88C425;}
.team-email{margin:0; padding:0; width:80px; height:34px; background:#fff; border-radius:6px; line-height:30px; color:#672146; font-size:15px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; }
.img-box ul li.team-mob{margin:0; padding:10px 0 0 0; width:100%; display:inline-block; color:#fff; font-size:15px; font-weight:300; font-family: 'Roboto Condensed', sans-serif; }


/*------RCB Checking ƒin Page css start----------*/
.checking-container{margin:-10px 0 0 0; padding:0; width:100%; display:inline-block;}
.checking-bg-container{margin:-135px 0 0 0; padding:0; width:100%; display:inline-block;}
.checking-bg-main{margin:0 auto; padding:0; width:80%;}
.checking-dark-bg{margin:0; padding:30px 0 0 0; width:100%; display:inline-block; background: linear-gradient(180deg, rgba(103,33,70,1) 0%, rgba(255,255,255,1) 100%); height:450px;}
.checking-title{margin:0; padding:0 0 30px 0; width:100%; text-align:center;}
.checking-dark-bg .row{margin-left:0; margin-right:0;}
.checking-sub{margin:0; padding:0 0 0 30px; width:100%;}
.checking-sub h2{margin:0; padding:0 0 30px 0; width:100%; color:#fff; font-size:32px; font-weight:500; font-family: 'Roboto Condensed', sans-serif; text-shadow: 2px 2px 5px #000000;}
.checking-sub p{margin:0; padding:0; width:100%; font-size:22px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:500; text-shadow: 2px 2px 5px #000000;}
.atm-kit{margin:15px 0 0 45px; padding:0; text-align:center; border:1px solid #bdbdbe; width:258px; height:auto; background:url(../images/atm-kit-bg.png) right bottom no-repeat; box-shadow: 5px 5px 22px #B7B7B7;}
.atm-kit h3{color:#FFF; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.atm-kit h3.summer-bg{padding:12px 8px; background:#d50032;}
.atm-kit ul{margin:0; padding:20px 20px 20px 30px; list-style:none; text-align:left; }
.atm-kit ul li{margin:0; padding:4px 0;}
.atm-kit ul li:before {content: "\f054";  font-family: 'Font Awesome\ 5 Free'; display: inline-block; font-weight:600; margin-left: -10px; padding-right: 5px; font-size: 12px;}
.atm-kit ul li a{margin:0; padding:0; font-size:18px; font-family: 'Cabin', sans-serif; color:#000; font-weight:400;}
.atm-kit ul li a:hover{color:#d50032;}

.personal-savings .checking-bg-main { width: 100%; box-shadow: 1px 19px 16px #D5D5D5; }
.personal-savings .view-checking-main { width: 100%; }
.personal-savings .table-top h4 { padding: 0 7px; font-size: 18px; }
.personal-savings .table-top .btn { padding:6px 0px; font-size: 12px;}

.view-checking-container{margin:-30px 0 0 0; padding:0; width:100%; display:inline-block;}
.view-checking-main{margin:0 auto; padding:0 0 40px 0; width: 77.6%; background:#fff; box-shadow: 1px 19px 16px #D5D5D5;}
.checking-tab{margin:0; padding:0; width:100%; display:inline-block;}
.checking-tab .nav {width: 94%;	margin: 0 auto;}
.checking-tab .nav-tabs > li:first-child{border-radius: 8px 0 0 8px;}
.checking-tab .nav-tabs > li:last-child{border-radius: 0 8px 8px 0;}
.checking-tab .nav-tabs > li {float: left; margin-bottom: -1px; width: 50%; background: #672146; text-align: center; position:relative; }
.checking-tab .nav-tabs > li.active > a, .checking-tab .nav-tabs > li.active > a:hover, .checking-tab .nav-tabs > li.active > a:focus {color: #fff; cursor: default; background-color: #d50032; border:none; }
.checking-tab .nav-tabs > li.active > a, .checking-tab .nav-tabs > li.active > a:hover, .checking-tab .nav-tabs > li.active > a:focus:first-child{border-radius: 8px;} 
.checking-tab .nav-tabs > li a{color: #fff; font-size:24px; font-weight:400; font-family: 'Roboto Condensed', sans-serif; margin-right: 0; line-height: 1.42857143; border:none; border-radius: 0;}
.checking-tab .nav-tabs > li.active > a{color:#FFF; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.checking-tab .nav > li > a:hover, .checking-tab .nav > li > a:focus {text-decoration: none; background-color:transparent;}
.checking-tab .nav-tabs {border-bottom: none;}
.checking-tab .nav-tabs > li.active::after {content: ""; width:0; height:0; border-top:22px solid #d50032; border-left:22px solid rgba(0,0,0,0);border-right:22px solid rgba(0,0,0,0); left: 0; right: 0;	bottom:-22px;	position: absolute;	margin: 0 auto;}
.checking-tab .tab-content{margin:-30px 0 0 0; padding:48px 20px 30px 20px; width:100%; display:inline-block; background:#f3f2f2;}
.tab-content-main{margin:0; padding:25px; width:100%; display:inline-block; background:#f9f9f9; border-radius:6px;}

.tab-head{margin:0; padding:0; width:100%; display:inline-block; color:#a6093d; font-size:20px; font-family: 'Cabin', sans-serif; font-weight:700;}
.tab-head h3{margin:0; padding:0; width:100%; display:inline-block; color:#a6093d; font-size:20px; font-family: 'Cabin', sans-serif; font-weight:700;}
.tab-description{margin:0; padding:10px 0 8px 0; width:100%; display:inline-block; color:#000; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.tab-description a{margin:0; padding:0; color:#672146; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-decoration:underline;}
.tab-feature{margin:0; padding:15px; width:100%; display:inline-block; background:#ececec; border-radius:6px;}
.tab-feature ul{margin:0; padding:0; width:100%; list-style:none;}
.tab-feature ul{margin:0; padding:0; width:100%; list-style:none;}
.tab-feature li{margin:0; padding:0 0 0 25px; width:100%; position:relative; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; margin-bottom: 10px;}
.tab-feature li a{margin:0; padding:0 0 0 22px; color:#000; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.tab-feature li a:hover{color:#a6093d;}
.tab-feature li:nth-of-type(odd) .fa-circle{ color:#672146; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}
.tab-feature li:nth-of-type(even) .fa-circle{ color:#d50032; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}
.tab-feature li span.red-icon .fa-circle{ color:#672146; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}
.tab-feature li span .fa-circle{ color:#d50032; font-size:15px; position:absolute; left:0; top:5px; margin:0; padding:0;}
.tab-btn-main{margin:0; padding:20px 0 0 0; width:100%; display:inline-block;}
.tab-btn-left{margin:0; padding:0; width:50%; float:left;}
.tab-btn-right{margin:0; padding:0; width:50%; float:left;}
.tab-btn-right a:before {content: "\f054";  font-family: 'Font Awesome\ 5 Free'; display: inline-block; font-size:10px; font-weight:600; margin-left: -10px; padding-right: 5px; font-size: 12px;}
.tab-btn-right a{margin:0; padding:0; font-size:13px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#672146;}
.tab-btn-right a:hover{color:#d50032;}
.tab-left-gap{padding-left:50px; padding-right:30px;}
.tab-middle h2{margin:0; padding:30px 0 20px 0; width:100%; display:inline-block; color:#a6093d; font-size:16px; font-family: 'Cabin', sans-serif; font-weight:700;}
.tab-middle h3{margin:0; padding:30px 0 20px 0; width:100%; display:inline-block; color:#a6093d; font-size:16px; font-family: 'Cabin', sans-serif; font-weight:700;}
.tab-middle p{margin:0; padding:0; width:100%; display:inline-block; color:#000; font-size:13px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.tab-last-main p{margin:0; padding:0; width:100%; display:inline-block; color:#000; font-size:13px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.line-bg{margin:0 0 5px 0; padding:0; width:100%; display:inline-block; text-align:center; background:url(../images/line-bg.png) center center no-repeat;}
.accordion-main{margin:0; padding:0; width:100%; display:inline-block; }
.accordion-main	.accordion{width:100%; margin: 0 auto; padding:5px 0 0 0;}
.accordion-main .accordion-toggle {cursor: pointer;margin: 0; padding: 10px 20px; position: relative;}
                                                                                                                    
.accordion-main .accordion-toggle.active:after{content:"";position:absolute; left:25px; top:20px; width:0; height:0; border-top:5px solid #a6093d; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0);}
.accordion-main.mortgage-main .accordion-toggle.active:after{display: none;}
.accordion-main .accordion-toggle:before{content:""; position:absolute; left:25px; top:20px; width:0; height:0; border-top:5px solid transparent; border-left: 5px solid #a6093d; border-bottom:5px solid transparent;}
.accordion-main .accordion-toggle.active:before{display:none;}
.accordion-main .accordion-toggle.active {color: #a6093d;}
.accordion-gap{background:#f9f9f9; border-radius:8px; margin-bottom: 15px;}
.accordion-main	.accordion h4{margin:0; padding:15px 38px;  }
.accordion-main .accordion-content {display: none; background: #f9f9f9; border-radius: 0 0 8px 8px; margin: 0 0 20px 0;}
.bg-white {background: #fff;}
.table-bottom {padding:25px 25px 0 25px;}
.table-bottom > table > thead > tr > th{text-align:center;}
.table-bottom > table > tbody > tr > td{text-align:center;}
.table-pro{margin:0; padding:0 20px 16px 20px; font-size:16px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700;}
.table-middle-pro{margin:0; padding:20px 0 0 0; color:#000; font-size:24px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.table-top-pro{margin:0; padding:0;}
.table-top-pro p{margin:0; padding:0; color:#000; font-size:13px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-align:left;}
.table-apy {margin: 0 auto 0 auto; padding: 0 0 40px 0;	width: 92%;	display: table;}
.table-apy p{margin:0; padding:0 0 10px 0; color:#672146; font-size:11px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-align:left;}
.accordion-main .accordion-toggle {margin:0; padding:0 0 8px 20px; font-size:16px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700;}
.tab-table-main{margin:0; padding:0; width:100%; display:inline-block;}
.tab-table-main .table-bordered {border:none;}
.tab-table-main .table-bordered > thead > tr > th, .tab-table-main .table-bordered > thead > tr > td {border-bottom-width: 2px; border-color:#dcced5;}
.tab-table-main .table-bordered > thead > tr > th, .tab-table-main .table-bordered > tbody > tr > th, .tab-table-main .table-bordered > tfoot > tr > th, .tab-table-main .table-bordered > thead > tr > td, .tab-table-main .table-bordered > tbody > tr > td, .tab-table-main .table-bordered > tfoot > tr > td {border:2px solid #dcced5;}
.tab-table-main .table-bordered > thead > tr > th a.btn { position: absolute; bottom: 10px; left: 5px; right: 5px;}
.tab-table-main .table-bordered > thead > tr > th  {text-align: center; vertical-align: top; position: relative; padding-bottom: 35px;}
.tab-table-main .table-bordered > tbody > tr > td {text-align: center;}
.table-features{margin:0; padding:0 30px; width:100%; display:inline-block; color:#d50032; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:700;}
.table-top{margin:0; padding:0; width:100%; display:inline-block;}
.table-top h4{margin:0; padding:0 30px; width:100%; display:inline-block; color:#a6093d; font-size:20px; font-family: 'Cabin', sans-serif; font-weight:700;}
.table-top p{margin:0; padding:10px 0; width:100%; display:inline-block; text-align:left; color:#000; font-size:13px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.table-middle{margin:0; padding:30px 0 0 0; width:100%; display:inline-block;}

.mtable td { padding: 10px; color: #333; }
.bubble { color: #333; }
.bubble h2{ color: #333; }
.mtable td img { cursor: pointer; }
.mtable td .bubble { width: 75%; color: #333; }

.footnote-container{margin:0 0 40px 0; padding:0; width:100%; display:inline-block;}
.footnote-container .row{margin-left:0; margin-right:0;}
.footnote-container	.accordion{width:100%; margin: 0 auto; padding: 20px;}
.footnote-container .accordion-toggle {cursor: pointer;margin: 0;padding: 10px 20px;position: relative;}
.footnote-container .accordion-toggle.active:after{content:""; position:absolute; left:0; top:3px; width:0; height:0; border-bottom:5px solid #a6093d; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0);}
.footnote-container .accordion-toggle:before{content:""; position:absolute; left:0; top:3px; width:0; height:0; border-top:5px solid transparent; border-left: 5px solid #a6093d; border-bottom:5px solid transparent;}
.footnote-container .accordion-toggle.active:before{display:none;}
.footnote-container .accordion-content {display: none;}
.footnote-container .accordion-toggle.active {color: #a6093d;}
.footnote-container .accordion-toggle {margin:0; padding:0 0 8px 20px; font-size:14px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:700;}
.footnote-container .accordion-content p{margin:0; padding:0 20px 16px 20px; font-size:12px; font-family: 'Cabin', sans-serif; color:#000; font-weight:400;}


/*------RCB For You ƒin Page css start----------*/
.bank-service-container{margin:-5px 0 0 0; padding:0; width:100%; display:inline-block;}
.bank-service-container .row{margin-left:0; margin-right:0;}
.bank-service-main {margin: 0 auto; padding: 70px 0; width: 62%; display: table;}
.bank-service-main h3{color:#FFF; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; width:100%; text-align:center;}
.bank-service-main p{margin:0; padding:20px 0; font-size:18px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; text-align:left;}


/*-------RCB Locations page css strat---------*/
.locations-container{margin:20px 0 30px 0; padding:0; width:100%; display:inline-block;}
.locations-container .row{margin-left:0; margin-right:0;}
.locations-container .locations-main {padding:50px 70px 20px 70px;}
.locations-branch{margin:0 0 25px 0; padding:0; width:100%; display:inline-block;}
.locations-branch h3{margin:0; padding:0; width:100%; display:inline-block; text-align:center; color:#FFF; font-size:22px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; }
.locations-branch h3 a{margin:0; padding:10px 0; color:#FFF; font-size:22px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; background:#00a0b0; width:100%; display:inline-block;}
.locations-branch h3 a:hover{background:#672146;}
.locations-branch-main{margin:0; padding:5px 15px 15px 15px; width:100%; position:relative;}
.locations-box{margin:0; padding:12px 25px 10px; width:auto; position:relative; position:absolute; left:0px; top:0px; background: rgba(255, 255, 255, 0.5); width: 100%;}
.locations-map{margin:0; padding:0; color:#000; font-size:18px; font-weight:300; font-family: 'Roboto Condensed', sans-serif; width:70%; display:inline-block;}
.locations-map::before {content: "\f3c5"; font-family: 'Font Awesome\ 5 Free'; margin-right: 12px; font-weight: 600; font-size: 24px; height: 30px; display: table; float: left;}
.locations-phone{margin:0; padding:0; color:#000; font-size:20px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.locations-phone:before{content: "\f095"; font-family: 'Font Awesome\ 5 Free'; margin-right: 5px; font-weight: 600;}
.locations-btn {margin: 0; padding: 0; width: 100%; position:absolute; left:0; bottom:75px; text-align: center; }


/*----------RCB Meet Our Team page css start---------*/
.welcome-container{margin:20px 0 30px 0; padding:0; width:100%; display:inline-block;}
.welcome-main{margin:0; padding:0 0 0 30px; width:100%; display:inline-block;}
.welcome-main h1 {margin: 0; padding:30px 0 10px 0; color: #00a0b0;}
.welcome-main p {margin: 0; padding: 0 0 30px 0; font-size: 22px; font-family: 'Cabin', sans-serif; color: #000; font-weight: 700; width:80%; display:inline-block;}
.welcome-video{margin:0; padding:0 20px 0 0; width:100%; display:inline-block;}
.welcome-tab-container{margin:0 0 30px 0; padding:0; width:100%; display:inline-block;}
.welcome-tab-container .row{margin-left:0; margin-right:0;}
.welcome-tab-container .welcome-tab-main {padding:30px 50px 50px 50px;}
.welcome-tab-container .nav-pills > li.active > a, .welcome-tab-container .nav-pills > li.active > a:hover, .welcome-tab-container .nav-pills > li.active > a:focus {color:#672146; font-size:20px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; background-color:transparent;}
.welcome-tab-container .nav > li > a:hover, .welcome-tab-container .nav > li > a:focus {text-decoration: none; background-color:transparent;}
.welcome-tab-container .nav > li > a {position: relative; display: block; padding:10px 20px 10px 0; color:#75787b; font-size:20px; font-weight:400; font-family: 'Roboto Condensed', sans-serif;}
.welcome-tab-container  .nav-justified > li {display: table-cell; width: auto;}

.read-about-main{margin:0; padding:0;}
.read-about-main .modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius:0; outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.read-about-main .modal-dialog {width:908px; margin:265px auto 30px auto;}
.read-about-main .modal-header{background:#19a9b8; border-radius:0;}
.read-about-main .modal-top{margin:0; padding:0; width:100%; display:inline-block;}
.read-about-main .modal-icon{margin:0; padding:0; width:25%; float:left;}
.read-about-main .modal-icon img{margin:-50px 0 0 0;}
.read-about-main .modal-contant{margin:0; padding:0; width:90%; float:left;}
.read-about-main .modal-contant p{margin:0; padding:155px 0 20px 50px; font-size:28px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#fff;}
.modal-remove{margin:0; padding:0; width:10%; float:left;}
.modal-remove .glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	background:none; font-size:24px; padding:0; border-radius:0; color:#fff;}
.read-about-main .text-popup{margin:0; padding:0 50px 120px 50px;}
.read-about-main .text-popup p{margin:0; padding:15px; font-size:16px; font-family: 'Roboto Condensed', sans-serif; color:#000; font-weight:300; width:100%; display:inline-block;}
.modal-name{margin:0; padding:30px 0 0 0; width:100%; display:inline-block; font-size:20px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:600;}
.modal-pre{margin:0; padding:0; width:100%; display:inline-block; font-size:24px; font-family: 'Roboto Condensed', sans-serif; color:#fff; font-weight:700;}
.modal-phone{margin:0; padding:60px 0 10px 0; width:100%; display:inline-block; font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#fff; font-weight:700;}
.modal-phone a{color:#fff;}
.modal-link{margin:0; padding:0; width:100%; display:inline-block; }

/*----------RCB Mortgages page css start---------*/
.mortgages-container{margin:-135px 0 0 0; padding:0; width:100%; display:inline-block;}
.mortgages-bg-main {margin: 0 auto;	padding: 0;	width: 80%;}
.mortgages-main{margin:0 auto; padding:0; width:80%;}
.mortgages-dark-bg{margin:0; padding:30px 0 0 0; width:100%; display:inline-block; background: linear-gradient(180deg, rgba(0,160,176,1) 0%, rgba(255,255,255,1) 100%); height:450px;}
.mortgages-title{margin:0; padding:0 0 30px 0; width:100%; text-align:center;}
.mortgages-dark-bg .row{margin-left:0; margin-right:0;}
.mortgages-sub{margin:0; padding:0 0 0 30px; width:100%;}
.mortgages-sub h3{margin:0; padding:0 0 30px 0; width:100%; color:#fff; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.mortgages-sub p{margin:0; padding:0; width:100%; font-size:22px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:700;}
.mortgages-container .mortgages-kit{margin:15px 0 0 45px; padding:0 0 20px 0; text-align:center; border:1px solid #bdbdbe; width:258px; height:auto; background:url(../images/atm-kit-bg.png) right bottom no-repeat; box-shadow: 5px 5px 22px #B7B7B7;}
.mortgages-container .mortgages-kit div.mortgages-bg {padding: 12px 8px; background: #672146; color: #FFF; font-size: 24px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
.mortgages-container .mortgages-kit p{margin:0; padding:13px 0; font-size:18px;  font-family: 'Cabin', sans-serif; font-weight:700; color:#000; width:90%; display:inline-block;}
.mortgages-container .mortgages-kit h2 {color: #FFF; font-size: 24px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;}
.mortagages-main {margin: 0 auto; padding: 15px; width: 94%; display: table; background: #672146; border-radius: 8px; color: #FFF; font-size: 24px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; z-index: 999; position: relative; text-align: center;}
.mortgages-gap {padding-left: 75px; padding-right: 75px; margin-top: 40px;}
.mortgages-table{margin:0; padding:12px 30px; width:100%; display:inline-block;}
.mortgages-table .bubbles{display: inline-block; float: right; padding-top: 50px; width: 18%;}
.mortgages-table .bubbles a {display: block; position: relative; height: 100px; vertical-align: center;}
.bubble ul, .bubble ol {margin: 15px 0px; padding-left: 20px;}
.bubble ul li {list-style-type: disc; font-size: 14px;}
.bubble ol li {list-style-type: decimal; font-size: 14px;}
.bubble h2 {font-size: 20px;}
.bubble h3 {font-size: 18px;}
.bubble p {font-size: 14px;}
.mortgages-table iframe{display: inline-block; width: 80% !important;}
.mortgages-table p{margin: 10px 0px;}
.mortgages-table table{text-align:center;}
.mortgages-table .table-bordered > thead > tr > th, .mortgages-table .table-bordered > tbody > tr > th, .mortgages-table > tfoot > tr > th, .mortgages-table .table-bordered > thead > tr > td, .mortgages-table .table-bordered > tbody > tr > td, .mortgages-table.table-bordered > tfoot > tr > td {border: 2px solid #dcced5;}
.mortgages-table .table-bordered {border-top: none;}
.mortgages-table .table-bordered > thead > tr > th{text-align:center;}
.mortgages-table .mortgage-rate{margin:0; padding:0; width:100%; color:#a6093d; font-size:22px; font-family: 'Cabin', sans-serif; font-weight:700;}
.mortgages-table .mortgage-rate-fix{margin:0; padding:0; width:100%; color:#000; font-size:24px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.mortgages-contact-container{margin:0 0 40px 0; padding:0; width:100%; display:inline-block;}
.mortgages-contact-container .row{margin-left:0; margin-right:0;}
.mortgages-contact-main{padding-top:40px; padding-bottom:40px; background:#00a0b0;}
.mobile-guide-tab{margin:0 0 40px 0;}
.mobile-guide-h{padding: 40px 25px !important;}
.contact-bg{margin:0 auto; padding:0; width:70%; display:block; position:relative;}
.contact-bg-left{margin:0; padding:25px 35px; width:100%; display:inline-block; border-radius:8px; background:#fff; position:relative;}
.contact-bg-left a{margin:0; padding:0 15px 0 0;}
.contact-bg-right{margin:0; padding:25px 35px; width:50%; display:inline-block; border-radius:0 8px 8px 0; background:#672146; position:absolute; right:0; bottom:0;} 
.contact-bg-right::before {position: absolute; content: ''; border-left: 55px solid #fff; border-top: 0px solid transparent; border-bottom: 210px solid transparent; left: 0; top:0; }
.contact-bg-right h3{margin:0; padding:0 0 30px 0; width:100%; color:#fff; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; text-align:center;}
.contact-bg-right p{margin:0; padding:0 0 26px 0; width:100%; font-size:18px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; text-align:center;}
.contact-btn{margin:0; padding:0; width:100%; display:inline-block; text-align:center;}
.contact-btn a{margin:0; padding:7px 50px;  border-radius:8px; background:#fff; color:#672146; font-size:15px; font-weight:400; font-family: 'Roboto Condensed', sans-serif;}
.contact-btn a:hover{background:#a6093d; color:#fff;}

 .image-callout { margin-bottom: 20px; display: block; }

/*-----RCB Our Story page css start----------*/
.story-container{margin:0; padding:0; width:100%; display:inline-block;}
.story-mob-pic {margin: -80px 0 0 0; padding: 0 0 0 70px; width: 100%;}
.story-container h2{margin:0; padding:90px 0 20px 0; color:#7c4060; width:60%; display:inline-block;}
.story-container p{margin:0; padding:0; font-size:22px; font-family: 'Cabin', sans-serif; color:#000; font-weight:400; width:90%; display:inline-block;}
.money-container{margin:-80px 0 40px 0; padding:0; width:100%; display:inline-block;}
.money-container .row{margin-left:0; margin-right:0; background:#c1abb6;}
.money-main {margin: 0 auto; padding: 70px 0; width: 62%; display: table;}
.money-main h3{color:#FFF; font-size:32px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; width:100%; text-align:center;}
.money-main p{margin:0; padding:20px 0; font-size:18px; font-family: 'Cabin', sans-serif; color:#fff; font-weight:400; text-align:left;}
.people-container{margin:0; padding:0; width:100%; display:inline-block;}
.people-container .row{margin-left:0; margin-right:0;}
.people-container .col-lg-6{padding-left:0; padding-right:0;}
.bg-gradient{background: linear-gradient(to bottom, #ffffff 0%,#f6f5f5 100%);}
.mission-main{margin:0; padding:70px 60px 60px 60px; width:100%; display:inline-block;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
 .mission-main{margin:0; padding:50px 60px 60px 60px; width:100%; display:inline-block;}
}
.mission-main h3{margin:0; padding:0px 0 30px 0; width:100%; display:inline-block;}
.mission-main p{margin:0; padding:0 0 30px 0; font-size:22px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:600; text-align:left;}
.mission-btn{margin:0; padding:20px 0 40px 0; width:100%; display:inline-block;}
.mission-btn a{margin:0; padding:8px 30px; display:inline-block; background:#672146; color:#fff; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.mission-btn a:hover{background:#a6093d; color:#fff;}
.mission-pic {margin:0; padding:0;}
.mission-pic img{width:100%;}
.mission-pic:before {display: block; position: absolute; left:0; bottom:0;  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 100%); height:100%;  width: 100%;  content: '';}
.board-container{margin:40px 0; padding:0; width:100%; display:inline-block;}
.board-container .row{margin-left:0; margin-right:0;}
.board-container .col-lg-6{padding-left:0; padding-right:0;}
.board-bg{margin:0; padding:0 75px; width:100%; display:inline-block;}
.board-container .red-bg{background:url(../images/red-bg-right.png) left bottom no-repeat;}
.board-bg h3{margin:0; padding:50px 0 30px 0; width:100%; display:inline-block;}
.board-bg p{margin:0; padding:0 0 30px 0; font-size:22px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:600; text-align:left;}
.board-btn{margin:0; padding:20px 0 40px 0; width:100%; display:inline-block;}
.board-btn a{margin:0; padding:8px 30px; display:inline-block; background:#672146; color:#fff; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.board-btn a:hover{background:#a6093d; color:#fff;}
.foundation-container{margin:0; padding:0; width:100%; display:inline-block;}
.foundation-container .red-bg-bottom{background:url(../images/red-bg-left.png) left bottom no-repeat;}
.board-main{margin:0; padding:0 75px; width:100%; display:inline-block;}
.board-main h3{margin:0; padding:50px 0 30px 0; width:100%; display:inline-block;}
.board-main p{margin:0; padding:0 0 30px 0; font-size:22px; font-family: 'Cabin', sans-serif; color:#a6093d; font-weight:600; text-align:left;}
.board-main ul, .board-main ol{ font-family: 'Cabin', sans-serif; text-align:left; padding-left: 20px;}
.board-main ul li { list-style-type: disc; font-size:22px; font-family: 'Cabin', sans-serif;    }
.board-main ol li { list-style-type: decimal; font-size:22px; font-family: 'Cabin', sans-serif;   }
.foundation-btn{margin:0; padding:20px 0 40px 0; width:100%; display:inline-block;}
.foundation-btn a{margin:0; padding:8px 30px; display:inline-block; background:#672146; color:#fff; font-size:18px; font-family: 'Cabin', sans-serif; font-weight:400; border-radius:6px;}
.foundation-btn a:hover{background:#a6093d; color:#fff;}
.boss-main{margin:0; padding:100px 60px 0 60px !important; width:100%; display:inline-block;}

/*------vertical timeline----------*/

.cd-timeline_icon { background-color: #900632; color: #fff; }
.cd-timeline { background-color: #f3f2f2; }

/*------poll----------*/
.poll ul.answers li.option .radio { position: static; margin: 0px;}
.poll ul.answers { padding: 0px 20px 5px !important; }
.cd-timeline__date { font-size: 24px; padding: 0px 10px; }


@media (max-width: 1599px) {
/*for desktop  min-width: 1400px to max width 1599px */
}
@media (max-width: 1399px) {
/*for desktop  min-width: 1280px to max width 1400px */	
}
@media (max-width: 1279px) {
/*for desktop  min-width: 1152px to max width 1279px */
.container{width:1170px;}
.top-heading {margin: 0; padding: 35px 0px 0 0;}
.footer-bg {padding: 50px 60px;}
.footer-copy-main{padding:10px 60px;}
.limits-container .mob-img img{max-width: 630px;}
.cooperative-container h3 {padding: 35px 0 15px 0;}
.business-main-left {width: 50%;}
.business-main-right {padding: 35px 0 0 20px; width: 45%;}
.business-main-right h1 {font-size:42px;}
.business-kit {margin: 35px 0 0 -70px;}
.table-container {margin: -40px 0 50px 0;}
.bill-main {width: 80%;}
.rcb-main {padding: 20px 0 0 25px;}
.rcb-main h3 {padding: 0 0 15px 0;}
.mobile-check-container .mobile-check-main {padding: 40px 0 0 60px;}
.mobile-guide-container .guide-main {padding: 25px 15px;}
.mobile-guide-middle p {font-size: 16px;}
.mobile-guide-middle p.mob-text {width: 60%; font-size: 16px;}
.mobile-guide-btn a {width: 65%;}
.mobile-check-container .mobile-tab-right {margin: 0 0 0 -18px;}
.mobile-guide-head.branch-stop h4 {width: 70%;}
.north-main-left {width: 52%;}
.north-main-right {width: 48%;}
.modal-bank-holidays .modal-dialog {width:830px;}
.checking-bg-main {width: 96%;}
.view-checking-main {width: 93.8%;}
.locations-container .locations-main {padding:30px 0px;}
.locations-map {width: 70%;}
.mortgages-bg-main {width: 96%;}
.contact-bg {width: 75%;}
.mission-main {padding: 55px 60px 20px 60px;}
.board-bg {padding: 0 70px;}
}

@media (max-width: 1151px) {
/*for desktop and laptaop  min-width: 992px to max width 1151px */
.container {width: 970px;}
.top-heading {margin: 0; padding: 35px 0px 0 0; font-size: 22px;}
.main-banner-contant {bottom: 45px;	left: 50px;}
.main-banner-contant h1 {font-size: 42px;}
.main-banner-contant p {font-size: 20px; width: 90%;}
.footer-bg {padding:25px;}
.footer-top {padding: 0 0 30px 0;}
.footer-copy-main{padding:10px 30px;}
.limits-container .mob-img img {max-width: 530px;}
.cooperative-container h3 {padding: 25px 0 15px 0; font-size:28px; width:90%}
.cooperative-container p {padding: 0 0 25px 0; font-size: 14px;}
.north-main-left {width:45%;}
.north-main-right {width: 50%;	padding: 35px 0 0 30px;}
.north-kit {margin: 42px 0 0 -45px;}
.modal-bank-holidays .modal-dialog {width:720px;}
.welcome-main h1 {padding: 0 0 10px 0;}
.welcome-main {padding: 0;}
.welcome-tab-container .welcome-tab-main {padding: 30px 30px 50px 30px;}
.contact-bg {width: 90%;}
.mortgages-bg-main {width: 97%;}
.mortgages-dark-bg {height: 410px;}
.story-container h1 {padding: 35px 0 20px 0; width: 75%;}
.story-container p {width: 94%;}
.story-container p {width: 94%;}
.mission-main h3 {padding: 0px 0 24px 0; font-size:28px;}
.mission-main p {font-size:18px;}
.mission-main {padding: 42px 30px 20px 30px;}
.board-bg {padding: 0 45px;}
.board-bg h3 {padding: 15px 0 20px 0;	font-size: 28px;}
.board-bg p {font-size: 19px;}
.money-main {width: 80%;}
.board-main {padding: 0 45px;}
.board-main h3 {padding: 15px 0 20px 0;	font-size: 28px;}
.board-main p {font-size: 19px;}
.boss-main {padding: 60px 60px 50px 60px !important;}

}
@media (max-width: 991px) {
/*for tablet  min-width: 768px to max width 991px px */
.container{width:750px;}
.top-heading {margin: 0; padding: 35px 0px 0 0; font-size: 20px;}
.logo img{width:80%;}
.phone {width: 34px;}
.phone a {font-size: 15px;}
.map {width: 34px;}
.map a {font-size: 15px;}
.search{width: 34px; font-size: 15px;}
.login{width: 52px;}
.login a {font-size: 15px;}
.main-menu{width:60px;}
.nav {font-size: 12px;}
.nav .fa-bars {font-size: 32px;}
.business-nav {font-size: 28px;}
.social-media a {font-size: 14px;}
.nav-gap h2 {font-size: 28px;}
.nav-gap li a {font-size: 20px;}
.main-banner-contant {bottom: 45px;	left: 50px;}
.main-banner-contant h1 {font-size: 42px;}
.main-banner-contant p {font-size: 20px; width: 90%;}
.open-container {padding: 30px 0 15px 0;}
.open-box{padding-bottom:30px;}
.footer-menu li a {font-size: 11px;}
.social-media-footer a {margin: 0; padding: 3px 6px;}
.limits-container .local-box h3 {font-size: 28px;}
.limits-container .local-box p {width: 80%;	font-size: 16px;}
.limits-container .business-box h3 {font-size: 28px;}
.limits-container .business-box p {	width: 80%;	font-size: 16px;}
.limits-container .mob-img img {max-width: 420px;}
.limits-container .pic-bg .pic-man img {margin: 24px 0 0 0;}
.cooperative-pic img{width:100%;}
.cooperative-pic:after {display: block; position: relative;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);  margin-top: -150px;  height: 150px;  width: 100%;  content: '';}
.cooperative-container h3 {width: 50%;	margin-left: 50px;}
.cooperative-container p {width: 70%;	margin-left: 50px;}
.cooperative-container a{margin:0 0 50px 50px;}
.business-kit {margin:0; width: 100%; height: auto; padding: 0 0 15px 0;}
.business-main-right {width: 50%;}
.business-main-right p {font-size: 20px;}
.business-kit p {font-size: 16px; text-align: center;}
.table-container {margin: 40px 0 35px 0;}
.table-container .table-main {padding-top: 25px; padding-bottom: 20px;}
.pay-main {margin: 0 auto;	font-size: 28px; width: 75%; display:table;}
.bill-main {padding:20px 0;	font-size: 22px; width: 80%;}
.balance-table {padding:0;	width:100%;}
.balance-table ul {margin: 0 -25px;	padding: 0 0 0 12px; list-style: none;}
.balance-table li .access-bg {padding:15px 12px 15px 32px;	font-size: 16px;}
.access-bg .red-icon .fa-circle {left: 12px;}
.access-bg .fa-circle {left: 12px;}
.rcb-main h3 {font-size: 28px;}
.rcb-main p {font-size: 16px; font-weight: 600;}
.rcb-main-btn {padding: 15px 0 0 0;}
.rcb-main-btn a {font-size: 17px;}
.mobile-check-container .mobile-tab-right {margin: 0 auto; padding: 20px 0 0 0; width: auto; display: table; text-align: center;}
.mobile-check-container .mobile-tab-right img {width:80%;}
.mobile-check-container .mobile-check-main {padding: 0px 0 0 20px;}
.mobile-check-container .mobile-check-main h3 {padding: 0 0 10px 0;	font-size: 28px;}
.mobile-check-container .mobile-check-main p {font-size: 16px;}
.mobile-check-container .mobile-check-main ul {padding: 20px 0;}
.mobile-check-container .mobile-check-main ul li {font-size: 16px;}
.mobile-guide-container .guide-main {padding: 25px 10px;}
.mobile-guide-container .col-sm-4{padding-right:5px; padding-left:5px;}
.mobile-guide-head {top: 5px;}
.mobile-guide-head h4 {font-size: 20px;}
.mobile-guide-middle {position: relative;}
.mobile-guide-bg {padding: 10px 0px; background-color:transparent;}
.mobile-guide-middle p {font-size: 14px; color: #000;}
.mobile-guide-middle p.mob-text {font-size: 14px; color: #000; }
.mobile-guide-btn a {width: auto; background:#672146; color:#fff;}
.mobile-guide-head.branch-stop h4 {width: 75%;}

.north-main-left {width:50%;}
.north-main-right {width:50%; padding:55px 0 0 30px;}
.north-main-right h1 {font-size: 42px;}
.north-main-right p {font-size: 20px;}
.north-kit {margin:10px 0 0 0; width: 100%;}
.north-kit p {padding: 20px 10px; font-size: 16px;	width: 72%;	float: left;}
.branch-search {padding: 20px 0 20px 0px; width: 28%;}
.branch-search form.example input[type="text"] {width: 50%;}
.branch-search form.example button {width: 40%;}
.team-container .team-main {padding-top: 30px;	padding-bottom: 30px;}
.team-head-top {font-size: 30px;}
.team-container .tabbable {margin: 15px auto 0 auto; padding: 25px 20px; width: 100%; display: table;}
.team-map-top {padding: 40px 0px 8px 0;}
.team-map {width: 100%;	margin: 0 auto;}
.team-map img {width:100%;}
.team-head-middle {padding: 35px 0 15px 0;	font-size: 30px;}
.team-gap {padding-left:80px;	padding-right:80px;}

.checking-bg-main {width: 98%;}
.view-checking-main {width: 94.4%;}
.checking-dark-bg {height: 410px;}
.checking-bg-container {margin: -60px 0 0 0;}
.checking-title h1 {font-size: 42px;}
.checking-sub h3 {padding: 0 0 25px 0;	font-size: 28px;}
.checking-sub p {font-size: 18px;}
.atm-kit {margin: 8px 0 0 -15px;}
.checking-sub {padding: 0 0 0 15px;}
.tab-left-gap {padding-left: 15px;	padding-right: 95px;}
.tab-btn-left .btn{font-size:14px;}
.tab-btn-right a::before {font-size: 11px;}
.tab-btn-right a {font-size: 12px;}
.checking-tab .nav-tabs > li.active > a {font-size:20px;}
.checking-tab .nav-tabs > li a {font-size: 20px; padding: 10px 30px;}
.tab-table-main {overflow-y: scroll;}
.bank-service-main {padding: 60px 0; width: 85%;}
.bank-service-main h3{font-size:28px;}
.bank-service-main p{font-size:18px;}
.locations-container .locations-main {padding: 30px 0px;}
.welcome-main h1 {padding: 0 0 10px 0; font-size: 42px;}
.welcome-main p {padding: 0 0 20px 0; font-size: 20px;}
.welcome-main {padding: 0;}
.welcome-tab-container .nav-pills > li.active > a, .welcome-tab-container .nav-pills > li.active > a:hover, .welcome-tab-container .nav-pills > li.active > a:focus {font-size: 18px;}
.welcome-tab-container .nav > li > a {font-size: 18px;}
.read-about-main .modal-dialog {width: 710px;}
.modal-link .btn{font-size:15px;}
.read-about-main .text-popup {margin: 0; padding: 0 0 50px 0;}
.contact-bg {width:94%;}
.contact-bg-left img{width:12%;}
.contact-bg-right {padding: 21px 25px; width: 56%;}
.contact-bg-right h3 {padding: 0 0 15px 0;	font-size: 26px;}
.contact-bg-right p {padding: 0 0 20px 0; font-size: 15px; width: 90%; margin: 0 auto;}
.contact-bg-right::before {border-bottom: 168px solid transparent;}
.mortgages-video {margin-top: 35px;}
.mortgages-title h1{font-size:42px;}
.mortgages-sub {padding: 0 0 0 15px;}
.mortgages-sub p {font-size: 18px;}
.mortgages-container .mortgages-kit {margin: 0px 0 0 -15px;}
.mortgages-gap {padding-left: 10px; padding-right: 10px; margin-top: 25px;}
.story-mob-pic {margin: -80px 0 0 0; padding: 0 0 0 20px;}
.story-container h1 {padding: 35px 0 20px 0; width: 90%; font-size: 42px;}
.story-container p {font-size: 18px;}
.money-container {margin: -30px 0 40px 0;}
.money-main {width: 90%;}
.money-main p {padding: 0;	font-size: 16px;}
.mission-main {padding:15px 20px 0px 15px;}
.mission-main h3 {padding: 0px 0 15px 0; font-size:26px;}
.mission-main p {font-size: 16px; padding:0; }
.mission-btn {padding: 13px 0 15px 0;}
.board-bg {padding: 0 25px;}
.board-bg h3 {padding: 5px 0 10px 0; font-size: 28px;}
.board-bg p {font-size: 15px; padding:0;}
.board-btn {padding: 20px 0 22px 0;}
.board-main {padding: 0 25px;}
.board-main h3 {padding: 5px 0 10px 0; font-size: 28px;}
.board-main p {font-size: 16px;	padding: 0;}
.foundation-btn {padding: 20px 0 22px 0;}
.foundation-container .row{margin-left:0; margin-right:0;}
.foundation-container .col-sm-6{padding-left:0; padding-right:0;}


}
@media (max-width: 767px) {
.container{width:100%;}
.logo img {max-width: 100%;}
.mob-nav{float:right;}
.login {width: 54px; height: 70px; padding: 20px 0 0 0px;}
.main-menu {width: 54px; height: 70px; padding: 15px 0 0 0px;}
.nav .fa-bars {font-size: 24px;}
#close {padding: 12px 20px 10px 0;}
#close .fa-times {font-size: 28px;}
.business-nav {font-size: 20px;}
.social-media {padding: 8px 0 0 0; text-align: center;}
.nav-gap {padding-top: 30px;}
.nav-gap h2 {font-size: 24px;}
.nav-gap li a {font-size: 18px;}
.main-banner-contant {bottom:5px; left: 0px; padding: 0px 20px;}
.main-banner-contant h1 {font-size: 30px; padding:0 0 5px 0;}
.main-banner-contant h2 {font-size: 18px; padding:0 0 5px 0;}
.main-banner-contant p {font-size: 14px; width: 90%;}
.open-box h4{font-size: 18px;}
.open-box p{font-size: 13px;}
.open-box .link-text {font-size: 15px;}
.profile { width: 48%;}

.limits-container .local-box h3 {font-size: 24px; padding:0 0 20px 0;}
.limits-container .local-box p {width:90%;	font-size: 14px;}
.limits-container .mob-img img {width: 100%; margin: 0;}
.limits-container .business-box h3 {font-size: 24px;}
.limits-container .business-box p {	width:90%;	font-size: 14px;}
.limits-container .box-height {height: auto;}

.branch-container a.thumbnail{margin:20px 0;}
.branch-container a.thumbnail:hover {width: 75%; margin: 20px auto; }
.branch-container p {width: 65%;}
.cooperative-container h3 {width:100%;	margin-left:0px; font-size: 24px;}
.cooperative-container p {width:100%;	margin-left:0px; font-size: 14px;}
.cooperative-container a{margin:0 0 50px 0px;}

.modal-main .modal-dialog {width:292px; margin:155px auto 30px auto;}
.modal-main .modal-icon {margin: 0; padding: 0; width: 100%; float: none; text-align: center;}
.modal-main .modal-contant {margin: 0; padding: 0; width: 100%;	float: none;}
.modal-remove {margin: 0; padding: 0; width: 100%; float: none; position: absolute; top: 10px; right: 10px;}

.footer-mob-link ul {display: none;}
.footer-mob-link h3.heading {padding: 10px 0 5px 0;}
.footer-mob-link h3.heading a {cursor:pointer; padding:0;}
.footer-copy-main {padding:5px 6px;}
.footer-coppy-left {padding: 8px 0 0 0;	font-size: 10px;}
.footer-coppy-right a {font-size: 10px;}
.footer-top {padding: 0 0 15px 0; text-align: center;}
.footer-menu .mob-view{display: inline-block; width: 100%; text-align: center;}
.footer-lender {width: auto;}

.business-main-left {width: 100%;}
.business-main-right {width: 100%; padding: 0; text-align: center;}
.business-main-right h1 {font-size: 30px; }
.business-main-right p {font-size: 14px; padding: 10px 0 0 0;}
.business-btn {padding: 25px 0 20px 0;}
.business-kit h3 {font-size: 20px;}
.business-kit p {font-size: 14px; text-align: center; padding:12px 20px;}
.link-text {font-size: 15px;}
.pay-main {margin: 0 auto; font-size: 24px; width: 100%; display: table;}
.bill-main {padding: 15px 0 20px 0; font-size: 14px; width: 100%;}
.balance-table ul {margin: 0 -20px;	padding: 0 0 0 10px;}
.balance-table li {padding: 0 10px 10px 10px; width: 100%; 	float:none;}
.balance-table li .access-bg {padding: 15px 12px 15px 32px;	font-size: 14px; height: auto !important;}
.rcb-main {padding: 0;}
.rcb-main h3 {font-size: 24px;	text-align: center;}
.rcb-main p {font-size: 14px; font-weight: 600;}
.rcb-main-btn {padding: 15px 0; text-align: center;}
.rcb-main-btn a {font-size: 14px;}
.rcb-container .green-box {background: #008595 !important;}
.mobile-check-container .mobile-check-main h3 {font-size: 24px;	text-align: center;}
.mobile-check-container .mobile-check-main {padding: 0;}
.mobile-check-container .mobile-check-main p {font-size: 14px;}
.mobile-check-container .mobile-check-main ul li {font-size: 14px; padding-bottom:5px; }
.mobile-check-container .mobile-check-main .mobile-main-btn {text-align: center;}
.mobile-guide-btn {padding: 20px;}
.mobile-guide-head.branch-stop h4 {width: 63%;}

.north-main-left {width:100%;}
.north-main-left img {width:100%;}
.north-main-right {width:100%; padding:15px 0 0 0px;}
.north-main-right h1 {font-size:30px; width:60%; padding-bottom:10px;}
.north-main-right p {font-size: 14px;}
.north-btn {margin: 0 auto;	padding:20px 0 10px 0; width: auto; display: table;}
.north-btn .btn {padding: 7px 10px;}
.north-kit {margin: 10px 0 0 0;	width: 100%; padding-bottom: 20px;}
.north-kit h3 {font-size: 20px;}
.north-kit p {padding: 20px; font-size: 14px;	width:100%;	float:none;}
.branch-search {padding: 0px 0 20px 0px; width: auto; margin: 0 auto; display: table;}
.branch-search form.example input[type="text"] {width: 50%;}
.branch-search form.example button { width: 40%;}
.team-container {margin: 30px 0 0 0;}
.team-container .team-gap {padding-left:0; padding-right:0;}
.team-container .team-gap .col-xs-12 {padding-left:3px; padding-right:3px;}
.team-container .team-gap .col-xs-6 {padding-left:3px; padding-right:3px;}
.team-head-top {font-size: 24px;}
.team-container .team-main {padding-top:20px;	padding-bottom:20px;}
.team-container .tabbable {margin: 15px auto 0 auto; padding: 10px 8px; width: 100%; display: table;}
.team-container .nav-stacked > li {float: left;	width: 50%;	text-align: center;}
.team-container .bs-example .table {font-size:16px;}
.team-map-top {padding:25px 0px 8px 0;}
.team-map {width: 100%;	margin: 0 auto;}
.team-map img {width:100%;}
.team-head-middle {padding: 30px 0 0px 0; font-size: 24px;}
.profile .img-box:hover .team-title {display:block;}
.team-title {padding: 5px 0 0 0; position: relative; top: 0; display: block;}
.team-title h4 {padding: 0 0 3px 0;	color: #000; font-size: 16px;}
.team-title span {color: #672146; font-size: 16px;}
.profile .img-box::after {bottom: 52px;}
.img-box ul {bottom: 120px;}
.img-box ul li {width: auto; height: auto; margin: 0; padding: 0; display: inline-block;}
.team-email {width: 50px; height: 28px;}
.team-appointment p {padding: 10px 0 20px 0; font-size: 16px; width: 100%; text-align: center;}
.team-appointment a {width: auto; display: table; margin: 0 auto;}
.modal-bank-holidays .modal-dialog {width:280px;}
.modal-bank-holidays .modal-contant p {padding: 30px 0 0px 0px;	font-size: 24px;}
.modal-bank-holidays ul {padding: 0 0px 60px 0px;}
.modal-bank-holidays li {padding: 15px 10px; font-size: 14px;}
.checking-bg-main {width: 100%;}
.checking-dark-bg {	padding: 15px 0 0 0; height: auto; box-shadow: 1px 19px 16px #D5D5D5;}
.checking-title h1 {font-size: 30px;}
.checking-sub h3 {padding: 0 0 15px 0;	font-size: 24px;}
.checking-sub {padding: 0;}
.checking-sub p {font-size: 14px; padding-bottom: 20px;}
.atm-kit {margin:8px auto 30px auto; width:230px;}
.view-checking-container {margin:80px 0 0 0;}
.checking-tab .nav-tabs > li.active > a {font-size: 14px;}
.checking-tab .nav-tabs > li a {font-size: 14px; padding: 10px 30px;}
.view-checking-main {width: 94.4%; box-shadow:none; background:#f6f6f6;}
.checking-tab .tab-content {margin: -30px 0 0 0; padding: 80px 20px 30px 20px; background: #f6f6f6;}
.checking-tab {margin: -30px 0 0 0;}
.tab-content-main {padding: 15px 10px;}
.checking-tab .tab-content {padding: 50px 0px 0px 0px;}
.tab-head {font-size: 18px;}
.tab-description {padding: 10px 0 13px 0; font-size: 14px;}
.tab-btn-left {width: 100%;	float: none; text-align: center;}
.tab-btn-right {padding: 10px 0 0 0; width: 100%; float: none; text-align: center;}
.tab-left-gap {padding-left: 15px; padding-right: 15px; text-align: center;}
.tab-middle {padding: 20px 0 20px 0; text-align: center;}
.tab-last-main {text-align: center;}
.accordion-main .accordion h4 {margin: 0 0 10px 0; padding: 15px 25px;}
.accordion-main .accordion-toggle::before {left: 13px;}
.accordion-main .accordion-toggle.active::after {left: 13px;}
.tab-table-main {overflow-y: scroll;}
.table-bottom {overflow-y: scroll;}
.footnote-container .accordion {padding: 20px 0px;}
.bank-service-main {padding:40px 0; width: 90%;}
.bank-service-main h3{font-size:24px;}
.bank-service-main p{font-size:14px;}
.locations-branch h4 a {font-size: 18px;}
.locations-branch-main img{width:100%;}
.locations-map {font-size: 14px;}
.locations-map::before {font-size: 20px;}
.locations-phone {font-size: 16px;}
.welcome-container {margin: 3px 0 30px 0;}
.welcome-main h1 {font-size: 30px; text-align: center;}
.welcome-main p {padding: 0 0 20px 0; font-size: 14px; width: 100%;}
.welcome-video {padding: 25px 20px 0 0;}
.welcome-video img{width:100%;}
.welcome-tab-container .welcome-tab-main {padding: 25px 10px 35px 10px;}
.welcome-tab-container .welcome-tab-main .col-xs-12 {padding-left:3px; padding-right:3px;}
.welcome-tab-container .welcome-tab-main .col-xs-6 {padding-left:3px; padding-right:3px;}
.welcome-tab-container .welcome-tab-main select{ border:1px solid @blue-light !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-color:@blue-light !important; background:url(../images/mob-tab-arrow.png) no-repeat 95% center; font-size:14px; padding:5px 50px 5px 15px; color:#672146; font-size:20px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;  height:auto; border-radius:0; .uppercase;}
.read-about-main .modal-dialog {width: auto; margin: 0 20px;}
.modal-name {font-size: 20px;}
.modai-mob {width: auto; display: table; margin: 10px auto 0 auto;}
.modal-phone {margin: 0 auto; padding: 15px 0 10px 0; width: auto; display: table;}
.modal-link {margin: 0 auto; padding: 0; width: auto; display: table; text-align: center;}
.modal-link a {margin: 0 0 10px 0;}
.mortgages-bg-main {width: 100%;}
.mortgages-container {margin: -30px 0 0 0;}
.mortgages-dark-bg {padding: 12px 0 25px 0; height: auto; box-shadow: 1px 19px 16px #D5D5D5;}
.mortgages-title {padding: 0 0 12px 0;}
.mortgages-title h1 {font-size: 30px;}
.mortgages-sub {padding: 0 0 20px 0;}
.mortgages-sub p {font-size: 14px;}
.mortgages-container .mortgages-kit h3 {font-size: 20px;}
.mortgages-container .mortgages-kit p {font-size: 16px;}
.mortgages-container .mortgages-kit {margin: 0 auto; padding: 0 0 20px 0; width: 230px; height: auto;}
.view-checking-container {margin: 60px 0 0 0;}
.mortagages-main {padding:18px 15px; width: 100%; font-size: 16px;}
.mortgages-table {padding: 5px 6px;}
.mortgages-table .mortgage-rate {font-size: 14px;}
.mortgages-table .mortgage-rate-fix {font-size: 18px;}
.table-apy {padding: 0 0 25px 0;}
.contact-bg-left {border-radius:8px 8px 0 0; text-align:center;}
.contact-bg-left img {width: 22%;}
.contact-bg-right {margin: 0; padding: 25px 35px; width: 100%; border-radius:0 0 8px 8px;	position: relative;}
.contact-bg-right::before {display: none;}
.contact-bg-right p {font-size: 14px; width: 100%;}
.story-container h1 {padding: 5px 15px 10px 15px; width: 100%; font-size: 30px;}
.story-container p {font-size: 14px; width: 100%; padding: 0 15px 20px 15px;}
.story-mob-pic {margin: 0; padding: 0; text-align: center;}
.money-main { padding: 40px 0;}
.money-main p {padding: 0;	font-size: 14px;}
.mission-pic::before {background-image: none;}
.mission-pic:after {display: block; position: relative;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);  margin-top: -150px;  height: 150px;  width: 100%;  content: '';}
.mission-main h3 {font-size: 24px; text-align: center;}
.mission-main p {font-size: 14px;}
.mission-btn {text-align: center;}
.board-bg {padding: 0 10px;}
.board-bg h3 {padding: 15px 0;	font-size: 24px; text-align: center;}
.board-btn {text-align: center;}
.board-main h3 {padding: 15px 0; font-size: 24px; text-align: center;}
.foundation-btn {padding: 20px 0 22px 0;text-align: center;}
.boss-main {padding: 30px 10px 30px 10px !important;}
.pages .branch { width: 48%; }
.pages .block h2 { font-size: 22px; }
.pages .main-banner-contant h2 { font-size: 25px; }
.pages .main-banner-contant p { font-size: 16px; }


/* Navigation Styling */
.top-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 1s;
    z-index: -1;
    overflow: hidden;
    opacity: 0;
    display: block;
}

.visible {
    z-index: 9999 !important;
    opacity: 1 !important;
}

.shape-circle {
    border-radius:0 0 0 100%;
    width: 120%;
    height: 90%;
    top: -45%;
    right: -60%;
    position: absolute;
    transition: all 1s ease-in-out;
    background: #d40032;
    box-shadow: 0 0px 0px rgba(4, 26, 62, 0.5);
}

.top-menu.visible .shape-circle {
    width: 120%;
    height: 90%;
    top: 0;
    right: 0;
    z-index: 8;
    transition: all .8s ease-in-out;
    box-shadow: 0 0px 80px rgba(4, 26, 62, 0.5);
}

@keyframes top-bar {
    50% {
        transform: translateY(0);
    }
    100% {
        transform: rotate(45deg) translateY(0);
    }
}

@keyframes bottom-bar {
    50% {
        transform: translateY(0);
    }
    100% {
        transform: rotate(-45deg) translateY(0);
    }
}
body {
    height:100vmax;
    overflow-x: hidden;
}
.social-media a {
	margin: 0;
	padding: 5px 7px;
	font-size: 12px;
}
.top-menu .shape-circle .container {
	width: 80%;
	position: absolute;
	right: 0;
	display: none;
}
.top-menu.visible .shape-circle .container {
	display: block;
}
.nav-gap {
	padding-top: 5px;
	float: right;
	text-align: right;
	margin: 0;
}
.nav-gap h2 {
	font-size: 22px;
	padding-bottom: 0;
	margin: 5px 0;
}
#mainmenu #close {
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 999;
}
.nav-gap li a {
	font-size: 16px;
	padding: 3px 0;
	display: inline-block;
}
.nav-gap li {
	margin: 0;
	padding: 0;
}
.business-nav {
	text-align: center;
	margin-top: 10px;
}
.nav-gap ul {
	display:none;
}
.nav-gap .col-lg-3:first-child ul {
	display:block;
}
.nav-gap li a:hover {
	color: #672146;
}

/* Header Accordion Arrows Styling */
.accordian-head a:after {
    content:'\f107';
    font-family: 'Font Awesome\ 5 Free'; 
    font-weight: 600;
    margin-left: 5px;
    font-size: 20px;
    color: #fff;
    
}
.accordian-head.active a:after {
    content:'\f106';
    
}

}

@media (min-width: 481px) and (max-width: 767px) {
.container{width:100%;}
.logo img {width:55%;}
}

@media (max-width: 500px) {
.profile { width: 100%; }
.pages .branch { width: 100%; }
.pages .atm-form .zip { width: 100%; margin-bottom: 10px; }
.pages .atm-form .radius { width: 100%;}
.pages .atm-form button { width: 100%; }
.main-banner-contant h1 {font-size: 20px;}
.main-banner-contant h2 {font-size: 16px; }
.checking-tab .nav-tabs > li:first-child{border-radius: 8px; width: 100%;}
.checking-tab .nav-tabs > li:last-child{display: none;}
.pages .main-banner-contant p { display: none; }
}
@media (max-width: 359px) {
.nav-gap h2 {
	font-size: 18px;
	margin: 0;
}
.nav-gap li a {
	font-size: 14px;
	padding: 0;
	display: inline-block;
}
}