/* Theme Name: Freedom Bank Author: Freedom Bank Tags: Blue, Red, Light, responsive, fixed width Description: Freedom Bank theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700&display=swap'); /* font-family: 'Montserrat', sans-serif; */ * { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; } html, body { width: 100%; font-size: 18px; color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 400; background: #fff; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .container { padding: 0 15px; margin: 0 auto; max-width: 1430px; position: relative; } *::-webkit-input-placeholder{ opacity: 1; } *::-moz-placeholder{ opacity: 1; } *:-ms-input-placeholder{ opacity: 1; } [href^="tel"] { cursor: text; text-decoration: none; } [href^="tel"]:hover { } *::-webkit-input-placeholder{ color: #000; opacity: 1; } *::-moz-placeholder{ color: #000; opacity: 1; } *:-ms-input-placeholder{ color: #000; opacity: 1; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Montserrat', sans-serif; } input:focus, textarea:focus { outline: none; } /* common */ a { color: #09347a; text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; } a:hover { color: #000; } img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; } ul { list-style: none; margin: 0px; } .clear { clear: both; overflow: hidden; } p { line-height: 28px; font-size: 18px; padding-bottom: 20px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: 400; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; } h1, .h1 { font-size: 48px; } h2, .h2 { font-size: 48px; } h3, .h3 { font-size: 38px; } h4, .h4 { font-size: 30px; } h5, .h5 { font-size: 25px; } h6, .h6 { font-size: 20px; } .field, .wpcf7-text, textarea { } textarea { padding: 10px; height: 100px; resize: none; } .banner-bar .block1 h1 { color: #FFF; font-size: 70px; line-height: 70px;} .banner-bar .block1 h1 strong {display: block; font-weight: 900; font-size: 90px} .button { padding: 20px 52px 20px 18px; display: inline-block; line-height: 28px; font-size: 18px; color: #09347a; font-weight: 700; text-transform: uppercase; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:inset 0 -5px 5px 2px rgba(0,0,0,0.3); box-shadow:inset 0 -5px 5px 2px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(203,208,223,1) 100%); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(203,208,223,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(203,208,223,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cbd0df',GradientType=0 ); position: relative; } .button:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; -webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,0.9); box-shadow: 0 5px 5px 2px rgba(0,0,0,0.9); border-radius: 5px; -webkit-border-radius: 5px; } .button:after { content: ""; width: 32px; height: 32px; position: absolute; right: 13px; top: 17px; background: url('images/button-arrow.png') no-repeat; } .button:hover { color: #fff; background: -moz-linear-gradient(top, #35539e 0%, #35539e 100%); background: -webkit-linear-gradient(top, #35539e 0%,#35539e 100%); background: linear-gradient(to bottom, #35539e 0%,#35539e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35539e', endColorstr='#35539e',GradientType=0 ); } .button.dark { padding: 20px 60px 20px 30px; background: rgb(9,52,122); background: -moz-linear-gradient(top, rgba(9,52,122,1) 0%, rgba(9,52,122,1) 100%); background: -webkit-linear-gradient(top, rgba(9,52,122,1) 0%,rgba(9,52,122,1) 100%); background: linear-gradient(to bottom, rgba(9,52,122,1) 0%,rgba(9,52,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09347a', endColorstr='#09347a',GradientType=0 ); color: #fff; } .button.dark:before { -webkit-box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2); } .button.dark:after { background: url('images/button-arrow2.png') no-repeat; } .button2, .wpcf7-submit, .alm-load-more-btn, .calculate-button { padding: 15px 34px; line-height: 24px; font-size: 16px; font-weight: 700; color: #FFF; text-transform: uppercase; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0.01em; background: #09347a; } .button2:hover, .wpcf7-submit:hover, .alm-load-more-btn:hover, .calculate-button:hover { color: #FFF; background: #bf2e1a; } .wpcf7-submit, .alm-load-more-btn, .calculate-button { border: 0px; cursor: pointer; } .button2.white { color: #bf2e1a; background: #fff; } .button2.white:hover, .wpcf7-submit.white:hover { color: #FFF; background: #09347a; } a.textlink { color: #bf2e1a; font-size: 18px; font-weight: 700; text-decoration: none; } a.textlink:hover { color: #09347a; } .wpcf7-submit, #wp-submit, #commentform #submit { } .wpcf7-submit:hover, #wp-submit:hover, #commentform #submit:hover { } .showonmobile { display: none; } html, body { height: 100%; } #back-to-top { position: fixed; bottom: 15px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #3a96f2 url('images/top_btn.png') center center no-repeat; background-size: 35px; } #back-to-top.show { opacity: 1; z-index: 9999; } /* wrapper */ #wrapper { margin: 0 auto -312px; padding-bottom: 312px; width: 100%; overflow: hidden; min-height: 100%; position: relative; } /* header-part */ #header-part { height: 180px; position: relative; z-index: 10; background: linear-gradient(#E4E4EC 50%, #ffffff); } #header-part a.logo { position: absolute; left: 3px; top: 20px; z-index: 10; transition: 0.3s all; } #header-part a.logo.white { opacity: 0; } #header-part.activehead a.logo { opacity: 0; } #header-part.activehead a.logo.white { opacity: 1; } #header-part a.mobilemenu { padding: 22px; padding-left: 23px; margin-right: 3px; float: left; position: relative; width: 64px; height: 64px; font-size: 0px; display: block; z-index: 101; border-radius: 5px; -webkit-border-radius: 5px; background: #09347a; } #header-part a.mobilemenu span { position: relative; display: block; width: 100%; height: 3px; border-radius: 5px; -webkit-border-radius: 5px; background: #FFF; } #header-part a.mobilemenu span:before, #header-part a.mobilemenu span:after { content: ""; position: absolute; left: 0px; top: 7px; width: 100%; height: 3px; background: #fff; transition: 0.3s all; -webkit-transition: 0.3s all; border-radius: 5px; -webkit-border-radius: 5px; } #header-part a.mobilemenu span:after { top: 14px; } #header-part a.mobilemenu.active { padding: 15px; background: #35539e; } #header-part a.mobilemenu.active span { background: none; } #header-part a.mobilemenu.active span:before { top: 15px; height: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #header-part a.mobilemenu.active span:after { top: 15px; height: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #header-part .rightmenu { padding: 29px 0px 0px 0px; float: right; position: relative; z-index: 10; } #header-part .rightmenu .menu-top-menu-container { float: left; } #header-part .rightmenu ul { float: left; list-style: none; overflow: hidden; } #header-part .rightmenu li { padding-right: 18px; float: left; } #header-part .rightmenu li a { padding: 20px 25px; line-height: 24px; color: #fff; font-size: 17px; font-weight: 700; text-transform: uppercase; display: block; border-radius: 7px; -webkit-border-radius: 7px; background: #bf2e1a; } #header-part .rightmenu li a:hover { background: #9d2211; } #header-part .rightmenu li.login a { padding-left: 47px; background: #bf2e1a url('images/login-icon.png') 15px center no-repeat;background-size: 25px; } #header-part .rightmenu li.login a:hover { background-color: #9d2211; } #header-part .rightmenu { } #header-part .rightmenu { } #header-part .rightmenu { } #header-part { } #header-part { } /* fdic-notice */ .fdic-notice { background-color: #ffffff; display: flex; padding: 10px 0; position: relative; z-index: 99; } .fdic-notice .container { padding: 0 15px; margin: 0 auto; width: 100%; max-width: 1430px; position: relative; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; column-gap: 20px; } .fdic-notice p { padding-bottom: 0; font-family: "Source Sans 3", Arial, sans-serif !important; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 12.8px; line-height: 1rem; color: #000000; } /*keyframes*/ @-webkit-keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes stickyhead{ 0%{opacity:0;-moz-transform:translateY(-100%)} 100%{opacity:1;-moz-transform:translateY(0)} } @keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } /* nav-bar */ .nav-bar { padding: 185px 0 55px; overflow: hidden; color: #fff; position: absolute; left: 0px; top: 0px; width: 100%; display: none; background: #09347a; } .nav-bar .container:after { content: ""; height: 0px; overflow: hidden; clear: both; display: block; } .nav-bar .cols.opacity { opacity: 1; } .nav-bar .cols { padding: 0px 15px 0px 25px; float: left; width: 24.28%; border-right: #304e97 solid 3px; min-height: 325px; opacity: 0; transition: all 100ms; -webkit-transition: all 100ms; } .nav-bar .col1 { padding-left: 0px; width: 12.5%; margin-left: -5px; } .nav-bar .col4 { width: 20.7%; } .nav-bar .col5 { float: right; width: 18.1%; border: 0px; padding-right: 0px; padding-left: 20px; } .nav-bar h4 { font-size: 18px; font-weight: 700; margin-bottom: 7px; } .nav-bar ul.menu { list-style: none; overflow: hidden; } .nav-bar ul.menu li { font-size: 18px; line-height: 30px;padding-left: 22px; } .nav-bar ul.menu li a {color: #FFF; position: relative; text-decoration: none; } .nav-bar ul.menu li a:before { content: ""; position: absolute; left: -22px; top: 5px; border-top: transparent solid 5px; border-bottom: transparent solid 5px; border-left: #cf152d solid 9px; } .nav-bar ul.menu li a:hover { color: #2f599d; } .nav-bar .links { padding: 23px 0px 0px 0px; } .nav-bar .links ul { list-style: none; } .nav-bar .links li { padding-bottom: 17px; } .nav-bar .links li a { padding: 10px 10px; line-height: 25px; display: block; border-radius: 5px; -webkit-border-radius: 5px; color: #09347a; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; background: #FFF; } .nav-bar .links li a:hover { color: #fff; background: #35539e; } .nav-bar .links { } .nav-bar .search { } .nav-bar .search form { position: relative; height: 45px; border: #FFF solid 1px; border-radius: 3px; -webkit-border-radius: 3px; } .nav-bar .search input#s { padding: 0px 35px 0px 25px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #FFF; width: 100%; text-align: center; height: 45px; border: 0px; background: none; } .nav-bar .search ::-webkit-input-placeholder{ color: #fff; } .nav-bar .search ::-moz-placeholder{ color: #fff; } .nav-bar .search :-ms-input-placeholder{ color: #fff; } .nav-bar .search input#searchsubmit { position: absolute; right: 10px; top: 10px; border: 0px; cursor: pointer; width: 24px; height: 24px; font-size: 0px; background: url('images/search-icon.png') no-repeat; } .nav-bar .search { } .nav-bar .social { padding-top: 22px; overflow: hidden; } .nav-bar .social ul { list-style: none; overflow: hidden; float: right; } .nav-bar .social li { padding-right: 7px; float: left; } .nav-bar .social li a { padding-top: 2px; display: block; color: #09347a; width: 24px; height: 24px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; background: #FFF; } .nav-bar .social li a:hover { color: #fff; background: #cf152d; } .nav-bar { } /* content-part */ #content-part { } .defaultpage { min-height: 500px; } .heading { } .heading h1 { padding: 10px 15px 10px 28px; display: flex; align-items: center; min-height: 149px; width: 458px; margin: -118px 0px 0px 67px; color: #FFF; font-size: 24px; line-height: 34px; font-weight: 600; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); background: #bf2e1a; } .heading .heading-specialtext { padding: 10px 15px 10px 28px; display: flex; align-items: center; min-height: 149px; width: 630px; margin: -118px 0px 0px 67px; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); background: #bf2e1a; } .heading .heading-specialtext h1 { display: block; min-height: auto; width: auto; padding: 0; margin: 0; border-radius: 0px; box-shadow: none; font-weight: 400; background: none;} /* banner-bar */ .banner-bar { position: relative; overflow: hidden; background: rgb(17,50,124); background: -moz-linear-gradient(top, rgba(17,50,124) 0%, rgba(68,121,238,1) 100%); background: -webkit-linear-gradient(top, rgba(17,50,124) 0%,rgba(68,121,238,1) 100%); background: linear-gradient(to bottom, rgba(17,50,124) 0%,rgba(68,121,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11327C', endColorstr='#4479EE',GradientType=0 ); background-image: url(https://www.fbnj.com/wp-content/uploads/2024/12/bg-blue-ellipse-scaled.webp); background-repeat: no-repeat; background-size: cover;} /*.banner-bar:before { opacity: 0.3; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('images/star-bg.png') repeat; } */ .banner-bar .container {padding-bottom: 70px; padding-top: 70px; z-index: 1; display:flex; align-items:center;} .banner-bar img.mainimg { position: absolute; right: -60px; bottom: 0px; } .banner-bar .block1 {float: left; width:65%; position: relative; margin-left: -10px; } /*.banner-bar .block1:after, .banner-bar .block2:after { content: ""; position: absolute; right: 0px; top: 5px; width: 8px; height: calc(100% - 25px); background: #5173c8; }*/ /*.banner-bar .block2 { padding: 3px 35px 0; float: left; width: 33%; text-align: center; } .banner-bar h3 { margin-bottom: 11px; text-align: left; font-size: 121px; color: #FFF; font-weight: 700; line-height: 100px; position: relative; } .banner-bar h3 strong { font-size: 78px; font-weight: 700; position: absolute; right: -5px; top: -15px; } .banner-bar h3 em { font-size: 29px; font-style: normal; position: absolute; right: -15px; top: 35px; letter-spacing: 0.03em; } .banner-bar h5 { padding: 6px 10px; margin-bottom: 12px; line-height: 34px; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #FFF; letter-spacing: 0.08em; background: #bf2e1a; } .banner-bar h6 { margin-bottom: 17px; color: #bf2e1a; font-size: 22px; font-weight: 600; letter-spacing: 0.03em; } .banner-bar .block1 { } .banner-bar .block2 h5 { font-size: 22px; margin-bottom: 10px; letter-spacing: 0.04em; } .banner-bar .block2 h4 { margin-bottom: 7px; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 38px; letter-spacing: 0.01em; } .banner-bar .block2 h6 { padding: 0 15px; }*/ .banner-bar .block2 img.aligncenter { margin-top: 0; } .banner-bar .block1 img, .banner-bar .block2 img, .banner-bar .block3 img { padding: 10px; } .banner-bar .block1 h3 { color: #FFF; font-size: 75px; line-height: 75px; font-weight: 700; } .banner-bar .block1 h3 strong { display: block; font-weight: 900; font-size: 100px; } .banner-bar .block2 { float: left; width: 0; text-align: center; position: relative; margin-right: -200px;} .banner-bar .block2 h3 { color: #bf2e1a; font-size: 194px; font-weight: 700; line-height: 144px; } .banner-bar .block2 h3 sup { vertical-align: super; font-size: 25px; line-height: 30px; width: 70px; display: inline-block; text-align: left; } .banner-bar .block2 h3 sup small { font-size: 15px; } .banner-bar .block3 { float: right; width: calc(35% + 200px); text-align: center; } .banner-bar .block3 h4 { padding-left: 5px; color: #d3d8e4; font-size: 26px; line-height: 27px; text-transform: uppercase; font-weight: 700; } .banner-bar .block3 h4 strong { float: left; color: #5173c8; font-size: 65px; line-height: 65px; margin-top: -4px; } /*.banner-bar .bottomtext { position: absolute; left: 12px; bottom: 16px; color: #fff; font-size: 12px; letter-spacing: 0.01em; }*/ .banner-bar .bottomtext { position: absolute; left: 12px; bottom: 16px; color: #fff; font-size: 10px; letter-spacing: 0.01em;} .banner-bar .bottomtext img { display: inline-block; margin-right: 5px; } .banner-bar .bottomtext { } .banner-bar { } @media only screen and (max-width: 600px) { .banner-bar .bottomtext {position: relative; padding-top:20px;} } @media only screen and (max-width: 768px) { .banner-bar .block1 img { width:100%; } .banner-bar .block1 img#hero-button { width:100%; max-width: 200px !important; } .banner-bar .block3 img { width:100%; max-width: 450px !important; } } /* hero-bar */ .hero-bar { } .hero-bar .container { height: 365px; max-width: 1400px; background-repeat: no-repeat; background-size: cover; } .hero-bar .container .inner { padding: 10px 0 118px; position: relative; height: 100%; display: flex; align-items: center; max-width: 900px; } .hero-bar .parent-page-name { padding: 0 0 0 7px; display: block; font-size: 20px; line-height: 28px; color: #bf2e1a; font-weight: 700; text-transform: uppercase; } .hero-bar h1 { color: #09347a; font-size: 69px; line-height: 78px; margin: 0px; } .hero-bar .text { padding: 0 0 0 70px; } /* intro-bar */ .intro-bar { padding: 55px 0px 82px 0px; overflow: hidden; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(202,206,221,1) 70%, rgba(202,206,221,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(202,206,221,1) 70%,rgba(202,206,221,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(202,206,221,1) 70%,rgba(202,206,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cacedd',GradientType=0 ); } .intro-bar ul.listing { padding-bottom: 15px; list-style: none; } .intro-bar .slick-list { padding-top: 20px; padding-bottom: 20px; } .intro-bar ul.listing li.slick-slide { padding: 45px 18px 38px 18px; margin: 0 13px; text-align: center; float: left; width: calc(33.33% - 26px); border-radius: 5px; -webkit-border-radius: 5px; background: #FFF; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1); min-height: 500px; } .intro-bar h3 { margin-bottom: 28px; color: #bf2e1a; font-size: 32px; line-height: 40px; } .intro-bar li img { margin: 0 auto; display: block; } .intro-bar li img.alignleft { margin: 25px 20px 0 20px; } .intro-bar li ul { padding: 20px 0 40px; list-style: none; text-align: center; } .intro-bar li ul.leftalign { text-align: left; } .intro-bar li li { font-size: 20px; line-height: 37px; color: #223a76; font-weight: 600; } .intro-bar li li a { color: #223a76; text-decoration: underline; } .intro-bar li li a:hover { text-decoration: none; } .intro-bar li p { padding-bottom: 0px; } .intro-bar li h4 { margin-bottom: 0px; font-size: 49px; color: #263d77; font-weight: 700; position: relative; } .intro-bar li h4 strong { padding: 0px; font-size: 33px; font-weight: 700; position: absolute; right: 5px; top: 0px; } .intro-bar li h4 em { font-size: 11px; font-style: normal; position: absolute; right: 0px; top: 35px; letter-spacing: 0.03em; } .intro-bar li h4 i { font-style: normal; position: relative; padding-right:20px; } .intro-bar { } .intro-bar { } .intro-bar { } .slick-dots { width: 100%; text-align: center; margin-top: 10px; } .slick-dots li { padding: 0 5px; display: inline-block; } .slick-dots li button { padding: 0px; border: 0px; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; font-size: 0px; background: rgb(9,52,122); } .slick-dots li.slick-active button { background: #bf2e1a; } .slick-dots { } /* makethemove-bar */ .makethemove-bar { overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } .makethemove-bar .leftimg { padding: 27px 0px 0px 0px; float: left; width: 48.61%; overflow: hidden; position: relative; } .makethemove-bar .leftimg img { float: right; position: relative; z-index: 10; } .makethemove-bar .leftimg .text { padding: 20px 50px 22px 22px; color: #FFF; position: absolute; right: 220px; top: 227px; width: 375px; border-radius: 5px; -webkit-border-radius: 5px; background: #bf2e1a; } .makethemove-bar .leftimg h4 { margin-bottom: 7px; font-size: 24px; font-weight: 600; } .makethemove-bar .leftimg p { padding: 0px; font-size: 14px; line-height: 20px; } .makethemove-bar .leftimg p strong { display: block; font-weight: 700; } .makethemove-bar .leftimg { } .makethemove-bar .righttext { padding: 87px 0px 0px 0px; float: right; width: 46%; } .makethemove-bar .righttext h2 { margin-bottom: 22px; font-size: 60px; color: #223a76; } .makethemove-bar .righttext h2 strong { color: #bf2e1a; } .makethemove-bar .righttext p { padding-left: 5px; font-size: 20px; line-height: 32px; } .makethemove-bar .righttext h5 { padding-left: 5px; margin-top: 8px; font-size: 20px; font-weight: 700; vertical-align: middle; } .makethemove-bar .righttext h5 a { display: inline-block; padding: 20px 25px; line-height: 28px; font-size: 27px; color: #fff; font-weight: 700; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:inset 0 -5px 5px 2px rgba(0,0,0,0.3); background: rgb(191,46,26); background: -moz-linear-gradient(top, rgba(191,46,26,1) 0%, rgba(191,46,26,1) 100%); background: -webkit-linear-gradient(top, rgba(191,46,26,1) 0%,rgba(191,46,26,1) 100%); background: linear-gradient(to bottom, rgba(191,46,26,1) 0%,rgba(191,46,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2e1a', endColorstr='#bf2e1a',GradientType=0 ); position: relative; margin-left: 9px; } .makethemove-bar .righttext h5 a:hover { background: #8b0f1f; background: -moz-linear-gradient(top, #8b0f1f 0%, #8b0f1f 100%); background: -webkit-linear-gradient(top, #8b0f1f 0%,#8b0f1f 100%); background: linear-gradient(to bottom, #8b0f1f 0%,#8b0f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0f1f', endColorstr='#8b0f1f',GradientType=0 ); } .makethemove-bar .righttext h5 a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.4); box-shadow: 0 3px 5px 1px rgba(0,0,0,0.4); border-radius: 5px; -webkit-border-radius: 5px; } .makethemove-bar .righttext h5 a strong { font-weight: 400; } .makethemove-bar .righttext { } .makethemove-bar { } .makethemove-bar { } /* directors-bar */ .directors-bar { position: relative; } .directors-bar h1 { padding: 43px 20px 47px 36px; width: 458px; margin: -118px 0px 0px 67px; color: #FFF; font-size: 28px; line-height: 35px; font-weight: 600; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2); background: #bf2e1a; } .directors-bar .directors { padding: 55px 208px 55px 212px; } .directors-bar .directors ul { list-style: none; overflow: hidden; display: block; flex-wrap: wrap; } .directors-bar .directors li { padding: 24px 20px 20px 20px; min-height: 190px; margin: 0 11px 26px; float: left; width: calc(33.33% - 22px); flex-grow: 1; border: #7d94b9 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; } .directors-bar .directors h4 { margin-bottom: 13px; color: #09347a; font-size: 18px; font-weight: 600; line-height: 20px; } .directors-bar .directors p { padding-bottom: 10px; font-size: 16px; line-height: 20px; } .directors-bar .directors h5 { font-size: 14px; line-height: 20px; font-style: italic; } .directors-bar { } /* businesscards-bar */ .businesscards-bar { padding: 43px 0px 0px 0px; } .businesscards-bar h2 { font-size: 24px; font-weight: 700; color: #09347a; } .businesscards-bar .intro { padding-bottom: 20px; position: relative; overflow: hidden; } .businesscards-bar .intro .text { max-width: 100%; padding-right:470px } .businesscards-bar ul { padding-top: 9px; list-style: none; overflow: hidden; } .businesscards-bar li { padding-left: 16px; position: relative; font-size: 16px; line-height: 27px; } .businesscards-bar sup { vertical-align:super; font-size: 50%; } .businesscards-bar li:before { content: ""; position: absolute; left: 0px; top: 12px; width: 2px; height: 2px; border-radius: 50%; -webkit-border-radius: 50%; background: #000; } .businesscards-bar .intro .button2 { position: absolute; right: 77px; bottom: 60px; } .businesscards-bar .intro { } .businesscards-bar .creditcards { padding: 5px 0px 0px 0px; } .businesscards-bar .creditcards .businesscards { padding: 25px 74px 14px 35px; margin-bottom: 22px; border: #7d94b9 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; } .businesscards-bar .creditcards h3 { margin-bottom: 4px; font-weight: 700; color: #09347a; font-size: 30px; letter-spacing: 0.002em; } .businesscards-bar .creditcards .cards { padding: 20px 0px 20px 0px; overflow: hidden; } .businesscards-bar .creditcards .img { float: left; width: 21%; padding-right: 20px; } .businesscards-bar .creditcards .card-content { padding-top: 5px; float: left; width: 58%; } .businesscards-bar .creditcards .buttons { margin-top: -2px; text-align: center; float: right; width: 18.60%; } .businesscards-bar .creditcards h4 { margin-bottom: 0px; font-size: 18px; color: #bf2e1a; font-weight: 700; } .businesscards-bar .creditcards ul { padding-top: 0px; } .businesscards-bar .creditcards .buttons { } .businesscards-bar .creditcards .buttons a.button2 { display: block; margin-top: 8px; font-size: 22px; letter-spacing: 0.02em; } .businesscards-bar .creditcards .buttons { } .businesscards-bar .creditcards li { line-height: 27px; } .businesscards-bar { } /* Disclaimer */ .disclaimer { padding: 20px 0px 55px 0px; } .disclaimer p { padding-bottom: 12px; font-size: 12px; line-height: 18px; } .disclaimer { } .disclaimer { } div.wpcf7-response-output { width: 100%; float: left; text-align: center; border: 0px; color: #f00; } div.wpcf7-mail-sent-ok { color: #063; } /* management-bar */ .management-bar { padding: 40px 0px 40px 0px; overflow: hidden; } .management-bar .creditcards { padding: 30px 0px 0px 0px; margin: 0 -29px; display: flex; flex-wrap: wrap; justify-content: center; } .management-bar .cards { padding: 28px 22px 7px 27px; margin: 0 29px 30px; width: calc(50% - 58px); border: #7c93b8 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; } .management-bar .info { padding-bottom: 25px; overflow: hidden; } .management-bar .img { padding-right: 32px; float: left; width: 246px; } .management-bar .card-content { padding-top: 42px; float: right; width: calc(100% - 246px); } .management-bar h4 { margin-bottom: 15px; font-size: 30px; font-weight: 600; color: #09347a; } .management-bar h5 { font-size: 18px; line-height: 19px; margin-bottom: 16px; max-width: 200px; } .management-bar p { padding-bottom: 25px; font-size: 16px; line-height: 24px; } /* location-bar */ .location-bar { padding: 49px 0px 195px; background: #e6eaf1; } .location-bar h1 { padding-bottom: 34px; text-align: center; color: #09347a; font-size: 56px; } .location-bar .notice-of-hours { padding: 50px; background-color: #09347a; color: #ffffff; margin-top: 20px; margin-bottom: 50px; text-align: center; border-radius: 10px; } .location-bar .locationlist { } .location-bar .locationlist .location { padding: 20px 15px 15px 17px; margin-bottom: 27px; overflow: hidden; background: #FFF; } .location-bar .locationlist .thumbnail { float: left; width: 27.37%; margin-right: 3.6%; } .location-bar .locationlist .info { padding-top: 14px; float: left; width: 39.8%; } .location-bar .locationlist .map { float: right; width: 27.7%; } .location-bar .locationlist h2 { color: #bf2e1a; font-size: 34px; font-weight: 700; } .location-bar .locationlist .address { padding-bottom: 24px; line-height: 24px; } .location-bar .locationlist .timing { float: left; width: 315px; } .location-bar .locationlist .details { float: right; width: 205px; } .location-bar .locationlist ul { list-style: none; } .location-bar .locationlist li { overflow: hidden; font-size: 16px; line-height: 22px; } .location-bar .locationlist li span { float: left; width: 45%; font-weight: 700; } .location-bar .locationlist .details { } .location-bar .locationlist .details p { padding-bottom: 22px; font-size: 16px; line-height: 22px; } .location-bar .locationlist .details p strong { display: block; font-weight: 700; display: block; } .location-bar .locationlist .details a { color: #000; text-decoration: underline; } .location-bar .locationlist .details a:hover { text-decoration: none; } .location-bar .locationlist .details a.tel { cursor: text; text-decoration: none; } .location-bar .locationlist iframe { margin-bottom: 12px; width: 100%; height: 270px; } .location-bar .locationlist .button2 { padding: 15px 34px; width: 100%; max-width: 265px; text-align: center; font-weight: 600; } .location-bar .locationlist { } .location-bar .locationlist { } .location-bar .atmlocations { padding: 110px 0px 0px 0px; text-align: center; } .location-bar .atmlocations.lowgap { padding: 50px 0px 0px 0px; } .location-bar .atmlocations h3 { margin-bottom: 0px; color: #bf2e1a; font-weight: 700; font-size: 30px; } .location-bar .atmlocations h4 { color: #09347a; font-size: 48px; } .location-bar .atmlocations h4 strong { font-weight: 700; } .location-bar .atmlocations .atmmap { padding: 15px; max-width: 775px; margin: 0 auto; background: #FFF; } .location-bar { } /* contact-bar */ .contact-bar { padding: 50px 0px 65px 0px; text-align: center; } .contact-bar h2 { margin-bottom: 10px; font-size: 30px; color: #09347a; font-weight: 700; } .contact-bar h3 { margin-bottom: 5px; font-size: 48px; color: #09347a; } .contact-bar h3 a { color: #09347a; } .contact-bar p a { font-weight: 700; color: #09347a; text-decoration: underline; } .contact-bar p a:hover { text-decoration: none; } .contact-bar .wpcf7 { padding: 38px 0px 0px 0px; overflow: hidden; text-align: left; max-width: 1263px; margin: 0 auto; } .contact-bar .wpcf7 .wpcf7-text, .contact-bar .wpcf7 textarea { padding: 0 28px; margin: 0 11px 25px; font-size: 24px; float: left; width: calc(50% - 22px); height: 67px; border: #cccccc solid 1px; background: #FFF; } .contact-bar .wpcf7 .interest { padding: 32px 0px 0px 40px; float: left; width: 34.22%; } .contact-bar .wpcf7 .interest label { display: block; color: #000000; font-size: 24px; } .contact-bar .wpcf7 .interest .wpcf7-checkbox label { font-size: 18px; line-height: 27px; } .contact-bar .wpcf7 .interest span.wpcf7-list-item { display: block; margin: 0px; position: relative; } .contact-bar .wpcf7 .interest .wpcf7-checkbox { padding: 10px 0px 0px 27px; display: block; } .contact-bar .wpcf7 .interest span.wpcf7-list-item input { display: none; } .contact-bar .wpcf7 .interest span.wpcf7-list-item input + span { padding-left: 29px; position: relative; } .contact-bar .wpcf7 .interest span.wpcf7-list-item input + span:before { content: ""; position: absolute; left: 0px; top: 2px; width: 17px; height: 17px; background: url('images/check-icon.jpg') no-repeat; } .contact-bar .wpcf7 .interest span.wpcf7-list-item input:checked + span:after { content: ""; position: absolute; left: 0px; top: -4px; width: 25px; height: 25px; background: url('images/tick.png') no-repeat; background-size: 100%; } .contact-bar .wpcf7 .interest { } .contact-bar .wpcf7 .messages { padding: 11px 11px 0px 0px; float: right; width: 65.50%; } .contact-bar .wpcf7 .messages textarea { padding: 20px 26px; width: 100%; height: 243px; margin: 0px 0 20px; } .contact-bar .wpcf7 .messages .wpcf7-submit { padding: 15px 20px; width: 190px; float: left; margin: 7px 30px 0 0; font-weight: 600; } .contact-bar .wpcf7 .messages p { margin-top: 11px; font-size: 14px; line-height: 16px; width: calc(100% - 220px); float: left; } .contact-bar .wpcf7 .messages .ajax-loader { float: left; display: none; } .contact-bar { } span.wpcf7-not-valid-tip { display: none !important; } .wpcf7-not-valid { border-color: #F00 !important; } .wpcf7-validation-errors, div.wpcf7-response-output { float: left; width: 100%; border: 0px !important; text-align: center; color: #F00; } .wpcf7-mail-sent-ok { color: #063 !important; } div.wpcf7-response-output { } /* survey forms .survey-bar { padding: 50px 0px 65px 0px; text-align: left; } .survey-bar h2 { margin-bottom: 10px; font-size: 30px; color: #09347a; font-weight: 700; } .survey-bar h3 { margin-bottom: 5px; font-size: 48px; color: #09347a; } .survey-bar h3 a { color: #09347a; } .survey-bar p a { font-weight: 700; color: #09347a; text-decoration: underline; } .survey-bar p a:hover { text-decoration: none; } .survey-bar .wpcf7 { padding: 38px 0px 0px 0px; overflow: hidden; text-align: left; max-width: 1263px; margin: 0 auto; } .survey-bar .wpcf7 .wpcf7-text, .survey-bar .wpcf7 textarea { padding: 0 28px; margin: 0 11px 25px; font-size: 24px; float: left; width: calc(50% - 22px); height: 67px; border: #cccccc solid 1px; background: #FFF; } .survey-bar .wpcf7 .event-desc { padding: 11px 11px 0px 0px; float: right; width: 65.50%; } .survey-bar .wpcf7 .event-desc textarea { padding: 20px 26px; width: 100%; height: 243px; margin: 0px 0 20px; } .survey-bar .wpcf7 .date-sel { padding: 32px 0px 0px 40px; float: right; width: 34.22%; } .survey-bar .wpcf7 .date-sel label { display: block; color: #000000; font-size: 24px; } .survey-bar .wpcf7 .event-desc p { margin-top: 11px; font-size: 14px; line-height: 16px; width: calc(100% - 220px); float: left; } .survey-bar .wpcf7 .interest { padding: 32px 0px 0px 40px; float: right; width: 34.22%; } .survey-bar .wpcf7 .interest label { display: block; color: #000000; font-size: 24px; } .survey-bar .wpcf7 .interest .wpcf7-checkbox label { font-size: 18px; line-height: 27px; } .survey-bar .wpcf7 .interest span.wpcf7-list-item { display: block; margin: 0px; position: relative; } .survey-bar .wpcf7 .interest .wpcf7-checkbox { padding: 10px 0px 0px 27px; display: block; } .survey-bar .wpcf7 .interest span.wpcf7-list-item input { display: none; } .survey-bar .wpcf7 .interest span.wpcf7-list-item input + span { padding-left: 29px; position: relative; } .survey-bar .wpcf7 .interest span.wpcf7-list-item input + span:before { content: ""; position: absolute; left: 0px; top: 2px; width: 17px; height: 17px; background: url('images/check-icon.jpg') no-repeat; } .survey-bar .wpcf7 .interest span.wpcf7-list-item input:checked + span:after { content: ""; position: absolute; left: 0px; top: -4px; width: 25px; height: 25px; background: url('images/tick.png') no-repeat; background-size: 100%; } .survey-bar .wpcf7 .interest { } .survey-bar .wpcf7 .messages { padding: 11px 11px 0px 0px; float: right; width: 65.50%; } .survey-bar .wpcf7 .messages textarea { padding: 20px 26px; width: 100%; height: 243px; margin: 0px 0 20px; } .survey-bar .wpcf7 .messages .wpcf7-submit { padding: 15px 20px; width: 190px; float: left; margin: 7px 30px 0 0; font-weight: 600; } .survey-bar .wpcf7 .messages p { margin-top: 11px; font-size: 14px; line-height: 16px; width: calc(100% - 220px); float: left; } .survey-bar .wpcf7 .messages .ajax-loader { float: left; display: none; }*/ /* locationslist-bar */ .locationslist-bar { padding: 48px 0px 70px 0px; background: #e6eaf1; } .locationslist-bar h3 { margin-bottom: 30px; font-size: 30px; color: #09347a; font-weight: 700; text-align: center; } .locationslist-bar .location { padding: 21px 15px 30px 13px; margin: 0px 3px 0px 4px; float: left; width: calc(25% - 7px); background: #FFF; } .locationslist-bar .locationlist { padding-top: 18px; margin: 0 -4px; overflow: hidden; } .locationslist-bar h4 { margin-bottom: 0px; font-size: 28px; color: #bf2e1a; font-weight: 700; } .locationslist-bar .info { padding: 24px 24px 0px 25px; } .locationslist-bar .address { min-height: 120px; } .locationslist-bar .address p { padding: 0px; font-size: 18px; line-height: 24px; } .locationslist-bar a.textlink { font-weight: 700; color: #000; text-decoration: underline; } .locationslist-bar a.textlink:hover { text-decoration: none; } .locationslist-bar a.button2 { text-align: center; display: block; } /* socialicon-bar */ .socialicon-bar { padding: 54px 0px 82px 0px; } .socialicon-bar h3 { margin-bottom: 43px; font-size: 30px; color: #09347a; font-weight: 700; text-align: center; } .socialicon-bar ul { list-style: none; text-align: center; } .socialicon-bar li { padding: 0 20px; display: inline-block; } .socialicon-bar li a { display: block; width: 88px; text-align: center; color: #09347a; font-size: 14px; font-weight: 700; text-decoration: none; } .socialicon-bar li a .icon { padding: 0px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 40px; width: 88px; height: 88px; border-radius: 10px; -webkit-border-radius: 10px; background: #bf2e1a; } .socialicon-bar li a:hover .icon { background: #09347a; } .socialicon-bar { } /* testimonial-bar */ .testimonial-bar { padding: 0px 0px 0px 0px; } .testimonial-bar .details { padding-top: 86px; padding-bottom: 60px; text-align: center; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(213,214,224,1) 65%, rgba(213,214,224,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 8%,rgba(213,214,224,1) 65%,rgba(213,214,224,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 8%,rgba(213,214,224,1) 65%,rgba(213,214,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d6e0',GradientType=0 ); } .testimonial-bar .details .container { max-width: 1320px; } .testimonial-bar h1 { margin-bottom: 5px; font-size: 32px; color: #bf2e1a; font-weight: 700; } .testimonial-bar .details p { color: #09347a; font-size: 36px; line-height: 52px; } .testimonial-bar .details p strong { font-weight: 700; } .testimonial-bar { } .testimonial-bar .testimoniallist { padding-bottom: 175px; } .testimonial-bar .testimoniallist .testimonial { overflow: hidden; display: flex; background: #09347a; } .testimonial-bar .testimoniallist .thumbnail { background-position: center top; width: 44%; background-repeat: no-repeat; background-size: cover; } .testimonial-bar .testimoniallist .info { width: 56%; } .testimonial-bar .testimoniallist .slick-arrow { padding: 15px 38px 15px 22px; line-height: 23px; position: absolute; left: 50%; bottom: 72px; border: #c2c2c2 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; color: #bf2e1a; font-size: 18px; font-weight: 700; text-transform: uppercase; cursor: pointer; margin-left: 50px; background: none; font-family: 'Montserrat', sans-serif; } .testimonial-bar .testimoniallist .slick-arrow:before { content: ""; position: absolute; right: 20px; top: 50%; margin-top:-7px; border-bottom: transparent solid 7px; border-top: transparent solid 7px; border-left: #09347a solid 10px; } .testimonial-bar .testimoniallist .slick-prev { padding: 15px 22px 15px 38px; margin-left: -250px; } .testimonial-bar .testimoniallist .slick-disabled { opacity: 0; visibility: hidden; } .testimonial-bar .testimoniallist .slick-prev:before { left: 20px; right: auto; border-left: 0px; border-right: #09347a solid 10px; } .testimonial-bar .testimoniallist .content { padding: 190px 35px 140px 84px; color: #FFF; min-height: 800px; max-width: 880px; position: relative; } .testimonial-bar .testimoniallist .content:before, .testimonial-bar .testimoniallist .content:after { content: ""; position: absolute; left: 60px; top: 68px; opacity: 0.07; width: 120px; height: 100px; background: url('images/quote-top.png') no-repeat; } .testimonial-bar .testimoniallist .content:after { top: auto; bottom: 90px; left: auto; right: 0px; background: url('images/quote-bottom.png') no-repeat; } .testimonial-bar .testimoniallist p { font-size: 24px; line-height: 33px; } .testimonial-bar .testimoniallist .description { padding: 35px 0px 0px 0px; } .testimonial-bar .testimoniallist .description p { padding: 0px; font-size: 16px; line-height: 22px; } .testimonial-bar .testimoniallist .description .location { color: #bf2e1a; font-weight: 700; } .testimonial-bar .testimoniallist .description h5 { margin: 0px; font-size: 16px; line-height: 22px; font-weight: 600; } .testimonial-bar .testimoniallist .description { } .testimonial-bar { } /* textdata-bar */ .textdata-bar { padding: 60px 0px 13px 0px; overflow: hidden; } .textdata-bar h2 { margin-bottom: 26px; font-size: 30px; line-height: 40px; color: #09347a; } .textdata-bar h5 { margin-bottom: 5px; color: #09347a; font-weight: 600; } .textdata-bar .leftcontent { padding-bottom: 30px; float: left; width: 51%; } .textdata-bar .rightcontent { float: right; width: 43.24%; padding-top: 10px; } .textdata-bar p { padding-bottom: 28px; } .textdata-bar p a { font-weight: 700; color: #000; text-decoration: underline; } .textdata-bar p a:hover { text-decoration: none; } .textdata-bar p a.button2 { margin-bottom: 5px; text-decoration: none; color: #FFF; } .textdata-bar ul { padding-top: 5px; padding-bottom: 20px; list-style: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .textdata-bar li { padding-left: 27px; position: relative; color: #09347a; font-size: 18px; font-weight: 600; line-height: 30px; background: url('images/tick--icon.png') left 5px no-repeat; } .textdata-bar .leftcontent h6 { font-size: 12px; line-height: 18px; } .textdata-bar .block { padding: 23px 16px 20px 19px; overflow: hidden; border: #7d94b9 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; } .textdata-bar .block .text { padding: 0px 0px 0px 32px; float: left; width: 300px; } .textdata-bar .block .img { padding-top: 3px; margin-right: 5px; float: right; width: 246px; } .textdata-bar .block p { padding-bottom: 30px; color: #09347a; font-weight: 600; } .textdata-bar .block p strong { color: #bf2e1a; font-size: 60px; display: block; line-height: 58px; font-weight: 700; } .textdata-bar .block p sup { font-size: 50%; vertical-align: top; } .textdata-bar .block .button2 { float: left; width: 100%; text-align: center; margin-top: 2px; } .textdata-bar .block.option8 .text { padding: 0px; } .textdata-bar .block.option8 .text h3 { margin-bottom: 28px; font-size: 28px; line-height: 28px; color: #09347a; text-align: left; } .textdata-bar .block.option8 .text p { padding-left: 64px; padding-bottom: 20px; font-weight: 700; } .textdata-bar .block.option8 .text p strong { font-size: 48px; line-height:40px; } .textdata-bar .block.option8 .text { } .textdata-bar .block.option4 { height: 450px; position: relative; background-repeat: no-repeat; background-position: right top; } .textdata-bar .block.option4 .text { padding: 0px 20px; width: 100%; position: absolute; left: 0px; bottom: 22px; float: none; } .textdata-bar .block.option4 h3 { font-size: 48px; font-weight: 400; } .textdata-bar .block.option4 h3 strong { font-weight: 700; color: #09347a; } .textdata-bar .block.option4 p { color: #000; font-size: 18px; line-height: 25px; font-weight: 400; } .textdata-bar .block.option4 p strong { display: inline; color: #000; font-size: 18px; line-height: 25px; font-weight: 700; } .textdata-bar .block.option4 p a { color: #09347a; text-decoration: underline; } .textdata-bar .block .button2.red { background: #bf2e1a; } .textdata-bar .block .button2.red:hover { background: #09347a; } .textdata-bar .block.option2, .textdata-bar .block.option3 { background-position: right top; background-repeat: no-repeat; } .textdata-bar .block.option2 .text, .textdata-bar .block.option3 .text { padding: 8px 115px 0px 15px; width: 100%; } .textdata-bar .block.option2 h3 { font-size: 28px; color: #09347a; line-height: 28px; font-weight: 400; } .textdata-bar .block.option2 h3 strong { display: block; font-weight: 700; } .textdata-bar .block.option2 p strong { font-size: 48px; line-height: 44px; } .textdata-bar .block.option2 p { padding-bottom: 20px; } .textdata-bar .block.option2 .button2 { margin-top: 10px; } .textdata-bar .block.option2 .button2.red { } .textdata-bar .block.option2 { } .textdata-bar .block.option2 { } .textdata-bar .block.option3 .text { padding: 38px 55px 0px 15px; } .textdata-bar .block.option3 h3 { margin-bottom: 45px; color: #09347a; font-size: 36px; line-height: 43px; } .textdata-bar .block.option3 p { padding-bottom: 55px; padding-right: 40px; font-size: 20px; line-height: 29px; color: #000; } .textdata-bar .block.option3 .button2 { margin-top: 10px; } .textdata-bar .block.option5 { min-height: 450px; position: relative; background-repeat: no-repeat; background-position: right top; } .textdata-bar .block.option5 .text { padding: 0px 20px; width: 100%; position: absolute; left: 0px; bottom: 22px; float: none; } .textdata-bar .block.option5 h3 { margin-bottom: 5px; color: #09347a; } .page-checking-accounts .textdata-bar .block.option5 .text p h7 strong{font-size: 28px;line-height: 28px;color: #09347a;text-align: left; } .page-checking-accounts .textdata-bar .block.option5 .text h6 strong{color: #bf2e1a;} /*.textdata-bar .block.option5 p strong { font-size: 48px; line-height: 42px; }*/ .textdata-bar .block.option5 p strong { font-size: 30px; line-height: 28px; } /*.textdata-bar .block.option5 p { font-weight: 700;}*/ .textdata-bar .block.option5 p { font-weight: 700; padding-bottom: 10px;} .textdata-bar .block.option5 h4 { font-size: 18px; line-height: 24px; font-weight: 500; } .page-checking-accounts .textdata-bar .block.option5 { } .page-checking-accounts .textdata-bar .block.option5 h6 { margin-bottom: 15px; font-weight: 700; font-size: 18px; color: #09347a; } .page-checking-accounts .textdata-bar .block.option5 p strong { color: #09347a; } .page-checking-accounts .textdata-bar .block.option5 p { padding-bottom: 20px; } .textdata-bar .block.option5 { } /*.textdata-bar .block.option5-alt { min-height: 780px; position: relative; background-repeat: no-repeat; background-position: right top; } .textdata-bar .block.option5-alt .text { padding: 0px 20px; width: 100%; position: absolute; left: 0px; bottom: 22px; float: none; } .textdata-bar .block.option5-alt h3 { margin-bottom: 5px; color: #09347a; } .page-checking-accounts .textdata-bar .block.option5-alt .text p h7 strong{font-size: 28px;line-height: 28px;color: #09347a;text-align: left; } .page-checking-accounts .textdata-bar .block.option5-alt .text h6 strong{color: #bf2e1a;} .textdata-bar .block.option5-alt p strong { font-size: 48px; line-height: 42px; } .textdata-bar .block.option5-alt p { font-weight: 700; } .textdata-bar .block.option5-alt h4 { font-size: 18px; line-height: 24px; font-weight: 500; } .page-checking-accounts .textdata-bar .block.option5-alt { } .page-checking-accounts .textdata-bar .block.option5-alt h6 { margin-bottom: 15px; font-weight: 700; font-size: 18px; color: #09347a; } .page-checking-accounts .textdata-bar .block.option5-alt p strong { color: #09347a; } .page-checking-accounts .textdata-bar .block.option5-alt p { padding-bottom: 20px; } .textdata-bar .block.option5-alt { }*/ .textdata-bar .block.option6 { } .textdata-bar .block.option6 { } .textdata-bar .block.option6 p { padding-bottom: 15px; font-size: 16px; line-height: 22px; } .textdata-bar .block.option6 h3 { margin-bottom: 10px; color: #09347a; } .textdata-bar .block.option6 h3 strong { color: #bf3226;} .textdata-bar .block.option7 { min-height: 450px; position: relative; background-repeat: no-repeat; background-size: cover; } .textdata-bar .block.option7 .button2 { position: absolute; left: 20px; bottom: 22px; width: calc(100% - 40px); } .textdata-bar .block.option7 .text { position: absolute; left: 20px; top: 165px; width: 100%; max-width: 410px; color: #FFF; } .textdata-bar .block.option7 h4 { margin: 0px 0px 14px; font-size: 36px; line-height: 36px; font-weight: 700; } .textdata-bar .block.option7 h5 { text-align: right; font-size: 12px; font-weight: 700; color: #FFF; line-height: 14px; } .textdata-bar .block.option7 { } .textdata-bar .block.option7 { } .textdata-bar .block.option9 .text { padding: 0px 0px 0px 0px; } .textdata-bar .block.option9 h3 { font-size: 42px; line-height: 45px; color: #09347a; padding-top: 10px; } .textdata-bar .block.option9 ul { padding-top: 5px; padding-bottom: 20px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .textdata-bar .block.option9 ul li { padding-left: 15px; padding-bottom: 10px; font-size: 18px; line-height: 24px; color: #000; font-weight: 500; position: relative; background: none; } .textdata-bar .block.option9 ul li:before { content: ""; position: absolute; left: 5px; top: 10px; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%; background: #000; } .textdata-bar .block.option9 img { margin-top: 0px; margin-bottom: 10px; } .textdata-bar.fullwidth { border: 0px !important; padding-top: 0px; } .textdata-bar.fullwidth.topgap { padding-top: 40px; } .textdata-bar.fullwidth .leftcontent { width: 100%; } .textdata-bar.fullwidth ul { padding-bottom: 20px; } .textdata-bar.fullwidth h6 { padding-top: 20px; font-size: 12px; } .textdata-bar.fullwidth { } .textdata-bar h3 { font-weight: 700; color: #bf2e1a; font-size: 24px; line-height: 34px; margin-bottom: 12px; } .textdata-bar { } .vidoetext-bar + .textdata-bar { border-top: #bf2e1a solid 50px; } /* ctablock-bar */ .ctablock-bar { margin-top: 20px; padding: 50px 0px 67px 0px; color: #FFF; text-align: center; background: #bf2e1a url('images/cta-bg.png') bottom no-repeat; } .ctablock-bar p { margin-bottom: 20px; font-size: 28px; line-height: 44px; } .ctablock-bar.loan { padding-bottom: 62px; background-image: none; } .ctablock-bar.loan h4 { margin-bottom: 0px; font-weight: 700; } .ctablock-bar.loan p { margin-bottom: 0px; font-size: 24px; line-height: 36px; } .ctablock-bar.loan p a { color: #FFF; text-decoration: underline; } .ctablock-bar.loan p a:hover { text-decoration: none; } .ctablock-bar.loan a[href^="tel"] { text-decoration: none; cursor: text; } .ctablock-bar.loan .button2 { padding: 15px 68px; } .ctablock-bar.loan { } .ctablock-bar.loan { } .ctablock-bar p a { color: #FFF; } .ctablock-bar { } /* vidoetext-bar */ .vidoetext-bar { padding: 115px 0px 105px 0px; overflow: hidden; } .vidoetext-bar .video { padding-top: 7px; float: left; width: 710px; /*margin-left: -50px;*/ text-align: center; } .vidoetext-bar .rightcontent { float: right; width: 43.24%; } .vidoetext-bar .vid {width: 100%;overflow: hidden;position: relative;padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px;height: 0; } .vidoetext-bar .vid:before { display: block; position: absolute; top: 0px; left: 0px; width: 1px; height: 100%; background: #fff; z-index: 1; } .vidoetext-bar .vid:after { display: block; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: #fff; z-index: 1; } .vidoetext-bar .vid iframe{position: absolute;top: -4px;left: -4px;width: calc(100% + 8px);height: calc(100% + 8px);} /* .vidoetext-bar iframe {width: 102%;margin-bottom: 12px;margin-left: -1%; } */ .vidoetext-bar .vid iframe:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: #fff; z-index: 1; } .vidoetext-bar .vid iframe:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: #fff; z-index: 1; } .vidoetext-bar h2, .vidoetext-bar h3 { margin-bottom: 26px; font-size: 25px; line-height: 35px; color: #09347a; } .vidoetext-bar h2 strong { display: block; } .vidoetext-bar .caption { padding-left: 30px; color: #001c47; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.01em; } .vidoetext-bar p { padding-bottom: 28px; } .vidoetext-bar .button2 { padding: 15px 40px; margin-top: 5px; font-weight: 600; } /* rates-bar */ .rates-bar { padding: 41px 0px 60px 0px; } .rates-bar h2 { margin-bottom: 0px; font-size: 36px; color: #09347a; } .rates-bar p { font-size: 16px; line-height: 27px; font-weight: 600; } .rates-bar .ratestblock { padding: 6px 0px 0px 0px; } .rates-bar .ratestblock .block { padding-bottom: 22px; } .rates-bar .ratestblock .rates { padding: 18px 24px 25px 24px; border: #7d94b9 solid 1px; border-radius: 5px; -webkit-border-radius: 5px; } .rates-bar .ratestblock h3 { padding-left: 2px; margin-bottom: 13px; font-size: 22px; color: #bf2e1a; font-weight: 700; } .rates-bar .ratestblock ul.headings { list-style: none; overflow: hidden; } .rates-bar .ratestblock ul.headings li { overflow: hidden; } .rates-bar .ratestblock ul.headings li span { padding: 0px 0px 0px 22px; font-size: 16px; font-weight: 700; color: #FFF; line-height: 47px; margin: 0 2px; float: left; width: calc(25% - 4px); background: #bababa; } .rates-bar .ratestblock ul.headings li span:nth-child(2) { background: #cfcfdc; } .rates-bar .ratestblock ul.headings li span:nth-child(3) { background: #bf2e1a; } .rates-bar .ratestblock ul.headings li span:nth-child(4) { background: #09347a; } .rates-bar .ratestblock ul.headings { } .rates-bar .ratestblock ul.listing { list-style: none; } .rates-bar .ratestblock ul.listing li { padding-top: 3px; overflow: hidden; } .rates-bar .ratestblock ul.listing li span { padding: 0px 0px 0px 24px; font-size: 24px; font-weight: 400; color: #000000; line-height: 36px; margin: 0 2px; float: left; width: calc(25% - 4px); background: #f5f5f5; } .rates-bar .ratestblock ul.listing { } .rates-bar .ratestblock .disclaimer p { padding-bottom: 16px; font-size: 12px; line-height: 16px; font-weight: 400; } .rates-bar .ratestblock .disclaimer { padding: 15px 0px 0px 0px; } .rates-bar .ratestblock { } .rates-bar .ratestblock .rates .table-wrapper table { width: 100%; border-spacing: 4px; } .rates-bar table th { padding: 2px 7px 2px 22px; font-size: 16px; font-weight: 700; color: #FFF; line-height: 20px; background: #bababa; text-align: left; height: 47px; vertical-align: middle; text-transform: uppercase; } .rates-bar table th:nth-of-type(2), .rates-bar table th:nth-of-type(6) { background: #cfcfdc; } .rates-bar table th:nth-of-type(3), .rates-bar table th:nth-of-type(7) { background: #bf2e1a; } .rates-bar table th:nth-of-type(4), .rates-bar table th:nth-of-type(8) { background: #09347a; } .rates-bar table td { padding: 3px 10px 3px 24px; font-size: 17px; font-weight: 400; color: #000000; line-height: 25px; background: #f5f5f5; vertical-align: middle; } /* heading-bar */ .heading-bar { background: #eeeeee; } .heading-bar h1 { color: #bf2e1a; font-size: 36px; line-height: 38px; font-weight: 700;margin-bottom:0px; } .heading-bar .container { display: flex; align-items: center; text-align: center; justify-content: center; height: 150px; background: url(images/cta-bg2.png) right 10px bottom no-repeat; } /* investor-bar */ .investor-bar { padding: 64px 0px 100px 0px; text-align: center;} .investor-bar h3 { padding: 20px; min-width: 254px; text-align: center; line-height: 33px; color: #FFF; font-weight: 700; font-size: 18px; display: inline-block; background: #09347a; } .investor-bar li { font-size: 18px; line-height: 26px; } .investor-bar li a { color: #000000; text-decoration: underline; } .investor-bar li a:hover { text-decoration: none; } .investor-bar { } .investor-bar.loan { padding: 33px 0px 48px 0px; } .investor-bar.loan ul { width: 577px; margin: 0 auto; text-align: left; } .investor-bar.loan li { padding: 10px 0 15px; font-size: 18px; line-height: 22px; overflow: hidden; } .investor-bar.loan li span { float: left; width: 40.30%; } .investor-bar.loan li span:nth-child(2) { width: 28.68%; } .investor-bar.loan li span:nth-child(3) { width: 30.72%; } .investor-bar.loan p strong{display: block;margin: 30px 0px;font-size: 30px;line-height: 40px;color: #09347a;} .security-bar { padding: 64px 0px 100px 0px; text-align: center;} .security-bar h5{font-weight: 700;color: #bf2e1a;font-size: 24px;line-height: 34px;margin-bottom: 25px; text-align: left;} .security-bar ul{padding-top: 5px;padding-bottom: 45px;list-style: none;-webkit-column-count: 2;-moz-column-count: 2; column-count: 2;text-align: left;} .security-bar ul li{padding-left: 27px;position: relative;color: #09347a;font-size: 18px;font-weight: 600;line-height: 30px; background: url(images/tick--icon.png) left 5px no-repeat;} .security-bar p{ text-align: left;} .security-bar p strong{display: block;margin: 30px 0px;font-size: 30px;line-height: 40px;color: #09347a; text-align: left;} /* featuredpost-bar */ .featuredpost-bar { } .featuredpost-bar .intro { padding: 68px 0px 45px 0px; text-align: center; } .featuredpost-bar h1 { margin-bottom: 0px; font-size: 30px; font-weight: 700; color: #bf2e1a; } .featuredpost-bar h2 { color: #09347a; } .featuredpost-bar .faturedpost { padding: 63px 0px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; } .featuredpost-bar .posts { padding: 52px 50px 25px 50px; width: 100%; max-width: 735px; margin: 0 auto; text-align: center; background: #fff; } .featuredpost-bar h3 { margin-bottom: 25px; font-weight: 700; font-size: 36px; line-height: 42px; } .featuredpost-bar h3 a { color: #09347a; } .featuredpost-bar p { padding-bottom: 25px; font-size: 20px; } .featuredpost-bar .button2 { font-weight: 600; } .featuredpost-bar { } /* postlist-bar */ .postlist-bar { padding: 67px 0px 49px 0px; } .postlist-bar .listing { padding: 0px 35px 0px 89px; overflow: hidden; } .postlist-bar .post { margin: 0 15px 50px; float: left; width: calc(33.33% - 30px); position: relative; } .postlist-bar .post:nth-child(3n+1) { clear: left; } .postlist-bar .post img { width: 100%; } .postlist-bar h4 { margin: 0px; position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,0.7); font-weight: 600; } .postlist-bar h4 a { padding: 22px 25px 10px 25px; color: #fff; font-size: 20px; line-height: 28px; min-height: 135px; display: block; } .postlist-bar h4 a p { font-size: 14px; line-height: 20px; font-weight: 400px; padding: 5px 0px 10px 0px; } .postlist-bar .alm-btn-wrap { text-align: center; width: 100%; float: left; } .postlist-bar .alm-load-more-btn { font-family: 'Montserrat', sans-serif; font-weight: 600; min-width: 192px; } .postlist-bar .alm-load-more-btn.done { cursor: not-allowed; background: #09347a !important; font-size: 0px; } .postlist-bar .alm-load-more-btn.done:after { font-size: 16px; color: #FFF; content: "No More Articles"; } .postlist-bar { } .postlist-bar { } .blogbg { position: absolute; left: 0px; top: 123px; width: 100%; height: 940px; background-repeat: no-repeat; background-size: cover; background-position: top; } /* content-bar */ .content-bar { padding-top: 73px; padding-right: 4px; } .content-bar .container { max-width: 1400px; background: #FFF; } .content-bar .intro { padding: 65px 0px 0px 0px; text-align: center; min-height: 388px;} .content-bar h1 { margin-bottom: 32px; font-weight: 700; color: #09347a; } .content-bar .intro p {font-size: 14px;line-height: 20px;text-align: left;} .content-bar .panel-grid-cell .widget-title{font-weight: 400;font-size: 24px;line-height: 30px; text-align: left; } .content-bar .panel-layout{margin: 30px 0px;} .content-bar .panel-layout img{margin: 32px auto 20px } .content-bar .wp-post-image { margin: 0 auto 45px; } .content-bar .content { padding-bottom: 31px; max-width: 875px; margin: 0 auto; } .content-bar h4 {width:100% !important; margin-bottom: 17px; font-size: 24px; line-height: 30px; text-align: left; font-weight: 600;} .content-bar .relatedpost h4 {width:100% !important; margin-bottom: 17px; font-size: 24px; line-height: 30px; text-align: center; font-weight: 600;} .relatedpost .slick-list{text-align: center;} .relatedpost .slick-track{display: inline-block;} .content-bar .content p { font-size: 14px; line-height: 20px; } .content-bar .content ul { padding: 0px 0px 20px 20px; list-style: disc; text-align: left; } .content-bar .content ul li { font-size: 14px; line-height: 20px; } .textwidget { font-size: 14px; line-height: 26px; } .textwidget ul{list-style: inherit;margin-left: 20px;-webkit-column-count: 2;-moz-column-count: 2; column-count: 2;} .textwidget ul li{text-align: left;font-size: 16px;line-height: 26px;} .content-bar .fullviewbox { position: relative; margin-bottom: 67px; } .content-bar .fullbox { position: relative; margin-bottom: 67px; } .content-bar .fullviewbox .block, .content-bar .fullbox .widget { min-height: 554px; display: flex; align-items: center; justify-content: center; position: relative; color: #fff; text-align: center; } .content-bar .fullviewbox .text { max-width: 890px; text-align: center; } .content-bar .fullviewbox .bg { position: absolute; left: 50%; top: 0px; width: 100vw; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-repeat: no-repeat; background-size: cover; background-position: center; } .content-bar .fullviewbox h5, .content-bar .fullbox .widget p { font-weight: 700; font-size: 36px; line-height: 48px; text-align: center; } .content-bar .fullviewbox { } .content-bar .relatedpost { padding: 0px 64px 114px 42px; } .content-bar .relatedpost h4 { padding-left: 15px; } .content-bar .relatedpost .recent-post-list { list-style: none; overflow: hidden; } .content-bar .relatedpost .recent-post-list .slides { margin: 0 15px; float: left; width: calc(33.33% - 30px); position: relative; } .content-bar .relatedpost .recent-post-list .slides img { width: 100%; } .content-bar .relatedpost .recent-post-list .slides h4 { padding: 0px; margin: 0px; position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,0.7); font-weight: 600; } .content-bar .relatedpost .recent-post-list .slides h4 a { padding: 22px 25px 10px 25px; color: #fff; font-size: 20px; line-height: 28px; min-height: 135px; display: block; } .content-bar .relatedpost .recent-post-list .slides img { margin: 0px; } .content-bar .subheading p { margin-bottom: 0px; font-size: 24px; line-height: 30px; text-align: center; font-weight: 400;} .content-bar .subheading { width: 120%; margin-left: -10%; } .content-bar .subheading { } .content-bar .subheading { } .content-bar a.button2.btnback { padding: 8px 20px; position: absolute; right: 0px; top: -58px; font-size: 14px; } .content-bar { } .content-bar { } .content-bar { } .content-bar { } .content-bar { } .content-bar { } .content-bar { } .content-bar { } /* news-bar */ .news-bar { padding: 15px 0px 57px 0px; } .news-bar .news { padding: 30px 0px 19px 0px; border-bottom: #9a9a9a solid 1px; } .news-bar .news:nth-child(4) { border: 0px; } .news-bar .newsbg { margin: 0 auto; max-width: 1220px; } .news-bar .date { padding-bottom: 14px; display: block; color: #bf2e1a; font-size: 12px; font-weight: 700; text-transform: uppercase; } .news-bar h4 { margin-bottom: 14px; display: block; color: #09347a; font-size: 22px; font-weight: 600; } .news-bar h4 a { color: #09347a; } .news-bar p { font-size: 14px; line-height: 22px; } .news-bar a.more { color: #bf2e1a; font-size: 14px; font-weight: 700; text-decoration: underline; margin-left: 10px; } .news-bar a.more:hover { text-decoration: none; } .news-bar .share { overflow: hidden; padding-top: 7px; } .news-bar .share span.heading { padding-right: 10px; line-height: 30px; font-size: 14px; text-decoration: underline; font-weight: 700; text-transform: uppercase; } .news-bar .share .addtoany_list a:not(.addtoany_special_service)>span { width: 67px !important; } .news-bar .share .a2a_svg svg { height: 22px !important; margin-top: 5px; } .news-bar .share .addtoany_share { display: none !important; } .news-bar .wp-pagenavi { padding: 18px 0px 0px 0px; } .news-bar .wp-pagenavi span.pages, .news-bar .wp-pagenavi .nextpostslink, .news-bar .wp-pagenavi .previouspostslink { display: none; } .news-bar .wp-pagenavi a.page, .news-bar .wp-pagenavi span.current { display: block; float: left; margin-right: 15px; width: 34px; height: 34px; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; line-height: 34px; font-weight: 600; color: #000; font-size: 16px; background: #eeeeee; } .news-bar .wp-pagenavi a.page:hover { color: #FFF; background: #000; } .news-bar.details { padding-top: 50px; } .news-bar { } /* calculators-bar */ .calculators-bar { padding: 0px 0px 40px 0px; } .calculators-bar .calculatorbox { padding: 53px 0px 87px 0px; border-bottom: #636363 solid 1px; } .calculators-bar .calculatorbox:last-child { border: 0px; } .calculators-bar .calculatormid { max-width: 1008px; margin: 0 auto; overflow: hidden; position: relative; } .calculators-bar .leftcont { float: left; width: 395px; margin-left: 7px; } .calculators-bar .leftcont .calc { padding: 22px 32px 15px 28px; border-radius: 5px; -webkit-border-radius: 5px; border: #738ab2 solid 1px; background: #ececf2; } .calculators-bar .leftcont h3 { margin-bottom: 12px; color: #09347a; font-size: 24px; font-weight: 700; } .calculators-bar .leftcont .fform { display: none; } .calculators-bar .leftcont label { margin-bottom: 7px; font-weight: 600; color: #000000; font-size: 16px; display: block; } .calculators-bar .leftcont .field { padding: 0 20px; margin-bottom: 11px; font-size: 14px; width: 100%; height: 52px; border: #174082 solid 1px; background: #FFF; } .calculators-bar .leftcont select.field { appearance: none; -webkit-appearance: none; background: #FFF url('images/select-arrow.jpg') right 5px center no-repeat; } .calculators-bar .leftcont #fbuilder .small { width: 125px !important; } .calculators-bar .leftcont #fbuilder .medium { width: 100% !important; } .calculators-bar .leftcont #fbuilder .results .medium { padding: 0px; text-align: right; } .calculators-bar .leftcont .calculate-button { padding: 11px 34px; width: 100%; margin-top: 10px; line-height: 24px; font-size: 14px; font-weight: 700; color: #FFF; text-transform: uppercase; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0.01em; background: #09347a; } .calculators-bar .leftcont { } .calculators-bar .leftcont { } .calculators-bar .info { min-height: 366px; } .calculators-bar .config2 .info { min-height: 295px; } .calculators-bar .rightcont { margin-right: 4px; float: right; width: 502px; } .calculators-bar .buttons { padding: 0px; height: 288px; position: relative; border-radius: 5px; -webkit-border-radius: 5px; background-repeat: no-repeat; background-size: cover; } .calculators-bar .buttons .text { padding: 0px 25px 38px 40px; position: absolute; left: 0px; bottom: 0px; } .calculators-bar .buttons a.textlink { position: relative; } .calculators-bar .buttons a.textlink:after { content: ""; /*position: absolute; right: 0px; top: 6px;*/ display: inline-block; vertical-align: middle; border-top: transparent solid 6px; border-bottom: transparent solid 6px; border-left: #fff solid 8px; margin-left: 10px; } .calculators-bar .buttons a.textlink:hover { color: #FFF; } .calculators-bar .buttons h3 { padding: 0px 70px 5px 0px; color: #FFF; font-size: 36px; line-height: 39px; font-weight: 700; } .calculators-bar .after { text-align: center; padding-top: 27px; } .calculators-bar .after p a { font-weight: 700; display: inline-block;} .calculators-bar .buttons { } .calculators-bar .results { position: absolute; right: 4px; top: 20px; width: 502px; } .calculators-bar #fbuilder .results fieldset { border: 0px; } .calculators-bar .results legend { display: none; } .calculators-bar .results .listing { width: 100%; } .calculators-bar .results .listing .fields { padding: 10px 0px 4px 50px !important; line-height: 26px; position: relative; overflow: hidden; border-bottom: #c7c7c7 solid 2px; } .calculators-bar .results .listing .fields:before { content: ""; position: absolute; left: 0px; top: 12px; width: 26px; height: 26px; background: #09347a; } .calculators-bar .results .listing .fields:nth-child(2):before { background: #bf2e1a; } .calculators-bar .results .listing .fields:nth-child(3):before { background: #c5c5c5; } .calculators-bar .results .listing .fields label { color: #000; font-size: 22px; float: left; max-width:70%; } .calculators-bar .results fieldset { padding: 0px !important; } .calculators-bar .results .listing .fields .field, .calculators-bar #fbuilder .results .listing .fields .medium { padding:0; float: right; width: 100px !important; text-align: right; height: auto; border: 0px; font-size: 22px; font-weight: 400; color: #000; } #fbuilder .top_aligned .fields.results label { padding-left:3px; max-width: 50%; float: left; text-align: left; } #fbuilder .results .dfield { max-width: 50%; float: right; } .calculators-bar .results .listing .fields { } .calculators-bar .results .listing .fields:last-child { border: 0px; } .calculators-bar .results .listing .fields.field_1-11 { border: 0px; } .calculators-bar .results { } .calculators-bar #fbuilder .calculations { padding-top: 32px; text-align: center; } .calculators-bar .calculations label { display: block; font-size: 22px; font-weight: 600; } .calculators-bar .calculations .field { text-align: center; height: auto; border: 0px; font-size: 42px; font-weight: 700; color: #000; } .calculators-bar .calculations { } .calculators-bar .cff-html-field { padding: 25px 0 !important; } .calculators-bar .cff-html-field .dfield { font-weight: 700; } .error404 .news-bar , body.search .news-bar { text-align:center; padding: 60px 0 80px; } body.search .news-bar #searchform input[type="text"] { height: 40px; border: 1px solid rgba(0,0,0,0.5); width: 250px; padding: 10px; font-size: 16px; } body.search .news-bar #searchform #searchsubmit { width: auto; padding: 5px 20px; cursor: pointer; height: 40px; border:0; text-transform: uppercase; font-size: 16px; color: #fff; font-weight:700; background: #bf2e1a; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } body.page-newsletter .investor-bar.loan { min-height: calc(100vh - 697px); } /* footer-part */ #footer-part { padding: 40px 0px 70px 0px; color: #fff; overflow: hidden; background: #09347a;min-height: 312px; } #footer-part .footerlogo { padding-top: 3px; float: left; width: calc(23% + 10px); margin-left: -10px; } #footer-part .copyrightmobile{display:none;} #footer-part .copyrightmobile p { padding: 8px 0px 0px 8px; letter-spacing: 0.05em; color: #FFF; font-size: 12px; line-height: 16px; } #footer-part .copyright{} #footer-part .copyright p { padding: 8px 0px 0px 8px; letter-spacing: 0.05em; color: #FFF; font-size: 12px; line-height: 16px; } #footer-part .newsletterblock { padding-right: 48px; float: left; width: 26.85%; } #footer-part .social { float: left; width: 15.65%; } #footer-part .footermenus { float: left; width: 22%; } #footer-part .sponsors { float: right; width: 12.5%; } #footer-part a { color: #FFF; text-decoration: underline; } #footer-part a:hover { text-decoration: none; } #footer-part h4, h5 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } #footer-part h4.applogo { margin-top: 20px; margin-bottom: 10px; } #footer-part .social h4, h5 { margin-bottom: 15px; } #footer-part .social ul { list-style: none; overflow: hidden; } #footer-part .social li { padding-right: 7px; float: left; } #footer-part .social li a { padding-top: 2px; display: block; color: #09347a; width: 24px; height: 24px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; background: #FFF; } #footer-part .social li a:hover { color: #fff; background: #cf152d; } #footer-part .social ul.applist { } #footer-part .social ul.applist li { padding: 0 0px 2px; float: none; } #footer-part .social ul.applist a { padding: 0px; width: auto; height: auto; border-radius: 0px; -webkit-border-radius: 0px; background: none; } #footer-part .social { padding-right: 10px; } #footer-part .footermenus { } #footer-part .footermenus h4 { margin-bottom: 8px; } #footer-part .footermenus ul { list-style: none; overflow: hidden; padding-left: 4px; } #footer-part .footermenus li { font-size: 16px; line-height: 25px; } #footer-part .footermenus li a { padding-left: 17px; position: relative; text-decoration: none; letter-spacing: 0.02em; } #footer-part .footermenus li a:before { content: ""; position: absolute; left: 0px; top: 5px; border-top: transparent solid 4px; border-bottom: transparent solid 4px; border-left: #cf152d solid 7px; } #footer-part .footermenus li a:hover { color: #2f599d; } #footer-part .footermenus { } #footer-part .footermenus { } .newsletterblockmobile{display:none;} #footer-part .newsletterblockmobile .tnp-subscription label { display: none; } #footer-part .newsletterblockmobile .tnp-field-email { float: left; width: calc(100% - 47px); } #footer-part .newsletterblockmobile .tnp-subscription input[type=text], #footer-part .newsletterblockmobile .tnp-subscription input[type=email] { padding: 0 24px; height: 48px; font-size: 14px; color: #555; } #footer-part .newsletterblockmobile .tnp-subscription { margin-top: 0px; } #footer-part .newsletterblockmobile .tnp-field-button { position: relative; float: left; width: 47px; height: 48px; background: #cf152d; } #footer-part .newsletterblockmobile .tnp-field-button:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-top: transparent solid 7px; border-bottom: transparent solid 7px; border-left: #fff solid 8px; } #footer-part .newsletterblockmobile .tnp-field input[type="submit"] { width: 100%; height: 48px; cursor: pointer; font-size: 0px; border: 0px; background: none; } #footer-part .newsletterblockmobile .tnp-field:hover { background: #8b0f1f; } #footer-part .newsletterblock { } #footer-part .newsletterblock .tnp-subscription label { display: none; } #footer-part .newsletterblock .tnp-field-email { float: left; width: calc(100% - 47px); } #footer-part .newsletterblock .tnp-subscription input[type=text], #footer-part .newsletterblock .tnp-subscription input[type=email] { padding: 0 24px; height: 48px; font-size: 14px; color: #555; } #footer-part .newsletterblock .tnp-subscription { margin-top: 0px; } #footer-part .newsletterblock .tnp-field-button { position: relative; float: left; width: 47px; height: 48px; background: #cf152d; } #footer-part .newsletterblock .tnp-field-button:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-top: transparent solid 7px; border-bottom: transparent solid 7px; border-left: #fff solid 8px; } #footer-part .newsletterblock .tnp-field input[type="submit"] { width: 100%; height: 48px; cursor: pointer; font-size: 0px; border: 0px; background: none; } #footer-part .newsletterblock .tnp-field:hover { background: #8b0f1f; } #footer-part .newsletterblock { } .show-overlay-body .overlay-content{opacity:1;visibility:visible;pointer-events:auto} .overlay-content {background: rgba(223,223,222,.74);width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex; flex-direction: column;align-content: center;justify-content: center;text-align: center;z-index: 9999;opacity: 0; visibility: hidden; pointer-events: none;transition: all .35s;-webkit-transition: all .35s;-moz-transition: all .35s; -ms-transition: all .35s;-o-transition: all .35s;} .overlay-content .inner {margin: 15px auto;word-wrap: break-word;padding: 16px;width: 630px;background: #fff;font-size: 18px; line-height: 27px;color: #1e1a12;} .overlay-content .inner .text {padding: 37px 28px 23px;border: 2px solid #bf2e1a;text-align: center;} .overlay-content h3 {text-transform: none;padding: 0 0 10px;font-size: 33px;line-height: 44px;letter-spacing: 0px;color: #1e1600;font-weight: 500;background: 0 0;} .overlay-content p { text-align: center;font-size: 16px;line-height: 23px;font-weight: 400;padding-bottom: 30px;} .overlay-content .btn, .overlay-content .secondary-btn{padding: 10px 15px 12px;min-width: 153px;text-align: center;border: 2px solid #bf2e1a;display: inline-block;vertical-align: top;font-weight: 600;font-size: 18px;line-height: 26px;color: #fff;border-radius: 27px;-webkit-border-radius: 27px;background-color: #bf2e1a; margin: 0 10px;} .overlay-content .inner .text a{text-decoration:none !important;} .overlay-content .inner .text a:hover{color: #bf2e1a;background: #9d2211;} } /* Begin Typography & Colors */ .commentlist li ul li { font-size: 1em; } .commentlist li { } .commentlist li .avatar { float: left; margin: 0px 15px 5px 0px; } .commentlist cite { font-weight: bold; font-style: normal; } .commentlist .comment-author { color: #222; } .commentlist cite a { font-style: normal; } .commentlist cite.fn a, .comment-meta a { cursor: text; text-decoration: none !important; } .commentlist p { padding: 5px 0 10px 0 !important; float: left; width: 100%; overflow: hidden; line-height: 24px; } /*.reply a.comment-reply-link { padding: 0 30px; margin-top: 5px; line-height: 35px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; font-size: 15px; color: #FFF; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background: #9acc48; } .reply { padding-bottom: 10px; } .reply a.comment-reply-link:hover { text-decoration: none; background: #659a1b; }*/ .commentmetadata { font-weight: normal; } #respond h3 small { padding: 0px; display: inline; font-weight: normal; font-size: 15px; } #respond h3 small a { color: #333; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font-family: 'Lato', sans-serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; float: none !important; } img.alignright { margin: 10px 0 10px 20px; float: right; } img.alignleft { margin: 10px 20px 10px 0px; float:left; } img.alignnone { margin: 10px 20px 10px 0; float:left; } img.aligncenter { padding: 0px; display: block; margin: 10px auto 10px auto; float: none; } .alignright { margin: 10px 0px 10px 20px; float: right; } .alignleft { margin: 10px 20px 10px 0px; float: left; } /* End Images */ #commentform input[type="text"] { width: 70%; padding: 5px 10px; height: 35px; color: #222; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; border: #CCC solid 1px; font-size: 15px; background: #FFF; border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; } #commentform { margin: 0px 10px 0 0; max-width: 500px; } #commentform textarea { width: 100%; padding: 5px 10px; height: 170px; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0px 0px 10px 0; border: #CCC solid 1px; background: #FFF; color: #222; font-size: 15px; resize: none; border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform div.error, #commentform label.error { display: none !important; } .comment_section { padding: 20px 20px 20px 0px; border-top: #ddd solid 1px; margin: 25px 0 40px 0; background: #FFF; } .comment_section h3 { padding-bottom: 10px !important; } .content_sec .right_sidebar #respond h3 { padding-bottom: 10px; } .comment_section h3#comments { padding-bottom: 15px; } .comment_section .reply { font-size: 16px; } .navigation { overflow: hidden; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } h3#comments { padding-top: 15px; } .commentlist { margin: 0px 0px 10px 0px; padding: 0px !important; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 0px; list-style: none; } .commentlist li ul li { padding-bottom: 10px; margin: 0 0 0 10px; } .children { padding: 15px 0 0 20px !important; margin-bottom: 0px; } .comment-meta a { color: #838383; font-size: 14px; } e,.comment-awaiting-moderation { font-size: 13px; } #commentform p { padding: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; padding-bottom: 5px; } #respond { padding-top: 5px; } /* End Comments */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; } .wp-caption { border: 1px solid #ccc; text-align: center; padding: 5px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 15px; line-height: 18px; padding: 5px 0px 0px; margin: 0; text-align: center; } /* End captions */ table .alignleft{ float:left; width:100%} table .alignright{ float:left; width:100%} table .alignnone{ float:left; width:100%} table{ border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; /* margin: 0 0 1.6em;*/ table-layout: fixed; width: 100%; margin-bottom: 15px; } th, td{ padding:0.4em; vertical-align: top; } th, td img{ margin:0px!important} td img{ width:100%} @media screen and (max-width: 1024px) { body { -webkit-text-size-adjust: none; } select, input, textarea { -webkit-appearance: none; } } /* careers-box */ .careers-box { padding: 50px 0px 67px; width: 100%; overflow: hidden;} .careers-box h2 { margin-bottom: 20px; font-size: 30px; line-height: 40px; color:#09347a; font-weight: 600; } .careers-box h3 {font-weight: 700;color: #bf2e1a; font-size: 24px; line-height: 34px; margin-bottom: 12px; } .careers-box ul { padding: 0px 0 20px; list-style: none; overflow: hidden; } .careers-box li { padding-left: 16px; position: relative; font-size: 16px; line-height: 27px; } .careers-box li:before { content: ""; position: absolute; left: 0px; top: 12px; width: 2px; height: 2px; border-radius: 50%; -webkit-border-radius: 50%; background: #000; } .careers-box h4 {font-weight: 700; font-size: 22px; line-height: 32px; margin-bottom: 12px; } /*blog css*/ /* .single .content-bar h4{font-size: 24px; line-height: 28px;padding-bottom: 20px; font-weight:400;} .single .content-bar .wp-block-image {margin:150px 0px 50px 0px;} */ /* LONS CSS START */ .page-id-382 .textdata-bar .block.option8 .text p {padding-left: 0px;font-size:15px;padding-bottom:10px;} .page-id-382 .textdata-bar .block.option8 .text p strong {font-size: 28px;text-transform: uppercase;line-height: 28px;} .page-id-382 .textdata-bar .block.option8 .text p br {display: none;} .page-id-382 .textdata-bar .block.option8 .text h3 {margin-bottom: 6px;font-size: 26px;line-height: 25px;color: #09347a;text-align: left;} .page-id-382 .textdata-bar .block p sup{font-size: 84%;} /* saving-bar */ .saving-bar { position: relative; overflow: hidden; background: rgb(34,58,118); background: -moz-linear-gradient(top, rgba(34,58,118,1) 0%, rgba(4,16,55,1) 100%); background: -webkit-linear-gradient(top, rgba(34,58,118,1) 0%,rgba(4,16,55,1) 100%); background: linear-gradient(to bottom, rgba(34,58,118,1) 0%,rgba(4,16,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223a76', endColorstr='#041037',GradientType=0 ); } .saving-bar:before { opacity: 0.3; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('images/star-bg.png') repeat; } .saving-bar .container { padding-top: 108px; padding-bottom:225px; z-index: 1; } .saving-bar img.mainimg { position: absolute; right: -60px; bottom: 0px; } .saving-bar .block1 { padding-right: 48px; float: left; width: 50%; position: relative; text-align: center;} .saving-bar .block1:after{ content: ""; position: absolute; right: -4px; top: 10px; width: 8px; height: calc(100% - 25px); background: #5173c8; } .saving-bar .block1 h3 {color: #FFF;font-size: 103px;line-height: 102px;font-weight: 700;letter-spacing: -1.5px;margin-left: -10px;} .saving-bar .block1 h3 strong { display: block; font-weight: 900; font-size: 140px; } .saving-bar .block1 h4 { color: #bf2e1a; font-size: 260px; font-weight: 700; line-height: 260px; } .saving-bar .block1 h4 sup { vertical-align: super; font-size: 70px; line-height: 40px; width: 70px; display: inline-block; text-align: left;position: relative;left: -17px;top: -1px; } .saving-bar .block1 h4 sup small { font-size: 31px; } .saving-bar .block2 {float: left;width: 35%;text-align: left;position: relative;margin-left: 101px;margin-top: 6px;} .saving-bar .block2 h3 { color: #fff;font-size: 24px; font-weight: 700; line-height:30px; margin-bottom:25px } .saving-bar .block2 h3 span { color: #bf2e1a;} .saving-bar .block2 h4 {font-size: 36px; font-weight: 400; line-height:41px; color: #fff; } .saving-bar .block2 ul {list-style: none;margin-top: 40px; } .saving-bar .block2 ul li{padding: 5px 0px 5px 45px;background: url(images/saving-checkicon.png) left 4px no-repeat;font-size: 16px;line-height: 19px;color: #fff;font-weight: 500;margin-bottom: 8px;} .saving-bar .bottomtext { position: absolute; left: 12px; bottom: 55px; color: #fff; font-size: 12px; letter-spacing: 0.01em; } .saving-bar .bottomtext p { font-size: 10px;line-height: 14px;padding-bottom: 15px;} .saving-bar .bottomtext { } .money-bar { position: relative; overflow: hidden; background: url(images/money-bg.jpg) no-repeat 50%; min-height: 890px; background-size:cover; } .money-bar .container{padding-top: 150px; padding-bottom:60px; z-index: 1;} .money-bar .toptext{width:100%; float: left;margin-left: -5px;} .money-bar .toptext h3{color: #fff; text-transform: upperCase; font-size: 70px; font-weight: 700; line-height: 48px;letter-spacing: -1.2px;margin-bottom: 12px;margin-left: -4px;} .money-bar .toptext h4{color: #bf2e1a; font-size: 36px; line-height: 46px;font-weight: 700;letter-spacing: -0.5px; margin-left: -2px;} .money-bar .box {width:100%; float: left;} .money-bar .left{width: 49%; float: left; padding-top: 10px; padding-right: 47px;} .money-bar .left p{font-size: 18px; line-height: 30px;color:#fff;} .money-bar .left p span{font-size: 17px; line-height: 30px;color:#0d377c;font-weight: 700;} .money-bar .left h6{font-size: 24px; line-height: 30px; color:#fff; font-weight: 500; margin-top: 38px;margin-bottom: 25px;} .money-bar .left ul {list-style: none;padding: 16px 0px 25px;; border-top: 1px solid #fff;border-bottom: 1px solid #fff} .money-bar .left ul li{font-size: 24px;line-height: 39px;color: #08337a;font-weight: 700;} .money-bar .left ul li strong{color: #bf2e1a;font-weight: 700;} .money-bar .right{width: 50%; float: left; padding-left: 11px;} .money-bar .right .button{float: left;text-align: center; color:#bf2e1a;padding: 20px 80px 20px 42px; margin: 0px 0px 0px -10px;} .money-bar .right .button:hover{color:#fff;} .money-bar .right .button:after{content: "";width: 32px;height: 32px;position: absolute;right: 33px;top: 50%;background: url(images/red-icon.png) no-repeat; margin-top: -16px;} .money-bar .right .button:before{ box-shadow: none;} .money-bar .right ul {list-style: none;margin-top: 8px; margin-bottom: 60px;} .money-bar .right ul li{padding:6px 0px 5px 38px;background: url(images/saving-checkicon.png) left 4px no-repeat;font-size: 16px;line-height: 19px;color: #fff;font-weight: 500;margin-bottom: 8px;} .money-bar .bottomtext{ padding: 70px 0px 0px; float: left; width:100%;} .money-bar .bottomtext p{ font-size: 10px;line-height: 14px; color:#000;font-weight: 500;} /* 10 Mar 2025 */ .business-hero-bar { } .business-hero-bar .inner { display: flex; flex-wrap: wrap; align-items: center; min-height: 365px; background-position: center right; background-size: cover; background-repeat: no-repeat; } .business-hero-bar .inner .text { padding: 40px 45px; } .business-hero-bar .inner h4 { margin: 0px 0px 13px; font-size: 22px; line-height: 28px; color: #bf2e1a; font-weight: 700; } .business-hero-bar .inner h1 { margin: 0px; font-size: 52px; line-height: 61px; color: #00216e; font-weight: 400; } .business-hero-bar .inner h1 strong { font-weight: 700; } .business-sec-1-bar { padding: 40px 0px; } .business-sec-1-bar .container { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; } .business-sec-1-bar .left-part { padding: 0px 29px 0px 50px; width: 74.5%; } .business-sec-1-bar .right-part { width: 25.5%; } .business-sec-1-bar .box { margin: 0px 0px 39px; display: flex; flex-wrap: wrap; align-items: center; } .business-sec-1-bar .box .txt { order: -1; width: 63%; } .business-sec-1-bar .box.no-img { margin-bottom: 0px; } .business-sec-1-bar .box.no-img .txt { width: 100%; } .business-sec-1-bar .box .txt p { font-size: 24px; line-height: 40px; color: #000000; font-weight: 400; } .business-sec-1-bar .box .txt p a { color: #000000; text-decoration: underline; } .business-sec-1-bar .box .txt p a:hover { text-decoration: none; } .business-sec-1-bar .box .txt p strong { font-weight: 700; } .business-sec-1-bar .box .img { margin: 0px 0px 0px -8%; width: 45%; } .business-sec-1-bar .box .img img { width: 100%; } .business-sec-1-bar .text { } .business-sec-1-bar .text h4 { padding: 0px; margin: 0px; font-size: 18px; line-height: 28px; color: #00216e; font-weight: 700; } .business-sec-1-bar .text p { padding-bottom: 28px; color: #000000; } .business-sec-1-bar .text ul { padding: 14px 0px 0px 7px; margin: 0px; max-width: 700px; list-style-type: none; font-size: 18px; line-height: 30px; color: #09347a; font-weight: 600; column-count: 2; column-gap: 20px; } .business-sec-1-bar .text ul li { padding: 0px 0px 0px 38px; page-break-inside: avoid; break-inside: avoid-column; background: url(images/tick--icon.png) left 5px no-repeat; } .business-sec-1-bar .form-content { padding: 24px 26px 23px; background: #00216e; } .business-sec-1-bar .form-content h4 { padding: 0px 0px 17px; margin: 0px; text-align: center; font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 700; } .business-sec-1-bar .form-content input[type="text"], .business-sec-1-bar .form-content input[type="email"], .business-sec-1-bar .form-content input[type="tel"], .business-sec-1-bar .form-content select { padding: 0px 17px; margin: 0px 0px 19px; font-size: 16px; line-height: inherit; color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 1px solid #ffffff; display: block; width: 100%; height: 51px; background-color: #ffffff; } .business-sec-1-bar .form-content select { padding-right: 35px; margin-bottom: 22px; cursor: pointer; appearance: none; -webkit-appearance: none; background: #ffffff url(images/select-arrow.png) top 50% right 13px no-repeat; } .business-sec-1-bar .form-content p { padding: 0px; margin: 0px; } .business-sec-1-bar .form-content br { display: none; } .business-sec-1-bar .form-content .wpcf7-submit { line-height: 1.3; display: block; text-transform: none; width: 100%; background-color: #bf2e1a; } .business-sec-1-bar .form-content .wpcf7-submit:hover { background: #9d2211; } .business-sec-1-bar .form-content .note { padding-top: 19px; display: block; font-size: 12px; line-height: 14px; color: #ffffff; font-weight: 400; } .business-sec-1-bar .contact-content { padding: 17px 20px 6px 20px; margin: 49px 0px 0px; text-align: center; border: 1px solid #dadada; filter: drop-shadow(0px 3px 4.5px rgba(0,0,0,0.16)); background-color: #ffffff; } .business-sec-1-bar .contact-content h2 { padding: 0px 0px 6px; margin: 0px; font-size: 18px; line-height: 35px; text-transform: uppercase; color: #bf2e1a;font-weight: 700; } .business-sec-1-bar .contact-content h2 a { font-size: 38px; font-weight: 600; line-height: 1; } .business-sec-1-bar .contact-content h2:after { content: ""; margin: 3px auto 0px; width: 52px; height: 4px; display: block; background: #bababa; } .business-sec-1-bar .contact-content p { color: #000000; font-weight: 500; } .business-sec-1-bar .wpcf7 form .wpcf7-response-output { padding: 0px; margin: 1em 0em; } .business-sec-1-bar .wpcf7 form.sent .wpcf7-response-output { display: none !important; } .business-sec-1-bar .form-content input[type="text"]:focus, .business-sec-1-bar .form-content input[type="email"]:focus, .business-sec-1-bar .form-content input[type="tel"]:focus, .business-sec-1-bar .form-content select:focus { outline: none; } .business-sec-2-bar { padding: 27px 0px 75px; text-align: center; } .business-sec-2-bar h3 { padding: 0px 0px 58px; margin: 0px; font-size: 36px; line-height: 43px; color: #bf2e1a; font-weight: 600; } .business-sec-2-bar img { margin: 0px auto 59px; } .business-sec-2-bar .text_w { margin: 0px auto; max-width: 1180px; text-align: center; } .business-sec-2-bar .text_w p { font-size: 24px; line-height: 40px; color: #000000; } .business-sec-2-bar .text_w p strong { font-weight: 700; } .locationslist-bar.v1 .container { max-width: 1778px; } .locationslist-bar.v1 .location { width: calc(20% - 7px); } .cd-landing-page .business-sec-1-bar { padding-bottom: 63px; } .cd-landing-page .business-sec-1-bar .box .txt p { max-width: 560px; } .cd-landing-page .business-sec-1-bar .text h3 { padding: 0px 0px 30px; margin: 0px; font-size: 24px; line-height: 28px; color: #00216e; font-weight: 700; } .cd-landing-page .business-sec-1-bar .text h4 { padding: 0px; margin: 0px; font-size: 22px; line-height: 28px; color: #bf2e1a; font-weight: 700; } .cd-landing-page .business-sec-1-bar .text ul { padding: 8px 0px 30px; column-count: 1; column-gap: 0px; } .cd-landing-page .business-sec-1-bar .text .nt { padding-bottom: 14px; display: block; font-size: 12px; line-height: 18px; color: #000000; } .cd-landing-page .business-sec-2-bar .text_w { max-width: 1100px; } .community-bank-page .business-sec-1-bar .box .txt p { max-width: 560px; } .community-bank-page .business-sec-2-bar .text_w { max-width: 1080px; } .community-bank-page .business-sec-1-bar .text ul { padding-bottom: 27px; } .community-bank-page .business-sec-1-bar .text h3 { padding: 0px 0px 1px; margin: 0px; font-size: 24px; line-height: 28px; color: #00216e; font-weight: 700;} .community-bank-page .business-sec-1-bar .text h4 { padding: 0px; margin: 0px; font-size: 22px; line-height: 28px; color: #bf2e1a; font-weight: 700; } .new-banner-home { position: relative; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; background-color: #ebebf1; } .new-banner-home .container:before { content: ""; width: 25000px; height: 100%; display: block; position: absolute; top: 0px; right: calc(100% + 350px); background: #bf2e1b; } .new-banner-home .right { padding-bottom: 40px; margin-left: auto; max-width: 820px; } .new-banner-home .container { display: flex; width: 100%; align-items: center; min-height: 710px; } .new-banner-home .mobile-img { display: none; } .new-banner-home h1 { margin: 0px auto; max-width: 770px; } .new-banner-home h1 .alignnone { margin: 0px; float: none; display: block; } .new-banner-home h2 { padding: 45px 0px 15px; margin: 0px; text-align: center; font-size: 32px; line-height: 1.2; font-weight: 700; color: #09347a; } .new-banner-home p img { margin: 0px auto; max-width: 700px; float: none; display: block; } .new-banner-home .bottomtext { position: absolute; bottom: 30px; right: -150px; max-width: 1060px; font-size: 11px; line-height: 13px; color: #000000; display: flex; align-items: center; } .new-banner-home .bottomtext img { margin-right: 18px; width: 110px; } .is____hide { display: none !important; }