body {
	font-weight: 400 !important;
}

/*body *{
    outline: none !important;
}
*/
.fw-600 {
	font-weight: 600 !important;
}

.logo {
	position: relative;
	top: -20px;
	float: left !important;
}

.clr-fff {
	color: #fff !important;
}

svg.fa-check {
	padding-right: 10px;
}

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

.home #topbar, .home .header-bg, .home .header-bg .navbar {
	background: #fff !important;
}

#topbar, .header-bg, .header-bg .navbar, #footer {
	background: #f5f6f7 !important;
}

.header-bg .navbar {
	box-shadow: none !important;
}

.sticky-top {
	z-index: 999 !important;
}

.centerlink {
	font-size: 16px;
	font-family: "Myriad Pro";
	font-weight: bold;
	color: #0071ce;
	text-decoration: none;
	text-align: center;
}

#hero h1 {
	font-family: "Myriad Pro" !important;
	font-weight: 300 !important;
	color: #0071cf !important;
}

.header-bg {
	padding: 0px 0px !important;
}

.card .card-text {
	min-height: 75px;
}

.section-quicklinks {
	padding: 40px 0px !important;
}

.section-openaccount .numberCircle {
	width: 40px !important;
	height: 40px !important;
	line-height: 37px !important;
	border: 1px solid rgba(238, 238, 238, 50%) !important;
	position: relative;
	top: -7px;
}

#hero h2 a {
	letter-spacing: 1px;
	font-weight: 600;
}

.section-location {
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-color: #f7f7f7 !important;
}

.section-title h2 {
	letter-spacing: 1.25px !important;
	font-weight: bold !important;
	font-weight: 600 !important;
	font-family: "Myriad Pro";
	font-size: 15px !important;
}

.section-account-title h3 {
	letter-spacing: 1.25px !important;
	font-weight: bold !important;
	font-weight: 600 !important;
	font-family: "Myriad Pro";
	font-size: 15px !important;
}

.services-block-three p {
	font-size: 18px !important;
}

.section-openaccount {
	height: auto !important;
}

.section-openaccount .openaccount-box {
	opacity: 1 !important;
}

.section-openaccount .openaccount-box .section-title-account h2 {
	font-family: "Myriad Pro" !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
}

.section-openaccount .section-title-account .arrow img {
	left: 180px !important;
}

.section-quicklinks .arrow img {
	top: 18px !important;
	right: 55px !important;
}

.pt-lg-0, .py-lg-0 {
	padding-top: 0px !important;
}

.section-title {
	padding-bottom: 45px !important;
	padding-top: 45px !important;
}

#footer .copyright {
	color: #9d9d9d !important;
}

.footer-bottom a {
	color: #484747 !important;
}

.footer-bottom .fa-house {
	position: relative;
	top: 2px;
	left: 3px;
}

.clr-light-grey {
	color: #9d9d9d !important;
}

.mobile-hr {
	margin-bottom: 0rem !important;
	border: 1px solid #ededed;
}

.section-title h2::after {
	width: 15px !important;
	height: 2px !important;
	background: #7fb7e6 !important;
	bottom: 7px !important;
}

.section-title h2 {
	font-weight: 600 !important;
}

.section-account-title h3::after {
	width: 15px !important;
	height: 2px !important;
	background: #7fb7e6 !important;
	bottom: 7px !important;
	left: calc(50% - 10px) !important;
}

.link-box h5 {
	font-size: 16px;
	font-weight: 500 !important;
	font-weight: 400 !important;
	margin-bottom: 0px !important;
	color: #0e284b !important;
	font-family: "Myriad Pro";
}

.link-box h5 a {
	color: #0e284b !important;
}

.section-accounts .icon-img {
	margin-right: 30px !important;
}

.section-openaccount .content .openaccount-btn {
	text-transform: inherit !important;
	font-size: 15px !important;
}

.section-accounts .link-box {
	height: 100px !important;
	justify-content: left !important;
}

.section-about, .section-business {
	padding: 100px 0 !important;
}

#hero h2, .section-title h3 {
	text-decoration: none !important;
}

.section-openaccount {
	padding: 75px 0px;
}

.arrow.desktop {
	display: block !important;
}

.arrow.mobile {
	display: none !important;
}

.card h3 {
	text-decoration: none !important;
}

hr {
	margin-bottom: 1.25rem !important;
}

.section-quicklinks .link-box {
	justify-content: left !important;
}

.section-quicklinks .icon-img, .section-accounts .icon-img {
	margin-left: 10px !important;
	margin-right: 20px !important;
}

.section-quicklinks.psa-quick .icon-img {
	margin-left: 20px !important;
	margin-right: 10px !important;
	min-width: 40px;
}

.section-quicklinks.psa-quick .link-box {
	padding: 0px !important;
}

.head-secure, .section-title h1, .section-title p {
	color: #303740 !important;
}

.section-title h1 {
	font-size: 44px !important;
}

h2.head-secure {
	font-size: 38px !important;
	font-family: "Myriad Pro" !important;
	font-weight: 300 !important;
	text-transform: capitalize !important;
	color: #303740 !important;
	line-height: 1.2;
	margin-bottom: .5rem;
	padding-bottom: 0;
}

h2.head-secure::after, h3.head-secure::after {
	display: none !important;
}

h3.head-secure {
	font-family: "Myriad Pro" !important;
	font-weight: 300 !important;
	font-size: 30px !important;
	text-transform: capitalize !important;
	color: #303740 !important;
	line-height: 1.2;
	margin-bottom: 0rem;
	padding-bottom: 0;
}

.btn_border-blue a {
	color: #0071ce !important;
}

.services-block-three .list-unstyled {
	font-family: "Myriad Pro" !important;
	font-weight: 400 !important;
}

#hero:before {
	background: transparent !important;
}

.section-location .btn-location {
	background: #fff !important;
}

.section-location .btn-location {
	padding: 15px 15px !important;
	min-width: 325px !important;
	border: 1px solid #ccc !important;
	color: #999 !important;
}

.btn-location-box .fa-arrow-right {
	position: relative;
	left: -50px;
	font-size: 16px;
}

.card {
	width: auto !important;
}

.megamenu-li .dropdown-toggle::after {
	width: auto !important;
	height: auto !important;
	margin-left: .5em !important;
	vertical-align: 0em !important;
	content: "" !important;
	border-top: 0 solid !important;
	border-right: 0 solid transparent !important;
	border-bottom: 0 !important;
	border-left: 0 solid transparent !important;
	font-family: "FontAwesome" !important;
	position: relative;
	left: -24px;
	top: 2px;
	line-height: 25px;
}

#topbar .contact-info i {
	margin-left: 5px !important;
}

.find-location {
	padding: 0px 0px !important;
	cursor: pointer !important;
}

.btn-login {
	width: 90px !important;
	height: 45px !important;
	line-height: 2 !important;
	margin-top: 0px !important;
	background-color: #0071cf !important;
	border-color: #0071cf !important;
	font-family: "Myriad Pro" !important;
	font-weight: 700 !important;
}

#topbar .contact-info {
	margin-bottom: 10px !important;
}

.dropdown-item {
	padding: .1rem 1.3rem !important;
}

.megamenu h6 {
	margin-bottom: 10px !important;
}

.megamenu-li .megamenu {
	padding: 40px 15px 15px 15px !important;
	min-height: 381px !important;
	max-width: 100% !important;
	margin: 0px auto !important;
}

.megamenu-li .sm-menu {
	top: 100% !important;
	box-shadow: rgba(173, 173, 173, 15%) 1px 9px 6px -1px !important;
}

.megamenu-li .dropdown-toggle span {
	padding-bottom: 22px;
	padding-left: 12px;
	padding-right: 22px;
	position: relative;
	line-height: 25px;
}

.nav-item.link-hover:hover span {
	padding-bottom: 22px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

.megamenu-li .dropdown-toggle:hover span, .nav-item.link-hover:hover span {
	border-bottom: 2px solid #0071ce;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {
	border-bottom: 0px solid #0071ce !important;
}

/*.navbar-light .navbar-nav .nav-link {
    padding-left: 10px !important;
    padding-right: 20px !important; 
}*/
.navbar-light .navbar-nav .nav-link {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.navbar-light .dropdown-toggle.nav-link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.dropdown-item.active, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-item.active, .dropdown-item:focus {
	color: #0071ce !important;
}

.header-bg .container {
	display: block !important;
}

#mobile_nav {
	float: right !important;
}

.header-bg .navbar-toggler {
	float: right !important;
}

.header-bg .login-box {
	float: right !important;
	margin-top: 10px;
}

#footer .footer-top h4 {
	padding-left: 0px !important;
}

#footer .footer-top .footer-links ul {
	min-height: 100px !important;
}

#footer .footer-top .footer-contact, #footer .footer-top .footer-links {
	margin-bottom: 0px !important;
}

#footer .footer-top {
	padding: 75px 0 55px 0 !important;
}

#footer .social-links a {
	text-align: left !important;
}

.desktop-hide, .ipad-show {
	display: none;
}

.footer-contact img {
	width: 175px;
}

.footer-links .routing {
	color: #484747;
	transition: .3s;
	display: inline-block;
	line-height: 1;
	font-size: 16px;
}

.section-personalbanking {
	position: relative;
	background-image: linear-gradient(180deg, #f5f5f5, white);
}

#mobile_nav li.nav-item.active span {
	padding-bottom: 18px !important;
	border-bottom: 2px solid #0071ce;
}

#mobile_nav li.nav-item.active a {
	color: #0071ce !important;
}

#mobile_nav .dropdown-item.active, #mobile_nav .dropdown-item:active, #mobile_nav .dropdown-item:focus {
	color: #0071ce !important;
	background-color: transparent !important;
}

#footer .footer-top .footer-links h5 {
	font-weight: 500 !important;
	color: #303740 !important;
	font-size: 16px !important;
}

/*#footer .footer-top .footer-links ul a{
    color: #303740 !important;
}*/
.routing-base {
	padding-top: 25px !important;
}

#footer .footer-top {
	background: #fff !important;
}

body.modal-open {
	padding-right: 0px !important;
}

.search-form input, .search-form input:hover {
	border-bottom: 1px solid #ced4da !important;
}

#search:focus {
	border-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

button.search-submit {
	border: none !important;
	background: none !important;
	cursor: pointer;
}

.search-result {
	max-width: 700px !important;
	margin: 0px auto !important;
}

.search-result .box-border {
	border-bottom: 2px solid #e3e3e3;
	margin: 0px !important;
}

.search-result .box-search {
	font-size: 20px !important;
	color: #999;
	margin: 25px 10px 0px 15px !important;
	float: left;
}

.search-result #search {
	color: #0e284b !important;
	float: left;
	width: 87%;
	font-size: 36px;
	padding: .375rem .75rem;
	border-bottom: none !important;
	opacity: 1;
}

.search-result #search {
	border: none !important;
	background: transparent !important;
}

.search-result #search::placeholder {
	color: #303740 !important;
	opacity: .5;
}

.search-result .box-border .col-md-12.col-lg-12 {
	padding: 0px !important;
	margin: 0px -5px !important;
}

.search-result-listing {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	margin-bottom: 25px;
	padding: 40px;
	word-break: break-word;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 1%);
}

.search-result-listing:hover {
	border: 1px solid #0071ce;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 4%);
}

.search-result-listing .parent {
	font-size: 17px;
	color: #303740 !important;
	padding-bottom: 5px;
}

.search-result-listing .title {
	font-size: 24px;
	font-family: "Myriad Pro";
	font-weight: 600 !important;
	color: #0071ce !important;
}

.search-result-listing .description {
	padding-bottom: 10px;
	font-size: 16px;
	color: #303740 !important;
}

.search-result-listing .description p {
	margin-bottom: 0px !important;
}

#hero-search {
	background: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/search-banner.png") top center no-repeat !important;
}

#hero-search.nitro-lazy {
	background: none !important;
}

.alm-btn-wrap {
	width: 100%;
	text-align: center;
}

.alm-load-more-btn:focus {
	outline: none !important;
}

.alm-load-more-btn {
	background: transparent;
	border: none;
	color: #0071ce;
	border-bottom: 1px solid #0071ce;
	padding: 0px 2px 3px 2px;
	font-size: 16px !important;
	font-family: "Myriad Pro";
	font-weight: 600 !important;
	margin-top: 20px !important;
	cursor: pointer !important;
}

.alm-load-more-btn[disabled] {
	color: #e3e3e3 !important;
	border-bottom: 1px solid #e3e3e3;
}

.alm-load-more-btn::after {
	content: "";
	font-family: FontAwesome;
	padding-left: 10px;
}

/* login css*/
.dropdown-menu.login-form {
	width: 330px;
	top: 70px;
	left: auto;
	right: 0px;
	font-size: 14px;
	border-radius: 4px;
	position: absolute;
	border: none;
	padding-bottom: 0px !important;
}

.dropdown-menu.login-form .row.text-center {
	padding: 10px 0px 0px 0px;
}

.btn-personal {
	width: 108px;
	display: inline-block;
	font-size: 15px;
	font-family: "Myriad Pro";
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #fff;
	background-color: #0071ce;
	border-color: #0071ce;
	border-radius: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-f5f.box-grey-btm {
	padding: 14px 20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-weight: 700;
}

.buisness-grey {
	padding: 14px 0px !important;
}

.buisness-grey .BOLoginLostTokenLink {
	margin-right: 6px !important;
}

.ROLoginEnrollLink.text-left {
	margin-right: 57px !important;
}

.clr-grey {
	color: rgba(48, 55, 64, .8) !important;
}

.btn-personal:hover {
	color: #f5f5f5;
}

.section-compare {
	width: 100%;
	background: url("https://ccf.us/wp-content/themes/ccfbank/images/search-banner.png") top center no-repeat;
	background-size: cover;
	position: relative;
}

.section-compare.nitro-lazy {
	background: none !important;
}

.table-account {
	width: 100%;
	position: relative;
	border-top: 5px solid #0071ce;
}

.table-account .account-heading h4 {
	text-align: center;
	font-size: 22px;
	font-family: "Myriad Pro";
	font-weight: bold;
	color: #303740;
	padding-top: 15px;
}

.table-account .account-heading h6 {
	text-align: center;
	font-size: 15px;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	color: #303740;
	padding-top: 15px;
	line-height: 20px;
}

.table-account h3 {
	font-family: "Myriad Pro";
	font-weight: bold;
	font-size: 16px;
	color: #0071ce;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.table-account .btn_border-blue > span {
	padding-bottom: 5px;
	border-bottom: 1px solid #0071ce;
}

.table-account .table-bordered td, .table-account .table-bordered th {
	border: 1px solid #dee2e6;
	padding: 10px;
	height: 53px;
}

.table-account .table-bordered td, .table-account .table-bordered th {
	border-left: 1px solid #dee2e6;
	border-right: 0px solid #dee2e6;
}

.table-account:last-child .table-bordered td, .table-account:last-child .table-bordered th {
	border-right: 1px solid #dee2e6;
}

.table-account .tbl-border {
	height: 53px;
	background-color: #f5f6f7;
	padding: 0;
	border: 1px solid #dee2e6;
}

.table-account .tbl-border h3 {
	font-family: "Myriad Pro";
	font-weight: 600 !important;
	font-size: 16px;
	color: #303740;
	text-align: left;
	padding-top: 15px;
}

.table-account .account-features h6 {
	text-align: left;
	font-size: 16px;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	color: #303740;
	padding-top: 8px;
	line-height: 20px;
}

.account-simple {
	color: #303740;
	background: #f5f6f7;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	width: 159px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	border: 1px solid #0071ce;
}

.account-traditional {
	color: #303740;
	background: #f5f6f7;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	width: 185px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	border: 1px solid #0071ce;
}

.account-elite {
	color: #303740;
	background: #f5f6f7;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 15px 9px;
	width: 79px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	border: 1px solid #0071ce;
}

.account-community {
	color: #303740;
	background: #f5f6f7;
	font-family: "Myriad Pro";
	font-weight: 400 !important;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 15px 9px;
	width: 129px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	border: 1px solid #0071ce;
}

.text_select {
	float: center !important;
}

/*** Branch / Location Finder ***/

/*#store_locator_filter,
#store_locator_filter_active_filter_box,
.store_locator_opening_hours,
.store_locator_opening_hours2{
    display: none !important;
}*/
#store_locator_result_list {
	max-height: 650px !important;
}

#store_locator_sidebar {}

#store_locator_loading svg {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
}

/* width */
#store_locator_result_list::-webkit-scrollbar, .findlocation-detail .column-35::-webkit-scrollbar {
	width: 5px;
	border-radius: 3px;
}

/* Track */
#store_locator_result_list::-webkit-scrollbar-track, .findlocation-detail .column-35::-webkit-scrollbar-track {
	background: #f5f6f7;
}

/* Handle */
#store_locator_result_list::-webkit-scrollbar-thumb, .findlocation-detail .column-35::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
#store_locator_result_list::-webkit-scrollbar-thumb:hover, .findlocation-detail .column-35::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.store_locator_no_stores {
	color: #fff !important;
	font-size: 18px !important;
	text-align: center !important;
	padding: 38.5px !important;
	background: #0071ce !important;
	margin-bottom: 0px !important;
}

#store_locator_search_box .store-locator-row::nth-child(1) {
	display: none !important;
}

#store_locator_get_all_stores i {
	font-style: inherit !important;
	float: right !important;
	display: none !important;
}

#store_locator_dragged_button {
	display: none !important;
}

h3.store_locator_name {
	font-weight: bold;
}

.store_locator_name.show_arrow svg.svg-inline--fa.fa-chevron-right {
	display: inline-block !important;
}

.sec-findlocation a.btn.button.btn-primary.btn-lg.store_locator_get_direction {
	font-size: 16px !important;
	background: transparent;
	color: #0056b3;
	border: none !important;
}

.sec-findlocation a.btn.button.btn-primary.btn-lg.store_locator_get_direction svg {
	display: none !important;
}

.store_locator_name.show_arrow {
	font-size: 16px !important;
	border-bottom: 1px solid #0056b3;
	display: inline-block;
	padding-bottom: 5px;
	line-height: 25px;
}

.store_locator_name.show_arrow svg {
	padding-left: 8px;
}

.store_locator_infowindow .store_locator_distance, .store_locator_infowindow .store_locator_contact, .store_locator_infowindow .store_locator_custom_fields, .store_locator_infowindow .store_locator_address::before, .store_locator_infowindow .store_locator_actions {
	display: none !important;
}

.sec-findlocation .store_locator_infowindow .store_locator_details .store_locator_address {
	margin-top: 10px !important;
}

.sec-findlocation .store_locator_infowindow .store_locator_details .store_locator_city {
	white-space: normal !important;
}

.sec-findlocation #store_locator_search_box {
	background: #f5f6f7 !important;
}

.store_locator_result_list_item:hover, .store_locator_result_list_item_hover {
	background: #f5f6f7 !important;
	cursor: pointer !important;
}

.sec-findlocation .store_locator_address_field {
	padding-left: 30px !important;
	background-image: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/location.png") !important;
	background-position: 10px 16px !important;
	background-repeat: no-repeat !important;
}

.sec-findlocation .store_locator_address_field.nitro-lazy {
	background-image: none !important;
}

.sec-findlocation {
	background: #fff !important;
}

.sec-findlocation .store_locator_address_field {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.store_locator_loading {
	display: none !important;
}

.sec-findlocation #store_locator_address_field {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	border-style: solid !important;
}

.branch-finder {
	margin-top: 30px !important;
	margin-bottom: 5px !important;
}

.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox {
	padding: 10px 0px !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 0 #ccc inset;
	border: 1px solid #ccc !important;
	color: #484c51 !important;
	height: 50px !important;
}

.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox::placeholder {
	color: #666 !important;
}

.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox .proinput {
	margin: 0 0 0 0px;
}

.btnloaction-ajax.branch-finder div.asl_w .probox .promagnifier {
	margin-right: 2px;
}

/*** Inner Page Template ***/
.contact-form input, .contact-form textarea, .contact-form select {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-style: solid;
}

.key-feature {
	background: #0878d4 !important;
}

.key-feature .features-box {
	border-right: 1px solid #fff;
}

.key-feature .features-box:last-child {
	border-right: 1px solid transparent !important;
}

.section-processing.inner .section-bullet ul li, .section-processing.inner .section-bullet ul li a {
	font-size: 18px;
}

.section-processing.inner .section-bullet p, .section-processing.inner .section-bullet div, .section-processing.inner .section-bullet span {
	font-size: 16px;
	color: #303740;
	font-family: "Myriad Pro" !important;
	font-weight: 400 !important;
	line-height: 25px;
}

.money-iq p {
	display: none !important;
}

.rm-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/*.section-processing.inner:nth-child(2n+1) {
    background: #ffffff !important;
}

.section-processing.inner:nth-child(2n+0) {
    background: #f5f6f7 !important;
}
*/
.section-processing.inner.grey, .section-achpay.grey {
	background: #f5f6f7 !important;
}

.section-processing.inner.white, .section-achpay.white {
	background: #fff !important;
}

.section-processing.inner .section-bullet ul li br {
	display: none;
}

/*.section-processing.inner .section-bullet ul li{
    flex-wrap: wrap;
    position: relative;
    display: list-item;
}*/
.section-processing.inner .section-bullet ul li ul {
	padding-left: 45px;
	padding-top: 15px;
}

.section-processing.inner .section-bullet hr {
	margin: 1.5rem 0px !important;
}

.section-processing.inner .section-bullet h2, .section-processing.inner .section-bullet h3 {
	color: #303740 !important;
	font-size: 24px;
	padding-bottom: 5px;
	font-weight: bold;
	width: 100% !important;
	display: block;
	float: none;
	clear: both;
}

.section-processing.inner .section-bullet h4 {
	color: #303740 !important;
	font-weight: 600 !important;
	font-size: 18px;
	padding-top: 10px;
}

.section-request p {
	margin-bottom: 0px !important;
}

.section-request .disclimer p {
	margin-bottom: 15px !important;
}

.section-request .disclimer p:last-child {
	margin-bottom: 0px !important;
}

.section-request.grey {
	background: #f5f6f7 !important;
	clear: both;
}

.section-request.white {
	background: #fff !important;
	clear: both;
}

.request-info {
	color: #fff;
	background-color: #0071ce;
	font-family: "Myriad Pro";
	font-weight: 700;
	font-size: 15px;
	display: inline-flex;
	display: table;
	align-items: center;
	padding: 0px 37px;
	line-height: 45px;
	height: 45px;
	transition: all .3s ease 0s;
	margin: 0px auto;
}

.request-info:hover {
	color: #fff;
	background-color: #0071ce;
}

.section-bullet .request-info, .section-bullet .request-info:hover {
	margin: 0px !important;
}

.section-bullet .bc-video br, .section-bullet .bc-vid br {
	display: none !important;
}

.section-bullet .bc-video, .section-bullet .bc-vid {
	margin-bottom: 25px;
}

.section-bullet .bc-vid {
	width: 32%;
	float: left;
	margin-right: 1.33%;
}

.section-bullet .bc-vid img, .section-bullet img {
	max-width: 100%;
	height: auto;
}

.section-bullet .bc-vid p {
	display: none !important;
}

.section-request .quick-links a, .section-request .quick-links a:hover {
	color: #303740 !important;
	padding: 0px 15px;
	min-width: 75px;
	border-right: 1px solid #303740 !important;
}

.section-request .quick-links a:last-child {
	border-right: 1px solid transparent !important;
}

.prefooter .bg-blue a {
	font-size: 30px;
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 50px;
	float: right;
}

.prefooter .bg-grey a {
	font-size: 30px;
	color: #303740 !important;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 35px;
	float: left;
}

.accordion-list.sec-table li:last-child {
	margin-bottom: 0px !important;
}

.sec-table .table-bordered {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .125) !important;
	border-radius: 5px;
	border-left: 5px solid #f29500 !important;
	margin-bottom: 15px !important;
	position: relative;
}

.online-mobile-banking .ban-bt-rg-pd {
	position: relative;
	right: -10px;
}

.ban-top-img {
	margin-bottom: 15px;
}

.section-personalbanking .section-account-title .arrow img {
	top: 25% !important;
}

.personalbanking .services-block-three .list-unstyled {
	font-family: "Myriad Pro" !important;
	font-weight: 600 !important;
}

.sp-both-rg {
	width: 88%;
}

.sp-both-rg-2 {
	width: 87%;
}

.client-logos {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.oc-title.why-ccf:after {
	left: 47% !important;
}

.why-employee .sec-right-image {
	position: relative;
	left: 30px;
}

.why-communities .sec-left-content {
	position: relative;
	left: 22px;
}

.career-title {
	font-size: 40px;
}

.psa-box .card-deck .card {
	clip-path: polygon(0% 0%, 100% 0%, 100% 20%, 100% 90%, 82% 100%, 0% 100%, 0% 80%, 0% 20%);
}

.psa-box .card-deck .most-pop .card {
	clip-path: polygon(0% 0%, 100% 0%, 100% 20%, 100% 91%, 81% 100%, 0% 100%, 0% 80%, 0% 20%);
}

.un-padd-lr {
	padding-left: 22px;
}

.main-body {
	filter: drop-shadow(0px 6px 10px #eee);
}

.most-pop .main-body {
	filter: drop-shadow(0px 6px 10px #ccc);
}

.features .section-heading p {
	padding-top: 15px !important;
}

.features h2.hd-line:after {
	bottom: -20px;
}

.section-processing.career-benifits {
	padding-left: 35px;
	padding-right: 35px;
}

/*** Compare Account ***/
.section-compare {
	width: 100%;
	background: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/search-banner.png") top center no-repeat;
	background-size: cover;
	position: relative;
}

.section-compare.nitro-lazy {
	background: none !important;
}

.table-account {
	width: 100%;
	position: relative;
	border-top: 5px solid #0071ce;
	border-radius: 5px;
	border-left: 0px solid #dee2e6;
	border-right: 0px solid #dee2e6;
	border-bottom: 0px solid #dee2e6;
}

.table-account .account-heading h4 {
	text-align: center;
	font-size: 22px;
	font-family: "Myriad Pro";
	color: #303740;
	padding-top: 15px;
	font-weight: bold;
}

.table-account .account-heading h6 {
	text-align: center;
	font-size: 15px;
	font-family: "Myriad Pro";
	color: #303740;
	padding-top: 15px;
	line-height: 20px;
}

.table-account h3 {
	font-family: "Myriad Pro";
	font-weight: bold;
	font-size: 16px;
	color: #0071ce;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

.table-account .btn_border-blue>span {
	padding-bottom: 5px;
	border-bottom: 1px solid #0071ce;
}

.table-account .table-bordered td, .table-bordered th {
	border: 1px solid #cecece;
	padding-left: 16px;
	height: 53px;
	font-family: "Myriad Pro";
	font-size: 16px;
	color: #303740;
	background-color: #fff;
}

.table-account .tbl-border {
	height: 53px;
	background-color: #f5f6f7;
	padding: 0;
}

.table-account .tbl-border-white {
	height: 53px;
	background-color: #fff;
}

.table-account .tbl-border h3 {
	font-family: "Myriad Pro";
	font-weight: 600;
	font-size: 16px;
	color: #303740;
	text-align: left;
	padding-top: 15px;
}

.table-account .feature-list {
	padding-left: 20px;
	color: #f29500;
}

.table-account .account-features h6 {
	text-align: left;
	font-size: 16px;
	font-family: "Myriad Pro";
	color: #303740;
	padding-top: 8px;
	line-height: 20px;
}

.table-account h6 {
	text-align: left;
	font-size: 16px;
	font-family: "Myriad Pro";
	color: #303740;
	padding-top: 5px;
	font-weight: 400;
}

.account-simple {
	color: #303740;
	background-repeat: no-repeat;
	font-family: "Myriad Pro";
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	width: 159px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
}

.account-traditional {
	color: #303740;
	background-repeat: no-repeat;
	font-family: "Myriad Pro";
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	width: 185px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
}

.account-elite {
	color: #303740;
	background-repeat: no-repeat;
	font-family: "Myriad Pro";
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 15px 9px;
	width: 79px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
}

.account-community {
	color: #303740;
	background-repeat: no-repeat;
	font-family: "Myriad Pro";
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	width: 129px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	margin-left: 65px;
}

/*.compare-accounts {
    border-top: 1px solid #0071ce;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}*/
.compare-accounts .col-sm-3 {
	padding: 0px 3px !important;
}

.compare-accounts {
	max-width: 860px !important;
	margin: 0px auto !important;
	position: relative;
}

.compare-accounts .container {
	max-width: 100% !important;
	overflow-x: auto !important;
	scroll-behavior: smooth;
	border-right: 2px solid #dee2e6;
	padding: 15px 15px 0px 15px;
}

.compare-accounts .container .row {
	width: 128% !important;
}

.compare-accounts .container::-webkit-scrollbar {
	width: 0em;
	opacity: 0 !important;
	cursor: pointer !important;
	display: none !important;
}

.compare-accounts .container::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px rgba(255, 255, 255, 0);
}

.compare-accounts .container::-webkit-scrollbar-thumb {
	background-color: #fff;
	outline: 1px solid #fff;
}

.compare-accounts .features ul {
	min-height: 125px !important;
}

.compare-accounts .monthly-charge h6 {
	min-height: 75px !important;
}

#slideLeft, #slideRight {
	background: transparent;
	border: 1px solid #dee2e6 !important;
	color: #dee2e6 !important;
	border-radius: 5px;
	padding: 7.5px 15px;
	font-size: 16px !important;
	cursor: pointer !important;
	position: absolute;
	top: 100px;
}

#slideLeft:hover, #slideRight:hover {
	border: 1px solid #0071ce !important;
	color: #0071ce !important;
}

#slideRight {
	right: -55px;
}

#slideLeft {
	left: -55px;
}

.compare-title h2 {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	color: #828384;
}

.mobile-btn {
	justify-content: center !important;
}

.page-template-page-business-services .bs-service .buisness-card {
	clip-path: polygon(0% 0%, 100% 0%, 100% 20%, 100% 79%, 84% 100%, 0% 100%, 0% 80%, 0% 20%);
}

.account-check {
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 9px;
	height: 37px;
	transition: all .3s ease 0s;
	border-radius: 8px;
	background: #f5f6f7;
	border: 1px solid #0071ce;
}

/* bullet points css*/

/*.section-bullet .list-display li {
    margin-bottom:.6rem;
    font-size: 18px;
    font-family: 'Myriad Pro' !important;
    font-weight: 400 !important;
}

.section-bullet .list-checkmarks {
    padding-left:1.5rem;
}

.section-bullet .list-checkmarks li {
    list-style-type:none;
    padding-left:1rem;
}

.section-bullet .list-checkmarks li:before {    
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    margin:0 28px 0 -44px;
    color: #f29500;
}*/
.section-bullet .list-display li {
	margin-bottom: .6rem;
	font-size: 18px;
	font-family: "Myriad Pro" !important;
	font-weight: 400 !important;
}

.section-bullet .list-checkmarks {
	padding-left: 1.5rem;
}

.section-bullet .list-checkmarks li {
	list-style-type: none;
	padding-left: 1rem;
}

.section-bullet .list-checkmarks li:before {
	font-family: "FontAwesome";
	content: "";
	margin: 0 24px 0 -42px;
	color: #f29500;
}

.section-bullet .fa-check {
	display: none !important;
}

.mobile-btn div {
	float: left;
	margin: 0px 7.5px;
}

.page-id-95 .mobile-btn div {
	margin: 0px 5px;
}

.mobile-btn {
	justify-content: center !important;
	margin: 0px auto;
	display: table;
}

.compare-accounts .features ul {
	min-height: auto !important;
}

.compare-accounts .monthly-charge h6 {
	min-height: auto !important;
}

#hero-compare {
	background: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/compare-banner.png") top center no-repeat !important;
	height: 273px !important;
}

#hero-compare.nitro-lazy {
	background: none !important;
}

.section-video.show-more-height {
	padding: 0px 0px 50px 0px !important;
}

.search-404 {
	margin: 50px auto 0px auto;
	display: table;
	width: 100% !important;
	float: left;
}

.search-404 #home-search .modal-dialog {
	padding: 0px 0px 0px 0px !important;
}

.search-404 .modal-header .close {
	display: none !important;
}

.sec-findlocation .store_locator_details .store_locator_address:before {
	position: relative;
	top: 1px;
	float: left;
}

.store_locator_direction-mobile {
	clear: both;
	padding-top: 13px;
}

span.store_locator_address_full {
	display: inherit;
	float: left;
	font-size: 18px;
}

.sec-findlocation .store_locator_details * {
	white-space: normal !important;
}

.section-accordion-faq .card, .card-header.collapsed .card, #accordion .card, #accordion2 .card, #accordion3 .card, #accordion4 .card, #accordion5 .card, #accordion6 .card, #accordion7 .card, #accordion8 .card, #accordion9 .card, #accordion10 .card, #accordion11.card {
	width: 100%;
}

.card-header.collapsed:hover .card-title.accordion-head, .card-header.collapsed.pomb-accmob:hover .card-title.accordion-head {
	color: #0071cf !important;
	cursor: pointer;
}

.card-header.collapsed, .card-header.collapsed.pomb-accmob {
	cursor: pointer;
}

.sec-table .table-bordered, .rates-table .table-bordered {
	border-radius: 3px !important;
}

.banking {
	padding: 30px;
}

.banking a {
	text-decoration: none;
	font-weight: 600;
}

.images {
	padding: 0px 0px;
}

.images img {
	overflow: hidden;
	display: inline-block;
	width: auto;
}

.images-box {
	text-align: center;
	position: relative;
}

.images-box i {
	padding: 3px 2px 0px 2px;
	font-size: 15px;
	border: 1px solid #c1c1c1;
	border-radius: 100%;
	margin: 6px;
}

.images-box svg {
	padding: 3px;
	font-size: 10px;
	border: 1px solid #c1c1c1;
	border-radius: 100%;
	position: relative;
	top: 2px;
	left: 5px;
}

.home .section-business .home-right .images-box .images-box1 svg {
	left: -5px !important;
}

.home .section-business .home-right .images-box .images-box2 svg {
	left: -11px !important;
}

.home .section-business .home-right .images-box .images-box3 svg {
	left: -11px !important;
}

.banking.right .images-box svg, .banking.home-right .images-box svg {
	left: -11px !important;
}

.images-box a {
	color: #0071ce;
	font-weight: 400;
	position: relative;
	top: 2px;
	pointer-events: none;
}

.images-box a:hover {
	color: none;
}

.images-box1 {
	font-size: 15px;
	border: .8px solid lightgray;
	box-sizing: border-box;
	box-shadow: 3px 8px 12px rgba(0, 0, 0, 8%);
	width: 161px;
	color: #006ee0;
	margin: 8px;
	padding: 8px;
	border-radius: 6px;
	background-color: white;
	opacity: .94;
	position: absolute;
	bottom: 132px;
	left: 185px;
}

.images-box2 {
	font-size: 15px;
	border: .8px solid lightgray;
	box-shadow: 3px 8px 12px rgba(0, 0, 0, 8%);
	width: 154px;
	color: #006ee0;
	margin: 8px;
	padding: 8px;
	border-radius: 6px;
	background-color: white;
	opacity: .94;
	position: absolute;
	bottom: 78px;
	left: 193px;
}

.images-box3 {
	font-size: 15px;
	border: .8px solid lightgray;
	box-shadow: 3px 8px 12px rgba(0, 0, 0, 8%);
	width: 138px;
	color: #006ee0;
	margin: 8px;
	padding: 8px;
	border-radius: 6px;
	background-color: white;
	opacity: .94;
	position: absolute;
	bottom: 25px;
	left: 209px;
}

.banking.right .images-box1 {
	width: 90px !important;
	bottom: 112px !important;
	left: 8px !important;
	font-size: 16px !important;
}

.banking.right .images-box2 {
	width: 135px;
	bottom: 61px;
	left: 8px;
	font-size: 16px !important;
}

.banking.right .images-box3 {
	bottom: 10px;
	left: 8px;
	width: 85px;
	font-size: 16px !important;
}

.banking.home-right .images-box1 {
	width: 215px !important;
	bottom: 115px !important;
	left: 8px !important;
	font-size: 16px !important;
}

.banking.home-right .images-box2 {
	width: 162px;
	bottom: 64px;
	left: 8px;
	font-size: 16px !important;
}

/*.page-id-6370 .banking.home-right .images-box2 {
    width: 215px;
    bottom: 64px;
    left: 8px;
    font-size: 16px !important;
    text-align: left;
    position: absolute;
    padding-left: 16px !important;
}

.page-id-6370  .images-box1 {
    width: 210px;
    left: 135px;
}

.page-id-6370  .images-box2 {
    width: 207px;
    left: 137px;
}

.page-id-6370  .images-box3 {
    width: 155px;
    left: 189px;
}*/
.banking.home-right .images-box2 {
	width: 215px;
	bottom: 64px;
	left: 8px;
	font-size: 16px !important;
}

.banking.home-right .images-box3 {
	bottom: 12px;
	left: 8px;
	width: 220px;
	font-size: 16px !important;
}

.home .banking.home-right .images-box3 {
	bottom: 8px !important;
	left: 8px;
	width: 265px;
	font-size: 16px !important;
}

/*** New Code ***/

/*.banking.home-right .images-box {
    text-align: center;
    position: relative;
    left: -3%;
    max-width: 310px;
}

.banking.home-right .images-box1, .banking.home-right .images-box2, .banking.home-right .images-box3 {
    width: auto !important;
    bottom: xx !important;
    left: 8px !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    text-align: left;
}

.banking.home-right .images-box1 a,
.banking.home-right .images-box2 a,
.banking.home-right .images-box3 a {
    display: inline-block;
    padding: 0px 10px;
}

.images-box {
    text-align: center;
    position: relative;
    left: -21%;
}

.images-box1, .images-box2, .images-box3 {
    width: auto !important;
    bottom: xx !important;
    right: 6% !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    text-align: right;
}

.images-box1 a,
.images-box2 a,
.images-box3 a {
    display: inline-block;
    padding: 0px 5px;
}*/

/*** End New Code ***/
.images-box1







.load-more {
	display: none !important;
}

.from-ipad {
	display: none;
}

.top-active {
	padding-bottom: 4px !important;
	border-bottom: 2px solid #0071ce;
}

.page-id-202 .section-request, .page-id-61 .section-request, .page-id-156 .section-enroll, .page-id-99 .key-feature {
	display: none;
}

#CCFLogin .modal-header {
	background: #0071cf !important;
	color: #fff !important;
	font-weight: 600;
	text-align: center;
	border: 0px solid #0071cf !important;
	position: relative;
	top: -1px;
}

#CCFLogin .modal-header h4 {
	color: #fff !important;
	font-weight: 600;
	margin-bottom: 0 !important;
}

#CCFLogin .modal-content {
	border-radius: 0x !important;
	border: 0px solid #0071cf !important;
}

#CCFLogin .close, #CCFLogin .close:hover {
	color: #fff !important;
	opacity: 1 !important;
	line-height: .8 !important;
}

.ROLoginSubmitButton, .BOLoginSubmitButton {
	width: 91% !important;
	height: 40px !important;
	line-height: 2 !important;
	background-color: #0071cf !important;
	border-color: #0071cf !important;
	font-family: "Myriad Pro" !important;
	font-weight: 700 !important;
	color: #fff !important;
	border: none !important;
	margin: 10px auto;
	display: inherit;
	cursor: pointer;
}

.account-type {
	display: inline-block;
	padding: 0px 15px 0px 15px !important;
	font-weight: 400;
	font-size: 16px;
	color: #303740 !important;
}

.ROLoginEnrollLink:hover, .ROLoginForgotPasswordLink:hover, .BOLoginLostTokenLink:hover, .BOLoginForgotPasswordLink:hover {
	border-bottom: 1px solid #0071cf !important;
	padding-bottom: 5px !important;
}

.login-sep {
	padding: 0 10px;
}

.ROLoginEnrollLink, .ROLoginForgotPasswordLink, .BOLoginEnrollLink, .BOLoginForgotPasswordLink {
	text-align: center;
	margin: 0px auto !important;
}

.ROLoginUserNameInput, .ROLoginPasswordInput, .BOLoginUsernameInput, .BOLoginPasswordInput {
	height: 50px;
	background: transparent;
	border: 1px solid rgba(201, 201, 201, 30%);
	border-radius: 3px;
	padding: 0px 10px !important;
	width: 300px;
	margin-bottom: 10px !important;
	margin: 0px auto;
	display: table;
}

.ROLoginTable, .BOLoginTable {
	width: 100% !important;
}

.ROLoginUserNameLabel, .ROLoginPasswordLabel, .BOLoginUsernameLabel, .BOLoginPasswordLabel {
	padding-right: 10px !important;
}

.ROLoginLink, .BOLoginLink {
	margin: 0px auto;
	display: table;
}

.ROBOLoginSwitcher {
	/*margin: 0px auto;*/
	display: table;
}

/*** Responsive ***/
@media only screen and (max-width: 1279px) {
	.header-bg .navbar-toggler {
		margin: 15px 8px !important;
	}
	
	.navbar-light .navbar-toggler {
		border: none !important;
	}
	
	.navbar-expand-lg .navbar-toggler {
		display: block !important;
	}
}

@media only screen and (max-width: 1112px) {
	.banking.right .images-box svg, .banking.home-right .images-box svg {
		left: -7px !important;
	}
	
	.banking.right .images-box1 {
		width: 80px !important;
		bottom: 99px !important;
		left: 7px !important;
		padding: 5px 8px;
	}
	
	.banking.right .images-box2 {
		width: 120px !important;
		bottom: 53px !important;
		left: 7px !important;
		padding: 5px 8px !important;
	}
	
	.banking.right .images-box3 {
		bottom: 8px !important;
		left: 7px !important;
		width: 75px !important;
		padding: 5px 8px !important;
	}
	
	.banking.home-right .images-box1 {
		width: 210px !important;
		bottom: 91px !important;
		left: 4px !important;
		padding: 5px 8px !important;
	}
	
	.banking.home-right .images-box2 {
		width: 150px;
		bottom: 50px;
		left: 4px !important;
		padding: 5px 8px !important;
	}
	
	.home .banking.home-right .images-box2 {
		width: 215px;
		bottom: 50px;
		left: 4px !important;
		padding: 5px 8px !important;
	}
	
	.banking.home-right .images-box3 {
		width: 215px;
		bottom: 10px;
		left: 4px !important;
		padding: 5px 8px !important;
	}
}

@media only screen and (max-width: 834px) {
	.from-ipad {
		display: block;
	}
	
	.top-active {
		padding-bottom: 0px !important;
		border-bottom: 0px solid #0071ce;
	}
	
	.megamenu-li .megamenu {
		padding: 25px 0px 15px 0px !important;
	}
	
	.plr-15 {
		padding: 0px 20px !important;
	}
	
	.megamenu .container .card-box {
		margin-left: auto !important;
		margin-right: auto !important;
		display: table;
		width: 325px;
	}
	
	/*    #mobile-location {
        background: #ffffff !important;
        min-height: 75px;
        line-height: 75px;
        box-shadow: 1px -3px 1px -2px rgb(0 0 0 / 10%) !important;
        width: 100%;
    }

    #mobile-location li {
        border-bottom: 0px solid #ddd;
        width: 50% !important;
        float: left !important;
        padding: 0px 20px;
        font-size: 18px !important;
        color: rgb(48 55 64 / 80%);
    }

    #mobile-location li a,
    #mobile-location li a:hover {
        color: rgb(48 55 64 / 80%);
    } 

    #mobile-location li .svg-inline--fa {
        font-size: 16px !important;
    }

    #mobile-location li.align-left {
    text-align: left;
    }

    #mobile-location li.align-right {
        text-align: right;
    }

    #mobile-location .megamenu-li .megamenu {
        padding: 20px 0px 15px 0px !important;
    }

    #mobile-location .card-box.mt-3.mb-3.ml-4 {
        margin-left: 0px !important;
    }*/
	.btn-login {
		font-size: 1rem;
		line-height: 32px !important;
	}
	
	#topbar, .header-bg, .header-bg .navbar {
		background: #fff !important;
	}
	
	.images-box1 {
		padding: 4px 8px;
		bottom: 103px;
		left: 125px;
	}
	
	.images-box2 {
		padding: 4px 8px;
		bottom: 58px;
		left: 132px;
	}
	
	.images-box3 {
		padding: 4px 8px;
		bottom: 15px;
		left: 147px;
	}
	
	.banking.right, .banking.home-right {
		padding: 30px 15px;
	}
	
	.banking.right .images-box1 {
		left: -7px !important;
		padding: 3px 8px !important;
		bottom: 90px !important;
	}
	
	.banking.right .images-box2 {
		left: -7px !important;
		padding: 3px 8px !important;
		bottom: 49px !important;
	}
	
	.banking.right .images-box3 {
		left: -7px !important;
		padding: 3px 8px !important;
	}
}

@media only screen and (max-width: 767px) {
	.load-more {
		display: block;
	}
	
	.banking.right, .banking.home-right {
		padding: 0px;
	}
	
	.easy-way .mob-padd-lr {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.images-box1 {
		left: 175px;
		bottom: 109px;
	}
	
	.images-box2 {
		left: 181px;
		bottom: 68px;
	}
	
	.images-box3 {
		left: 197px;
		bottom: 25px;
	}
	
	.banking.home-right .images-box1 {
		left: 8px !important;
		bottom: 98px !important;
	}
	
	.banking.home-right .images-box2 {
		left: 8px !important;
		bottom: 54px !important;
	}
	
	.banking.home-right .images-box3 {
		left: 8px !important;
	}
}

@media only screen and (max-width: 390px) {
	.images-box1 {
		left: 170px;
	}
	
	.images-box2 {
		left: 176px;
	}
	
	.images-box3 {
		left: 192px;
	}
	
	.banking.home-right .images-box1 {
		left: 10px !important;
	}
	
	.banking.home-right .images-box2 {
		left: 10px !important;
	}
	
	.banking.home-right .images-box3 {
		left: 10px !important;
	}
}

@media only screen and (max-width: 375px) {
	.images-box1 {
		left: 145px;
	}
	
	.images-box2 {
		left: 152px;
	}
	
	.images-box3 {
		left: 168px;
	}
}

/*@media only screen and (max-width: 360px) {
    .images-box1{
        left: 154px;
    }
    .images-box2{
        left: 160px;
    }
    .images-box3{
        left: 176px;
    }
}
*/
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.col-lg-1.hide-1279 {
		max-width: 0px !important;
		display: none !important;
	}
	
	.section-openaccount .content h3 {
		font-size: 36px !important;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.section-location .btn-location {
		padding: 15px 15px !important;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.pt-5, .py-5 {
		padding-top: 3rem !important;
	}
}

@media only screen and (min-width : 1024px) and (max-width : 1366px) {
	.pt-5, .py-5 {
		padding-top: 3rem !important;
	}
}

@media only screen and (max-width: 1366px) {
	.section-openaccount .content p br {
		display: none !important;
	}
}

@media only screen and (max-width: 1112px) {
	.hide-1112 {
		display: none !important;
	}
	
	.home .section-business .home-right .images-box .images-box3 svg {
		left: -9px !important;
	}
	
	.w100-1112 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.home #hero {
		background-size: cover !important;
		padding-top: 125px !important;
		height: 525px !important;
	}
	
	.home #hero h1 {
		font-size: 3rem !important;
	}
	
	.section-openaccount .section-title-account h1 {
		font-size: 18px !important;
	}
	
	.section-quicklinks .arrow img {
		top: 15px !important;
		right: 85px !important;
	}
	
	.section-processing.inner .row {
		display: block !important;
	}
	
	.section-processing.inner .col-lg-4.col-md-5, .section-processing.inner .col-lg-8.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	
	.section-processing.inner .process-title {
		margin-bottom: 30px !important;
		width: 100% !important;
		clear: both;
	}
	
	.section-processing.inner .section-bullet {
		display: inline-block;
		clear: both;
	}
	
	.section-quicklinks .icon-img {
		margin-right: 7px !important;
		margin-left: 7px !important;
	}
	
	.section-quicklinks h5 {
		font-size: 14px !important;
		font-weight: 400 !important;
	}
	
	.section-quicklinks .arrow img {
		right: 100px !important;
	}
	
	.section-about p br {
		display: none !important;
	}
	
	.section-location {
		background-size: cover !important;
	}
	
	.pt-lg-0, .py-lg-0 {
		padding-top: 0px !important;
	}
	
	.section-accounts .row, .section-business .row, .section-openaccount .row, .section-location .row, .section-quicklinks .row {
		justify-content: center;
	}
	
	.section-location .section-locationtitle h1 {
		font-size: 36px !important;
	}
	
	.section-accounts .icon-img {
		margin-right: 14px !important;
	}
	
	.link-box h5 br {
		display: none !important;
	}
	
	.h1, h1 {
		font-size: 2rem !important;
	}
	
	.section-title {
		padding-top: 0px !important;
		padding-bottom: 25px !important;
	}
	
	#hero {
		height: 100vh !important;
		padding-top: 40px !important;
		background-size: contain !important;
	}
	
	.section-accounts .services-block-three > span {
		min-height: 500px !important;
		padding: 40px 18px !important;
	}
	
	.section-quicklinks .link-box, .section-accounts .link-box {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.qklink {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.section-about img {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.section-title h2 {
		padding: 20px 0px !important;
	}
	
	h2.head-secure {
		padding: 0px 0px !important;
	}
	
	.section-quicklinks {
		padding: 50px 0px 50px 0px !important;
	}
	
	.section-about {
		padding: 50px 0px 50px 0px !important;
	}
	
	.section-business {
		padding: 50px 0px !important;
	}
	
	.online-mobile-banking .ban-bt-rg-pd {
		right: 0px;
	}
	
	.why-employee .sec-right-image {
		position: relative;
		left: 0px;
	}
	
	.why-communities .sec-left-content {
		position: relative;
		left: 0px;
	}
	
	.sec-findlocation .store_locator_result_list_item {
		padding: 25px 30px !important;
	}
	
	.sec-findlocation .store_locator_custom_fields > span:last-child {
		left: 55px !important;
	}
	
	.sec-findlocation span.store_locator_distance {
		left: 30px;
	}
	
	.sec-findlocation .store_locator_name {
		font-size: 21px !important;
	}
}

@media only screen and (max-width: 1024px) {
	.section-quicklinks .arrow img {
		right: 80px !important;
	}
	
	.section-business .row {
		display: flex;
		align-items: center;
	}
	
	.section-openaccount .section-title-account h1 {
		font-size: 18px !important;
	}
	
	.megamenu .container {
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
	
	.btnloaction-ajax.branch-finder div[id*='ajaxsearchlite'].wpdreams_asl_container {
		width: 275px !important;
	}
}

@media only screen and (max-width: 1279px) {
	.navbar-toggler[aria-expanded=true] {
		width: 54px;
		height: 38px !important;
	}
	
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
		background-image: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/close-icon.png") !important;
		width: 17px;
		height: 17px;
		padding: 6.5px;
	}
	
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon.nitro-lazy {
		background-image: none !important;
	}
}

@media only screen and (max-width: 834px) {
	.compare-accounts {
		max-width: 700px !important;
	}
	
	.compare-accounts .account-heading br {
		display: none !important;
	}
	
	.table-account .account-heading h4 {
		font-size: 18px;
	}
	
	.arrow.desktop {
		display: none !important;
	}
	
	.arrow.mobile {
		display: block !important;
	}
	
	section.section-contactus.py-5 {
		padding: 40px 0px 30px 0px !important;
	}
	
	.section-quicklinks .qklink {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		display: none;
	}
	
	.section-quicklinks .col-sm-3 {
		width: 33.33% !important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	
	.prefooter .bg-blue a, .prefooter .bg-grey a {
		font-size: 24px;
		padding: 0px 0px !important;
		float: none;
		justify-content: center !important;
	}
	
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	
	.col-sm-offset-11 {
		margin-left: 91.666666666667%;
	}
	
	.col-sm-offset-10 {
		margin-left: 83.333333333333%;
	}
	
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	
	.col-sm-offset-8 {
		margin-left: 66.666666666667%;
	}
	
	.col-sm-offset-7 {
		margin-left: 58.333333333333%;
	}
	
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	
	.col-sm-offset-5 {
		margin-left: 41.666666666667%;
	}
	
	.col-sm-offset-4 {
		margin-left: 33.333333333333%;
	}
	
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	
	.col-sm-offset-2 {
		margin-left: 16.666666666667%;
	}
	
	.col-sm-offset-1 {
		margin-left: 8.3333333333333%;
	}
	
	.col-sm-offset-0 {
		margin-left: 0;
	}
	
	.dropdown-menu.login-form {
		top: 85px;
	}
	
	.dropdown-menu.login-form .col-sm-6 {
		float: left;
		width: 50%;
	}
	
	.ipad-show {
		display: block !important;
	}
	
	.navbar {
		background: #e9e9e9;
	}
	
	.section-openaccount .content {
		padding: 0px 30px 30px 0px !important;
	}
	
	.section-locationtitle br {
		display: none !important;
	}
	
	.section-openaccount .openaccount-box {
		display: none !important;
	}
	
	.pt-5, .py-5 {
		padding-top: 3rem !important;
	}
	
	.header-bg .navbar-toggler {
		margin: 15px 8px !important;
	}
}

@media only screen and (max-width: 768px) {
	.section-openaccount {
		height: auto !important;
	}
	
	#hero h1 {
		font-size: 40px !important;
		padding: 30px;
		margin-top: 0px !important;
	}
	
	.section-openaccount .content {
		padding: 0px 30px !important;
	}
	
	.compare-accounts {
		max-width: 625px !important;
	}
}

@media only screen and (max-width: 767px) {
	.dropdown-menu.login-form {
		right: -40px;
	}
	
	.dropdown-menu.login-form.show:before {
		right: 4.4rem !important;
	}
	
	.section-bullet .bc-vid {
		width: 100%;
		float: left;
		margin-right: 0%;
	}
	
	.disclimer {
		font-size: 12px !important;
	}
	
	.mobile-btn label div {
		width: auto;
		margin: 0px !important;
		float: left;
	}
	
	.compare-accounts .py-5 {
		padding: 1rem 0px !important;
	}
	
	.compare-accounts .container {
		border-right: 0px solid #dee2e6;
		padding: 0px 15px;
	}
	
	.compare-accounts {
		max-width: 350px !important;
	}
	
	.compare-accounts .col-sm-3 {
		float: left !important;
		width: 25%;
		clear: none !important;
	}
	
	.compare-accounts .container .row {
		width: 390% !important;
	}
	
	#slideLeft, #slideRight {
		position: relative;
		top: 0px;
		display: none !important;
	}
	
	#slideLeft {
		left: 0px;
		top: -25px;
	}
	
	#slideRight {
		right: -220px;
		top: -25px;
	}
	
	.compare-accounts .container {
		padding: 0px 15px;
	}
	
	.img-small-height.ish-mobile {
		height: 85px !important;
	}
	
	.psa-box .card-deck .card, .psa-box .card-deck .most-pop .card {
		clip-path: polygon(0% 0%, 100% 0%, 100% 20%, 100% 90%, 82% 100%, 0% 100%, 0% 80%, 0% 20%);
	}
	
	.section-personalbanking .pb-xs-4 {
		padding-bottom: 40px !important;
	}
	
	.client-logos {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.logo-carousel {
		left: -22px !important;
	}
	
	.logo-carousel .slick-arrow.slick-prev {
		left: -9px !important;
	}
	
	.

    .logo-carousel .slick-arrow.slick-next {
		right: -9px !important;
	}
	
	.sp-both-rg-2 {
		width: 100%;
		padding-left: 15px;
	}
	
	.bs-service {
		padding-top: 50px !important;
	}
	
	.bs-service .buisness-card {
		margin-bottom: 30px !important;
	}
	
	.online-mobile-banking .mob-padd-lr {
		padding-left: 30px !important;
		padding-right: 15px !important;
	}
	
	.section-personalbanking .section-account-title .arrow img {
		top: 20% !important;
	}
	
	.page-template-page-personal-banking .section-personalbanking .section-account-title .arrow img {
		top: 75% !important;
		left: 69% !important;
	}
	
	.page-template-page-personal-banking .section-account-title h6 {
		padding-top: 40px;
		margin-bottom: 10px !important;
	}
	
	.personalbanking.pt-xs-3 {
		padding-top: 1rem !important;
	}
	
	.online-mobile-banking .section-heading {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.section-quicklinks.psa-quick .icon-img {
		margin-left: 20px !important;
		margin-right: 20px !important;
		min-width: auto;
	}
	
	.section-quicklinks.psa-quick .link-box {
		padding: 20px !important;
	}
	
	.section-location .content {
		padding-top: 0px !important;
	}
	
	.section-quicklinks .row {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
	
	.mobile-line {
		display: none !important;
	}
	
	.section-quicklinks {
		padding: 0px 0px 0px 0px !important;
	}
	
	.home #hero h1 br {
		display: none !important;
	}
	
	.home #hero h2 {
		margin: 0px 0px 0px 15px !important;
	}
	
	.home #hero h1 {
		font-size: 40px !important;
		padding: 30px 15px;
		margin-top: -50px !important;
	}
	
	.h1, h1 {
		font-size: 2.25rem !important;
	}
	
	.section-location .section-locationtitle h1 {
		font-size: 40px !important;
	}
	
	.section-accounts .row:nth-child(3) {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
	
	.section-quicklinks .qklink {
		display: block !important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.section-quicklinks .col-sm-3 {
		width: 100% !important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.prefooter .bg-blue a, .prefooter .bg-grey a {
		font-size: 18px;
		padding: 0px 15px !important;
		float: none;
		justify-content: center !important;
	}
	
	.at-style-responsive .at-share-btn {
		padding: 5px 0px !important;
	}
	
	.key-feature .features-box {
		border-right: 0px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	.key-feature .features-box:last-child {
		border-right: 0px solid #fff;
		border-bottom: 1px solid transparent;
	}
	
	.section-processing.inner .section-bullet .fa-check {
		display: none !important;
	}
	
	.section-processing.inner .section-bullet ul li::before {
		font-family: "FontAwesome";
		content: "";
		padding-right: 10px;
		color: #f29500;
		margin-right: 1rem !important;
	}
	
	.section-processing.inner .section-bullet .list-unstyled {
		font-size: 18px;
		color: #303740;
		font-family: "Myriad Pro" !important;
		font-weight: 400 !important;
		padding-left: 30px;
	}
	
	#footer .footer-top h4 {
		width: 100% !important;
	}
	
	.desktop-hide {
		display: block;
	}
	
	.home #hero {
		height: auto !important;
		background-size: cover !important;
		min-height: 525px !important;
	}
	
	.btn-location-box .fa-arrow-right {
		left: -65px;
	}
	
	.section-title h1 {
		font-size: 40px !important;
	}
	
	.section-locationtitle.py-4 {
		padding-bottom: 0rem !important;
	}
	
	.section-accounts .icon-img {
		margin-right: 20px !important;
		margin-left: 20px !important;
	}
	
	.section-openaccount .pt-5, .section-openaccount .py-5 {
		padding-top: 2rem !important;
	}
	
	.section-quicklinks .col-sm-3, .section-accounts .col-sm-4 {
		margin-bottom: 15px !important;
	}
	
	/*.section-openaccount .content h3 {
        font-size: 32px  !important;
    }*/
	.section-business img {
		padding-top: 25px !important;
	}
	
	.section-location img {
		padding-left: 15px;
		padding-right: 0px;
	}
	
	.section-location .section-locationtitle h1 {
		padding-left: 15px;
	}
	
	.section-location .section-locationtitle p {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.section-location .btn-location {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.section-quicklinks h6 {
		margin-bottom: 30px !important;
		font-size: 15px;
	}
	
	.qklink {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.home .section-quicklinks .arrow img {
		top: 5px !important;
		right: 65px !important;
		transform: rotate(22deg);
	}
	
	.section-quicklinks .arrow img {
		top: 5px !important;
		right: 65px !important;
		transform: rotate(0deg);
	}
	
	.section-quicklinks.psa-quick h6 {
		margin-bottom: 50px !important;
	}
	
	.section-quicklinks .link-box {
		height: 80px !important;
	}
	
	.section-accounts .link-box {
		height: 90px !important;
	}
	
	.section-quicklinks .link-box {
		justify-content: left !important;
	}
	
	.section-quicklinks h5 {
		font-size: 16px !important;
		font-weight: 400 !important;
		padding: 25px 25px !important;
	}
	
	.section-quicklinks .icon-img {
		margin-right: 10px !important;
		margin-left: 40px !important;
	}
	
	.section-title {
		padding-top: 40px !important;
		padding-bottom: 25px !important;
	}
	
	.section-title h2 {
		padding: 20px 10px !important;
	}
	
	h2.head-secure {
		padding: 0px 10px !important;
	}
	
	.section-title h1 {
		padding-left: 10px !important;
	}
	
	.section-title p {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.section-title h3 {
		padding-left: 10px !important;
	}
	
	.section-quicklinks .col-sm-3 {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	#footer .footer-top .footer-links ul {
		margin: 0 auto !important;
	}
	
	#footer .footer-top .footer-links ul li {
		justify-content: center;
		width: 100% !important;
	}
	
	#footer .footer-top .last-footer-links ul li {
		width: 50% !important;
	}
	
	#footer .footer-top h4[aria-expanded="false"]::after {
		width: auto !important;
		height: auto !important;
		margin-left: .5em !important;
		vertical-align: 0em !important;
		content: "" !important;
		border-top: 0 solid !important;
		border-right: 0 solid transparent !important;
		border-bottom: 0 !important;
		border-left: 0 solid transparent !important;
		font-family: "FontAwesome" !important;
		position: relative !important;
		left: 0px !important;
		top: 2px;
		border: none !important;
		background: transparent !important;
		bottom: 0 !important;
		display: inline-block !important;
		color: #0071ce !important;
	}
	
	#footer .footer-top h4[aria-expanded="true"]::after {
		width: auto !important;
		height: auto !important;
		margin-left: .5em !important;
		vertical-align: 0em !important;
		content: "" !important;
		border-top: 0 solid !important;
		border-right: 0 solid transparent !important;
		border-bottom: 0 !important;
		border-left: 0 solid transparent !important;
		font-family: "FontAwesome" !important;
		position: relative !important;
		left: 0px !important;
		top: 2px;
		border: none !important;
		background: transparent !important;
		bottom: 0 !important;
		display: inline-block !important;
		color: #0071ce !important;
	}
	
	.last-footer-links.col-sm-offset-3 {
		margin-left: auto !important;
	}
	
	#footer .footer-top h4 {
		padding: .25rem .75rem !important;
	}
	
	.last-footer-links ul li {
		width: 50%;
		float: left;
		justify-content: end !important;
	}
	
	.last-footer-links h5 {
		font-size: 18px !important;
		font-family: "Myriad Pro";
		font-weight: 600 !important;
		color: #222 !important;
	}
	
	.last-footer-links ul {
		max-width: 245px;
	}
	
	.last-footer-links ul li a {
		font-size: 16px !important;
		color: #222 !important;
	}
	
	#footer .footer-top .last-footer-links h4 {
		display: none !important;
	}
	
	.footer-contact img {
		max-width: 250px;
	}
	
	.mobile-phone {
		font-size: 20px !important;
		color: #0071ce !important;
	}
	
	.footer-links ul.collapsed {
		margin-top: 15px !important;
		margin-bottom: 25px !important;
	}
	
	#ways-to-bank, #resources, #support, #company {
		padding-top: 5px !important;
		padding-bottom: 25px !important;
	}
	
	#footer .footer-top .footer-links ul.navbar-collapse a {
		margin-right: 0px !important;
	}
	
	.last-footer-links ul:last-child {
		float: none;
		position: relative;
		margin-top: auto !important;
	}
	
	.resources {
		margin-top: 18px !important;
	}
	
	.company {
		margin-top: 10px !important;
	}
	
	.support {
		margin-top: 18px !important;
	}
	
	#footer .footer-top .footer-links.last-footer-links ul {
		padding-bottom: 25px !important;
	}
	
	.hidden-xs {
		display: none !important;
	}
	
	.social-links {
		margin: 0px auto !important;
		padding: 0px !important;
	}
	
	.social-links .svg-inline--fa {
		font-size: 24px !important;
	}
	
	.last-footer-links ul {
		height: 100px !important;
	}
	
	.footer-bottom {
		width: 100% !important;
		display: block !important;
	}
	
	.copyright-box .clr-light-grey {
		display: block !important;
		font-size: 0 !important;
		padding-top: 5px !important;
	}
	
	.footer-bottom a {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	
	.search-result-listing {
		padding: 20px;
	}
	
	#hero-search {
		background: url("https://cdn-ildpioi.nitrocdn.com/LwYQXeCYKpIYYPTHKVFCfkwenFqZSDZZ/assets/images/optimized/rev-2c5330f/ccf.us/wp-content/themes/ccfbank/assets/images/search-banner-mobile.png") top center no-repeat !important;
		height: 250px !important;
		background-size: cover !important;
	}
	
	#hero-search.nitro-lazy {
		background: none !important;
	}
	
	.search-result #search {
		width: 87%;
		font-size: 24px;
		padding: .7rem .75rem;
	}
	
	.search-result .box-search {
		margin: 20px 10px 0px 15px !important;
	}
	
	.text_select {
		float: left !important;
	}
	
	.search-result-listing .description {
		padding-bottom: 0px !important;
	}
	
	#hero-search .hero_bgtitle {
		font-size: 40px !important;
	}
	
	.search-bar {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.search-result-listing {
		margin-bottom: 15px !important;
	}
	
	#footer .footer-top .last-footer-links ul {
		max-width: 277px !important;
	}
	
	#footer .footer-top .last-footer-links ul a {
		font-size: 17px !important;
		font-weight: 600;
	}
	
	#footer .footer-top .last-footer-links h5 {
		font-weight: 600 !important;
		color: #303740 !important;
		font-size: 18px !important;
	}
	
	.page-template-page-business-banking .services-block-three>span {
		padding: 40px 20px !important;
	}
	
	.card-title {
		margin-bottom: 0rem !important;
	}
	
	.blog-info-content {
		padding: 25px 25px;
	}
	
	.sec-findlocation .store_modal_title {
		font-size: 36px !important;
		margin-bottom: -5px !important;
	}
	
	.store_locator_address span {
		float: left;
	}
	
	.sec-findlocation .store_locator_details .store_locator_address:before {
		float: left;
	}
	
	.store_locator_contact {
		display: block;
		clear: both;
	}
	
	.sec-findlocation .store_locator_result_list_item {
		padding: 25px 35px !important;
	}
	
	.sec-findlocation .store_locator_custom_fields > span:last-child {
		left: 60px !important;
	}
	
	.sec-findlocation a.btn.button.btn-primary.btn-lg.store_locator_get_direction {
		left: -48% !important;
		top: 130px;
	}
	
	.sec-findlocation .store_locator_get_direction.only-dekstop {
		visibility: hidden;
		font-size: 0px !important;
	}
	
	.sec-findlocation .store_locator_direction-mobile .store_locator_get_direction {
		position: relative !important;
		left: 0px !important;
		top: 0px !important;
		display: block !important;
		padding-left: 50px !important;
	}
	
	.sec-findlocation .store_locator_custom_fields {
		margin-top: 15px !important;
	}
	
	.sec-findlocation #store_locator_find_stores_button {
		top: 88px;
	}
	
	.sec-findlocation .store_locator_details * {
		white-space: break-spaces !important;
	}
	
	.store_locator_direction-mobile {
		clear: both;
		padding-top: 0px;
	}
	
	span.store_locator_address_full {
		display: inline-table;
		width: 90%;
	}
	
	.sec-findlocation #store_locator_result_list {
		max-height: 100% !important;
	}
	
	.btnloaction-ajax.branch-finder div[id*='ajaxsearchlite'].wpdreams_asl_container {
		width: 325px !important;
		margin: 0px !important;
	}
	
	.sec-findlocation #store_locator_search_box {
		padding: 35px 30px 25px !important;
	}
	
	.branch-finder {
		margin-top: 30px !important;
		margin-bottom: 5px !important;
	}
	
	.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox {
		padding: 10px 0px !important;
		background-color: #fff !important;
		box-shadow: 0 0 0 0 #ccc inset;
		border: 1px solid #ccc !important;
		color: #484c51 !important;
		height: 50px !important;
	}
	
	.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox::placeholder {
		color: #666 !important;
	}
	
	.btnloaction-ajax.branch-finder #ajaxsearchlite1 .probox .proinput {
		margin: 0 0 0 0px;
	}
	
	.btnloaction-ajax.branch-finder div.asl_w .probox .promagnifier {
		margin-right: 2px;
	}
}

@media only screen and (max-width: 390px) {
	.home .section-quicklinks h5 {
		padding: 25px 15px !important;
	}
	
	.section-quicklinks .icon-img {
		margin-left: 20px !important;
	}
	
	.home .section-quicklinks .arrow img {
		right: 56px !important;
	}
	
	.logo-carousel .slick-arrow.slick-next {
		right: 14px;
	}
	
	.slick-list.draggable {
		position: relative;
		left: -13px;
	}
	
	.sp-testimonial-free-section .sp-testimonial-free-item {
		padding-right: 0px;
	}
	
	.sp-testimonial-free-section .tfree-client-testimonial p, .sp-testimonial-free-section .tfree-client-testimonial {
		margin: 0px 5px 20px 5px;
	}
	
	.section-testimonial .tfree-client-testimonial:before {
		left: 25px;
	}
	
	.career-title.unquie-head {
		font-size: 36px !important;
	}
	
	.sec-findlocation .store_locator_result_list_item {
		padding: 25px 25px !important;
	}
	
	.sec-findlocation .store_locator_custom_fields > span:last-child {
		left: 50px !important;
	}
	
	.sec-findlocation .store_locator_address, .sec-findlocation .store_locator_custom_fields {
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 375px) {
	.logo {
		top: 8px;
		width: 190px;
	}
}

/*** Min CSS ***/
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px !important;
	}
}

@media only screen and (min-width: 320px) {
	#home-search {
		background: rgba(255, 255, 255, .93) !important;
		padding-right: 0px !important;
	}
	
	.search-404 #home-search {
		background: #f5f6f7 !important;
		padding-right: 0px !important;
	}
	
	#home-search .modal-dialog {
		max-width: 100% !important;
		margin: 0px auto !important;
		padding: 25% 0px 0px 0px;
		max-height: 100vh !important;
		height: 100%;
	}
	
	#home-search .modal-content, #home-search .modal-header, #home-search #search {
		border: none !important;
		background: transparent !important;
	}
	
	#home-search .search-submit .svg-inline--fa {
		color: #0071ce !important;
		font-size: 20px;
	}
	
	#home-search .btn-outline-secondary.focus, .btn-outline-secondary:focus {
		box-shadow: none !important;
	}
	
	#home-search .btn-outline-secondary:not(:disabled):not(.disabled).active, #home-search .btn-outline-secondary:not(:disabled):not(.disabled):active, #home-search .show>.btn-outline-secondary.dropdown-toggle {
		color: #0e284b;
		background-color: transparent !important;
		border-color: #0e284b !important;
	}
	
	#home-search .text_select .svg-inline--fa {
		font-size: 12px !important;
		position: relative !important;
		top: -1px !important;
		padding: 0px 7px 0px 0px !important;
	}
	
	#home-search .text_select a {
		height: 38px;
		line-height: 26px !important;
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}
	
	#home-search .text_select a:hover {
		color: #0071ce;
		border-color: #0071ce;
	}
	
	#home-search .search-form {
		max-width: 700px !important;
		margin: 0px auto !important;
	}
	
	#home-search #search::placeholder {
		color: #303740 !important;
		opacity: .5;
	}
	
	#home-search #search {
		color: #0e284b !important;
		float: left;
		width: 78%;
		opacity: 1;
		font-size: 24px;
		padding: .6rem .75rem;
	}
	
	.search-form .box-border {
		border-bottom: 2px solid #d3d3d3;
		margin: 0px !important;
	}
	
	.search-404 #home-search .box-search {
		margin: 24px 10px 0px 3px !important;
	}
	
	#home-search .box-search {
		font-size: 20px !important;
		color: #999;
		margin: 19px 10px 0px 3px !important;
		float: left;
	}
	
	#home-search .box-border .col-md-12.col-lg-12 {
		padding: 0px !important;
	}
	
	#home-search .modal-header {
		position: absolute;
		right: 3%;
		top: -15%;
	}
	
	#home-search .modal-header .close {
		font-size: 50px !important;
		margin: -4rem -1rem -1rem auto !important;
	}
	
	#home-search .btn-outline-secondary {
		background-color: transparent !important;
		border-color: #e3e3e3 !important;
		margin-bottom: 15px;
	}
	
	#home-search .btn-outline-secondary:hover {
		border-color: #0071ce !important;
	}
}

@media only screen and (min-width:1024px) {
	#home-search #search {
		width: 87%;
		font-size: 36px;
		padding: .375rem .75rem;
	}
	
	#home-search .modal-dialog {
		padding: 26% 0px 0px 0px;
	}
	
	#home-search .modal-header {
		right: 15%;
		top: -100%;
	}
}

@media only screen and (min-width:1600px) {
	#home-search .modal-dialog {
		padding: 17% 0px 0px 0px !important;
	}
}