/* Common style */ * { box-sizing: border-box; white-space: normal;} body { font-family: "HelveticaNeue"; font-size: 14px; font-weight: 400; letter-spacing: 0px; color: #000000; line-height: 16px; word-break: break-word;} p { font-size: 16px; line-height: 18px;} h1,h2,h3,h4,h5,h6 { font-family: "HelveticaNeue"; font-weight: 700; } h1 { font-size: 56px; color: #008FCD; line-height: 69px; letter-spacing: 0;} h2 { font-size: 36px; color: #253163; line-height: 44px; letter-spacing: 0;} h3 { font-size: 23px; color: #000000; line-height: 1.1; letter-spacing: 0;} h4 { font-size: 21px; line-height: 29px; } h5 { font-size: 20px; line-height: 25px; } h6 { font-size: 15px; line-height: 18px; } a,a:hover,a:focus { transition: all ease-in 0.3s; } a { cursor: pointer; } a:focus { outline: 1px solid #000000; } /* List style */ ul,ol { margin:0; padding: 0;} ul.list-unstyled, ul.list-seperator,ul.inline { list-style: none;} ul.inline li, ul.list-seperator li { display: inline-block; } ul.list-seperator li::after { content: ""; margin: 0 35px; display: inline-block; background-color: #017AA9; width: 2px; height: 18px; position: relative; top: 4px; } ul.list-seperator li:last-child::after { display: none;} .pageContent { min-height: 600px; } .pageContent ul { list-style: none; margin-left: 15px;} .pageContent ol { margin-left: 20px;} .pageContent ul li::before { content: "\2022"; color: #C71C6C; font-weight: bold; display: inline-block; width: 16px; margin-left: -15px; } /* Button */ .btn { background: #C71C6C; color: #ffffff; border-radius: 22px; font-weight: 700; font-size: 16px; line-height: 16px; text-align: center; padding: 11px 34px 13px; transition: all ease-in 0.3s; min-width: 100px; white-space: normal;} .btn:hover,.btn:focus { background: #ffffff; color: #C71C6C; border-color: #C71C6C; transition: all ease-in 0.3s; outline-offset: 0;} a.btn-link, a.btn { text-decoration: none; } /* Bootstrap override */ .row{margin-left:-16px; margin-right:-16px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 16px; padding-right: 16px; } .dropdown-toggle:focus { outline: 1px solid #000000; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline-offset: 0; } .modal .modal-content { border-radius: 0; -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); box-shadow: 0px 2px 4px rgba(0,0,0,0.16); } .modal .modal-header { border-bottom: none; } .modal .modal-header .close { margin-top: -15px; font-weight: lighter; font-size: 50px; color: #007EB5; text-shadow: none; } .modal .modal-footer { border-top: none; padding: 20px; } .modal .modal-footer .link-wrapper .link-button { -ms-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(133, 201, 217, 0.101); color: #273260; font-weight: 500; font-size: 16px; margin: 0 20px 0 0;} .modal .modal-footer .btn { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); background: #007EB5; color: #ffffff; padding: 10px 20px; border-radius: 22px; } .modal .modal-footer .btn:hover,.modal .modal-footer .btn:focus { border-color: #007EB5; color: #007EB5; background: #ffffff;} .modal .modal-footer .link-wrapper .link-button:hover, .modal .modal-footer .link-wrapper .link-button:focus { color: #273260; background: rgba(133, 201, 217, 0.101); border-color: #273260;} /* nogutter */ .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0;} /* Margin & Padding style*/ .pl-0 { padding-left: 0;} .pr-0 { padding-right: 0;} .pl-8 { padding-left: 8px;} .pr-8 { padding-right: 8px;} .pl-12 { padding-left: 12px;} .pr-12 { padding-right: 12px;} /* Form style */ textarea { resize: none; width: 100%;border: 1px solid #707070; font-size: 14px; line-height: 20px; font-weight: 400; color: rgba(0,0,0,0.60);} label { font-size: 14px; line-height: 17px; color: #000000; font-weight: 400;} input[type=checkbox], input[type=radio] {margin: 2px 0 0;} input[type="text"], .form-control,input[type="password"],input[type="email"],input[type="date"],input[type="number"],input[type="tel"] { height: 40px; border: 1px solid #707070; font-size: 14px; line-height: 20px !important; font-weight: 400; color: rgba(0,0,0,0.60); padding: 10px 16px; border-radius: 2px; width: 100%;} .email-field { font-family: "HelveticaNeue"; } .email-field input[type=""], .email-field .form-control { display: inline-block; max-width: 400px; padding: 14px 44px 12px 20px; border-radius: 21px; color: rgba(0,0,0,0.60); letter-spacing: 0.28px; font-size: 14px; line-height: 20px;} .email-field .btn,.email-field .btn:focus { margin: -6px 0 0 -40px; border-radius: 21px; background: #C71C6C; color: #ffffff;} .email-field .btn:hover { background: #ffffff ; color: #C71C6C; -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); box-shadow: 0px 2px 4px rgba(0,0,0,0.16);} .email-field .form-control::-webkit-input-placeholder,.email-field .form-control::-moz-placeholder,.email-field .form-control:-ms-input-placeholder,.email-field .form-control:-moz-placeholder { letter-spacing: 0.28px; } select { padding: 10px 16px 8px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} .select-wrapper { position: relative; } .select-wrapper::after { font-family: 'FontAwesome'; content: '\f0d7'; font-size: 12px; position: absolute; top: 12px; right: 8px; color: #C71C6C; pointer-events: none;} select::-ms-expand { display: none;} .sfDropdownList select {-webkit-appearance: auto; -moz-appearance: auto; -ms-appearance: auto; -o-appearance: auto; appearance: auto;} .help-form-group { position: relative;} .help-form-group .help-icon { width: 16px; height: 16px; line-height: 16px; background: #C71C6C; border-radius: 50%; text-align: center; color: #ffffff; font-size: 10px; position: absolute; right: 0; top: 0; font-weight: normal; } /* custom checkbox */ .checkbox-wrapper { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox-wrapper input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkbox-wrapper .checkmark { position: absolute; top: 3px; left: 2px; height: 12px; width: 12px; background-color: #ffffff; border: 1px solid #B7326B;} .checkbox-wrapper input:checked ~ .checkmark { background-color: #B7326B;} .checkbox-wrapper .checkmark::after { content: ""; position: absolute; display: none; } .checkbox-wrapper input:checked ~ .checkmark::after { display: block; } .checkbox-wrapper .checkmark::after { left: 3px; top: 1px; width: 3px; height: 6px; border: solid white; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* Form placeholder */ ::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder { font-family: "HelveticaNeue"; font-size: 14px; line-height: 20px; color: rgba(0,0,0,0.60); font-weight: 400;} /* Common style */ a { color: #C71C6C;} * a:focus { outline: 1px dotted #000000; text-decoration: none; outline-offset: 0;} .truncatetitle { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* Skip to main content */ .skipsec a { position: fixed; left: -9999px; top: 0; min-width: 100px; z-index: 1000; background: #C71C6C; color: #ffffff; padding: 7px 15px; display: block; } .skipsec a:focus { left: 15px; } /* Header top section */ .header .header-top .navbar-header-right { float: right; } .header .header-top .navbar-brand { padding: 0 15px 0 10px; height: 50px; margin: 15px 0px; max-width: 204px;} .header .header-top .navbar-brand img { width: 100%; height: 42px;} .header .header-top { background-color: #ffffff;} .header .header-top .header-top-links, .header .header-top .search-input-container, .header .header-top .login-button { display: inline-block;} .header .header-top .login-button .btn { margin-top: 0; color: #273260; background: #85C9D9; border: 3px solid #85C9D9; padding: 9px 34px 11px; font-size: 16px; line-height: 16px; } .header .header-top .login-button .btn:hover, .header .header-top .login-button .btn:focus { background: #ffffff; color: #273260; } .header .header-top .header-top-links li a { display: inline-block; color: #000000; margin: 23px 6px 18px; padding: 6px; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 16px;} .header .header-top .header-top-links li a img { margin: 0 3px 0 0; width: 15px; height: 15px; object-fit: contain;} .header .header-top .search-input-container { margin: 0 24px 0 0; width: 300px;} .header .header-top .search-input-container .search-input { width: 100%; border-radius: 20px;} .header .header-top .search-input .search-form-inline { display: inline-block;} .header .header-top { position: relative; } .header .header-top::after { position: absolute; content: ''; height: 4px; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -moz-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -o-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -ms-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%);} /* Search field */ .search-input-container { display: inline-block; position: relative;} .search-input-container img { position: absolute; right: 12.47px; top: 11px; cursor: pointer;} .search-input-container .search-input { padding-right: 35px; border-radius: 20px;} /* Header bottom section */ .header .header-bottom { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); margin-bottom: 0;} .header .header-bottom .navbar-default.navigation-menu { background-color: #ffffff; border: none; margin-bottom: 0; border-radius: 0; min-height: 58px;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li { margin: 0 8px; cursor: pointer; transition: all ease-in 1s;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li:last-child { margin-right: 0;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a { font-size: 16px; line-height: 19px; color: #000000; font-weight: 700; padding: 20px 8px 15px; margin: 0; border-bottom: 4px solid #ffffff;} .header .header-bottom .navbar-default.navigation-menu .navbar-collapse { padding-left: 0; padding-right: 0; position: relative;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li { position: relative; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li.dropdown>a { position: relative; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li.open>a, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li.open>a:hover, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li.open>a:focus,.header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a:focus, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a:hover,.header .header-bottom .navbar-default.navigation-menu .navbar-nav>li:focus>a, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li:hover>a {background: #ffffff; color: #133F78;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown .dropdown-menu { max-width: 840px; left: 0; right: 0; top: 100%; padding: 32px; border: none; background: #F8F8F8; border-radius: 0; z-index: 2000;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu .dropdown-menu { min-width: 680px;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.singlecolumn-dropdown-menu { position: relative; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.singlecolumn-dropdown-menu .dropdown-menu { min-width: 270px; left: 0; right: auto; } ,.header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu:last-child .dropdown-menu { left: auto; right: 0;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu:nth-child(4) .dropdown-menu,.header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu:nth-child(5) .dropdown-menu,.header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu:nth-child(6) .dropdown-menu { left: auto; right: 0;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown.multicolumn-dropdown-menu:nth-child(7) .dropdown-menu { left: auto; right:0;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown .dropdown-menu ul li a { font-size: 16px; line-height: 24px; color: #C71C6C; font-weight: 400; padding: 5px; margin: 0 0 10px; display: block; text-decoration: none;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown .dropdown-menu ul li a:hover { color: #000000; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a::after { position: absolute; top: 99%; left: 0; width: 100%; height: 4px; background: #3b8dc7; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; -o-transition: opacity 0.3s, -moz-transform 0.3s; -ms-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);} .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li:hover > a::after, .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a:hover::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li>a.active { border-bottom: 4px solid #3b8dc7; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav>li:hover>a.active::after { display: none; } .header .header-bottom .navbar-default.navigation-menu .navbar-nav li.dropdown .dropdown-menu .submenu-title { display: none;} .header .header-bottom .multicolumn-dropdown { display: flex; justify-content: space-between; } .header .header-bottom .multicolumn-dropdown .dropdown-col { flex: 1; padding-right: 10px;} .header .header-bottom .multicolumn-dropdown .dropdown-col:last-child { padding-right: 0; padding-left: 18px;} .header .header-bottom .singlecolumn-dropdown .dropdown-col { padding-left: 0; } .header .header-bottom .menu-card { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 16px 12px 16px 13px; margin: 0 0 12px; } .header .header-bottom .menu-card h6 { font-size: 18px; line-height: 22px; color: #000000; margin: 0 0 12px; } .header .header-bottom .menu-card p,.header .header-bottom .menu-card .section-content { line-height: 26px; } .header .header-bottom .menu-card .section-content { margin: 5px; } .header .header-bottom .menu-button .btn { line-height: 16px; width: 100%; padding: 10px 20px;font-size:16px;} /* Mobile navigation */ .mobile-top-navigation { display: none; padding: 20px 20px 18px; } .mobile-top-navigation .search-input-container {margin: 0 16px 0 0; width: 72%} .mobile-top-navigation .search-input-container .search-input { width: 100%; border-radius: 20px;} .mobile-top-navigation .search-btn { display: inline-block; width:23%; background: #C71C6C; margin-top: -4px; padding: 11px 22px;} .mobile-top-navigation .search-btn:hover,.mobile-top-navigation .search-btn:focus { color: #C71C6C; background: #ffffff; border-color: #C71C6C;} .mobile-top-navigation .header-top-links { list-style: none; padding: 0 0 24px; border-bottom: 4px solid #C71C6C; clear: both; margin-top: 26px;} .mobile-top-navigation .header-top-links li a { color: #333333; font-size: 12px; line-height: 40px; text-transform: uppercase; font-weight: 700;} .mobile-top-navigation .header-top-links li a img {width: auto; height: 15px; margin-right: 12px;max-width:100%;} /* Header style ends */ .header .header-top .navbar-header .navbar-toggle {background: transparent; border:none; float: left; padding: 0; margin: 24px 5px 24px 18px;} .header .header-top .navbar-header .navbar-toggle .icon-bar+.icon-bar { margin-top: 0;} .header .header-top .navbar-header .navbar-toggle .icon-bar { background-color: #017FB0; } .header .header-top .navbar-header .navbar-toggle:focus,.header .header-top .navbar-header .navbar-toggle:hover { background: transparent;} .header .header-top .navbar-header .navbar-toggle .nav-icon { width: 32px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;} .header .header-top .navbar-header .navbar-toggle .nav-icon .icon-bar { display: block; position: absolute; height: 4px; width: 32px; background: #85C9D9; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; transition: .25s ease-in-out;} .header .header-top .navbar-header .navbar-toggle .nav-icon span:nth-child(1) { top: 0px; } .header .header-top .navbar-header .navbar-toggle .nav-icon span:nth-child(2) { top: 8px;} .header .header-top .navbar-header .navbar-toggle .nav-icon span:nth-child(3) { top: 16px;} .header .header-top .navbar-header .navbar-toggle .nav-icon.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .header .header-top .navbar-header .navbar-toggle .nav-icon.open span:nth-child(2) { opacity: 0; left: -60px; } .header .header-top .navbar-header .navbar-toggle .nav-icon.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } /* Footer style begins */ /* Footer top section */ .footer .footer-top { padding: 80px 0 60px;} .footer .footer-top .footer-top-navigation { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; justify-content: space-between;} .footer .footer-top .footer-top-navigation .footer-navigation-col { padding: 0 5px;} .footer .footer-top .footer-top-navigation .footer-navigation-col h6 { font-size: 14px; line-height: 17px; text-transform: uppercase; margin: 0 0 24px;} .footer .footer-top .footer-top-navigation .footer-navigation-col ul li a, .footer .footer-top .footer-other-navigation ul li a { font-size: 14px; line-height: 20px; margin: 0 0 20px; display: inline-block; color: #C71C6C; } .footer .footer-top .footer-top-navigation .footer-navigation-col ul li a.black-link { color: #000000; text-decoration: none; cursor: default; } .footer .footer-top .footer-top-navigation .footer-navigation-col ul li a.black-link:hover { color: #000000; text-decoration: none; cursor: default;} .footer .footer-top .footer-top-navigation .footer-navigation-col ul li a.black-link:visited { color: #000000; text-decoration: none; cursor: default;} .footer .footer-top .footer-other-navigation { text-align: center; margin: 50px 0 0;} .footer .footer-top .footer-other-navigation ul li::after { content: ""; margin: 0 35px; display: inline-block; background-color: #000000; width: 2px; height: 18px; position: relative; top: 4px; } .footer .footer-top .footer-other-navigation ul li:last-child::after { display: none;} .ipad-footer-other-navigation { display: none; } .footer .footer-top .footer-top-left-navigation { padding-right: 0;} .footer .footer-top .footer-top-right-navigation { padding-left: 0;} /* Footer bottom section */ .footer .footer-bottom { background: #f8f8f8; padding: 80px 0 30px; font-family: "HelveticaNeue";} .footer .footer-bottom .footer-bottom-navigation .footer-bottom-col h6 { display: inline-block; font-size: 12px; line-height: 16px; font-weight: 700; font-family: "HelveticaNeue";} .footer .footer-bottom .footer-bottom-navigation .footer-bottom-col p,.footer .footer-bottom .footer-bottom-navigation .footer-bottom-col p a { font-size: 14px; line-height: 24px; color: #575757;} .footer .footer-bottom .footer-bottom-navigation .equal-housing { padding-left: 0; padding-right: 0;} .footer .footer-bottom .footer-bottom-navigation .equal-housing p, .footer .footer-bottom .footer-bottom-navigation .ncua-col p { font-size: 10px; line-height: 14px;} .footer .footer-bottom .footer-bottom-navigation .footer-bottom-col img { margin:0 2px 8px 0;} .footer .footer-bottom .footer-copyright { margin: 58px 0 0; } .footer .footer-bottom .footer-copyright p { font-size: 14px; line-height: 24px; color: #000000; text-align: center;} /* Footer style ends */ /* Breadcrumb section */ .breadcrumb-section { background: rgba(0,0,0,0.6);} .breadcrumb-section .breadcrumb { background: transparent; margin-bottom: 0; border-radius: 0; padding: 2px 20px 2px 15px;} .breadcrumb-section .breadcrumb>li { font-size: 14px; line-height: 40px; font-weight: 700; color: #ffffff; font-family: "HelveticaNeue";} .breadcrumb-section .breadcrumb>li>a { font-weight: 400; } .breadcrumb-section .breadcrumb>li a, .breadcrumb-section .breadcrumb>.active { color: #ffffff; } /* Login form */ .login-form-section { padding: 60px 0 0; background: #F8F8F8;} .login-form-section .login-form-logo img { width: 400px; height: 87px; max-width: 100%; object-fit: cover;} .login-form-section .login-form-wrapper { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); margin: 20px 0 198px; background: #ffffff; padding: 40px 32px 60px; position: relative;} .login-form-section .login-form-wrapper::after { position: absolute; content: ''; top: 0; left: 0; right: 0; height: 8px; background: -webkit-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -moz-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -o-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -ms-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%);} .login-form-section .login-form-wrapper h1 { font-size: 32px; line-height: 39px; margin: 0 0 18px; color: #253163;} .login-form-section .login-form-wrapper .login-formline { margin: 0 0 0; padding-right: 30px; border-right: 1px solid #CECECE; font-family: "HelveticaNeue"; } .login-form-section .login-form-wrapper .login-formheading h1 { font-family: "HelveticaNeue" !important; font-size: 26px; color: #00a9e0; line-height: 30px; margin-bottom: 1.5rem; } .mb-space h1 { margin-top: 4.25rem !important; } .login-form-section .alert { background-color: #f5d7db; opacity: 1 } .login-form-section .login-form-wrapper .login-form .form-group label { font-size: 16px; line-height: 22px; color: #333333; margin: 0 0 8px; text-transform: uppercase;} .login-form-section .login-form-wrapper .login-form .form-group { margin: 0 0 4px; } .login-form-section .login-form-wrapper .login-form .form-field { margin: 0 0 32px; } .login-form-section .login-form-wrapper .login-form .form-group .form-control, .login-form-section .login-form-wrapper .login-form .form-group input { border: 1px solid #8C9FA2; } .login-form-section .login-form-wrapper .login-form .form-field a { font-size: 16px; line-height: 22px; font-weight: 500; color: #007EB5; } .login-form-section .login-form-wrapper .login-form .login-button { margin: 40px 0 0; } .login-form-section .login-form-wrapper .new-account-wrapper { padding: 110px 0 0 50px; font-family: "HelveticaNeue";} .login-form-section .login-form-wrapper .new-account-wrapper p { font-size: 16px; line-height: 22px; color: #333333;} .login-form-section .login-form-wrapper .new-account-wrapper p a { display: block; color: #007EB5; margin: 10px 0 0; font-weight: 700;} .login-form-section .login-form-wrapper .login-form .login-button .btn { padding: 11px 30px; font-family: "HelveticaNeue"; border-radius: 21px;} .login-form-section .login-form-wrapper .login-form .form-field a { font-weight: 600; } .login-form-section .login-form-wrapper .row { display: flex; align-items: stretch; flex-wrap: wrap; } .login-form-section .login-form-wrapper .login-formline { height: 100%; } .login-form-section .login-form-wrapper .login-form { position: relative; height: 100%; } .login-form-section .login-form-wrapper .login-form .login-button .btn { position: absolute; bottom: 0; } .login-form-section .login-form-wrapper .login-form .login-button { margin: 0; padding: 40px 0 0; } @media only screen and (max-width: 991px) { .login-form-section .login-form-wrapper .login-form .login-button { padding: 0; } .login-form-section .login-form-wrapper .login-form .login-button .btn { position: static; } .login-form-section .login-form-wrapper .login-form { height: auto; } .login-form-section .login-form-wrapper .login-formline { margin: 0 0 30px; } } /* HomeBanner style begins */ .home-banner { height: 900px; position: relative; margin-top: 2px;} .home-banner::after { background: transparent linear-gradient(180deg, #00000000 0%, #008FCD99 100%) 0% 0% no-repeat padding-box; position: absolute; content: ''; left: 0; right: 0; top: 50%; bottom: 0;} .home-banner .home-banner-image img { width: 100%; height: 900px; object-fit: cover;} .home-banner .home-banner-content { max-width: 750px; position: absolute; top: 100px; z-index: 1000;} .home-banner .home-banner-content h1 { margin: 0 0 24px; font-size: 56px; line-height: 54px;} .home-banner .home-banner-content .email-field { margin: 0 0 32px; } .home-banner .home-banner-content p { font-family: "HelveticaNeue"; font-size: 18px; line-height: 26px; font-weight: 400; margin: 0 0 20px;} .home-banner .home-banner-content p.mobile-text { display: none; } .home-banner .home-banner-content .link-wrapper { margin: 20px 0;} .home-banner .home-banner-content .link-wrapper a.btn-link { font-size: 16px; line-height: 20px; font-weight: 700; color: #C71C6C; margin-left: 26px; display: inline-block; padding: 10px 0;} /* HomeBanner style ends */ /* Want to style begins */ .want-section { margin: -450px 0 220px; background: transparent;} .want-section h1 { font-size: 36px; line-height: 44px; color: #333333; margin: 0 0 16px;} /* Custom tabs */ .custom-tabs-section { display: flex; } .custom-tabs.nav-tabs li { margin-bottom: -2px; } .custom-tabs-section .custom-tabs.nav-tabs, .custom-tabs-section .tab-content { flex: 1; } .custom-tabs.nav-tabs { border-bottom: none; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); margin:0 20px 0 0; background: #f2f2f2;} .custom-tabs.nav-tabs li span { display: block; } .custom-tabs.nav-tabs li a { cursor: pointer; border-radius: 0; border: none; padding: 24px 40px 24px 43px; background: #f2f2f2; margin:0; position: relative; display: block; text-decoration: none; transition: all linear 0.1s;} .custom-tabs.nav-tabs li.active a { border-left: 8px solid #f2f2f2; } .custom-tabs.nav-tabs li a::after { position: absolute; content: ""; display: block; background: #cecece; height: 1px; left: 20px; right: 28px; bottom: 0; z-index: 10; } .custom-tabs.nav-tabs li:last-child a::after { display: none; } .custom-tabs.nav-tabs li a h4 { color: #253163; margin: 0; font-size:24px;line-height:29px;} .custom-tabs.nav-tabs li a p { font-size: 16px; line-height: 26px; color: rgba(0,0,0,0.8); margin: 0; } .custom-tabs.nav-tabs li.active a, .custom-tabs.nav-tabs li a:hover, .custom-tabs.nav-tabs li a:focus { cursor: pointer; border:none; border-left: 8px solid #ffffff; background: #ffffff; transition: all linear 0.1s; padding: 24px 40px 24px 36px; } .custom-tabs.nav-tabs li.tab1-link.active a,.custom-tabs.nav-tabs li.tab1-link a:hover,.custom-tabs.nav-tabs li.tab1-link a:focus { border-color: #FFEB00;} .custom-tabs.nav-tabs li.tab2-link.active a, .custom-tabs.nav-tabs li.tab2-link a:hover,.custom-tabs.nav-tabs li.tab2-link a:focus { border-color: #85C9D9;} .custom-tabs.nav-tabs li.tab3-link.active a, .custom-tabs.nav-tabs li.tab3-link a:hover,.custom-tabs.nav-tabs li.tab3-link a:focus { border-color: #008FCD;} .custom-tabs.nav-tabs li.tab4-link.active a, .custom-tabs.nav-tabs li.tab4-link a:hover,.custom-tabs.nav-tabs li.tab4-link a:focus { border-color: #B7326B;} .custom-tabs.nav-tabs li.tab5-link.active a,.custom-tabs.nav-tabs li.tab5-link a:hover,.custom-tabs.nav-tabs li.tab5-link a:focus { border-color: #253163;} .custom-tabs.nav-tabs li.tab6-link.active a,.custom-tabs.nav-tabs li.tab6-link a:hover, .custom-tabs.nav-tabs li.tab6-link a:focus { border-color: #009D85;} .custom-tabs.nav-tabs li.tab7-link.active a,.custom-tabs.nav-tabs li.tab7-link a:hover, .custom-tabs.nav-tabs li.tab7-link a:focus { border-color: #615E9B;} .custom-tabs-section .tab-content { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); background: rgba(255, 255, 255, 0.949);} .custom-tabs-section .tab-pane.fade { border-top: 8px solid #ffffff; padding: 54px 60px 55px; background: #ffffff;} .custom-tabs-section .tab-pane.fade.tab1.active.in { border-color: #FFEB00; } .custom-tabs-section .tab-pane.fade.tab2.active.in { border-color: #85C9D9; } .custom-tabs-section .tab-pane.fade.tab3.active.in { border-color: #008FCD; } .custom-tabs-section .tab-pane.fade.tab4.active.in { border-color: #B7326B; } .custom-tabs-section .tab-pane.fade.tab5.active.in { border-color: #253163; } .custom-tabs-section .tab-pane.fade.tab6.active.in { border-color: #009D85; } .custom-tabs-section .tab-pane.fade.tab7.active.in { border-color: #615E9B; } .custom-tabs-section .record-wrapper .record-card h3 { font-size: 20px; line-height: 25px; margin: 0 0 32px; } .custom-tabs-section .record-wrapper .record-card img { margin: 0 0 32px; min-height: 75px;} .custom-tabs-section .record-wrapper .record-card p { font-size: 16px; line-height: 24px; margin: 0 0 24px; } .custom-tabs-section .record-wrapper .record-card .btn { display: inline-block; background: #007EB5; color: #ffffff; border: 1px solid #007EB5; font-size: 16px; line-height: 16px; padding: 10px 30px; border-radius: 22px; font-weight: 700; text-decoration: none; margin:0; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .custom-tabs-section .record-wrapper .record-card .btn:hover ,.custom-tabs-section .record-wrapper .record-card .btn:focus{ color: #007EB5; background: #ffffff; } .custom-tabs-section .record-wrapper .record-card:nth-child(1) { padding: 0 32.5px 50px 0; } .custom-tabs-section .record-wrapper .record-card:nth-child(2) { padding: 0 0 50px 32.5px; } .custom-tabs-section .record-wrapper .record-card:nth-child(3) { padding: 50px 32.5px 0 0; } .custom-tabs-section .record-wrapper .record-card:nth-child(4) { padding: 50px 0 0 32.5px; } .custom-tabs-section .block-section .cta-section { margin: 60px 0 0; } .custom-tabs-section .block-section .cta-section h4 { font-size: 20px; line-height: 25px; margin: 0 0 8px; } .custom-tabs-section .block-section .cta-section p { font-size: 16px; line-height: 24px; font-weight: 300;} .custom-tabs-section .block-section .cta-section .btn { margin: 14px 0 0;} .custom-tabs-section .block-section .record-wrapper .record-card:nth-child(1) { position: relative; } .custom-tabs-section .block-section.three-block .record-wrapper .record-card:nth-child(1)::after,.custom-tabs-section .block-section.two-block .record-wrapper .record-card:nth-child(1)::after { content: ''; position: absolute; display: inline-block; width: 2px; height: 46px; background: #ffffff; right: -1px; bottom: 0;} .custom-tabs-section .block-section.two-block .record-wrapper .record-card:nth-child(1),.custom-tabs-section .block-section.two-block .record-wrapper .record-card:nth-child(2) { border-bottom: none; } .custom-tabs-section .modal .modal-content .modal-header h1 { text-shadow: none; } /* Want to style ends */ /* CTA cards style begins */ .ctacards-section { background: #F8F8F8; padding: 0 0 55px; } .ctacards-section .row { margin-top: -100px; } .ctacards-section .ctacards-box { text-decoration:none; display: block; text-align: center; background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-top: 8px solid #ffffff; padding: 40px 55px; min-height: 438px; position: relative;} .ctacards-section .ctacards-box.box1 { border-color: #6FCBDC;} .ctacards-section .ctacards-box.box2 { border-color: #008FCD;} .ctacards-section .ctacards-box h2 { margin: 0 0 12px; color: #253163; } .ctacards-section .ctacards-box p { font-size: 16px; line-height: 18px; color: #333333; } .ctacards-section .ctacards-box ul { list-style: none; margin: 40px 0 0;} .ctacards-section .ctacards-box ul li { font-size: 16px; line-height: 24px; font-weight: 700; margin: 0 0 15px; color: #C71C6C;} .ctacards-section .ctacards-box span.btn { margin: 40px 0 0; background: #ffffff; color: #007EB5; font-size: 16px; line-height: 16px; font-weight: 700; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); position: absolute; left:0; right: 0; display: inline-block; max-width: 200px; bottom: 40px; margin: auto; white-space: normal;} .ctacards-section .ctacards-box:hover span.btn { background: #007EB5; color: #ffffff; border-color: #007EB5; } /* CTA cards style ends */ /* Rates style begins */ .rates-section { padding: 120px 0 220px; background: #FFFFFF;} .rates-section .rates-mobile-image { display: none; } .rates-section .rates-image { position: relative; } .rates-section .rates-image::after { position: absolute; content: ""; background: rgba(0, 143, 205, 0.09); left: 0; right: 0; top: 0; bottom: 0; } .rates-section .rates-image img { height: 785px; max-width: 100%; width: auto; object-fit: cover; } .rates-section .rates-wrapper { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .rates-section .rates-content { padding: 32px 42px 40px; } .rates-section .rates-content h2 { margin: 0 0 17px; text-align: center;} .rates-section .rates-content p { font-size: 16px; line-height: 18px; text-align: center;} .rates-section .rates-content .record-wrapper { margin: 32px 0 0; } .rates-section .rates-content .record-wrapper .record-card { border-color: rgba(0,0,0,0.15); } .rates-section .rates-content .record-wrapper .record-card h3 { font-size: 20px; line-height: 24px; margin: 0 0 13px; font-weight: 400;} .rates-section .rates-content .record-wrapper .record-card h4 { font-size: 18px; line-height: 24px; margin: 0 0 13px; font-weight: 400;} .rates-section .rates-content .record-wrapper .record-card p { font-size: 36px; line-height: 43px; font-weight: 400; color: #3C8EC8; margin: 0 0 5px 0; } .rates-section .rates-content .record-wrapper .record-card p span small, .rates-section .rates-content .record-wrapper .record-card p span sup { font-size: 16px; line-height: 26px; color: #000000; } .rates-section .rates-content .record-wrapper .record-card p span sup { top: 0; right: -5px; } .rates-section .rates-content .record-wrapper .record-card p span { margin: 0 0 0 8px; } .rates-section .rates-content .record-wrapper .record-card a { line-height: 19px; margin: 30px 0 0; } .rates-section .rates-content .link-wrapper { text-align: center; margin: 43px 0 0; } /* Rates style ends */ /* Testimonial style begins */ .testimonial-section.testimonial-home-section { padding: 120px 0 60px; background: #ffffff; } .testimonial-section.testimonial-home-section h1 { color: #253163; margin: 0 0 60px; } .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box { margin: 0 0 50px; } .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box::after { content: ""; display: table; clear: both; } .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-image { float: left; margin: 0;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-image img { width: 168px; height: 168px; border-radius: 50%; object-fit: cover;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content { margin-left: 212px; background: #F8F8F8; padding: 16px 20px 20px; float: none;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box.testimonial-box-noimage .testimonial-content{margin-left:0;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content h5, .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content h2 { color: #273260; margin: 0 0 8px; font-size: 20px; line-height: 25px;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content h6, .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content .testimonial-member{ color: #000000; margin: 0 0 28px; font-size: 15px; line-height: 18px; font-weight: 700;} .testimonial-section.testimonial-home-section .testimonial-wrapper .testimonial-box .testimonial-content p { font-size: 15px; line-height: 24px; letter-spacing: 0.9px; color: #000000; } .testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper { margin: 58px 0 0 0; text-align:center; } .testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper .btn-link { background:#007EB5; padding: 12px 36px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); color: #ffffff; transition: all ease-in 0.5s; text-decoration: none; border-radius: 22px; font-weight: 700; font-size: 16px; line-height: 16px; text-align: center; min-width: 100px; white-space: normal; display:inline-block;} .testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper .btn-link:hover,.testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper .btn-link:focus { background: #ffffff; border-color: #007EB5; color: #007EB5; transition: all ease-in 0.5s;} /* Testimonial style ends */ /* Member benefits style begins */ .member-benefits-section { padding: 0 0 65px; background: #F8F8F8;} .member-benefits-section .row { margin-top: -80px; } .member-benefits-section .member-benefits-box { display:block; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); position: relative;} .member-benefits-section .member-benefits-box .member-benefits-content { background: #ffffff; padding: 32px 30px 10px; text-align: center; min-height: 220px;} .member-benefits-section .member-benefits-box .member-benefits-content h2 { line-height: 42px; margin: 0 0 16px; } .member-benefits-section .member-benefits-box .member-benefits-content p { font-size: 16px; line-height: 24px; color: #000000; } .member-benefits-section .member-benefits-box .member-benefits-image { position: relative; } .member-benefits-section .member-benefits-box .member-benefits-image::after { position: absolute; content: ""; background: rgba(111, 203, 220, 0.27); left: 0; right: 0; top: 0; bottom: 0; } .member-benefits-section .member-benefits-box .member-benefits-image img { height: 260px; max-width: 100%; width: 100%; object-fit: cover; } .member-benefits-section .member-benefits-box .button-wrapper { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center;} .member-benefits-section .member-benefits-box .button-wrapper .btn { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); color: #007EB5;} .member-benefits-section .member-benefits-box:hover .btn, .member-benefits-section .member-benefits-box .button-wrapper .btn:hover,.member-benefits-section .member-benefits-box .button-wrapper .btn:focus { background: #007EB5; color: #ffffff; border-color: #007EB5;} /* Member benefits style ends */ /* Find location style begins */ .location-section { padding: 60px 0; background: #F8F8F8;} .location-header h1 { font-size:36px; line-height: 44px; color: #253163; margin: 0 0 24px;} .location-header h1 img { margin: 0 0 0 16px; width: 21px; height: 31px; object-fit: cover;} .location-header .location-title p { font-size: 18px; line-height: 26px; margin: 0 0 24px;} .location-header .title-list { display: table; margin: 30px 0 44px;} .location-header .title-list li { display: table-cell; position: relative; color: #000000;} .location-header .title-list li::after { position: absolute; height: 100%; margin:0; top: 0; right: 0; background: #cccccc;} .location-header .title-list li:first-child { width: 20%; font-size: 24px; line-height: 27px; font-weight: 700; padding: 0 60px 0 0; margin: 0 30px 0 0;} .location-header .title-list li:last-child { width: 70%; font-size: 18px; line-height: 26px; font-weight: 400; padding: 0 30px 0 60px;} .location-section .location-box { border-top: 8px solid #FFEB00;} .location-section .location-box .location-filter { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 20px 24px 17px; margin: 0 0 2px;} .location-section .location-box .location-filter .search-input-container {width: 100%;} .location-section .location-box .location-filter .search-input-container input { border-color: #707070; border-radius: 20px;} .location-section .location-box .location-filter .search-address { margin: 0 0 12px;} .location-section .location-box .location-filter .search-address label { font-size: 16px; line-height: 18px; color: #000000; font-weight: 400; margin: 0 0 13px;} .location-section .location-box .location-filter p.link-icon, .location-section .location-box .location-filter p.link-icon a { margin: 12px 0; font-size: 14px; line-height: 16px;} .location-section .location-box .location-filter p.link-icon img { margin: 0 8px 0 0;} .location-section .location-box .location-filter .filter-option {margin: 23px 0 0;} .location-section .location-box .location-filter .filter-option label { font-family:"HelveticaNeue"; font-size: 12px; line-height: 14px; font-weight: 700; color: #000000; text-transform: uppercase; margin-bottom: 2px;} .location-section .location-box .location-filter .filter-option label.checkbox-inline { font-size: 16px; line-height: 18px; font-weight: 400; text-transform: none;} .location-section .location-box .location-filter .filter-option .form-group { margin: 0; } .location-section .location-box .location-content { background: #ffffff; padding: 22px 12px 0 24px;} .location-section .location-box .location-content h5 { font-family:'HelveticaNeue'; font-weight: 400; font-size: 12px; line-height: 16px; margin: 0 0 13px; color: #000000;} .location-section .location-box .location-content .result-wrapper { height: 440px; } .location-section .location-box .location-content .result-box { background: #ffffff; margin: 4px 4px 20px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .location-section .location-box .location-content .result-box .result-title { border-bottom: 1px solid #e8e8e8; padding: 11px 32px 13px 16px;} .location-section .location-box .location-content .result-box .result-title::after,.location-section .location-box .location-content .result-box .result-content .result-detail .result-contact::after {display: table; clear: both; content: "";} .location-section .location-box .location-content .result-box .result-title .branch-title { float: left;} .location-section .location-box .location-content .result-box .result-title .branch-location { float: right;} .location-section .location-box .location-content .result-box .result-title h6 ,.location-section .location-box .location-content .result-box .result-title a { font-size: 14px; line-height: 16px; margin:0;} .location-section .location-box .location-content .result-box .result-title img { margin: 0 12px 0 0; } .location-section .location-box .location-content .result-box .result-title h6 { color: #000000; font-weight: 400;} .location-section .location-box .location-content .result-box .result-content { display: flex; padding: 16px 12px 6px 16px;} .location-section .location-box .location-content .result-box .result-content .result-detail.result-address { flex-basis: 40%;} .location-section .location-box .location-content .result-box .result-content .result-detail.result-contact-detail { flex-basis: 60%; padding: 0 0 0 50px;} .location-section .location-box .location-content .result-box .result-content .result-detail .result-contact { margin: 0 0 5px; } .location-section .location-box .location-content .result-box .result-content .result-detail .result-contact .result-phone { float: left; } .location-section .location-box .location-content .result-box .result-content .result-detail .result-contact .result-email { float: right; } .location-section .location-box .location-content .result-box .result-content .result-detail h4 { font-size: 16px; line-height: 18px; margin: 0 0 8px; font-weight: 400; color: #B7326B;} .location-section .location-box .location-content .result-box .result-content .result-detail h5 { font-family: "HelveticaNeue"; font-weight: 700; font-size: 14px; line-height: 16px; margin: 0 0 15px; } .location-section .location-box .location-content .result-box .result-content .result-detail p { font-size: 12px; line-height: 14px;} .location-section .location-box .location-content .result-box .result-content .result-detail h6 { font-size: 12px; line-height: 14px; font-weight: 400; margin: 0 0 8px;} .location-section .location-box .location-content .result-box .result-content .result-detail a { font-weight: 700; font-size: 12px; line-height: 15px;} .location-section .location-box .location-content .result-box .result-content .result-detail a.tel { color: #000000; } .location-section .location-box .location-content .result-box .result-content .result-detail a.email { color: #B7326B; } .location-section .location-box .location-content .result-box .result-content .result-detail .result-time p { font-size: 12px; line-height: 12px;} .location-section .location-box .location-content .result-box .result-content .result-detail .result-time span { font-weight: 700; display: inline-block; width: 120px;} .location-section .location-box .location-content .result-box .result-content .result-detail.result-contact-detail.result-contact-mobile { display: none; } .location-section .location-box .location-content .load-more-loc { display: none; margin: 27px 0 0;} .location-section .location-box .location-content .load-more-loc a { color: #B7326B; font-family: 'HelveticaNeue'; font-size: 14px; line-height: 16px;} /* Find location style ends */ /* Custom scrollbar style */ .mCSB_scrollTools { width: 12px;} .mCSB_inside > .mCSB_container { margin-right: 20px; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; background-color: #C71C6C; border-radius: 0;} .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #DDDDDD; border-radius: 0;} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #C71C6C; } /* Ready to become member style begins */ .become-member-section { position: relative; background: rgba(37, 49, 99, 0.90)} .become-member-section .container-fluid { padding:0;} .become-member-section .become-member-image img { width: 100%; height: 600px; object-fit: cover;} .become-member-section .become-member-content { max-width: 800px; padding: 60px 30px; margin: 0 auto; text-align: center;} .become-member-section .become-member-content h1 { color: #FCEA4E; margin: 0 0 16px;} .become-member-section .become-member-content .section-content { margin: 0 0 40px; } .become-member-section .become-member-content .section-content p { font-size: 24px; line-height: 29px; color: #FFFFFF; margin:0; font-weight: 400;} .become-member-section .become-member-content p a { color: #FFEB00; font-weight: 700; } .become-member-section .become-member-content .email-field { margin: 0 0 40px; } .become-member-section .become-member-content p { font-size: 16px; line-height: 22px; color: #FFFFFF; font-family: "HelveticaNeue"; font-weight: 700;} .become-member-section .become-member-content .email-field .form-control { max-width: 300px;} /* Ready to become member style ends */ /* Quote style begins */ .quote-section { background: #F8F8F8; padding: 40px 0; text-align: center; position: relative;} .quote-section::after { position: absolute; content: ''; height: 8px; top: 0; left: 0; right: 0; background: -webkit-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -moz-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -o-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: -ms-linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%); background: linear-gradient(left, rgba(255,235,0,1) 0%,rgba(255,235,0,1) 25%,rgba(111,203,220,1) 25%,rgba(111,203,220,1) 50%,rgba(0,143,205,1) 50%,rgba(0,143,205,1) 75%,rgba(199,28,108,1) 75%,rgba(199,28,108,1) 100%);} .quote-section h3 { font-family: "HelveticaNeue"; font-size: 24px; line-height: 29px; font-weight: 700; color: #273260; margin: 0;} /* Quote style ends */ /* Mobile App style begins */ .mobileapps-section { background: #F8F8F8; padding: 40px 0 20px; text-align: center; display: none;} .mobileapps-section h1 { font-size: 36px; line-height: 44px; margin: 0 auto 43px; color: #273260;} .mobileapps-section-wrapper .mobileapps-section { display: block; height: 762px; background: #ffffff; padding: 0;} .mobileapps-section-wrapper .mobileapps-section .apps-features-box { margin: 20px 0 52px; } .mobileapps-section-wrapper .mobileapps-section .apps-features-box h4 { font-size: 18px; line-height: 23px; margin: 0; } .mobileapps-section-wrapper .mobileapps-section .mobileapps-wrapper { height: 550px; background: #F8F8F8; padding-top: 63px;} .mobileapps-row { display: flex;} .mobileapps-row .mobileapps-col { flex: 1; } .mobileapps-section .cfcu-app img {margin: auto; width: 380px; object-fit: cover; height: 490px; } .mobileapps-section .apps-download { margin: 10px 0 45px; } .mobileapps-section .apps-download a { display: inline-block; margin: 0 9px 20px 0;} .mobileapps-section .apps-download a:last-child { margin-right: 0; } .mobileapps-section .apps-features-box { margin: 20px 0; } .mobileapps-section .apps-features-box .apps-features-image { margin: 0 0 23px; } .mobileapps-section .apps-features-box p { font-size: 16px; line-height: 26px; } .mobileapps-section .apps-features-box .apps-features-image img {max-width: 82px; height: auto; object-fit: cover;} .mobileapps-section .apps-download a img { width: 132px; height: 43px; object-fit: cover; } /* Mobile App style ends */ /* Mobile sticky footer style begins */ .mobile-footer { display:none; position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); text-align: center; padding: 22px; z-index: 100; } .mobile-footer .link-wrapper a.btn-link {font-weight:700; background: #f3f9fb; color: #273260; padding: 13px 27px 15px 12px; font-size: 14px; margin-right: 20px; border-radius: 22px; display: inline-block; border:1px solid #f3f9fb; text-decoration: none;} .mobile-footer .link-wrapper a img { margin: 0 8px 0 0; } .mobile-footer .link-wrapper .btn { display: inline-block; border-radius: 21px; padding: 14px 34px 15px;} .mobile-footer .link-wrapper a.btn-link:hover,.mobile-footer .link-wrapper a.btn-link:focus { text-decoration: none; color:#0B2D71; border-color: #0B2D71; background: #ffffff; } /* Mobile sticky footer style ends */ /* 4 record */ .record-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between;} .record-wrapper .record-card { flex-basis: 50%; border: 1px solid #CECECE; text-align: center;} .record-wrapper .record-card:nth-child(odd) { border-top: none; border-left: none; padding: 30px 42.5px 30px 0;} .record-wrapper .record-card:nth-child(even) { border-top: none; border-right: none; padding: 30px 0 30px 42.5px;} .record-wrapper .record-card:nth-child(1) { border-top: none; border-left: none; padding: 0 42.5px 30px 0;} .record-wrapper .record-card:nth-child(2) { border-top: none; border-right: none; border-left: none; padding: 0 0 30px 42.5px;} .record-wrapper .record-card:nth-child(3) { border-top: none; border-left: none; border-bottom: none; padding: 30px 42.5px 30px 0;} .record-wrapper .record-card:nth-child(4) { border: none; padding: 30px 0 30px 42.5px;} .record-wrapper .record-card:nth-child(5),.record-wrapper .record-card:nth-child(6) { border-top: 1px solid #CECECE; } .record-wrapper .record-card h3 { line-height: 22px; margin: 0 0 16px; font-size: 18px;} .record-wrapper .record-card img { margin: 0 0 24px; max-width: 100px; height: 62px; object-fit: cover;} .record-wrapper .record-card p { line-height: 26px; } .record-wrapper .record-card a { display: block; color: #C71C6C; font-size: 16px; font-weight: 700; line-height: 20px; margin: 32px 0 0; } /* Financial Education Template */ .financial-education-banner .template-banner.widget-banner { height: 940px; position: relative;} .financial-education-banner .template-banner.widget-banner .template-banner-image img { height: 940px; object-fit: cover; position: absolute; z-index: -1; width: 100%;} .guidance-option-wrapper { margin: -430px 0 50px; } .guidance-options-section { margin: 0; } .guidance-options-section h2 { line-height: 29px; font-size: 24px; color: #333333; margin: 30px 0 24px;} .guidance-options { display: flex; justify-content: space-around; } .guidance-options .guidance-box { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 24px 22px 32px; text-align: center; margin: 0 12.5px; border-top: 8px solid #ffffff; text-decoration: none; width: 20%;min-height:425px;position:relative;} .guidance-options .guidance-box:first-child { margin-left: 0; } .guidance-options .guidance-box:last-child { margin-right: 0; } .guidance-options .guidance-box.box1 { border-color: #FFEB00;} .guidance-options .guidance-box.box2 { border-color: #85C9D9;} .guidance-options .guidance-box.box3 { border-color: #008FCD;} .guidance-options .guidance-box.box4 { border-color: #B7326B;} .guidance-options .guidance-box.box5 { border-color: #253163;} .guidance-options .guidance-box img { margin: 0 0 24px; width: auto; height: 61px; object-fit: cover;} .guidance-options .guidance-box h3 { font-size: 18px; line-height: 22px; color: #000000; margin: 0 0 24px; } .guidance-options .guidance-box p, .guidance-options .guidance-box span { font-size: 16px; line-height: 26px; color: #000000;} .guidance-options .guidance-box span { color: #C71C6C; display: block; margin: 15px 0 0; line-height: 20px; font-weight: 700; font-family: "HelveticaNeue";position:absolute;bottom:30px;left:15px;right:15px;} /* Life stage section */ .life-stage-section { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 30px 40px 52px; border-top: 8px solid #ffffff; margin: 0 0 32px;} .life-stage-section.stage01 { border-color: #FFEB00; } .life-stage-section.stage02 { border-color: #85C9D9; } .life-stage-section.stage03 { border-color: #008FCD; } .life-stage-section.stage04 { border-color: #B7326B; } .life-stage-section.stage05 { border-color: #253163; } .life-stage-section h1 { color: #253163; margin: 0 0 30px; font-size: 36px; line-height: 44px;} .life-stage-section p, .life-stage-section .section-content,.life-stage-card .life-stage-content p { line-height: 26px; color: #000000; margin: 0 0 10px;} .life-stage-section a { font-size: 16px; line-height: 20px; color: #C71C6C; } .life-stage-section a.see-all { margin: 20px 0 0; display: inline-block; font-family: "HelveticaNeue"; font-weight: 700;} .life-stage-section h2 { line-height: 29px; color: #133F78; margin: 0 0 30px; font-size: 24px;} .life-stage-container { margin: -10px 0 80px;} .life-stage-section .life-stage-box { margin: 51px 40px 0 40px; } .life-stage-card { text-decoration: none; display: block;} .life-stage-card .life-stage-image { height: 200px; position: relative;} .life-stage-card .life-stage-image img.main-img { height: 200px; object-fit: cover; max-width: 100%; width: 100%;} .life-stage-card .life-stage-image .icon-box { position: absolute; top: 0; background: #00A9E0; width: 32px; height: 32px; line-height: 32px; margin: auto; text-align: center; } .life-stage-card .life-stage-image .icon-box img { max-width: 24px; height: auto; object-fit: cover; } .life-stage-card .life-stage-image .icon-box .icon01 { background: #6FCBDC; } .life-stage-card .life-stage-image .icon-box .icon02 { background: #3C8EC8; } .life-stage-card .life-stage-image .icon-box .icon03 { background: #C71C6C; } .life-stage-card .life-stage-content { background: #F8F8F8; padding: 27px 29px 40px 32px;position:relative;min-height:440px;} .life-stage-card .life-stage-content h2 { margin: 0 0 10px; } .life-stage-card .life-stage-content p.detail { font-size: 14px; line-height: 16px; margin: 0 0 21px; color: #000000; min-height: auto;} .life-stage-card .life-stage-content p { min-height: 140px;} .life-stage-card .life-stage-content .life-stage-content-link{position:absolute; bottom:28px;} .life-stage-card .life-stage-content .life-stage-content-link span { display: block; margin: 40px 0 0; font-size: 16px; line-height: 18px; font-family: "HelveticaNeue"; font-weight: 700;} /* Accounts Template */ /*Accounts banner*/ .accounts-banner .template-banner.widget-banner { height: 520px; position: relative;} .accounts-banner .template-banner.widget-banner .template-banner-image img { height: 520px; object-fit: cover; position: absolute; z-index: -1; width: 100%;} /*Account Perk tagline*/ .account-perks-wrapper .account-perks-content { min-height: 974px; border-top: 8px solid #FFEB00; padding: 31px 40px 52px !important; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .account-perks-wrapper .account-perks-content h1 {letter-spacing: 0.72px; margin: 0 0 62px; font-size: 36px; line-height: 44px; color: #253163;} .account-perks-wrapper .account-perks-content .account-perk-content-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between;} .account-perks-wrapper .account-perks-content .account-perk-box { margin: 0 0 32px; flex-basis: 45%;} .account-perks-wrapper .account-perks-content .account-perk-box h2 { font-size: 24px; line-height: 29px; margin: 0 0 15px; } .account-perks-wrapper .account-perks-content .account-perk-box p { line-height: 26px; } .account-perks-section .account-perks-img { width: 100%; height: 974px; object-fit: cover; } .account-perks-section { padding-bottom: 40px; } /*Testimonial tagline*/ .testimonial-tagline-section { padding: 54px 0 59px; } .testimonial-tagline-section .testimonial-wrapper h1 { letter-spacing: 0.72px; margin: 0 0 34px; font-size: 36px; line-height: 44px; color: #253163;} .testimonial-tagline-section .testimonial-wrapper .testimonial-box { margin: 0 0 12px; } .testimonial-tagline-section .testimonial-wrapper .testimonial-box::after { display: table; content: ''; clear: both; } .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-image { float: left; margin: 0 20px 0 0;} .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-image img { width: 200px; height: 257px; object-fit: cover; } .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-content { background: #F8F8F8; padding: 40px 32px 34px; margin-left: 220px;} .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-content h2 { margin: 0 0 3px; color: #273260; line-height: 25px; font-size: 20px;} .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-content .testimonial-member { font-size: 15px; line-height: 18px; font-weight: 700; margin: 0 0 24px; } .testimonial-tagline-section .testimonial-wrapper .testimonial-box .testimonial-content p,.testimonial-wrapper .testimonial-box .testimonial-content .section-content { line-height: 26px; margin-bottom: 0; font-size: 16px; letter-spacing: 0.9px;} .testimonial-tagline-section .testimonial-wrapper .link-wrapper { margin: 76px 0 0; } .testimonial-tagline-section .testimonial-wrapper .link-wrapper .btn { padding: 10px 34px; } .testimonial-tagline-section .testimonial-wrapper .link-wrapper a.btn-link { margin: 0 0 0 32px; display: inline-block; font-size: 16px; line-height: 19px; color: #FFFFFF; background: #007EB5; border: 1px solid #007EB5; padding: 11px 36px; border-radius: 22px; text-decoration: none; font-weight: 700; } .testimonial-tagline-section .testimonial-wrapper .link-wrapper a.btn-link:hover,.testimonial-tagline-section .testimonial-wrapper .link-wrapper a.btn-link:focus { color: #007EB5; background: #ffffff; } /*Account Types tagline*/ .account-types-section { padding: 20px 0 60px; } .account-types-section h1 { letter-spacing: 0.72px; margin: 0 0 31px; font-size: 36px; line-height: 44px; color: #253163;} .account-type-wrapper { margin: 0 0 20px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); } .account-type-wrapper .account-type-title { background: #F8F8F8; padding: 36px 49px 24px 28px; min-height: 340px; position: relative;} .account-type-wrapper .account-type-title h2 { line-height: 29px; color: #333333; margin: 0 0 16px; font-size: 24px;} .account-type-wrapper .account-type-title h3 { font-size: 20px; line-height: 24px; font-weight: 400;} .account-type-wrapper .account-type-title a { font-size: 16px; line-height: 20px; display: block; color: #C71C6C; margin: 125px 0 0; position: absolute; bottom: 24px; font-weight: 700; font-family: "HelveticaNeue";} .account-type-wrapper .account-type-title .account-type-button-mobile { display: none; } .account-type-wrapper .account-type-content-wrapper {padding: 32px 32px 24px 40px !important; border-top: 8px solid #00A9E0;} .account-type-wrapper .account-type-content { display: flex; justify-content: space-between; } .account-type-wrapper .account-type-content .account-type-box { flex-basis: 15%; } .account-type-wrapper .account-type-content .account-type-box.box1, .account-type-wrapper .account-type-content .account-type-box.box2 { flex-basis: 28%; } .account-type-wrapper .account-type-content .account-type-box.box3 { flex-basis: 10%;} .account-type-wrapper .account-type-content .account-type-box.box4 { flex-basis: 20%; } .account-type-wrapper .account-type-content .account-type-box h3 { font-weight: 400; font-size: 20px; line-height: 24px; margin: 0 0 16px; } .account-type-wrapper .account-type-content .account-type-box p { font-size: 16px; line-height: 26px; } .account-type-wrapper .account-type-content .account-type-box ul li { font-size: 16px; line-height: 32px; } .account-type-wrapper .account-type-button { margin: 30px 0 0; text-align: right;} .account-type-wrapper.accounttype01 .account-type-content-wrapper { border-color: #FFEB00; } .account-type-wrapper.accounttype02 .account-type-content-wrapper { border-color: #85C9D9; } .account-type-wrapper.accounttype03 .account-type-content-wrapper { border-color: #008FCD; } .account-type-wrapper.accounttype04 .account-type-content-wrapper { border-color: #B7326B; } /* Loans Template */ .loans-banner .template-banner.widget-banner { height: 520px; position: relative;} .loans-banner .template-banner.widget-banner .template-banner-image img { height: 520px; object-fit: cover; position: absolute; z-index: -1; width: 100%;} .loan-subtype-section { margin-top: -50px; padding: 0 0 40px;} .image-card { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); display: block; text-decoration: none;} .image-card .image-wrapper img { height: 200px; width: 100%; object-fit: cover;} .image-card .image-card-content { padding: 28px 32px; text-align: center; background: #ffffff;} .image-card .image-card-content h2 { line-height: 29px; margin: 0 0 20px; font-size: 24px;} .image-card .image-card-content p { line-height: 26px; color: #000000; } .image-card .image-card-content span { display: block; font-size: 16px; font-weight: 700; line-height: 20px; color: #C71C6C; margin: 28px 0 0; } /*Mortgage form*/ .section-title { text-align: center; } .section-title h1 { letter-spacing: 0.72px; } .section-title p { font-size: 18px; line-height: 26px; color: #000000; margin: 0 0 28px; } .mortgage-calc-section { padding: 40px 0 81px; } .mortgage-calc-section h1 { margin: 0 0 16px; font-size: 36px; line-height: 44px; color: #253163;} .mortgage-calc-section .mortgage-wrapper { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); } .mortgage-calc-section .mortgage-calc-form { border-top: 8px solid #FFEB00; padding: 40px 24px 48px; } .mortgage-calc-section .mortgage-calculation { background: #F8F8F8; padding: 48px 41px 36px 33px; } .mortgage-calc-section .mortgage-calc-form .form-group { margin: 0 0 32px; } .mortgage-calc-section .mortgage-calc-form .form-control { color: #767676; } .mortgage-calc-section a { font-size: 16px; line-height: 20px; color: #C71C6C; font-weight: 700;} .mortgage-calc-section .mortgage-calculation .estimated-rate { display: flex; justify-content: space-between; margin: 0 0 30px; } .mortgage-calc-section .mortgage-calculation .estimated-rate .sectional-estimate h6 { font-weight: 400; font-size: 14px; line-height: 17px; margin: 0 0 8px; } .mortgage-calc-section .mortgage-calculation .estimated-rate .sectional-estimate h2 { font-size: 36px; line-height: 44px; letter-spacing: 0.72px; font-weight: 300; color: #000000; margin: 0; } .mortgage-calc-section .mortgage-calculation .mortgage-table table { width: 100%; } .mortgage-calc-section .mortgage-calculation .mortgage-table table tr { border-bottom: 1px solid #CECECE; } .mortgage-calc-section .mortgage-calculation .mortgage-table table td { font-size: 16px; font-weight: 700; line-height: 24px; color: #000000; padding: 10px 20px 10px 5px; } .mortgage-calc-section .mortgage-calculation .mortgage-table table tr:last-child { border: none; } .mortgage-calc-section .mortgage-calculation .mortgage-table table td:first-child { font-weight: 400; } .mortgage-calc-section .mortgage-calculation .mortgage-table table td:last-child{ border-left: 1px solid #707070; padding-left: 20px; } .mortgage-calc-section .mortgage-calculation .mortgage-table table td:nth-child(2) { text-align: right; } .mortgage-calc-section .link-wrapper { margin-top: 32px; text-align: center; } .mortgage-calc-section .link-wrapper .btn { line-height: 19px; margin: 0 32px 0 0; color: #ffffff; border: 1px solid #C71C6C;} .mortgage-calc-section .link-wrapper .btn:hover,.mortgage-calc-section .link-wrapper .btn:focus { color: #C71C6C; background: #ffffff;} .mortgage-calc-section .link-wrapper a.btn-link { display: inline-block; font-size: 16px; line-height: 19px; color: #FFFFFF; background: #C71C6C; border: 1px solid #C71C6C; padding: 10px 36px; border-radius: 22px; text-decoration: none; font-weight: 700; } .mortgage-calc-section .link-wrapper a.btn-link:hover,.mortgage-calc-section .link-wrapper a.btn-link:focus { background: #FFFFFF; color: #C71C6C; } /* Mortage Calculator form */ .mortgage-calc-section.mortgage-calculator { background: #F9FAFC; padding: 40px 0; margin:0;} .mortgage-calc-section.mortgage-calculator h1 { margin: 0 0 20px; } .mortgage-calc-section.mortgage-calculator .mortgage-calc-form { border-top: none; padding: 20px 20px 48px 16px; background: #ffffff;} .mortgage-calc-section.mortgage-calculator .mortgage-calc-form .form-group { margin: 0 0 20px; } .mortgage-calc-section.mortgage-calculator .mortgage-calc-form .form-group label { line-height: 16px; } .back-section { padding: 20px 0 40px; background: #F9FAFC; } .back-section a { font-size: 14px; line-height: 16px; color: #C71C6C; font-weight: 700; } .back-section a em { margin: 0 8px 0 0; } /* Contactus form */ .contactus-section { background: #F9FAFC; padding: 40px 0 50px;} .contactus-section .real-estate-form-wrapper { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 20px 15px 40px 16px; background: #ffffff;} .contactus-section h1 { margin: 0 0 20px; font-size: 36px; line-height: 44px; color: #253163;} .contactus-section .real-estate-form-wrapper .form-group { margin: 0 0 20px; } .contactus-section .real-estate-form-wrapper .form-group.comments-field { margin: 20px 0 30px; } .contactus-section .real-estate-form-wrapper .google-verification img { width: 100%; } /* Great Rates Tagline */ .great-rates-section { padding: 0 0 46px; position: relative;} .great-rates-section .great-rates-wrapper { position: absolute; height: 300px; width: 100%; z-index: -1; bottom: 0; background: #F8F8F8; left:0; right:0;} .great-rates-section h1 { margin: 0 0 34px; font-size: 36px; line-height: 44px; color: #253163;} .rates-section.rates-wrapper { padding: 0; background: transparent;} .great-rates-section .rates-section .rates-box { display:block; padding: 30px 40px 28px; background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-top: 8px solid #ffffff; text-align: center; text-decoration: none;} .great-rates-section .rates-section .rates-box.box1 { border-color: #FFEB00; } .great-rates-section .rates-section .rates-box.box2 { border-color: #C71C6C; } .great-rates-section .rates-section .rates-box.box3 { border-color: #6FCBDC; } .great-rates-section .rates-section .rates-box.box4 { border-color: #008FCD; } .great-rates-section .rates-section .rates-box h2 { font-size: 24px; font-weight: 700; line-height: 29px; margin: 0 0 24px; } .great-rates-section .rates-section .rates-box .rates-value p { font-size: 40px; line-height: 49px; letter-spacing: 0.8px; font-weight: 700; margin: 0 0 12px; color: #000000;} .great-rates-section .rates-section .rates-box .rates-value p small,.great-rates-section .rates-section .rates-box .rates-value p sup { font-size: 16px; line-height: 19px; font-weight: 500; letter-spacing: 1.92px;} .great-rates-section .rates-section .rates-box .rates-value p sup { top: -1.2em; right: -16px; } .rates-section .rates-box p.subtext,.rates-section.rates-offered .rates-box p.subtext { font-size: 14px; line-height: 18px; color: #737373; text-transform: uppercase; } .great-rates-section .link-wrapper { text-align: center; margin: 32px 0 0;} .great-rates-section .link-wrapper .btn { display: inline-block; font-weight: 700; line-height: 16px; border: 1px solid #007EB5; font-size: 16px; padding: 11px 32px; background: #007EB5; border-radius: 22px; text-decoration: none; color: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .great-rates-section .link-wrapper .btn:hover,.great-rates-section .link-wrapper .btn:focus { color: #007EB5; background: #ffffff;} /* Special loan Tagline */ .special-loan-section { padding: 80px 0; } .special-loan-section .special-loan-wrapper { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 47px 50px 52px; } .special-loan-section h1 { margin: 0 0 14px; font-size: 36px; line-height: 44px; color: #253163;} .special-loan-section .section-title p { margin: 0 0 40px; } .special-loan-section .special-loan-wrapper .section-title p { margin: 0 0 52px; } .real-estate-form-wrapper h1 { font-size: 36px;line-height:43px;} .real-estate-form-wrapper label { font-weight: 700; } .real-estate-form-wrapper .form-group { margin: 0 0 20px; } .real-estate-form-wrapper .form-group.comments-field { margin: 20px 0 40px; } .real-estate-form-wrapper .google-verification img { width: 100%; } .g-recaptcha > div { height: auto !important; width:100%;} .g-recaptcha > div iframe { width: 100% !important; overflow: hidden !important; height: 80px !important;} /* Widgets template */ /* Alert Banner setion */ .alert-banner-section { background: rgba(230, 25, 47, 0.4); border-bottom: 2px solid #0B2D71; padding: 19px 0; display: block;} .alert-banner-section .alert-banner-content::after { display: table; content: ''; clear: both; } .alert-banner-section .alert-banner-content .alert-banner-title { margin: 0 30px 0 0;} .alert-banner-section .alert-banner-content .alert-banner-title h6 { font-family: 'HelveticaNeue'; font-size: 18px; line-height: 23px; color: #000000; font-weight: 700; margin: 0;} .alert-banner-section .alert-banner-content .alert-banner-title, .alert-banner-section .alert-banner-content .alert-banner-icon { display: inline-block;} .alert-banner-section .alert-banner-content .alert-banner-icon h6 { color: #000000; margin:0; font-family: 'HelveticaNeue'; font-size: 18px; line-height: 23px; font-weight: 700; display: inline-block;} .alert-banner-section .alert-banner-content .alert-banner-icon em { font-weight: 500; color: #000000;} /* Template banner */ .template-banner.widget-banner { height: 520px; position: relative; } .template-banner .template-banner-image img { height: 520px; object-fit: cover; position: absolute; z-index: -1; width: 100%;} .template-banner .banner-tagline { margin: 66px 0 0; max-width: 600px;} .template-banner .banner-tagline-content,.template-banner .banner-tagline-content-wrapper{min-height:200px;} .template-banner .banner-tagline-content-wrapper{display:table;} .template-banner .banner-tagline-content{display:table-cell;vertical-align:middle;} .template-banner .banner-tagline h1 { font-size: 56px; line-height: 54px; color: #008FCD; margin: 0 0 16px;} .template-banner .banner-tagline p { font-size: 18px; line-height: 26px; margin: 0 0 20px; font-family: "HelveticaNeue";} .template-banner .banner-tagline .mobile-text { display: none; } .template-banner .banner-tagline p.login { font-weight: 700; } .template-banner .banner-tagline .link-wrapper { margin: 20px 0; } .template-banner .banner-tagline .link-wrapper .btn{ -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); } .template-banner .banner-tagline .link-wrapper a.btn-link { font-size: 16px; line-height: 16px; font-weight: 700; color: #C71C6C; margin-left: 26px; display: inline-block; padding: 10px 0;} /* Image Left section */ .image-left-section,.image-right-section { margin: 80px 0; } .image-left-section .image-section-placeholder img,.image-right-section .image-section-placeholder img { height: auto; max-width: 100%; width: auto; object-fit: cover; display: inline-block;} .image-left-section .image-section-content { margin-left: 24px; } .image-left-section .image-section-content h1,.image-right-section .image-section-content h1 { letter-spacing: 0.72px; margin: 10px 0 22px; font-size: 36px; line-height: 44px; color: #253163;} .image-left-section .image-section-content h2,.image-right-section .image-section-content h2 { line-height: 29px; color: #000000; margin: 0 0 42px; font-size: 24px;} .image-left-section .image-section-content p,.image-right-section .image-section-content p,.image-left-section .image-section-content .section-content, .image-right-section .image-section-content .section-content { line-height: 26px; color: #000000; margin: 0 0 25px; font-size: 16px;} .image-left-section .image-section-content p:last-child,.image-right-section .image-section-content p:last-child,.image-left-section .image-section-content .section-content:last-child,.image-right-section .image-section-content .section-content:last-child { margin: 0; } /* Image Right section */ .image-right-section .image-section-content { margin-right: 24px; } /* Testimonial Rows section */ .testimonial-rows-section { margin: 80px 0 105px; } .testimonial-rows-section h1,.testimonial-spotlight-section h1 { font-size: 24px; line-height: 29px; margin: 0 0 22px; color: #253163; } .testimonial-rows-section .testimonial-wrapper .testimonial-box { margin: 0 0 32px; } .testimonial-rows-section .testimonial-wrapper .testimonial-box::after { display: table; content: ''; clear: both; } .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-image { float: left; margin: 0 29px 0 0;} .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-image img { width: 168px; height: 168px; border-radius: 50%; object-fit: cover; } .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-content { background: #F8F8F8; padding: 16px 200px 20px 18px; margin-left: 197px;} .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-content h2 { margin: 0 0 8px; color: #273260; line-height: 25px; font-size: 20px; } .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-content .testimonial-member { font-size: 15px; line-height: 18px; margin: 0 0 28px; font-weight: 700; } .testimonial-rows-section .testimonial-wrapper .testimonial-box .testimonial-content p,.testimonial-wrapper .testimonial-box .testimonial-content .section-content { line-height: 26px; margin-bottom: 0; font-size: 16px; letter-spacing: normal;} .testimonial-rows-section .testimonial-wrapper .link-wrapper { margin: 76px 0 0; } .testimonial-rows-section .testimonial-wrapper .link-wrapper .btn,.testimonial-spotlight-section.testimonial-section .testimonial-content .link-wrapper .btn { padding: 10px 34px; } .testimonial-rows-section .testimonial-wrapper .link-wrapper a.btn-link, .testimonial-spotlight-section.testimonial-section .testimonial-content .link-wrapper a.btn-link { margin: 0 0 0 32px; display: inline-block; font-size: 16px; border: 1px solid #007EB5; line-height: 16px; color: #FFFFFF; background: #007EB5; padding: 10px 36px; border-radius: 22px; text-decoration: none; font-weight: 700;} .testimonial-rows-section .testimonial-wrapper .link-wrapper a.btn-link:hover, .testimonial-spotlight-section.testimonial-section .testimonial-content .link-wrapper a.btn-link:hover,.testimonial-rows-section .testimonial-wrapper .link-wrapper a.btn-link:focus, .testimonial-spotlight-section.testimonial-section .testimonial-content .link-wrapper a.btn-link:focus { border-color: #007EB5; color: #007EB5; background: #ffffff; } /* Testimonial Spotlight section */ .testimonial-spotlight-section.testimonial-section { margin: 105px 0 80px; padding: 0; background: #ffffff;} .testimonial-spotlight-section .testimonial-spotlight-image img { max-height: 480px; max-width: 100%; width: auto; object-fit: cover; } .testimonial-spotlight-section.testimonial-section .testimonial-content .mobile-testimonial-image { display: none; } .testimonial-spotlight-section.testimonial-section .testimonial-content h2 { font-size: 24px; line-height: 29px; color: #000000; margin: 0 0 14px; } .testimonial-spotlight-section.testimonial-section .testimonial-content h4 { line-height: 22px; color: #000000; font-size: 20px; font-family: "HelveticaNeue"; margin:0 0 34px; font-weight: 400;} .testimonial-spotlight-section.testimonial-section .testimonial-content p,.testimonial-spotlight-section.testimonial-section .testimonial-content .section-content { color: #000000; line-height: 26px; font-size: 16px;} .testimonial-spotlight-section.testimonial-section .testimonial-content .link-wrapper { margin: 57px 0 0; } .testimonial-spotlight-section.testimonial-section .testimonial-content h5 { display: none; } /* Content Up section */ .content-up-section { margin: 80px 0; } .content-up-section .block-section { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); background: #ffffff; padding: 32px 20px 40px; margin: 0 0 20px; text-align: center; border-top:8px solid #ffffff;} .content-up-section .block-section h1 { letter-spacing: 0.72px; margin: 0 0 17px; font-size: 36px; line-height: 44px; color: #253163;} .content-up-section .block-section p { font-size: 16px; line-height: 18px; } .content-up-section .block-section .record-wrapper { margin: 32px 0 0; } .content-up-section .record-wrapper .record-card h3 { font-size: 20px; line-height: 24px; font-weight: 400; margin: 0 0 13px; } .content-up-section .record-wrapper .record-card p { font-size: 36px; line-height: 43px; font-weight: 400; color: #3C8EC8; margin: 0 0 5px 0; } .content-up-section .record-wrapper .record-card p span small, .content-up-section .record-wrapper .record-card p span sup { font-size: 16px; line-height: 26px; color: #000000; } .content-up-section .record-wrapper .record-card p span sup { top: 0; right: -5px; } .content-up-section .record-wrapper .record-card p span { margin: 0 0 0 8px; } .content-up-section .record-wrapper .record-card a { margin: 30px 0 0; line-height: 19px; } .content-up-section .block-section .record-wrapper .record-card:nth-child(1) { padding: 0 42.5px 26px 0;} .content-up-section .block-section .record-wrapper .record-card:nth-child(2) { padding: 0 0 26px 42.5px;} .content-up-section .block-section .record-wrapper .record-card:nth-child(3) { padding: 26px 42.5px 0 0;} .content-up-section .block-section .record-wrapper .record-card:nth-child(4) { padding: 26px 0 0 42.5px;} .content-up-section .block-section .link-wrapper { margin: 43px 0 0; } .content-up-section .block-section .link-wrapper .btn { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} /* 3 block */ .content-up-section .block-section.three-block-section .record-wrapper .record-card:nth-child(3) { border-right: none; flex-basis: 100%; padding: 26px 120px 0; margin: auto; } .content-up-section .block-section .record-wrapper .record-card:nth-child(1) { position: relative; } .content-up-section .block-section.three-block-section .record-wrapper .record-card:nth-child(1)::after, .content-up-section .block-section.two-block-section .record-wrapper .record-card:nth-child(1)::after { content: ''; position: absolute; display: inline-block; width: 2px; height: 26px; background: #ffffff; right: -2px; bottom: 0;} /* 1 block */ .content-up-section .block-section.one-block-section .record-wrapper .record-card:nth-child(1) { border-right: none; flex-basis: 100%; padding: 0 120px 26px; margin: auto; max-width: none;} /* CTA section */ .cta-section { text-align: center; margin: 30px 0 0;} .cta-section::after { content: ''; display: table; clear: both; } .cta-section .cta-content h3 { line-height: 25px; margin: 0 0 8px; font-size: 20px} .cta-section .cta-content p { font-size: 16px; margin: 0 0 24px; line-height: 24px;} .content-up-section .block-section .cta-section .link-wrapper { margin: 24px 0 0; } /* One column section */ .section-content { font-size: 16px; white-space: normal; word-break: break-word;} .section-content ol,.blog-detail-desc ol { margin-left: 20px; font-size: 16px; line-height: 26px;} .section-content ul,.blog-detail-desc ul { list-style: none; margin-left: 15px;} .section-content ul li,.pageContent ul li,.section-content ol li,.pageContent ol li,.blog-detail-desc ul li,.blog-detail-desc ol li { font-size: 16px; line-height: 26px;} .section-content ul li::before,.blog-detail-desc ul li::before { content: "\2022"; color: #C71C6C; font-weight: bold; display: inline-block; width: 16px; margin-left: -15px;} .one-column-section { margin: 60px 0 79px; } .one-column-section .one-column-content { margin-left: 50px;} .one-column-section .one-column-content h2 { font-size:24px; line-height: 29px; color: #253163; margin: 0 0 30px; } .one-column-section .one-column-content p, .one-column-section .one-column-content .section-content { line-height: 26px; margin: 0 0 20px; font-size: 16px;} .one-column-section .one-column-content p:last-child, .one-column-section .one-column-content .section-content:last-child { margin: 0; } /* One column and thumbnail section */ .one-column-thumbnail-section { margin: 28px 0; } .one-column-thumbnail-section h2 { font-size:24px; line-height: 29px; color: #253163; margin: 0 0 30px; } .one-column-thumbnail-section .one-column-thumbnail-image img { height: auto; width: auto; object-fit: cover; max-width: 100%} .one-column-thumbnail-section p,.one-column-thumbnail-section .section-content { line-height: 26px; margin: 0 0 20px; } .one-column-thumbnail-section p:last-child, .one-column-thumbnail-section .section-content:last-child { margin: 0; } /* Two column and panorama section */ .two-column-panorama-section { margin: 79px 0;} .two-column-panorama-section .two-column-panorama-wrapper h2 { font-size:24px; line-height: 29px; color: #253163; margin: 0 0 34px; } .two-column-panorama-section .two-column-panorama-wrapper .two-column-panorama-image img { height: auto; max-width: 100%; width: auto; object-fit: cover; margin: 0 0 40px; } .two-column-panorama-section .two-column-panorama-wrapper p,.two-column-panorama-section .two-column-panorama-wrapper .section-content { line-height: 26px; margin: 0 0 20px; } .two-column-panorama-section .two-column-panorama-wrapper .section-content:last-child { margin: 0; } /* Three column and thumbnail section */ .three-column-thumbnail-section { margin: 79px 0; } .three-column-thumbnail-section h2 { font-size:24px; line-height: 29px; color: #253163; margin: 0 0 30px; } .three-column-thumbnail-section p, .three-column-thumbnail-section .section-content { line-height: 26px; margin: 0 0 28px;} .three-column-thumbnail-section .three-column-thumbnail-image img { height: auto; max-width: 100%; width: auto; object-fit: cover; margin: 0;} /* Four column and thumbnail section */ .four-column-thumbnail-section { margin: 79px 0 59px; } .four-column-thumbnail-section h2 { font-size:24px; line-height: 29px; color: #253163; margin: 0 0 30px; } .four-column-thumbnail-section .four-column-thumbnail-image img { height: auto; max-width: 100%; width: auto; object-fit: cover; margin: 0 0 28px; } .four-column-thumbnail-section p, .four-column-thumbnail-section .four-column-thumbnail-content { line-height: 26px; margin: 0 0 20px; font-size: 16px;} /* Story Cards section */ .story-cards-section { margin: 79px 0; } .story-cards-section h1 { margin: 0 0 25px; letter-spacing: 0.72px; font-size: 36px; line-height: 44px; color: #253163;} .story-cards-section .story-box { display: block; text-decoration: none; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .story-cards-section .story-box .story-box-image img { height: 200px; object-fit: cover; max-width: 100%; width: 100%;} .story-cards-section .story-box .story-box-content { position: relative; min-height: 340px; background: #ffffff; padding: 27px 18px 18px; text-align: center;} .story-cards-section .story-box .story-box-content h2 { margin: 0 0 15px; line-height: 29px; font-size: 24px;} .story-cards-section .story-box .story-box-content p { line-height: 26px; color: #000000; } .story-cards-section .story-box .story-box-content span { font-weight:700; display: inline-block; max-width: 148px; margin: 28px auto 0; font-size: 16px; line-height: 19px; background:#007EB5; border: 1px solid #007EB5; color: #ffffff; position: absolute; left: 0; right: 0; bottom: 18px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-radius: 22px; padding: 10px 20px;} .story-cards-section .story-box:hover .story-box-content span { color: #007EB5; background: #ffffff;} /* Highlighted / Grouped Content block section */ .grouped-content-block-section { margin: 79px 0 120px; } .grouped-content-block-section h1 { margin: 0 0 25px; letter-spacing: 0.72px; font-size: 36px; line-height: 44px; color: #253163;} .grouped-content-block-section .life-stage-section h1 { margin: 0 0 31px; letter-spacing: 0;} .grouped-content-block-section .life-stage-section { margin: 0; } /* Rates Offered Four Up section */ .rates-offered { margin: 58px 0;} .rates-offered h1 { text-align: center; letter-spacing: 0.72px; margin: 0 0 35px; font-size: 36px; line-height: 44px; color: #253163;} .rates-offered .rates-box { display: block; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-top: 8px solid #ffffff; text-align: center; padding: 29px 40px 33px; text-decoration: none; background: #ffffff;} .rates-offered .rates-box.box1 { border-color: #FFEB00;} .rates-offered .rates-box.box2 { border-color: #C71C6C;} .rates-offered .rates-box.box3 { border-color: #6FCBDC;} .rates-offered .rates-box.box4 { border-color: #008FCD;} .rates-offered .rates-box h2 { font-weight: 700; line-height: 29px; margin: 0 0 24px; font-size: 24px;} .rates-offered .rates-value p { font-size: 40px; line-height: 49px; letter-spacing: 0.8px; font-weight: 700; margin: 0 0 12px; color: #000000; text-transform: uppercase;} .rates-offered .rates-value p small,.rates-offered .rates-value p sup { font-size: 16px; line-height: 19px; font-weight: 500; letter-spacing: 1.92px;} .rates-offered .rates-value p sup { top: -1.2em; right: -16px; } .rates-offered .link-wrapper { text-align: center; margin: 32px 0 0;} /* Rates Offered Two Up section */ .rates-offered-two-up-section { margin: 58px 0 79px; } .rates-offered-two-up-section .rates-offered-two-up-image img { height: 485px; max-width: 100%; object-fit: cover; width: 100%; } .rates-offered-two-up-section .rates-offered-two-up-content { padding: 29px 44px 52px 40px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-top: 8px solid #019BD7; min-height: 485px;} .rates-offered-two-up-section .rates-offered-two-up-content h2 { font-size: 24px; margin: 0 0 27px; line-height: 29px;} .rates-offered-two-up-section .rates-offered-two-up-content p { line-height: 26px; margin: 0 0 22px; } .rates-offered-two-up-section .rates-offered-two-up-content .rates-value::after { content: ''; display: table; clear: both; } .rates-offered-two-up-section .rates-offered-two-up-content .rates-value p:first-child { float: left; } .rates-offered-two-up-section .rates-offered-two-up-content .rates-value p:last-child { float: right; } .rates-offered-two-up-section .rates-offered-two-up-content .rates-value p { margin: 0; font-size: 40px; line-height: 49px;} .rates-offered-two-up-section .rates-offered-two-up-content .rates-value { margin: 0 0 28px; } .rates-offered-two-up-section .rates-offered-two-up-content .link-wrapper { text-align: left; margin: 24px 0 0; } .rates-offered-two-up-section .rates-offered-two-up-content .link-wrapper .btn { display: block; margin: 46px 0 0; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); background: #C71C6C; color: #ffffff; border:1px solid #C71C6C; max-width: 230px;} .rates-offered-two-up-section .rates-offered-two-up-content .link-wrapper .btn:hover,.rates-offered-two-up-section .rates-offered-two-up-content .link-wrapper .btn:focus { background: #ffffff; color: #C71C6C; } .rates-offered.rates-offered-four-up { margin: 120px 0 58px; } .rates-offered.rates-offered-two-up { margin: 83px 0 71px; } .rates-offered .link-wrapper a { display: inline-block; font-weight: 700; line-height: 19px; font-size: 16px; padding: 11px 32px; background: #007EB5; border-radius: 22px; border: 1px solid #007EB5; text-decoration: none; color: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .rates-offered .link-wrapper a:hover,.rates-offered .link-wrapper a:focus { color: #007EB5; background: #ffffff; } /* Rates offered 4 up 2nd option */ .rates-section.rates-offered { padding: 0; margin: 90px 0;} .rates-offered.rates-offered-four-up-left { margin: 10px 0 10px; } .rates-section.rates-offered h1 { text-align: left;} .rates-section.rates-offered h2{font-size:24px; line-height:29px;color:#253163;margin:0 0 30px;} .rates-section.rates-offered .rates-box { padding: 36px 20px 32px; } .rates-section.rates-offered .rates-mob-content p { display: none; } .rates-section.rates-offered .rates-box h3 { line-height: 45px; margin: 0 0 12px; font-size: 40px; letter-spacing: 0.8px; color: #000000;} .rates-section .rates-box h3 sup, .rates-section .rates-box h3 small { font-size: 16px; line-height: 18px; color: #000000; font-weight: 700; } .rates-section .rates-box h3 sup { top: -1em; right: -0.8em; } .rates-section.rates-offered .rates-box p { line-height: 21px; font-size: 18px; text-transform: uppercase; color: #000000; } .rates-section.rates-offered .rates-box span { line-height: 18px; font-weight: 700; margin: 28px 0 0; font-size: 16px; display: block; color: #C71C6C;} /* Modal styling */ .modal .modal-content { border-radius: 0; } .modal .modal-content .modal-header { padding: 19px 28px 18px; border: none; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .modal .modal-content .modal-header h1 { font-size: 36px; line-height: 44px; letter-spacing: 0.72px; color: #253163; margin: 0; } .modal .modal-content .modal-header .close { color: #019BD7; opacity: 1; font-size: 48px; font-weight: normal; text-shadow: none; margin-top: -11px; margin-right: -5px;} .modal .modal-content .modal-body { padding: 28px 78px 20px; } .modal .modal-content .modal-body h2 { margin: 0 0 8px; color: #253163; font-size: 24px; line-height: 29px; font-weight: 700; } .modal .modal-content .modal-body p { font-size: 16px; line-height: 26px; font-weight: 400; color: #000000;} .modal .modal-content .modal-footer { border-top: none; text-align: right; padding: 12px 78px 33px;} .modal .modal-account-wrapper { display: flex; justify-content: space-between;} .modal .modal-account-wrapper .modal-account-box { text-align: center; margin: 10px 30px 0; padding: 36px 20px 20px; background: #F2F2F2; border-top: 8px solid #f2f2f2; text-decoration: none; display: block; transition: all 0.3s ease-in; cursor: pointer; flex:1;} .modal .modal-account-wrapper .modal-account-box:hover { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); outline:none; border-top: 8px solid #FFEB00; transition: all 0.3s ease-in;} .modal .modal-account-wrapper .modal-account-box.is-active { background: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); border-top: 8px solid #FFEB00; } .modal .modal-account-wrapper .modal-account-box:first-child { margin-left: 0; } .modal .modal-account-wrapper .modal-account-box:last-child { margin-right: 0; } .modal .modal-account-wrapper .modal-account-box img.member-card-image { margin: 0 0 24px; width: 97px; height: 62px; object-fit: cover;} .modal .modal-account-wrapper .modal-account-box h3 { font-size: 18px; line-height: 22px; color: #000000; font-weight: 700; margin: 0 auto 20px; max-width: 120px; min-height: 44px; height: auto;} .modal .modal-account-wrapper .modal-account-box p { font-size: 14px; line-height: 20px; color: #333333; text-align: left; margin: 0 0 12px;} .modal .modal-account-wrapper .modal-account-box p img { margin: 0 8px 0 0; } /* Button section */ .button-template-section { padding: 40px 0; background: #F0F0F0;} .button-section h1 { font-size: 32px; line-height: 38px; font-weight: 300; color: #333333; margin: 0 0 24px; } .button-section .btn { margin: 0 0 30px; } /* Primary button */ .btn-primary, .btn.btn-primary,.sfFormSubmit input[type='submit'],.sf-SubmitButton,.tab-button,.terms-conditions .action-button .btn,.sf-fieldWrp [type='submit'] { font-size: 16px; line-height: 16px; color: #ffffff; background: #C71C6C; border-color: #C71C6C; font-weight: 700; -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); box-shadow: 0px 2px 4px rgba(0,0,0,0.16); padding:9px 34px 10px; border-radius: 22px; border-style: solid;} .btn-primary:hover, .btn.btn-primary:hover,.btn-primary:focus, .btn.btn-primary:focus,.sfFormSubmit input[type='submit']:hover,.sfFormSubmit input[type='submit']:focus,.sf-SubmitButton:hover,.sf-SubmitButton:focus,.tab-button:hover,.tab-button:focus,.terms-conditions .action-button .btn:hover,.terms-conditions .action-button .btn:focus,.sf-fieldWrp [type='submit']:hover,.sf-fieldWrp [type='submit']:focus { background: #ffffff; color: #C71C6C; } /* Secondary button */ .btn-secondary, .btn.btn-secondary { font-size: 16px; line-height: 16px; color: #ffffff; background: #007EB5; border-color: #007EB5; font-weight: 700; -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); box-shadow: 0px 2px 4p\x rgba(0,0,0,0.16);} .btn-secondary:hover, .btn.btn-secondary:hover,.btn-secondary:focus, .btn.btn-secondary:focus { background: #ffffff; color: #007EB5; } /* Secondary alt button */ .btn-secondary-alt, .btn.btn-secondary-alt { font-size: 16px; line-height: 16px; color: #007EB5; background: #ffffff; border-color: #ffffff; font-weight: 700; -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.16); box-shadow: 0px 2px 4px rgba(0,0,0,0.16);} .btn-secondary-alt:hover, .btn.btn-secondary-alt:hover,.btn-secondary-alt:focus, .btn.btn-secondary-alt:focus { background: #007EB5; color: #ffffff; border-color: #007EB5;} /* Tertiary button */ .btn-tertiary, .btn.btn-tertiary { font-size: 16px; line-height: 16px; color: #C71C6C; background: transparent; border-color: transparent; padding: 11px 30px; font-weight: 700; } .btn-tertiary:hover, .btn.btn-tertiary:hover,.btn-tertiary:focus, .btn.btn-tertiary:focus { background: transparent; border-color: #C71C6C; color: #C71C6C;} /* Tertiary alt button */ .btn-tertiary-alt, .btn.btn-tertiary-alt { font-size: 16px; line-height: 16px; color: #FCEA4E; background: transparent; border-color: transparent; padding: 11px 30px; font-weight: 700; } .btn-tertiary-alt:hover, .btn.btn-tertiary-alt:hover,.btn-tertiary-alt:focus, .btn.btn-tertiary-alt:focus { background: transparent; border-color: #FCEA4E; color: #FCEA4E;} /* Sitefinity integration changes */ .header .header-top .site-logo, .header .header-top .header-top-links-section,.header .header-top .search-input { display: inline-block;} .header .header-top .navbar-header { float: none;} .sf-backend-wrp .modal-header { padding: 20px 30px; -ms-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .sf-backend-wrp .modal-dialog .modal-header .close { font-size: 14px; margin-top:-4px;} .sf-backend-wrp .modal-body { padding: 28px 30px 20px !important;} .sf-backend-wrp .modal-dialog .modal-footer { padding: 20px 30px;} .sf-backend-wrp .sf-maximize { position: relative !important;} .sf-backend-wrp .btn-default { background-color: #fff; border-color: #ccc;} .sf-backend-wrp hr { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ccc; } .header .header-top .search-input button { display: none; } .sf-backend-wrp .modal-dialog.modal-full-screen { background: #ffffff; } .sf-backend-wrp .modal-dialog.modal-full-screen .modal-body { max-height: 400px; overflow: auto; } .sf-backend-wrp .btn-default { color: #333333 !important; background: #fff !important; box-shadow: none !important; border-color: #ccc !important;} .sf-backend-wrp .btn-link { color: #105CB6 !important; background: #fff !important; box-shadow: none !important; border: none !important;} .sf-backend-wrp a:focus, .sf-backend-wrp a:hover { color: #0a3870 !important; } .sf-backend-wrp .btn-primary { color: #fff !important; background-color: #4CB861 !important;} .sf-backend-wrp .btn-primary.focus, .sf-backend-wrp .btn-primary:focus, .sf-backend-wrp .btn-primary:hover { color: #fff !important; background-color: #3b964d !important; } .mobileapps-section-wrapper { display: none;} .mobileapps-section-wrapper.deskapp { display: block;margin-top:-20px;} /* Table styling */ table { width: 100%; border: 1px solid #dddddd; } table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th, table tr td { padding: 8px; vertical-align: top; border-top: 1px solid #dddddd; } table>thead>tr>th, table tr th { font-weight: bold; border-bottom: 2px solid #dddddd; vertical-align: bottom;} table tr:first-child td, .section-content table tr:first-child td { font-weight: bold; border-bottom: 2px solid #dddddd; vertical-align: bottom;} /* Search autocomplete */ .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front.sf-autocomplete { max-width: 300px; right:0; background: #ffffff; border: 1px solid #dddddd; padding: 15px; word-break: break-word; z-index:9999; list-style: none;} .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front.sf-autocomplete li { margin-left: 0;} /* Sitefinity Integration */ .content-up-section-wrapper .content-up-section { margin:0;} .content-up-section-wrapper .content-up-section .container { width: 100%; padding:0;} .content-up-section-wrapper .content-up-section .col-xs-12.col-sm-12.col-md-6.col-lg-6 { width: 100%;} .page-header-section { position: relative; min-height: 44px;} .page-header-section .breadcrumb-section { position: absolute; left: 0; right: 0; z-index: 100; top:0;} .page-header-section .template-banner .banner-tagline { margin: 80px 0 40px; word-break: break-word; min-height: 200px;} .page-header-section .financial-education-banner .template-banner .banner-tagline { margin: 80px 0 0 !important;} .sf-backend-wrp.modal .modal-footer .btn { border-radius:0 !important;} /* IE-11 hacks */ @media screen and (min-width:0\0) and (min-resolution: +72dpi) { .record-wrapper .record-card { flex-basis: 39.4%; } .ctacards-section .ctacards-box ul { margin-bottom: 30px;} .ctacards-section .ctacards-box div,.story-cards-section .story-box .story-box-content div.learnmoretext { position: absolute; left: 0; right: 0; bottom: 20px;} .ctacards-section .ctacards-box span.btn,.story-cards-section .story-box .story-box-content span { position: relative; } input[type='text'], .form-control { padding: 10px 16px 11px;} .email-field .btn, .email-field .btn:focus { margin: -2px 0 0 -40px;} .email-field input[type=''], .email-field .form-control { padding: 8px 44px 12px 20px;} } @media screen and (min-width:0\0) { .record-wrapper .record-card { flex-basis: 39.4%; } } /* Articles Blog */ .blog-search { margin: 20px 0 0;} .nav-tabs.blog-tabs li a { font-size: 18px; color: #123f78;} .search-blogs-container { width: 80%; margin: 0 0 40px;} .search-blogs-container input.form-control { width: 100%;} .search-blogs-wrapper button img { display: none; } /* Blog post */ .page-content.search-page.blogs-page .tab-content { padding: 20px 0;} .row.equal { display: flex; flex-wrap: wrap;} .page-content.search-page { padding-bottom: 10px;} .blog-post { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); margin: 15px 0;} .blog-post.preview { height: 95%; background-color: #ffffff; } .blog-post .blog-post-content { background-color: #ffffff; height: auto; padding: 20px 21px 30.7px;} .blog-post .blog-post-image img { width: 100%; max-height: 300px;} .blog-post .blog-author { margin-bottom: 10px; font-size: 13px;} .blog-post .blog-desc { margin-bottom: 20px;} .blog-post .blog-post-content h4 { font-weight: bold;} .blog-post .blog-desc-link { margin-top: 20px; display: block; position: absolute; bottom: 25px; left: 46px;} .blog-post-content p.title { text-align: left;} .blog-post-content p.title a { text-decoration: none; font-weight: bold; font-size: 18px;} .join-fast { padding: 74.6px 0 70.2px; background: #e2e5f0;} .mt-30 { margin-top: 30px !important;} .nav-tabs.blog-tabs { border-bottom: none;} .nav-tabs.blog-tabs > li > a { border: none; padding: 5px 10px;} .nav-tabs.blog-tabs > li.active > a, .nav-tabs.blog-tabs > li.active > a:focus, .nav-tabs.blog-tabs > li.active > a:hover { border: none; color: #009fd4; } .nav-tabs.blog-tabs > li > a:focus, .nav-tabs.blog-tabs > li > a:hover { background: transparent; outline: none; border: none; } .blog-post-section { margin: 0 0 20px;} /* Blog detail */ .social-media-icons li a { width: 30px; height: 30px; border-radius: 50%; background: #ffffff; color: #009fd4; display: inline-block; text-align: center; line-height: 30px; font-size: 12px; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; transition: all ease-in 0.5s; border: 1px solid #ccc; margin-right: 5px;} .social-media-icons li a:hover { background: #0066AF; color: #ffffff; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; transition: all ease-in 0.5s;} .blog-detail-title { margin-top: 15px;} .blog-detail-desc, .related-articles { margin-top: 40px;} .blog-detail-desc h5 { font-size: 24px;} .blog-detail-section { margin-bottom: 40px;} .blog-detail-section .page-title-image img { width: 100%; margin: 0 0 10px; max-height: 320px;max-width:100%;object-fit:cover;} .join-fast.related-articles.section h3 { font-size: 30px; font-weight: bold; line-height: 37px;} .blog-tags h6, .blog-tags .badges { display: inline-block; margin: 30px 15px 0 0;} .badges span { padding: .6rem 1rem; border: 1px solid #002b49; text-transform: capitalize; font-weight: 700; letter-spacing: 1px; font-size: 12px; margin-right: 5px; transition: .3s; -webkit-transition: .3s; display: inline-block; line-height: 1.2; background: #002b49; color: #ffffff;} .badges span:hover { background-color: #ffffff; border: 1px solid #002b49; color: #002b49;} .blog-detail-title h3, .join-fast.related-articles.section h3 { color: #002b49; font-size: 30px; line-height: 37px;} .blog-detail-title h6 { font-size: 18px;} .blog-post-image { width: 100%; text-align: center; overflow: hidden;} span.close-consent { float: right; margin-top: -30px; margin-right: -15px; cursor: pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 30px; background: #605F61; font-size: 16px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 7px;} /* Pagination */ .custom-pagination .pagination { margin: 0; } .custom-pagination .pagination li.pagination-previous a { color: #707070; } .custom-pagination .pagination li.pagination-previous a, .custom-pagination .pagination li.pagination-next a { border-radius: 0px 4px 4px 0px; } .custom-pagination .pagination>li>a, .custom-pagination .pagination>li>span { margin-left: -4px; } .custom-pagination > li:first-child > a, .custom-pagination > li:first-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; } .custom-pagination ul li, .pagination li { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0;} .custom-pagination ul li a, .pagination li a, .custom-pagination > li > a, .custom-pagination > li > span, .pagination > li > a, .pagination > li > span { font-size: 16px; font-weight: 400; line-height: 24px; color: #C71C6C; border: 1px solid #EFEFEF; padding: 11px 15px 9px 16px; background-color: #ffffff;} .custom-pagination ul li.active a, .pagination li.active a,.custom-pagination > .active > a, .custom-pagination > .active > a:focus, .custom-pagination > .active > a:hover, .custom-pagination > .active > span, .custom-pagination > .active > span:focus, .custom-pagination > .active > span:hover, .custom-pagination > li > a:focus, .custom-pagination > li > a:hover, .custom-pagination > li > span:focus, .custom-pagination > li > span:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover,.custom-pagination li a.sf_PagerCurrent { color: #707070; background-color: #ffffff;} .pageContent ul.custom-pagination li::before{display:none;} .pageContent ul.custom-pagination{margin-left:0;} /* Blogs */ .social-media-icons li { display: inline-block;} /* location iframe */ .location-map-wrapper #atmlocator,#atmlocator { border: none !important; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} /* loans template */ .loan-subtype-section { margin-top: -50px; padding: 0 0 40px;} .loan-subtype-section .story-cards-section { margin:0;} .pageContent ul.nav.nav-tabs li::before { display: none !important;} /* Login form style begins */ .login-section { padding: 26px 0 20px; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .login-section .login-title-wrapper { padding-left: 12px; } .login-section .login-title { padding-right: 0;} .login-section .login-title h2 { color: #000000; margin-top:25px; font-size: 23px; line-height: 27px;} .login-section label { margin-bottom: 8px; text-transform: uppercase; font-weight: 400;} .login-section a { font-size: 16px; line-height: 18px; font-weight: 700; color: #007EB5; display: block;} .login-section .form-group { margin: 0 0 5px;} .login-section .login-button .btn,.login-section .create-account { margin: 25px 0 0; } .login-section .create-account { padding-left: 0; margin: 32px 0 0;} .login-section .create-account p { color: #333333; } .login-section .login-button .btn { color: #ffffff; padding: 10px 11px;} .login-section .login-button .btn:hover,.login-section .login-button .btn:focus { color: #007EB5; } /* Login form style ends */ /* Financial guidance library */ .financial-guidance-banner .home-banner { height: 410px; border-bottom: none; margin-top:0;} .financial-guidance-banner .home-banner .home-banner-image img { height: 410px; } .financial-guidance-banner .home-banner .home-banner-content { max-width: 559px; bottom: 51px; top: auto;} .financial-guidance-banner .home-banner .home-banner-content h1 { margin: 0 0 12px; font-size: 48px; line-height: 58px;} .financial-guidance-banner .home-banner .home-banner-content p { font-size: 18px; line-height: 30px; font-weight: 400; font-family: "HelveticaNeue";} .financial-guidance-library { padding: 10px 0 10px; } .financial-guidance-library h3 { font-size: 24px; line-height: 29px; margin: 0 0 11px; color: #000000; font-family: "HelveticaNeue";} .financial-guidance-library .library-filter-section .filter-box { -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); padding: 19px 31px; } .financial-guidance-library .library-filter-section .filter-box .filter-option { margin: 0 0 21px; } .financial-guidance-library .library-filter-section .filter-box .filter-option:last-child { margin: 0; } .financial-guidance-library .library-filter-section .filter-box h4 { font-size: 16px; line-height: 20px; font-weight: 400; color: #000000; margin: 0 0 10px; font-family: "HelveticaNeue";} .financial-guidance-library .library-filter-section .filter-box label { line-height: 24px; font-weight: 400; margin: 0 0 10px; font-size: 14px; color: #000000; font-family: "HelveticaNeue";} .financial-guidance-library .library-filter-section .btn { display: none; } .filter-box .filter-option fieldset { margin-left: 12px; } .search-header-section .search-input-wrapper .search-input-container { display: inline-block; position: static; width: 80%;} .search-header-section .search-input-wrapper .search-input-container img { right: auto; left: 13px; top: 13px; width: 15px; height: 15px; display: none;} .search-header-section .search-input-wrapper .search-input-container .search-input { padding-left: 20px; padding-right: 40px; width: 100%; font-family: 'HelveticaNeue'; background: #FAFAFA; border-radius: 21px;} .search-header-section .search-input-wrapper .search-btn { font-size: 16px; line-height: 16px; font-weight: 700; padding: 11px 41px; font-family: 'HelveticaNeue'; display: inline-block; margin: -3px 0 0 -40px;} .search-header-section .search-input-wrapper .search-btn:hover,.search-header-section .search-input-wrapper .search-btn:focus,.search-blogs-wrapper .search-btn:hover,.search-blogs-wrapper .search-btn:focus { background: #C71C6C; color: #ffffff; box-shadow: 0px 0px 6px rgba(0,0,0,0.16);} .search-header-section .search-input-wrapper .search-btn img { display: none; } .custom-select.select-wrapper::after { content: '\f107'; font-size: 20px;} .search-header-section { margin: 0 0 28px; } .search-header-section .sort-field { float: right; width: 190px; } .search-header-section .sort-field .form-control { width: 100%;} .search-header-section .sort-field .custom-select.select-wrapper select { border-radius: 20px; font-family: 'HelveticaNeue'; font-size: 16px; line-height: 16px; color: #000000; border-color: #d2d2d2;} .search-header-section .sort-field .custom-select.select-wrapper::after { color: #019BD7; right: 14px;} .search-result-section .life-stage-card { margin: 0 0 20px; } .search-result-section .life-stage-card .life-stage-content { padding: 27px 29px 47px 32px; min-height: 440px; position: relative;} .search-result-section .life-stage-card .life-stage-content h2 { line-height: 29px; margin: 0 0 13px; font-size: 24px; color: #133F78;} .search-result-section .life-stage-card .life-stage-content p, .search-result-section .life-stage-card .life-stage-content p.detail { min-height: auto; } .search-result-section .life-stage-card .life-stage-content .life-stage-content-link { position: absolute; bottom: 32px;} .search-result-section .life-stage-card .life-stage-content .life-stage-content-link span { margin: 21px 0 0; color: #C71C6C; } /* Custom checkbox */ .checkbox-container { display: block; position: relative; padding-left: 24px; margin-bottom: 10px; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkbox-container .checkmark-icon { position: absolute; top: 4px; left: 0; height: 16px; width: 16px; background-color: #ffffff; border: 1px solid #D2D2D2; border-radius: 2px;} .checkbox-container .checkmark-icon::after { content: ""; position: absolute; display: none;} .checkbox-container input:checked ~ .checkmark-icon::after { display: block;} .checkbox-container .checkmark-icon::after { left: 4px; top: 1px; width: 6px; height: 10px; border: solid #505050; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #mediaModal iframe body img { width: 100% !important; height: auto !important; object-fit: cover;} /* Chevron articles widget */ /* Article style begins */ .article-section { height: 680px; } .article-section .article-wrapper { background: #f8f8f8; padding: 32px 0 0; height: 620px;} .article-section-wrapper h1 { letter-spacing: 0.72px; margin: 0 0 12px; font-size:56px;line-height:69px;color:#008FCD;} .article-section-wrapper p.section-title { margin: 0 0 24px; font-size: 18px; text-align: left;} .article-section-wrapper p,.article-section .article-wrapper p { line-height: 26px; } .article-section-wrapper a, .article-card .article-content span.link, .article-card .article-card-back span.link { color: #C71C6C; font-size: 16px; line-height: 18px; text-decoration: none;} .article-section-wrapper .view-articles { float: right; margin: 5px 0 0;} .article-section-wrapper .members-success h1,.article-section-wrapper.memberspotlight h1 { color:#009D85; margin: 5px 0 24px;} /* Article card */ .article-section-wrapper .article-card{margin:0 0 20px;} .article-section-wrapper .article-card .article-card-front { background-color: #ffffff; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); } .article-section-wrapper .article-card .article-card-back { background-color: #ffffff; border: 4px solid #009D85; padding: 36px 36px 28px 36px; text-align: left; color: #000000; min-height: 520px; position: relative;} .article-section-wrapper .article-card .article-image-content {height: 218px; overflow: hidden; background: #ffffff;} .article-section-wrapper .article-card .article-image-content img { object-fit: cover; width: 100%; height: 218px;} .article-section-wrapper .article-card .article-content { padding: 20px 24px 32px; text-align: center; position: relative; min-height: 300px;} .article-section-wrapper .article-card .article-content h3 { font-size: 36px; line-height: 43px; color: #253163; margin: 0 0 24px; } .article-section-wrapper .article-card .article-content p,.article-section-wrapper .article-card .article-content .section-content { font-size: 16px; color: #000000; line-height: 26px;} .article-section-wrapper .article-card span.link { display: block; margin: 31px 0 0; } .article-section-wrapper .article-card .article-card-back .article-back-image { margin: 0 0 20px; width: 98px; height: 98px; border-radius: 50%; object-fit: cover;} .article-section-wrapper .article-card .article-card-back h5 { font-size: 20px; line-height: 22px; margin: 0 0 8px; } .article-section-wrapper .article-card .article-card-back h6 { font-size: 14px; line-height: 16px; text-transform: uppercase; margin: 0 0 20px; font-weight: 400; } .article-section-wrapper .article-card .article-card-front span.link,.article-section-wrapper .article-card .article-card-back span.link { position: absolute; left: 0; right: 0; bottom: 32px; } .article-section-wrapper .article-card .article-card-back span.link { margin-top: 35px; left: 36px;} .article-box { display: block;} /* Article style ends */ .social-media-icons li { display: inline-block;} .pageContent ul.nav.nav-tabs li::before { display: none;} /* Oneup category box widget */ .cta-section .cta-image { float: left;} .cta-section .cta-image img { width: 200px; height: 200px; object-fit: cover; margin:0 24px 0 0;} .cta-section .cta-content { margin-left: 220px;} /* I want to Spectrum Sitefinity */ .want-section.spectrum-want-section .custom-tabs.nav-tabs { margin: 0;} .want-section.spectrum-want-section .tab-content { padding: 60px 0 0;} .want-section.spectrum-want-section .content-up-section { margin: 0;} .want-section.spectrum-want-section .content-up-section .container, .want-section.spectrum-want-section .content-up-section .col-md-6.col-lg-6 { width: 100%;} .want-section.spectrum-want-section .content-up-section .block-section { border-top: 8px solid #ffffff; padding: 54px 60px 55px; background: #f2f2f2; min-height: 720px;} .want-section.spectrum-want-section .content-up-section .block-section .record-wrapper { margin: 0;} .want-section.spectrum-want-section .record-wrapper .record-card h3 { font-size: 20px; line-height: 25px; margin: 0 0 32px; font-weight: 700;min-height:50px;} .want-section.spectrum-want-section .record-wrapper .record-card p { font-size: 16px; line-height: 24px; margin: 0 0 24px; color: #000000;min-height:80px;} .want-section.spectrum-want-section .record-wrapper .record-card img { margin: 0 0 32px; height: 75px; max-width:100px; object-fit:cover;} .want-section.spectrum-want-section .record-wrapper .record-card a { display: inline-block; background: #007EB5; color: #ffffff; border: 1px solid #007EB5; font-size: 16px; line-height: 16px; padding: 11px 30px 13px; border-radius: 22px; font-weight: 700; text-decoration: none; margin:0; -ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px rgba(0,0,0,0.16); text-align: center;} .want-section.spectrum-want-section .record-wrapper .record-card a:hover,.want-section.spectrum-want-section .record-wrapper .record-card a:focus { color: #007EB5; background: #ffffff; } .want-section.spectrum-want-section .record-wrapper .record-card:nth-child(1) { padding: 0 22.5px 50px 0; } .want-section.spectrum-want-section .record-wrapper .record-card:nth-child(2) { padding: 0 0 50px 22.5px; } .want-section.spectrum-want-section .record-wrapper .record-card:nth-child(3) { padding: 50px 22.5px 0 0; } .want-section.spectrum-want-section .record-wrapper .record-card:nth-child(4) { padding: 50px 0 0 22.5px; } .want-section.spectrum-want-section .block-section .cta-section { margin: 60px 0 0; } .want-section.spectrum-want-section .block-section .cta-section h4 { font-size: 20px; line-height: 25px; margin: 0 0 8px; } .want-section.spectrum-want-section .block-section .cta-section p { font-size: 16px; line-height: 24px; font-weight: 300;} .want-section.spectrum-want-section .block-section .cta-section .btn { margin: 14px 0 0;} .want-section.spectrum-want-section .block-section .record-wrapper .record-card:nth-child(1) { position: relative; } .want-section.spectrum-want-section .block-section.three-block .record-wrapper .record-card:nth-child(1)::after,.want-section.spectrum-want-section .block-section.two-block .record-wrapper .record-card:nth-child(1)::after { content: ''; position: absolute; display: inline-block; width: 2px; height: 46px; background: #ffffff; right: -1px; bottom: 0;} .want-section.spectrum-want-section .block-section.two-block .record-wrapper .record-card:nth-child(1),.want-section.spectrum-want-section .block-section.two-block .record-wrapper .record-card:nth-child(2) { border-bottom: none; } .want-section.spectrum-want-section .modal .modal-content .modal-header h1 { text-shadow: none; } .want-section.spectrum-want-section .block-section .record-wrapper .record-card:nth-child(1)::after{background:#f2f2f2;} /* Sitefinity integration */ .great-rates-section .rates-offered.rates-offered-four-up { margin: 120px 0 0;} .special-loan-section .content-up-section { margin: 0;} .container-wrapper .content-up-section .container { width: auto;} .container-wrapper .content-up-section .row > .col-lg-6 { width: 100%; padding: 0;} /* Loans template */ .special-loan-section .content-up-section .block-section { padding: 47px 50px 52px; } .special-loan-section .content-up-section .block-section h1 { margin: 0 0 14px; font-size: 36px; line-height: 44px; color: #253163; letter-spacing: normal; letter-spacing: 0.72px;} .special-loan-section .content-up-section .block-section p { font-size: 16px; margin: 0 0 52px;} .special-loan-section .content-up-section .record-wrapper .record-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 16px; line-height: 22px; } .special-loan-section .content-up-section .record-wrapper .record-card p { font-size: 16px; line-height: 26px; color: #000000; margin: 0 0 10px;} .special-loan-section .content-up-section .record-wrapper .record-card a { margin: 32px 0 0; } /* Sitefinity integration */ .sf-backend-wrp #add-list-item.btn { color: #ffffff !important; border: 1px solid #C71C6C !important; background: #C71C6C !important;} .sf-backend-wrp #add-list-item.btn:hover { color: #C71C6C !important; background: #ffffff !important;} .sf-backend-wrp #sortable-list { margin-left: 15px !important;} .sf-backend-wrp #sortable-list .close-btn { margin-left: 5px !important;} .todays-rate-cta.cta-section .cta-content { margin-left: 0; } .grouped-content-block-section .life-stage-container { margin: 0; } /* Calculator */ .calc-container .poweredByLink a:active, .calc-container .poweredByLink a:link, .calc-container .poweredByLink a:visited, .calc-container .pure-skin-cx .poweredbylink a { color: #000000;} .home-banner .row { margin: 0 -2px;} /* Search */ .mobile-search-wrapper .mobile-search-result { display: none;} .blogsearchResults_Panel .search-result-section .life-stage-card .life-stage-content { min-height: 440px;} /* Bulleted list */ .bulleted-list { margin: 40px 0 20px;} .bulleted-list::after { display: table; clear: both; content: '';} .bulleted-list h3 { font-size: 20px; line-height: 24px; margin: 0 0 10px; color: #000000;} .bulleted-list ol, .bulleted-list ul { margin-left: 20px;} .bulleted-list li { font-size: 16px; line-height: 32px; word-break: break-word;} /* Button widget */ .button-container { margin: 60px 0 20px;} .button-container .main-button { margin: 0 0 20px;} .pageContent .secondary-button ul{margin-left:0;} .button-container .secondary-button ul li{position:relative;} .button-container .secondary-button ul li a {word-break: break-word; margin: 0 20px;} .button-container .secondary-button ul li:first-child a{margin-left:0;} .button-container .secondary-button ul li:last-child a{margin-right:0;} .button-container .secondary-button ul li::after { content: ""; display: inline-block; background-color: #000000; width: 2px; height: 100%; position: absolute; top: 0; right:-2px;} .button-container .secondary-button ul li:last-child::after,.pageContent .secondary-button ul li::before { display: none;} .footnote-section, .footnote-section p, .footnote-section div, .footnote-section span,.footnote-section ul li,.footnote-section ol li,.footnote-section table {font-size: small !important;line-height:normal !important;} .footnote-section { margin: 20px 0;} blockquote {font-size:21px;} .introtext {color:rgba(1,127,176,1);font-weight:300;font-size:45px !important;line-height:52px !important;width:75%; margin: 0 0 15px;} .pageContent { padding-top: 10px;} /* FAQs */ .pageContent .custom-pagination.pagination ul li::before { display: none !important;} .pageContent .question-container .question-div ul.question-list > li:nth-child(1):before, .pageContent .question-container .question-div ul.question-list > li:nth-child(2):before { color: #C71C6C; margin: 0 10px 0 0; width: auto; font-size: 24px;margin-left:-36px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(1):before { content: 'Q.';margin-right:10px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(2):before { content: 'A.';margin-right:13px;} .pageContent .question-container .question-div { margin: 0 0 45px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(1) { margin-bottom: 21px; font-size: 24px; line-height: 29px; font-weight: 400; color: #253163;} .pageContent .question-container .question-div ul.question-list > li:nth-child(1) p {font-size: 24px;font-weight: 400;line-height: 29px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(2) p,.pageContent .question-container .question-div ul.question-list > li:nth-child(2) {font-size: 16px;line-height: 22px;font-weight: 400;margin: 0 0 20px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(2) p:first-child { display: inline;font-size: 16px;line-height: 22px;font-weight: 400;margin: 0 0 20px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(2) p:nth-child(2){margin-top:20px;} .page-content.faq .tab-content .tab-pane > .question-container { padding-top: 50px;} .pageContent .question-container .question-div ul.question-list > li:nth-child(1),.pageContent .question-container .question-div ul.question-list > li:nth-child(2){padding-left:36px;} .page-content.faq .nav-tabs.nav-justified > li > a { font-size: 14px; line-height: 21px; color: #000000; font-weight: 700; padding: 10px 6px;} .page-content.faq .nav-tabs.nav-justified { margin-left:0;} /* Custom table */ .rateEffiectiveDate {text-align: right; margin: 0 0 10px;} .custom-table-striped > thead > tr > td,.custom-table-striped > thead > tr > th,table > thead > tr > td,table > thead > tr > th,table tr th {padding: 25px; background: #253163;color: #ffffff !important; font-size: 18px; line-height: 22px;} .custom-table-striped > tbody > tr > td,.custom-table-striped > tbody > tr > th,.custom-table-striped > tfoot > tr > td,.custom-table-striped > tfoot > tr > th,table > tbody > tr > td,table > tbody > tr > th,table > tfoot > tr > td,table > tfoot > tr > th {color: #253163;padding: 22px 29.4px 22.3px; font-size: 18px; line-height: 22px;} .custom-table-striped > tbody > tr > td p,table > tbody > tr > td p {color: #253163;font-size: 18px; line-height: 22px;margin:0 0 0.5rem;} .custom-table {margin-bottom: 0;background-color: rgba(220, 225, 211, 0.2);} .custom-table > tbody > tr > td,.custom-table > tbody > tr > th,.custom-table > tfoot > tr > td,.custom-table > tfoot > tr > th,.custom-table > thead > tr > td,.custom-table > thead > tr > th,table > tbody > tr > td,table > tbody > tr > th,table > tfoot > tr > td,table > tfoot > tr > th,table > thead > tr > td,table > thead > tr > th {border-top: none;border-bottom: 1px solid rgba(112, 112, 112, 0.3);vertical-align: middle; border: none;font-size: 18px;line-height: 22px;} .custom-table-striped > tbody > tr:nth-of-type(odd),table > tbody > tr:nth-of-type(odd) {background: #ffffff;} .custom-table-striped > tbody > tr:nth-of-type(even),table > tbody > tr:nth-of-type(even) {background: rgba(121,153,172,0.15);} table.custom-table-striped tr:first-child td, .section-content table.custom-table-striped tr:first-child td,table tr:first-child td, .section-content table tr:first-child td { font-weight: 400;} .rowspan-table .table tr td[rowspan] { background: #ffffff !important; vertical-align: top; border-right: 2px solid #dddddd;} .twoColumnTable th.loanTypeCol {width:50%;} /* Captcha */ .capcha-refresh { border: 1px solid #ccc; padding: 12px 12px 15px;} .captcha-img {border: 1px solid #ccc;} .form-inline .form-control.captcha-input { height: 52px; width: auto;max-width: 200px;} /* Custom radio & checkbox */ .radio label, .checkbox label {position: relative; padding-left: 25px;cursor: pointer; display: inline-block;} input[type="radio"], input[type="checkbox"] {position: relative;cursor: pointer;padding: 0;margin-right: 8px;} input[type="radio"]:before { position: absolute;top: -1px; left: 0px;content: '';display: block; width: 16px; height: 16px; background: #fff; border: 2px solid #B7326B; border-radius: 100%;color: #FFF;} input[type="radio"]:after, input[type="radio"]:checked:after {content: '';position: absolute;left: 4px;background: #ffffff;width: 8px;height: 8px;border-radius: 100%;top: 3px;} input[type="radio"]:checked:after {background: #B7326B;} input[type="checkbox"]:checked:after {content: '';position: absolute;left: 3px;top: 5px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);} input[type="radio"]:checked:before {background: #fff;} input[type="checkbox"]:before {content: ''; margin-right: 10px;display: inline-block;margin-top:-2px;width: 16px;height: 16px;background: #fcfcfc;border: 1px solid #aaa;border-radius: 2px;} input[type="checkbox"]:checked:before {background: #B7326B;border-color: #B7326B;margin-top:-1px;} input[type="checkbox"]:disabled, input[type="radio"]:disabled {color: #b8b8b8;cursor: auto;} input[type="checkbox"]:disabled:before, input[type="radio"]:disabled:after {background: #ddd;} input[type="radio"]:disabled:after {background: #ddd;} .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -25px;} #warningModal .modal-dialog { margin: 180px auto 60px;} /* Forms */ .sfFormSubmit { margin: 4rem auto; text-align: center;} .website-form h2 { font-size: 30px; margin-bottom: 30px; line-height: 34px;} .website-form h3 { font-size: 24px; line-height: 28px; margin-bottom: 20px;} .website-form .form-group { margin: 0 0 20px;} .sf-SubmitButton { margin: 30px 0 0;} /* Page title (no image) */ .page-title-banner { background: #3b8dc7; padding: 90px 0 35px;} .page-title-banner .page-title-content h1 { color: #ffffff; padding-top: 50px; font-size: 60px; line-height: 72px; } /* Testimonial (no image) */ .testimonial-noimage { margin: 50px 0;} .testimonial-noimage .testimonial-wrapper .testimonial-box .testimonial-content { margin-left:0;} .website-form .website-form-body {font-size: 19px; line-height: 36px;padding: 10px 0 38.7px;} .website-form .website-form-heading,.website-form .website-form-body label,.website-form .website-form-body p {font-size: 19px; line-height: 36px;} .website-form .website-form-body input[type=checkbox], .website-form .website-form-body input[type=radio]{margin-top:10px;} .website-form .website-form-body input[type="checkbox"]:before,.website-form .website-form-body input[type="radio"]:before{width:20px;height:20px;} .website-form .website-form-body input[type="checkbox"]:checked:after{left:4px; top:7px;height:3px;width:3px;} .website-form .website-form-body input[type="radio"]:after, .website-form .website-form-body input[type="radio"]:checked:after{left:5px;top:3.8px;width:10px;height:10px;} .rmargin .one-column-thumbnail-section { margin: 30px 0 0;} [class*="col-md-"] .one-column-thumbnail-section { margin: 60px 0 20px;} .cmargin [class*="col-md-"] .one-column-thumbnail-section { margin: 0;} .testimonial-rows-section .testimonial-wrapper .testimonial-box.testimonial-box-noimage .testimonial-content { margin-left:0; padding-right: 18px; width: 75%; } /* Margin */ .mb-1 { margin-bottom: 1rem !important;} .mb-2 { margin-bottom: 2rem !important;} .mb-3 { margin-bottom: 3rem !important;} .mb-4 { margin-bottom: 4rem !important;} .mt-1 { margin-top: 1rem !important;} .mt-2 { margin-top: 2rem !important;} .mt-3 { margin-top: 3rem !important;} .mt-4 { margin-top: 4rem !important;} /* Contact us page */ .page-content.contact-us {margin: 43px 0 78.8px;} .contact-details h3 {color: #253163;margin: 0 0 22px;padding: 0; font-size: 30px; line-height: 37px;} .contact-details h5 {font-weight: 400;color: #000000;line-height: 29px;margin: 0 0 22px; padding: 0; font-size: 24px;} .contact-details h5 span,.contact-details .contact-info p {font-weight: 700;} .contact-details .contact-info {margin: 0 0 20px;} .contact-details .contact-info p {font-size: 16px;line-height: 22px;margin: 0 0 20px;word-break: break-word;} .contact-details .contact-info p span {font-weight: 400;} .contact-details .terms { margin: 15px 0 40px;line-height: 22px;font-weight: 400;} .contact-details .address-div h6 {font-weight: 700;line-height: 22px; margin: 0 0 9px;color: #253163;padding: 0; font-size: 18px;} .contact-details .address-div p {font-size: 16px;} .contact-form .contact-form-title {font-size: 24px;font-weight: 400;color: #ffffff;line-height: 29px; padding: 21px 27px 20px;background: #008FCD;} .contact-form .contact-form-heading,.website-form .contact-form-heading {padding: 18px 37px 23px 26px;background: #253163;color: #ffffff;} .contact-form .contact-form-heading h3 {padding: 0;margin: 0 0 20px;font-size: 30px;line-height: 37px;color: #fff;} .website-form { margin: 0 0 30px;padding: 20px 0; word-break:break-word;} .contact-form {-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);-ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);-o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} .contact-form .contact-form-heading ul {margin-top: 32px;} .contact-form .contact-form-heading .custom-tabs.nav-tabs.nav-justified > li > a {font-weight: 300;} .contact-form .contact-form-heading .custom-tabs.nav-tabs > li.active > a,.contact-form .contact-form-heading .custom-tabs.nav-tabs > li.active > a:focus,.contact-form .contact-form-heading .custom-tabs.nav-tabs > li.active > a:hover,.contact-form .contact-form-heading .custom-tabs.nav-tabs.nav-justified > .active > a,.contact-form .contact-form-heading .custom-tabs.nav-tabs.nav-justified > .active > a:focus,.contact-form .contact-form-heading .custom-tabs.nav-tabs.nav-justified > .active > a:hover {font-weight: 700;} .contact-form .contact-form-body .tab-content { padding: 20px 30px 38.7px 26.5px;} .custom-form .form-group { margin: 10px 0 20px;} .contact-tabs.nav-tabs.nav-justified > li > a {font-size: 15px;font-weight: 700; line-height: 18px;color: #ffffff;border: none;border-bottom: 3px solid transparent;padding: 5px 0px 10px;} .contact-tabs.nav-tabs > li.active > a,.contact-tabs.nav-tabs > li.active > a:focus,.contact-tabs.nav-tabs > li.active > a:hover,.contact-tabs.nav-tabs.nav-justified > .active > a,.contact-tabs.nav-tabs.nav-justified > .active > a:focus,.contact-tabs.nav-tabs.nav-justified > .active > a:hover { background-color: transparent; border: none; border-bottom: 3px solid #ffffff;} .contact-tabs.nav-tabs > li > a:focus,.contact-tabs.nav-tabs > li > a:hover { background-color: transparent;} .website-form-body .contact-form { box-shadow: none;} .website-form-body .contact-form .contact-form-body .tab-content { padding: 0;} .cal-filter .label-container label{font-weight:400 !important;} .sfExample { font-size:14px !important; line-height:16px !important;} /* Loans calculator */ #tabsNav {display:block !important;} #amortization .table-amortization .table-header li::before,#amortization .table-amortization .accordion-panel .table-row li:before { display: none;} .auto-loan-calculator h3 {font-size:24px !important; color:#000000 !important;} #amortization .table-amortization{border-radius:0 !important;} #amortization .table-amortization .table-header li{background:#253163 !important; font-size:16px !important; font-weight:700 !important;padding:20px !important; line-height:20px !important;word-break:keep-all !important;} #amortization .table-amortization .accordion-panel .table-row li{font-size:18px !important;line-height:22px !important;color:#253163 !important;padding:22px 15.4px 22.3px !important;} #amortization .table-amortization .accordion-panel .table-row li:first-child{padding:22px 15.4px 22.3px !important;} #amortization .table-amortization .year span {font-size:18px !important;line-height:22px !important;color:#133F78 !important;} #amortization .table-amortization .year{padding:15px 20px 16px 30px !important;} .terms-conditions .action-button {margin:1rem 0 2rem;} .terms-conditions .link-terms.show:before{top:12px !important;} .auto-loan-calculator .tabs-list .tabs-body .tab-panel {display: none;} .auto-loan-calculator .tabs-list .tabs-body .tab-panel.current{display:block;} .auto-loan-calculator .tab-button{background:#ffffff;color:#C71C6C;} .auto-loan-calculator .tab-button.current{background:#C71C6C !important;color:#ffffff !important;} .auto-loan-calculator .tab-button.current:hover,.tab-button.current:focus{background:#ffffff;color:#C71C6C;} /* Print media query starts here */ @media print { a[href]:after {content: none !important;} .header .header-top .search-input-container { width: 150px;} .header .header-top .header-top-links li a { margin: 23px 0 18px;} .header .header-top .navbar-brand { max-width: 200px;} .container { width: 1000px;} } /* MAC chrome browser hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { .mac-os .btn{padding:14px 34px 11px;} .mac-os .header .header-top .login-button .btn{padding:10px 34px 8px;} .mac-os .header .header-bottom .menu-button .btn{padding:10px 20px 8px;} .mac-os .search-header-section .search-input-wrapper .search-btn{margin:0 0 0 -40px;} .mac-os .want-section.spectrum-want-section .record-wrapper .record-card a{padding:14px 30px 11px;} .mac-os .testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper .btn-link{padding:14px 36px 11px;} } /* Safari browser hacks */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .header .header-top .navbar-brand{margin-left:-24px;} .navbar-header .navbar-header-right .btn{font-size:16px;line-height:16px;} .header .header-bottom .navbar-default.navigation-menu .navbar-nav > li:first-child a{padding-left:0;} .breadcrumb-section .breadcrumb{padding-left:0;} .alert-banner-section .alert-banner-content .alert-banner-title h6{margin-left:-10px;} .bulleted-list ol, .bulleted-list ul,.pageContent ul,.pageContent ol,.section-content ol,.section-content ul,.blog-detail-desc ul{margin-left:27px !important;} .pageContent .secondary-button ul,.location-header .title-list,.pageContent .location-header .title-list{margin-left:0 !important;} .search-header-section .search-input-wrapper .search-btn{margin:-1px 0 0 -40px;} .header .header-top .login-button .btn{padding:11px 34px 8px;} .btn{padding:11px 34px 9px;} .want-section.spectrum-want-section .record-wrapper .record-card a{padding:11px 30px 9px;} .btn-primary, .btn.btn-primary, .sfFormSubmit input[type='submit']{padding:14px 34px 10px;} .testimonial-section.testimonial-home-section .testimonial-wrapper .button-wrapper .btn-link{padding:12px 36px 11px;} .header .header-bottom .menu-button .btn{padding:10px 20px 9px;} @media only screen and (max-width: 768px){ .search-header-section .search-input-wrapper .search-btn {top:1px !important;} } } } /* Top hero banner */ .vTop {margin-top:50px !important;margin-bottom:120px !important;} .vMiddle {margin-top:180px !important;margin-bottom:80px !important;} .vBottom {margin-top:280px !important;} .hLeft {margin-right:auto !important;} .hCenter {margin-right:auto !important;margin-left:auto !important;} .hRight {margin-left:auto !important;} .showOpacity{background:rgba(255, 255, 255, 0.95) !important;padding:30px;} /* Location header */ .location-header .location-title .title-list li::before{display:none;} .branch-info .btn{margin:0 10px 10px;} .branch-info .btn:first-child{margin-left:0;} .branch-info .btn:last-child{margin-right:0;} table th.checkingsavingcol,table td.checkingsavingcol{width:450px;} /* Warning modal */ .modal .modal-content .modal-body p.warningmaintext,.modal .modal-content .modal-body p.warningsubtext {color:rgba(0, 0, 0, 0.9);color:#000000;font-style:italic;} .modal .modal-content .modal-body p.warningmaintext{font-size:20px;margin:0 0 1.5rem;} .modal .modal-content .modal-body p.warningsubtext{font-size:14px;} /* Calculator */ .calc-container ol.nav-tabs > li > a:hover,.calc-container ol.nav-tabs > li > a:focus, .calc-container ul.nav-tabs > li > a:hover, .calc-container ul.nav-tabs > li > a:focus {color:#002E5F !important;} /* To remove cookie settings from footer */ #onetrust-consent-sdk{display:none;} /* Open account dialog */ .checkingaccountmodal.modal .modal-dialog{margin:160px auto 80px;} .checkingaccountmodal.modal .modal-content .modal-header{box-shadow:none;border:none;} .checkingaccountdialog{font-size:16px;line-height:26px;font-weight:400;color:#000000;} .checkingaccountdialog h1{border-bottom:6px solid #253163;padding:0 0 15px; margin:0 0 25px;font-size:36px;line-height:43px;} .checkingaccountdialog .modal-account-wrapper{margin:2rem 0 0;} .checkingaccountdialog .maindvtitle{margin: 0 0 3rem;} .checkingaccountdialog .title {font-size:20px; line-height:21px; color:#133F78; margin:0 1rem 0 0;font-weight:700;display:inline-block;} .checkingaccountdialog .btn{margin:4rem 0;} .checkingaccountdialog .dialoginlinefield {margin-right:1rem;} .checkingaccountdialog .dialoginlinefield input[type=radio]{margin-right:3px;} .noborder,iframe{border:none !important;} .modal .modal-content .modal-header h2 { font-size: 30px; line-height: 32px;color: #253163;} .mediamodal iframe,#videoModal iframe {width:100%;height:400px;} /* Form */ label.required::after,.web-checkbox.required strong::after,.web-radiobox.required strong::after {content: '*';color: #ff0000;padding-left: 5px;} .web-checkbox strong,.web-radiobox strong{font-weight:400;} .sf-fieldWrp [type='submit']{margin-top:30px;} /* Inquiry form */ .real-estate-form-wrapper.inquiry-form {background: #ffffff;border:15px solid #4f8cc2;min-height:auto;width:100%;margin:10px 0;padding:58px 40px;} .real-estate-form-wrapper.inquiry-form h1{color:#4f8cc2;margin:0 0 15px;} .real-estate-form-wrapper.inquiry-form .btn{margin:70px 0 0;} .real-estate-form-wrapper.inquiry-form select{ -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist; appearance: menulist; } .want-tab-title, .want-tab-content{z-index:999;} .pageContent img {width:auto; max-width:100%;} [data-sf-role ='field-captcha-container'], [data-sf-role ='field-captcha-container'] .form-group{margin:0 !important;} [data-sf-role ='field-captcha-container'] [data-sf-role='invalid-captcha-input'].alert{padding:0 !important;margin:0 !important;} /* Owl carousel prev next icon */ .owl-carousel .owl-nav button{ position: absolute; top:50%; transform:translateY(-50%);} .owl-carousel .owl-nav button:focus{outline: 1px dotted #000000;} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next {font-size:90px; color:#ffffff;text-shadow: 0 0 20px #000000;} .owl-carousel .owl-nav button.owl-prev{left:20px;} .owl-carousel .owl-nav button.owl-next{right:20px;} .mobiletabmodal {z-index:9999;} .modal-backdrop { z-index: 109; } /* Mortgage Payoff form */ .mortgagepayoff-form-wrapper .radio label {font-weight:400;} .mortgagepayoff-form-wrapper .section-title {margin:0 0 50px;} .mortgagepayoff-form-wrapper small.required-label {text-align:left; display:block;} .mortgagepayoff-form-wrapper small.required-label span{color:#ff0000;} .mortgagepayoff-form .row {display:flex; flex-wrap:wrap;} .fileuploadwrap {background: #fbfcff; position:relative; border:1px dashed #c3cad8;height:132px; margin:0 0 20px;} .fileuploadwrap input[type='file']{ position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; -webkit-appearance:none;-moz-appearance:none;appearance:none; z-index:100;} .fileuploadwrap:hover { box-shadow: 0 0 0 2px #c9d8fe;} .fileuploadwrap .file-upload-label {position:relative;text-align: center;top: 0;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .fileuploadwrap .file-upload-label .file-upload-icon {margin:0 0 15px;} .fileuploadwrap .file-upload-label h3 {margin:0;} .fileuploadwrap .file-upload-label .upload-heading{ font-size: 14px; color: #57647e; font-weight: 400; margin-top: 6px;} .fileuploadwrap .file-upload-label .upload-heading-mobile {display:none;} .form-sublabel {margin:10px 0 20px;} .custom-form-wrapper .btn-disabled,.custom-form-wrapper .btn-disabled:hover,.custom-form-wrapper .btn-disabled:focus {cursor:not-allowed;} .custom-form-wrapper form {margin:30px 0 0;}