/* Theme Name: ACCU Theme URI: https://plainjoestudios.com/ Author: PlainJoe Studios Author URI: https://plainjoestudios.com/ Description: Hangar is a WordPress theme designed, developed and maintained by PlainJoe Studios. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.plainjoestudios.com/ Text Domain: ACCU Tags: PlainJoe Studios, PlainJoe, Studios, PJS, ACCU */ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { max-width: 100vw; overflow-x: hidden;} html, body {width:100%; min-height:100%; margin:0; padding:0;} h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;} form {margin:0 auto; padding:0;} p {margin:0 0 25px 0;} p:last-child {margin-bottom:0;} div {width:auto; height:auto; margin:0 auto;} a, .a {color:#203f92; text-decoration:none; transition:all .25s ease;} a:hover, .a:hover {color:#000; text-decoration:none;} img {border:0; max-width:100%; height:auto;} object, embed {display:block;} input, textarea, select {font-family:'Arial'; font-weight:500;} input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:#fff; border-radius:0;} input[type="search"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:#fff; border-radius:0; margin:10px 0 20px;} textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid #464646; background:#fff; border-radius:0; resize:none;} input[type="submit"] {cursor:pointer; transition:all .25s ease; -webkit-appearance:none;} ul {list-style:disc; margin:0 0 15px 35px; text-align:left;} ol {margin:0 0 15px 20px;} ul ul, ul ol, ol ol, ol ul {margin-bottom:0;} li:last-child, ul.children {margin-bottom:0;} ul.wp-block-gallery {margin-left:0;} iframe {max-width:100%; max-height:100%; display:block; margin:0 auto;} blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;} strong, b {font-weight:700;} hr {height:1px; background:#b1b1b1; clear:both; border:0; outline:0; margin-bottom: 24px; margin-top: 24px;} ::-moz-selection{background:#203f92; color:#fff; text-shadow:none;} ::selection {background:#203f92; color:#fff; text-shadow:none;} ::-webkit-input-placeholder {color:#969696;} :-moz-placeholder {color:#969696; opacity:1;} ::-moz-placeholder {color:#969696; opacity:1;} :-ms-input-placeholder {color:#969696;} :placeholder-shown {color:#969696;} html {font-size:62.5%;} body {font-size:1.6rem; line-height:3rem; font-family:'Arial'; color:#161616; background: #F5F5F5;} h1, h2, h3, h4, h5, h6 {font-family:'Arial'; font-weight: 700; line-height:1; color:#222; text-transform:inherit; padding:0 0 15px;} h1 {font-size:2.8rem; padding-bottom:25px;} h2 {font-size:2.4rem; line-height: 1.25;} h3 {font-size:2rem; line-height: 1.4;} h4 {font-size:1.8rem; line-height: 1.3;} h5 {font-size:1.6rem;} @media (max-width:767px) { body {font-size:1.5rem; line-height:2.8rem; max-width: 100vw; overflow: hidden;} h1 {font-size:2.1rem;} h2 {font-size:1.9rem;} h3 {font-size:1.7rem;} h4 {font-size:1.6rem;} h5 {font-size:1.5rem;} } /*general styles .btns, .wp-block-button {text-align:center; position:relative;} .btns::after, .wp-block-button:after {content:''; display:block; clear:both;} .btns a, .wp-block-button a, .wp-block-button .a, input[type="submit"], input[type="button"], button {min-width:160px; display:inline-block; text-decoration:none; padding:15px 25px; border:0; border-radius:25px; background:#203f92; font-size:1.6rem; line-height:1; font-weight:700; color:#000 !important; text-transform:uppercase; margin:0 17px 10px; vertical-align:top; text-align:center; box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; overflow:hidden;} .btns a:first-child, .wp-block-button a:first-child, .wp-block-button .a:first-child, input[type="submit"]:first-child, input[type="button"]:first-child, button:first-child {margin-left:auto;} .btns a:last-child, .wp-block-button a:last-child, .wp-block-button .a:last-child, input[type="submit"]:last-child, input[type="button"]:last-child, button:last-child {margin-right:auto;} .btns a:hover, .wp-block-button a:hover, .wp-block-button .a:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {background:#d26d32;} .wp-block-button.alignleft {text-align:left;} @media (min-width:3000px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, .btn, input[type="submit"], input[type="button"], button {font-size:22px;} } @media (max-width:767px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, .btn, input[type="submit"], input[type="button"], button {display:block; max-width:255px; margin-left:auto; margin-right:auto;} } @media (max-width:500px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, a.btn, input[type="submit"], input[type="button"], button {padding-left:18px; padding-right:18px;} } */ .pjs-iframe {margin-bottom:25px; position:relative;} .pjs-iframe.is-full {padding:56.25% 0 0 0;} .pjs-iframe.is-full iframe {width:100%; height:100%; position:absolute; top:0; left:0;} #videoPreloader {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;} .vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden;} .vidframe iframe {width:100%; height:100%; position:absolute; top:0;} .num-nav {width:100%;} .num-nav ul {width:100%; text-align:center; list-style:none; margin:0 auto;} .num-nav ul li {display:inline-block; vertical-align:baseline; margin:0 4px; font-weight:700;} .num-nav ul li.active a {color:#262626; font-weight: 700;} :root {--swiper-theme-color: #ffffff !important;} .swiper-pagination-bullet {background: #fff !important; opacity: .3 !important;} .swiper-pagination-bullet-active {opacity: 1 !important;background: var(--swiper-pagination-color,var(--swiper-theme-color)) !important;} .text a {text-decoration: underline;} .subtitle a {text-decoration: underline;} .title a {text-decoration: underline;} p a {text-decoration: underline;} .col ul a {text-decoration: underline;} .btn {display: inline-block; margin-right: 10px;} .btn:last-child {margin-right: 0px;} .btn a, .btn .a {box-shadow: 0 0 7px -3px black; margin-top: 20px; display: inline-block; color: #203F92; font-family: 'Arial'; font-weight: 700; background: #fff; padding: 6px 20px; border-radius: 4px; cursor:pointer;} .btn a:hover, .btn .a:hover {background: #203F92; color: #fff;} .btn.dark a, .btn.dark .a {box-shadow: 0 0 7px -3px black; margin-top: 20px; display: inline-block; color: #fff; font-family: 'Arial'; font-weight: 700; background: #203F92; padding: 6px 20px; border-radius: 4px;} .btn.dark a:hover, .btn.dark .a:hover {background: #fff; color: #203F92;} .btn.outline a, .btn.outline .a {border: 2px solid #fff; margin-top: 0px; margin-bottom: 15px; display: inline-block; color: #fff; font-family: 'Arial'; font-weight: 700; background: transparent; padding: 6px 20px; border-radius: 4px;} .btn.outline a:hover, .btn.outline .a:hover {background: #fff; color: #203F92; border: 2px solid #fff !important;} .vid {cursor: pointer;} .external-link {max-width: 800px !important;} .external-link h2 {line-height: 30px;} .external-link .buttons {display: flex; justify-content: flex-end;} .external-link .buttons .btn {margin: 0 10px;} .external-link .title.alt {display: none;} .external-link .text.alt {display: none;} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger {cursor:pointer;} .hamburger-box {width:33px;height:22px;display:block;position:relative} .hamburger-inner {display:block;top:0;left:0} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:33px;height:2px;top:9px;background-color:#fff;position:absolute; transition:all .25s ease} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#fff;} .hamburger-inner::before, .hamburger-inner::after {content:'';display:block} .hamburger-inner::before {top:-9px} .hamburger-inner::after {bottom:-9px} .hamburger--3dx .hamburger-box {-webkit-perspective:80px;perspective:80px} .hamburger--3dx .hamburger-inner {transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)} .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)} .hamburger--3dx.is-active .hamburger-inner {background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)} .hamburger--3dx.is-active .hamburger-inner::before {-webkit-transform:translate3d(0, 9px, 0) rotate(45deg);transform:translate3d(0, 9px, 0) rotate(45deg)} .hamburger--3dx.is-active .hamburger-inner::after {-webkit-transform:translate3d(0, -9px, 0) rotate(-45deg);transform:translate3d(0, -9px, 0) rotate(-45deg)} /*main styles*/ #container {width:100%; max-width:1920px; min-width:300px; min-height:100%; position:relative; box-shadow:0 0 20px 15px rgba(0,0,0,0.1); display:flex; justify-content: flex-start;flex-direction:column;} #site-main-content {height: auto;width: 100%;} #site-main-content .page {height: auto;width: 100%; margin-top: 138px; font-family: 'Arial';} .ac-link {display:none;} /* HEADER */ .header-inner {position: fixed; width: 100vw; z-index: 999; max-width: 1920px;} .header-inner .floating-nav .top-bar {background: #880D0F;} .header-inner .floating-nav .top-bar ul {margin: 0;} .header-inner .floating-nav .top-bar .caret {transition: all .25s ease; width: 0; height: 0; display: inline-block; border: 5.5px solid transparent; border-top-color: #fff; margin-bottom: -5px; margin-left: 5px;} .header-inner .floating-nav .top-bar ul {justify-content: flex-end; height: 100%; align-items: center; margin: 0; margin-right: 18px; list-style: none; padding: 0 20px; display: flex;} .header-inner .floating-nav .top-bar ul li {padding: 5px 10px; height: 100%} .header-inner .floating-nav .top-bar ul li a {height: 100%;display: flex; align-items: center; color: #fff; font-family: 'Arial';letter-spacing: .5px; font-weight: 700; font-size: 14px;} .header-inner .floating-nav .top-bar ul li.active {background: #6A0709;} .header-inner .floating-nav .top-bar ul li a:hover {opacity: .6;} .header-inner .floating-nav .top-bar ul li a:hover .caret {opacity: .6;} .header-inner .floating-nav .top-bar .drop-menu {top: 45px; width: auto; right: 25px; min-width: 125px; padding: 10px; left: unset;} .header-inner .floating-nav .top-bar .drop-menu a {font-weight: 600 !important; padding: 5px 0;} .header-inner .floating-nav .top-bar li.main-item:last-child {margin-right: 20px;} li.main-item.dropdown-23.active {background: unset !important; /* opacity: 1 !important; */} li.main-item.dropdown-23.active a {opacity: 1 !important;} .header-inner .floating-nav-inner {display: flex; background: #C12527;} .header-inner .floating-nav-inner > * {display: flex; align-items: center;} .header-inner .floating-nav-inner .login {width: 35%; justify-content: flex-end;} .header-inner .floating-nav-inner .login > div {margin: 0; margin: 0 10px;} .header-inner .floating-nav-inner .login a {color: #fff; font-family: 'Arial'; font-weight: 700; background: #203F92; padding: 12px 35px; border-radius: 4px;} .header-inner .floating-nav-inner .login .search {color:#fff; font-size:1.2em; cursor:pointer; transition:all .3s ease;} .header-inner .floating-nav-inner .login .search:hover {opacity:.7;} .header-inner .floating-nav-inner .login .sign-in {margin-right: 40px;} .header-inner .floating-nav-inner .login .sign-in a {display: flex; align-items: center;padding: 5px 15px; background: transparent; border: 2px solid #fff;} .header-inner .floating-nav-inner .login .sign-in a img {padding-right: 8px;} .header-inner .floating-nav-inner .login .sign-in a .caret {transition: all .25s ease; width: 0; height: 0; display: inline-block; border: 5.5px solid transparent; border-top-color: #fff; margin-bottom: -5px; margin-left: 5px;} .header-inner .floating-nav-inner .login a:hover {background: #fff; color: #203F92;} .header-inner .floating-nav-inner .login .sign-in a:hover {background: #203F92; color: #fff; border-color: #203F92;} .header-inner .floating-nav-inner .logo {width: 35%; justify-content: left;} .header-inner .floating-nav-inner .logo a {padding: 10px 0 5px; margin-left: 10%;} .header-inner .floating-nav-inner .main-nav {width: 30%; justify-content: center;} .header-inner .floating-nav-inner .main-nav .caret {transition: all .25s ease; width: 0; height: 0; display: inline-block; border: 5.5px solid transparent; border-top-color: #fff; margin-bottom: -5px; margin-left: 5px;} .header-inner .floating-nav-inner .main-nav ul {height: 100%; align-items: center; margin: 0; list-style: none; padding: 0 20px; display: flex;} .header-inner .floating-nav-inner .main-nav ul li {padding: 0 10px; height: 100%} .header-inner .floating-nav-inner .main-nav ul li a {height: 100%;display: flex; align-items: center; color: #fff; font-family: 'Arial';letter-spacing: .5px; font-weight: 700; font-size: 16px;} .header-inner .floating-nav-inner .main-nav ul li a.active {border-bottom: 7px solid #203F92; padding-top: 7px;} .header-inner .floating-nav-inner .main-nav ul .sub-menu li a.active.main-link {border-bottom: 2px solid #203F92; padding-top: 0px; display: inline-block;} .header-inner .floating-nav-inner .main-nav ul li a:hover {opacity: .7;} .header-inner .floating-nav-inner .main-nav ul li a:hover .caret {opacity: .7;} .drop-menu {transition: all .25s ease; opacity: 0; visibility: hidden; position: absolute; background: #fff; padding: 0 5%; top: 139px; width: 100%; left: 0; box-shadow:0 0 10px 5px rgba(0,0,0,0.08);} .drop-menu.active {visibility: visible; opacity: 1;} .drop-menu .inner {display: flex; flex-wrap: wrap;} .drop-menu .inner .sub-menu {width: 25%; margin: 0; padding: 40px; display: flex; flex-direction: column;} .drop-menu .inner .sub-menu:nth-child(n+5) {padding-top: 0px; margin-top: -60px;} .drop-menu .inner .sub-menu.map {flex-grow: 2; text-align: center;} .drop-menu .inner .sub-menu.map .text {font-weight: 700; font-size: 14px;} .drop-menu .inner .sub-menu.map span.fas.fa-map-marked-alt {color: #203f92; font-size: 50px;} .drop-menu .inner .sub-menu.map a {color: #000;} .drop-menu .inner .sub-menu .title {padding-bottom: 5px; font-weight: 700; margin: 0;} .drop-menu .inner .sub-menu .compare {flex-grow: 2; display: flex; justify-content: flex-start; align-items: flex-end; margin: 0; margin-top: 15px;} .drop-menu .inner .sub-menu .compare a {color: #203f92;font-weight: 600; font-size: 15px;} .drop-menu .inner li {height: auto !important; padding: 0px !important;} .drop-menu .inner li a {color: #000 !important; font-weight: 400 !important; font-size: 14px !important;} .mobile.navigation {left: 0; max-width: 100vw; position: fixed; display: none; z-index: 97; -webkit-transition: all .25s ease; transition: all .25s ease; transopacity: 0; visibility: hidden; transform: translateY(-100%); margin-top: 66px; background: #fff; height: auto; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden;} .mobile.navigation.active {opacity: 1; visibility: visible; transform: translateY(0);} .mobile.navigation .navS > .link.item a {display: flex; align-items: center; font-weight: 700; text-transform: inherit; color: #000; font-size: 16px; padding: 8px 20px;} .mobile.navigation .navS > .item a {display: flex;align-items: center; font-weight: 700; text-transform: uppercase; padding: 8px 40px;} .mobile.navigation .link.item .caret {-webkit-transition: all .25s ease; transition: all .25s ease;transform: rotate(0);display: inline-block;width: 0;height: 0;border-left: 6px solid #25235E;border-bottom: 6px solid transparent;border-top: 6px solid transparent;margin-left: 10px;margin-bottom: 2px;margin: 0 0 0 auto;} .mobile.navigation .item .caret {-webkit-transition: all .25s ease; transition: all .25s ease;transform: rotate(0);display: inline-block;width: 0;height: 0;border-left: 6px solid #25235E;border-bottom: 6px solid transparent;border-top: 6px solid transparent;margin-left: 10px;margin-bottom: 2px;margin: 0 0 0 auto;} .mobile.navigation .link.item.purple .caret {border-left: 6px solid #fff;} .mobile.navigation .link.item.purple {background: #25235E;} .mobile.navigation .link.item.purple a {color: #fff;} .mobile.navigation .link.item.donate {background: #343182;} .mobile.navigation .link.item.donate a {color: #fff;} .mobile.navigation .page-2 {height: 0px; overflow: hidden; -webkit-transition: all .25s ease; transition: all .25s ease; visibility: hidden; opacity: 0; transform: translateX(100%); height: 0; width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 98;} .mobile.navigation .page-2.active {visibility: visible; height: 100%;opacity: 1;transform: translateX(0); height: 100%; overflow-y: visible} .mobile.navigation .page-2 > .item {font-weight: 700; text-transform: uppercase; display: block;} .mobile.navigation .page-2 > .item a {display: block; align-items: center; font-weight: 700; text-transform: uppercase; padding: 15px 40px;} .mobile.navigation .page-2 > .item.sl-2 > a {display: flex;} .mobile.navigation .page-2 > .item.sl-2.back > a {display: block;} .mobile.navigation .page-2 > .item.sl-2.back > a {padding: 10px 20px !important; background: unset !important; padding: 10px !important; display: block !important; font-size: 16px !important; border-bottom: 1px solid #fff;} .mobile.navigation .page-2 > .item .sym {display: inline-block; font-size: 33px; color: #00246a; vertical-align: sub; margin-right: 5px;} .mobile.navigation .page-2 > .item .text {display: inline-block; vertical-align: middle;} .mobile.navigation .page-2 .item.back a {display: flex; color: #fff;padding: 10px 20px; background: #6A0709; font-size: 18px; text-transform: initial;} .mobile.navigation .page-2 .item.back .text {margin: 0;} .mobile.navigation .item.back .caret {border-left: 6px solid #ffffff;} .mobile.navigation .page-3 {height: 100% !important; -webkit-transition: all .25s ease; transition: all .25s ease; visibility: hidden; opacity: 0; transform: translateX(100%); height: auto; width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 98;} .mobile.navigation .page-3.active {visibility: visible; opacity: 1;transform: translateX(0);} .mobile.navigation .page-3 .item {font-weight: 700; text-transform: uppercase; display: block;} .mobile.navigation .page-3 .item a {display: block; align-items: center; font-weight: 700; text-transform: uppercase; padding: 15px 40px;} .mobile.navigation .page-3 .item .sym {display: inline-block; font-size: 33px; color: #00246a; vertical-align: sub; margin-right: 5px;} .mobile.navigation .page-3 .item .text {display: inline-block; vertical-align: middle;} .mobile.navigation .page-2 span.fas.fa-map-marked-alt {padding-right: 15px;} .mobile.navigation .page-2 .item.col-title a {font-weight: 700;padding: 15px 25px;text-transform: capitalize;color: #000;font-size: 25px;} .mobile.navigation .top .current-top > a {text-transform: capitalize; font-weight: 700; display: flex;color: #fff; padding: 10px 20px; background: #6A0709; font-size: 18px; align-items: center; text-transform: capitalize;} .mobile.navigation .top .current-top a .caret {-webkit-transition: all .25s ease; transition: all .25s ease;transform: rotate(0);display: inline-block;width: 0;height: 0;border-left: 6px solid #ffffff;border-bottom: 6px solid transparent;border-top: 6px solid transparent;margin-left: 10px;margin-bottom: 2px;margin: 0 0 0 auto;} .mobile.navigation .top .subnav {min-height: 100%; -webkit-transition: all .25s ease; transition: all .25s ease; visibility: hidden; opacity: 0; transform: translateX(100%); height: auto; width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 98;} .mobile.navigation .top .subnav.active {visibility: visible; opacity: 1;transform: translateX(0);} .mobile.navigation .top .subnav .item.back a {align-items: center; display: flex; color: #fff; padding: 10px 20px; background: #6A0709; font-size: 18px; text-transform: initial;} .mobile.navigation .top .subnav .item.back a .text {margin: 0; font-weight: 700;} .mobile.navigation .top .subnav .item.back a .caret {transform: rotate(180deg);} .mobile.navigation .item.back .caret {transform: rotate(180deg);} .mobile.navigation .top .subnav .link.item a {display: flex; align-items: center; font-weight: 700; text-transform: inherit; color: #000; font-size: 16px; padding: 15px 20px;} .mobile.navigation .page-2 .drop-nav {display: flex; flex-wrap: wrap;} .mobile.navigation .page-2 .sub-menu {width: 50%; padding: 0px 25px 30px; list-style: none; margin: 0;} .mobile.navigation .page-2 .sub-menu.map {text-align: center;} .mobile.navigation .page-2 .sub-menu.map .text {font-weight: 700; color: #000; font-size: 20px;} .mobile.navigation .page-2 .sub-menu .title {font-weight: 700; font-size: 18px;} .mobile.navigation .page-2 .sub-menu a.main-link {color: #000;} .mobile.navigation .page-2 .sub-menu li.main-item {padding: 10px 0; line-height: 18px;} .mobile.navigation .item.search-input {padding: 20px 40px 10px; display: flex; width: auto;} .mobile.navigation .item.search-input .search-input {width: 100%; padding-left: 15px;} .mobile.navigation .item.search-input input {padding: 0; border-bottom: 1px solid #000; outline: none; width: 100%;} .mobile.navigation .item.search-input i.fas.fa-search {color: #00246a; margin-top: 5px; font-size: 23px;} .share.mobile-600 {position: initial !important; display: flex; align-items: center; justify-content: center; padding-top: 30px; padding-bottom: 30px;} .share.mobile-600 .icon {margin: 0 6px !important; padding: 0 !important; width: 40px; height: 40px; border-radius: 50%; display: inline-block; background: #203f92; display: flex; align-items: center; justify-content: center;margin: 0;} .share.mobile-600 .icon a img {padding: 0 !important;} .mobile-btn {display: none !important; margin: 0; margin-right: 10px;} .mobile-600 {display: none !important;} .mobile-1024 {display: none !important;} .desktop-600 {display: block !important;} .desktop-600.flex {display: flex !important;} .desktop-1024 {display: block !important;} .login-links {display: none; position: fixed; top: 66px; background: #6A0709; width: 100%; left: 0;} .login-links ul {list-style: none; margin: 0;} .login-links ul li a {padding: 10px 20px !important; background: unset !important; padding: 10px !important; display: block !important; font-size: 16px !important; border-bottom: 1px solid #fff;} .login-links ul li:last-child a {border-bottom: 0px solid #fff;} .mobile-contact {width: 100%; display: flex;} .mobile-contact .col {justify-content: center; padding: 6px; width: 50%; display: flex; border: 2px solid #203F92; background: #fff; } .mobile-contact .col a {all: unset !important; color: #203F92 !important; font-weight: 500 !important; justify-content: center !important; display: flex !important; align-items: center !important;} .mobile-contact .col a img {padding-right: 5px;} .mobile-contact .col:last-child {border-left: 0px solid #203F92;} .header-inner .floating-nav .top-bar .drop-menu .inner {flex-direction: column;} .no-click {cursor:default; pointer-events: auto;} .no-click a {cursor:default; pointer-events: auto;} .login .drop-menu {top: 45px; width: auto; right: 25px; min-width: 125px; padding: 10px; left: unset; top: 112px; border-top: 10px solid #c12527; box-shadow: none;} .login .drop-menu .main-link {font-weight: 600 !important; padding: 5px 0 !important; background: transparent !important;} .login .drop-menu .main-link:hover {opacity: .6;} .login .drop-menu .inner {display: flex;flex-wrap: wrap;flex-direction: column;} .login li.main-item {list-style: none;} .login li.main-item:last-child {margin-right: 20px;} @media screen and (max-width: 1900px) { .header-inner .floating-nav-inner .logo {width: 27.5%;} .header-inner .floating-nav-inner .main-nav {width: 45%;} .header-inner .floating-nav-inner .login {width: 27.5%;} } @media screen and (max-width: 1300px) { .drop-menu .inner .sub-menu {width: 33.33%; padding: 20px 40px; margin-top: 0px !important;} .header-inner .floating-nav-inner .main-nav ul li a {font-size: 14px;} } @media screen and (max-width: 1220px) { .header-inner .floating-nav-inner .main-nav {width:42%;} .header-inner .floating-nav-inner .login {width:30.5%;} } @media screen and (max-width: 1145px) { .mobile-1024 {display: block !important;} .desktop-1024 {display: none !important;} .header-inner .desktop {display: none;} .mobile-btn {display: block !important;} .mobile.navigation {display: block;} .floating-nav .logo {max-width: 130px; margin: 0; margin-left: 10px;} #site-main-content .page {margin-top: 66px;} .header-inner .floating-nav .top-bar ul li {padding: 2px 10px;} .header-inner .floating-nav-inner {justify-content: space-between; align-items: center; padding: 8px;} .header-inner .floating-nav-inner > * {width: auto !important; justify-content: right !important;} .header-inner .floating-nav-inner .login .sign-in a.active {background: #203F92 !important; color: #fff !important; border-color: #203F92 !important} .header-inner .floating-nav-inner .login .sign-in a:hover {background: transparent; color: #fff; border-color: #fff;} .header-inner .floating-nav-inner .logo a {padding: 10px 0; margin: 0;} .header-inner .floating-nav-inner .login a {padding: 8px 20px; font-size: 12px;} .header-inner .floating-nav-inner .login .search {margin-right:10px;} .header-inner .floating-nav-inner .login .sign-in a {margin-left: 10px; padding: 0px 6px; max-height: 31px; font-size: 12px; width: 90px;} .header-inner .floating-nav-inner .login .sign-in a .caret {border: 4.5px solid transparent; border-top-color: #fff;} .header-inner .floating-nav-inner .login > div {margin: 0;} .header-inner .floating-nav-inner .login .sign-in a img {padding-right: 8px; width: 20px;} .login.mobile-1024 {display: flex !important;} .header-inner .floating-nav .top-bar .drop-menu {top: 32px; width: auto; right: 10px; min-width: 132px; padding: 10px;left: unset;} } @media screen and (max-width: 600px) { .mobile-600 {display: block !important;} .mobile-600.flex {display: flex !important;} .desktop-600 {display: none !important;} .header-inner .floating-nav-inner .login .sign-in {margin-right:0;} } /* PJS Search */ #pjs-search {display:flex; flex-flow:row nowrap; opacity:0; visibility:hidden; width:100%; height:100%; padding:0 3vw; background:#fff; position:fixed; top:0; left:0; z-index:99;} #pjs-search .wrapper {flex:1 1 auto; display:flex; align-items:center; width:100%; max-width:1200px; margin:0 auto;} #pjs-search .wrapper .search {flex:1 1 auto; transform:translateY(-100%);} #pjs-search .wrapper .search .close {width:40px; height:40px; font-size:26px; line-height:40px; text-align:center; border-radius:3px; background:#eaeaea; position:absolute; top:-40px; right:0;} #pjs-search .wrapper .search .close:hover {background:#C12527;} #pjs-search .wrapper .search .close a {display:block;} #pjs-search .wrapper .search .close:hover a {color:#fff;} #pjs-search .wrapper .search input {width:100%; font-weight:600; font-size:36px; border:0; border-bottom:2px solid #393939;} #pjs-search .wrapper .search p {font-weight:700; text-align:right; text-transform:uppercase;} #pjs-search.show {opacity:1; visibility:visible;} @media(max-width:760px) { #pjs-search .wrapper .search input {font-size:24px;} } .pjs-trans {transition:all .3s ease;} /* [PANEL] FH BANNER */ .fh-banner {min-height: calc(100vh - 106px);} .fh-banner .inner {height: 100%; display: flex; align-items: center;min-height: calc(100vh - 106px);} .fh-banner .inner .content {margin: 0; margin-top: -50px; padding-left: 5%;} .fh-banner .inner .title {font-size: 90px; color: #fff; font-weight: 700; line-height: 115px;} .fh-banner .inner .text {color: #fff; font-size: 22px; font-weight: 300; letter-spacing: .5px; max-width: 700px; margin: 0; margin-bottom: 20px;} .fh-banner .addon {justify-content: center; align-items: center; max-width: 80%; max-width: 1100px; background: #c12527; color: #fff; display: flex; margin-top: -100px; margin-bottom: -110px;} .fh-banner .addon .col {width: 50%; padding: 30px 35px; display: flex; justify-content: center; align-items: center;} .fh-banner .addon .col u {margin-left: 15px;} .fh-banner .addon .col:first-child {font-size: 50px;font-weight: 700; padding: 45px; line-height: 50px; border-right: 3px solid rgba(255, 255, 255, .3);} @media screen and (max-width: 1024px) { .fh-banner .inner .title {font-size: 60px;} } @media screen and (max-width: 600px) { .fh-banner .inner .title {font-size: 55px; line-height: 65px; padding-bottom: 10px;} .fh-banner .inner {padding: 20px;} .fh-banner .inner .text {font-size: 20px;} .fh-banner .addon {flex-direction: column; max-width: 90%;} .fh-banner .addon .col:first-child {font-size: 40px; flex-direction: column; padding: 50px 20px 30px !important;border-right: 0px solid rgba(255, 255, 255, .3);border-bottom: 4px solid rgba(255, 255, 255, .2);max-width: 171px;} .fh-banner .addon .col {width: 100%;padding: 20px 35px 30px !important;text-align: center;} .fh-banner .addon {margin-top: -100px; margin-bottom: 25px;} .fh-banner {min-height: calc(110vh - 106px);} } /* [PANEL] INFO BOXES */ .info-boxes {max-width: 1100px; margin: 0 auto; padding: 100px 0 65px;} .info-boxes .navigation {display: flex;border-bottom: 2px solid #dfdfdf;justify-content: center;} .info-boxes .navigation a {font-weight: 700;color: #878787;font-size: 16px; border-bottom: 4px solid transparent; display: block;margin-bottom: -2px;} .info-boxes .navigation a.active {border-bottom: 4px solid #c12527;} .info-boxes .navigation .tab {margin: 0; padding: 0px 25px;} .info-boxes .info .inner {padding-top: 45px;} .info-boxes .info .inner .subtitle {max-width:520px; color: #c12527;padding-bottom: 35px;padding-top: 15px;font-size: 22px;font-weight: 700;text-align: center;} .info-boxes .info .inner .subtitle span {color:#333;} .info-boxes .info .item {transition: all .5s ease; visibility: hidden; opacity: 0; overflow: hidden; display: none;} .info-boxes .info .item.active {visibility: visible; opacity: 1; display: block;} .info-boxes .info .item .boxes {display: flex; flex-wrap: wrap; justify-content: center;} .info-boxes .info .item .boxes .box {width: calc(33.333% - 60px); margin: 30px; background: #fff; display: flex; flex-direction: column;} .info-boxes .info .item .boxes .box .title {background: #E5E7EC;color: #203F92;font-weight: 700;padding: 15px 75px;line-height: 23px;text-align: center; width: 100%;} .info-boxes .info .item .boxes .box .items {padding: 15px 20px; flex-grow: 2;} .info-boxes .info .item .boxes .box ul {list-style:none;} /* .info-boxes .info .item .boxes .box ul {list-style-image: url('/wp-content/uploads/2020/04/Path-1369.png');} */ .info-boxes .info .item .boxes .box ul li {font-size: 14px; line-height: 20px; padding: 10px 0;} .info-boxes .info .item .boxes .box ul li .checkmark {width:16px; height:16px; background:url('/wp-content/themes/accu2020/images/checkmark.svg') no-repeat center / cover; position:absolute; transform:translate(-20px, 0);} .info-boxes .info .item .boxes .box ul li .icon {display: inline-block; padding-left: 5px; cursor: pointer;} .info-boxes .info .item .boxes .box ul li .icon img {width:12px; height:12px;} .info-boxes .info .item .boxes .box ul li .tooltip {transition: all .25s ease;visibility: hidden;opacity: 0;display: inline-block;position: absolute;max-width: 500px;padding: 14px 20px;background: rgba(32, 63, 146, .85);margin-top: 10px;color: #fff;border-radius: 5px;border-top-left-radius: 0;} .info-boxes .info .item .boxes .box ul li .icon:hover ~ .tooltip {visibility: visible; opacity: 1; z-index:2;} .info-boxes .info .item .boxes .box .button {border-top: 2px solid #ebebeb; width: 100%; display: flex; padding: 5px 0 25px;} .info-boxes .info .item .btn {display: flex; justify-content: center; margin: 0 auto;} .info-boxes .info .item .btn a {box-shadow: 2px 2px 7px -5px black; margin-bottom: 5px;} .info-boxes .swiper-pagination-rates {bottom: 10px !important; display: flex; justify-content: center;} .info-boxes .swiper-pagination-bullet {width: 11px; height: 11px; background: #464646 !important; opacity: .3 !important;} .info-boxes .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #203f92 !important; opacity: 1 !important;} .info-boxes .swiper-wrapper {padding-bottom: 30px;} @media screen and (max-width: 600px) { .info-boxes {padding: 50px 0;} .info-boxes .navigation {justify-content: space-evenly;} .info-boxes .navigation .tab {padding: 0px 10px;} .info-boxes .info .item .boxes {position: relative;} .info-boxes .info .item .boxes.dt {display: none} .info-boxes .info .item .boxes .box {width: calc(100vw - 75px);margin: 20px auto;} .info-boxes .info .item .boxes .box ul li .tooltip {width:180px; border-top-left-radius:5px; border-top-right-radius:0; transform:translateX(calc(-100% + -10px));} .info-boxes .info .inner .subtitle {padding: 20px;} .info-boxes .swiper-wrapper {padding-bottom: 6px;} } /* [PANEL] ICON PANEL */ .icon-panel .inner .wrapper {max-width: 800px;padding: 6% 0;display: flex;flex-direction: column;} .icon-panel .wrapper > .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99.png);background-position: left;background-size: contain;background-repeat: no-repeat;padding: 22px 20px;} .icon-panel .wrapper .subtitle {color: #fff; font-size: 18px;} .icon-panel .wrapper .icons {margin-top: 45px; display: flex; width: 100%; justify-content: center;} .icon-panel .icons .icon {width: 25%;margin: 0;display: flex;justify-content: center;align-items: center;} .icon-panel .icons .icon .image {padding-bottom: 12px;} .icon-panel .icons .icon a {display: flex; flex-direction: column; justify-content: center;} .icon-panel .icons .icon i {display: flex; color: #fff; background-color: #c12527; padding: 20px; border-radius: 50%; font-size: 30px; width: 70px;height: 70px; align-items: center; justify-content: center;} .icon-panel .icons .icon i img {width: 35px; height: 35px;} .icon-panel .icons .icon .title {color: #fff;font-weight: 700;} @media screen and (max-width: 600px) { .icon-panel .inner {padding: 30px;} .icon-panel .inner .wrapper > .title {font-size: 32px !important;line-height: 36px;text-align: center;background-size: 60px;background-position: 35px 15px;display: inline-block;width: auto;} .icon-panel .inner .wrapper .subtitle {text-align: center;} .icon-panel .wrapper .icons {flex-wrap: wrap; text-align: center;} .icon-panel .icons .icon {width: 50%;margin: 10px 0px;} } /* [PANEL] IMAGE PANEL */ .image-row {max-width: 1200px; margin: 0 auto; text-align: center; padding: 4% 0;} .image-row .inner .title {color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-size: auto;background-repeat: no-repeat;padding: 22px 20px;width: fit-content;display: inline-block;} .image-row .inner .subtitle {color: #333333; font-size: 18px;} .image-row .inner .images {display: flex; padding-top: 65px;} @media screen and (max-width: 600px) { .image-row {padding: 30px;} .image-row .inner .images {flex-wrap: wrap;} .image-row .inner .images .image {width: 50%; display: flex; align-items: center;} .image-row .inner .images .image a .image {width: 100%; padding: 15px;} .image-row .inner .title {font-size: 29px;background-size: 60px; background-position: 5px 13px;line-height: 35px;} .image-row .inner .images {padding-top: 35px;} .image-row .inner .subtitle {font-size: 16px;} } /* [PANEL] QUOTE PANEL */ .quote-panel {} .quote-panel .inner {display: flex; padding: 65px 5%;} .quote-panel .inner .col {width: 50%;} .quote-panel .inner .col:last-child {border-left: 2px solid rgba(136, 136, 136, 0.3);} .quote-panel .inner .col > .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99.png);background-position: left;background-size: contain;background-repeat: no-repeat; padding: 22px 0px 22px 20px;} .quote-panel .inner .col .swiper-pagination.swiper-pagination-bullets {display: flex; padding-left: 20px; position: inherit; padding-top: 20px;} .quote-panel .inner .col .text {font-size: 15px; max-width: 85%; margin: 0; color: #fff; padding-left: 20px; padding-top: 15px;} .quote-panel .inner .col .slide .title {color: #fff; padding-left: 20px; font-weight: 600; padding: 20px 0 20px 20px;} .quote-panel .inner .col .inner {display: flex;padding: 0;flex-direction: column;align-items: center;justify-content: center;height: 100%;} .quote-panel .inner .col .inner .btn {margin-bottom: 15px;} .quote-panel .inner .col .inner .btn:last-child a {background: transparent; border: 2px solid #fff;} .quote-panel .inner .col .inner .btn:last-child a:hover {background: #fff;} .quote-panel .inner .col .inner .btn {margin: 0;} @media screen and (max-width: 1024px) { .quote-panel .inner .col {padding: 20px;} .quote-panel .inner .col > .title {font-size: 30px;line-height: 36px;background-size: 60px;background-position: 10px 13px;} } @media screen and (max-width: 600px) { .quote-panel .inner {padding: 45px 30px; flex-direction: column;} .quote-panel .inner .col {width: 100%; padding: 20px 0;} .quote-panel .inner .col:last-child {border-left: 0px solid rgba(136, 136, 136, 0.3); border-top: 2px solid rgba(136, 136, 136, 0.3);} .quote-panel .inner .col .inner {display: flex; padding: 0;} .quote-panel .inner .col .inner .btn a {text-align: center;} .quote-panel .inner .col .text {max-width: 100%;} .quote-panel .inner .col .swiper-pagination.swiper-pagination-bullets {display: flex; padding-left: 0; position: inherit; padding-top: 20px; margin: 0 auto; text-align: center; display: flex; justify-content: center;} .quote-panel .inner .col .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 11px; height: 11px;} } /* [PANEL] BLOG SLIDER */ .blog-slider {margin: 80px 0;} .blog-slider > .inner {text-align: center;} .blog-slider > .inner > .title {color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px;} .blog-slider .swiper-blog.swiper-container-initialized.swiper-container-horizontal {position: relative; max-width: 1200px; overflow: hidden; } .blog-slider .items {position: relative;} .blog-slider .item {padding: 20px; text-align: center;} .blog-slider .item .inner {max-width: 350px; background: #fff; padding: 17px; box-shadow: 0 3px 12px -7px black;} .blog-slider .item .text-blurb {font-size: 14px; line-height: 24px; color:#161616; text-align: left; overflow: hidden;} .blog-slider .item .title {text-align: left; font-weight: 700; color:#161616; padding: 8px 0 4px;} .blog-slider .item .btn.dark {text-align: left; margin-bottom: 15px;} .blog-slider .swiper-pagination-bullet {background: #203F92 !important;} .blog-slider .swiper-pagination.swiper-pagination-bullets {position: inherit;} .blog-slider .swiper-pagination-bullet {width: 9px; height: 9px;} .blog-slider .swiper-button-prev {left:20px; color: #203f92 !important; outline: none;} .blog-slider .swiper-button-next {right:20px; color: #203f92 !important; outline: none;} @media screen and (max-width: 1290px) { .blog-slider .swiper-button-next {display:none;} .blog-slider .swiper-button-prev {display:none;} } @media screen and (max-width: 600px) { .blog-slider > .inner > .title {font-size: 30px; background-size: 60px; background-position: 10px 17px;} .blog-slider {margin: 50px 0;} .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 11px; height: 11px;} .blog-slider .item {padding: 10px;} .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -8px;} } /* [PANEL] INFO TABS */ .info-tabs {background: #C12527; padding: 60px 5%;} .info-tabs li a, .info-tabs .text a{color: #fff !important; text-decoration: underline !important;} .info-tabs > .inner {display: flex;} .info-tabs > .inner .col {width: 50%; margin: 0;} .info-tabs > .inner .col:last-child {margin-top: -160px; margin-bottom: -60px; display: flex; align-items: flex-end;} .info-tabs > .inner .col:last-child .inner {display: flex; align-items: end; justify-content: end;} .info-tabs .inner .col > .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px;} .info-tabs .inner .col > .text {color: #fff; padding-left: 20px; padding-right: 40px; max-width: 750px; margin: 0;} .info-tabs .navigation a {font-weight: 700;color: #fff;font-size: 16px; border-bottom: 6px solid transparent; display: block;margin-bottom: -1px; position: relative;} .info-tabs .navigation a sup {position: absolute; top: -5px;} .info-tabs .navigation-2 a {font-weight: 700;color: #fff;font-size: 16px; border-bottom: 6px solid transparent; display: block;margin-bottom: -1px;} .info-tabs .tabs {padding-left: 20px;} .info-tabs .navigation {display: flex;border-bottom: 1px solid #fff;justify-content: right; width: fit-content; margin: 0;} .info-tabs .navigation-2 {display: flex;border-bottom: 1px solid #fff;justify-content: right; width: 100%; margin: 0;} /* .info-tabs .navigation-2 .swiper-info-tabs {transform:translate3d(-120px, 0px, 0px);} */ .info-tabs .apps {padding-left: 20px; padding: 20px;} .info-tabs .navigation a.active {border-bottom: 6px solid #fff;} .info-tabs .navigation .tab {margin: 0; padding-right: 35px;} .info-tabs .navigation .tab:last-child {margin: 0; padding-right: 0;} .info-tabs .item {transition: all .5s ease; visibility: hidden; opacity: 0; overflow: hidden; display: none;} .info-tabs .item.active {visibility: visible; opacity: 1; display: block;} .info-tabs .subtitle {color: #fff; font-weight: 700; padding: 20px 0;} .info-tabs .item .boxes {display: flex;} .info-tabs .item .boxes .box {margin: 0;} .info-tabs .item .boxes .box .title {background: #E5E7EC;color: #203F92;font-weight: 700;padding: 15px 75px;line-height: 23px;text-align: center;} .info-tabs .item .boxes .box .items {} .info-tabs .item .boxes .box ul {list-style: none; padding: 0; margin: 0;} .info-tabs .item .boxes .box ul li {color: #fff;font-size: 14px;line-height: 20px;padding: 10px 0;display: flex;align-items: center;} .info-tabs .item .boxes .box ul li .icon {display: inline-block; padding-left: 5px; cursor: pointer;} .info-tabs .item .boxes .box ul li .tooltip {transition: all .25s ease;visibility: hidden;opacity: 0;display: inline-block;position: absolute;max-width: 500px;padding: 14px 20px;background: rgba(32, 63, 146, .85);margin-top: 10px;color: #fff;border-radius: 5px;border-top-left-radius: 0;} .info-tabs .item .boxes .box ul li .icon:hover ~ .tooltip {visibility: visible; opacity: 1;} .info-tabs .item .boxes .box ul li img {max-width:36px; padding-right: 10px;} .swiper-info-tabs .swiper-slide {width: auto !important;} .swiper-info-tabs .swiper-slide-active a {border-bottom: 6px solid #fff;} .swiper-info-tabs .tab {width: max-content;} /* .swiper-info-tabs {transform: translate3d(-250px, 0px, 0px);} */ @media screen and (max-width: 1280px) { .info-tabs .inner {flex-direction: column;} .info-tabs > .inner .col:last-child {margin-top: unset; margin-bottom: unset; display: flex; align-items: flex-end; padding-top: 40px;} .info-tabs > .inner .col {width: 100%} .info-tabs > .inner .col .inner {margin: 0;} } @media screen and (max-width: 1024px) { .info-tabs > .inner .col:last-child {margin-top: 0;} } @media screen and (max-width: 600px) { .info-tabs {background: #C12527;padding: 60px 0;} .info-tabs .inner {display: block;} .info-tabs .inner .col > .title {font-size: 35px;line-height: 36px;} .info-tabs > .inner .col:last-child {display: block; margin-bottom: -60px;} .info-tabs .item {visibility: visible; opacity: 1; display: block; background: #880D0F; padding: 20px; border-radius: 10px; width: 100%;} .info-tabs .item .subtitle {padding: 0px} .info-tabs .tabs.dt {display: none;} .info-tabs .tabs {padding-left: 0px; max-width: 100vw; overflow: hidden;} .info-tabs .subtitle {padding: 20px 10px;} .swiper-info.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios {margin-top: 25px;} .info-tabs .navigation-2 {display: block; margin-bottom: 20px;} .info-tabs .navigation-2 .tab {width: max-content;} .info-tabs .navigation-2 .tab:first-child {margin-left: 20px;} .info-tabs .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 11px; height: 11px;} .info-tabs .item {padding: 10px;} .info-tabs .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;margin-top: 25px;display: flex;justify-content: center;} } /* [PANEL] INFO LIST */ .info-list {background: #C12527; padding: 60px 5%;} .info-list > .inner {display: flex;} .info-list > .inner .col:last-child {margin-top: -85px; margin-bottom: -70px;} .info-list .inner .col > .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px;} .info-list .inner .col > .text {color: #fff; padding-left: 20px; max-width: 750px; margin: 0;} .info-list .apps {padding-left: 20px; padding: 20px;} .info-list .item {max-width: 750px;} .info-list .item ul {display: flex; flex-wrap: wrap;list-style: none; padding-left: 20px; margin: 0;} .info-list .item ul li {width: 50%; color: #fff;font-size: 14px;line-height: 20px;padding: 10px 0;display: flex;align-items: center;} .info-list .item ul li .icon {margin: 0 5px; display: inline-block; padding-left: 5px; cursor: pointer;} .info-list .item ul li .tooltip {transition: all .25s ease;visibility: hidden;opacity: 0;display: inline-block;position: absolute;max-width: 500px;padding: 14px 20px;background: rgba(32, 63, 146, .85);margin-top: 10px;color: #fff;border-radius: 5px;border-top-left-radius: 0;} .info-list .item ul li .icon:hover .tooltip {visibility: visible; opacity: 1;} .info-list .item ul li img {padding-right: 10px;} .info-list li a, .info-list .text a{color: #fff !important; text-decoration: underline !important;} @media screen and (max-width: 600px) { .info-list > .inner .col:last-child {display: none;} .info-list .inner .col > .title {font-size: 35px;line-height: 36px;} .info-list .item ul li {width: 100%;} } /* [PANEL] GENERAL */ .general {position: relative; overflow: hidden;} .general .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-size: cover; background-position: center; background-repeat: no-repeat;} .general .inner {display: flex;} .general .inner .col {width: auto; padding: 20px; flex-basis: 0; flex-grow: 1; position: relative;} .general .inner .col:last-child {padding-right: 0px;} .general .inner .col:first-child {padding-left: 0px;} /* .general .inner .col.light {color:#fff;} */ .general .inner .col.light ul li::marker {color:#fff;} .general .title {margin: 0; color: #fff; position: relative; font-weight: 700; font-size: 40px; background-position: left; z-index: 1; background-size: contain; background-repeat: no-repeat; padding: 22px 0 20px;} .general .title .text {z-index: 1;} .general .title .chevron {margin-left: -15px; -webkit-mask-image: url(/wp-content/themes/accu2020/images/crop.svg);background: #fff; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;top: 0;left: 0;position: absolute;height: 100%;width: 100%;z-index: -1;} .general .heading {display: flex;} .general .bg-video-inner {min-width: 100%; min-height: 100%; display: flex; align-items: center;} .general .bg-video-inner video {min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); object-fit: cover; transition: height 999999s;} .general .btn {text-align: center; display: block;} .general img.align-bottom {position: absolute; left: 0; bottom: -40px;} .btn.la {margin: 0; text-align: left; display: block;} .btn.nostack {display: inline-block;} .btn.ra {text-align: right; display: block;} .btn.white:hover a {color: #000 !important;} @media screen and (max-width: 800px) { .general .inner {flex-direction: column; padding: 0px !important;} .general .inner .col {max-width: 100%; padding: 0px !important;} .general .inner .col:last-child {padding-right: 20px;} .general .inner .col:first-child {padding-left: 20px;} .general .heading {padding-left: 0px;} .general .title .chevron {margin-left: -15px; top: 7px;height: 55px;width: 100%;} .general .title .text {z-index: 1; line-height: 35px; font-size: 30px;} .general {padding: 55px 20px !important;} } /* [PANEL] SUB BANNER */ .sub-banner {height: 50vh; position: relative;} .sub-banner .inner {height: 100%; display: flex; align-items: center; justify-content: center;} .sub-banner .inner .content {margin: 0; text-align: center;} .sub-banner .inner .title {font-size: 90px; color: #fff; font-weight: 700; line-height: 115px;} .sub-banner .inner .text {color: #fff; font-size: 22px; font-weight: 300; letter-spacing: .5px; max-width: 700px; margin: 0 auto;} .sub-banner .addon {justify-content: center; align-items: center; max-width: 80%; max-width: 1100px; background: #c12527; color: #fff; display: flex; margin-top: -75px;} .sub-banner .addon .col {width: 50%; padding: 30px 35px; display: flex; justify-content: center; align-items: center;} .sub-banner .inner .btn {margin-bottom: 15px; display: inline-block; margin: 0 10px;} .sub-banner .inner .btn:last-child a {background: transparent; border: 2px solid #fff; padding: 4px 18px;} .sub-banner .inner .btn:last-child a:hover {background: #fff;} .sub-banner .share {position: absolute;bottom: 5px;display: flex;right: 5%;} .sub-banner .share .icon {padding: 0 15px;} .sub-banner .share .icon a {display: flex; align-items: center; color: #fff;} .sub-banner .share .icon a img {padding: 0 5px;} .sub-bar {position: sticky; display: flex;justify-content: space-between;align-items: stretch;top: 137px;background: #fff; z-index: 95;} .sub-bar .links {margin: 0;display: flex;padding-left: 20px;align-items: center;} .sub-bar .links .link {transition: all .25s ease; padding: 15px;height: 100%;display: flex;align-items: center;} .sub-bar .links .link.active {border-bottom: 6px solid #203f92;} .sub-bar .links .link.active a {margin-bottom: -6px;} .sub-bar .links .link a {transition: all .25s ease;color: #000;font-weight: 700;} .sub-bar .links .link:hover a {opacity: .6;} .sub-bar .btn {margin: 0; padding: 0 25px; } .sub-bar .btn a {margin-top: unset; margin: 10px 0;} .sub-banner.bg-color {height: 350px;} .sub-banner.bg-color .inner {background: url(/wp-content/uploads/2020/04/Mask-Group-2.png) no-repeat center !important; background-size:cover !important;} @media screen and (max-width: 600px) { .sub-banner .inner .title {font-size: 60px; line-height: 65px;} .sub-banner .inner .text {font-size: 20px; padding: 0px 10px;} .sub-bar .btn {display: none;} .sub-banner {height: auto !important;} .sub-banner .inner {height: auto !important; padding: 45px 0 30px;} .sub-bar {top: 66px;} .sub-bar .links .link { transition: all .25s ease; padding: 8px; height: auto; display: flex; align-items: center; width: auto;} .sub-bar .links {margin: 0;display: flex;padding-left: 20px;align-items: center;max-width: 100vw;flex-wrap: wrap;} } /* [PANEL] ICON PANEL */ .icon-panel-v2 .inner .wrapper {padding: 5%;display: flex;flex-direction: column;} .icon-panel-v2 .wrapper > .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99.png);background-position: left;background-size: contain;background-repeat: no-repeat;padding: 22px 20px;} .icon-panel-v2 .wrapper .subtitle {color: #fff; font-size: 18px; text-align: center;} .icon-panel-v2 .wrapper .icons {margin-top: 45px; display: flex; width: 100%; justify-content: center; align-items: baseline;} .icon-panel-v2 .icons .icon {width: 25%;padding: 0 40px;text-align: center;color: #fff;margin: 0;display: flex;justify-content: center;align-items: center;} .icon-panel-v2 .icons .icon .image {padding-bottom: 12px;} .icon-panel-v2 .icons .icon a {color: #fff; display: flex; flex-direction: column; justify-content: center;} .icon-panel-v2 .icons .icon i {color: #fff; background-color: #c12527; padding: 20px; border-radius: 50%; font-size: 30px; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center;} .icon-panel-v2 .icons .icon .title {color: #fff;font-weight: 700;} .icon-panel-v2 .text a {color: #fff !important; background: #fff !important;} .icon-panel-v2.version-3 .wrapper {max-width: 1200px;} .icon-panel-v2.version-3 .wrapper .icons {flex-wrap: wrap;} .icon-panel-v2.version-3 .icons .icon {width: 50%; padding: 20px;} .icon-panel-v2.version-3 .icons .icon a {flex-direction: row; text-align: left;} .icon-panel-v2.version-3 .icons .icon i {margin-right: 20px;} @media screen and (max-width: 600px) { .icon-panel-v2 .icons .icon {width: 100%; padding: 15px;} .icon-panel-v2 .wrapper .icons {flex-direction: column; margin-top: 5px;} .icon-panel-v2 .inner {padding: 30px;} .icon-panel-v2 .inner .wrapper > .title {font-size: 30px !important; background-size: 60px; line-height: 40px; background-position: 0px 15px;} .icon-panel-v2 .wrapper .icons {flex-wrap: wrap; text-align: center;} .icon-panel-v2 .icons .icon {width: 100%;margin: 10px 0px;} .icon-panel-v2 .inner .wrapper {max-width: 100%;} .icon-panel-v2.version-3 .icons .icon {width: 100%; padding: 20px;} } /* [PANEL] IMAGE LIST */ .image-list {background: #C12527; padding: 60px;} .image-list .title {font-size: 20px; color: #fff; font-weight: 700;padding: 15px 75px;line-height: 35px;text-align: center;} .image-list > .inner {display: flex; align-items: center; max-width: 1200px;} .image-list .col {width: 50%; margin: 0; padding-top: 40px;} .image-list .col:first-child {padding-right: 20px;} .image-list .col:last-child {padding-left: 20px;} .image-list .title {width: fit-content;color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 22px 20px;} .image-list .col .inner {margin: 0; display: flex; justify-content: flex-end;} .image-list .col:last-child .inner {justify-content: flex-start;} .image-list .col .inner .items {max-width: 600px;} .image-list .col .inner .tab {margin: 0;} .image-list .col ul {list-style: none; padding: 0; margin: 0;} .image-list .col ul li {position: relative; color: #fff;font-size: 14px;line-height: 20px;padding: 10px 0;display: flex;align-items: center;} .image-list .col ul li .icon {margin: 0; display: inline-block; padding-left: 5px; cursor: pointer;} .image-list .col ul li .tooltip {top: 30px; left: 60%; z-index: 9999;transition: all .25s ease;visibility: hidden;opacity: 0;display: inline-block;position: absolute;max-width: 500px;padding: 14px 20px;background: rgba(32, 63, 146, .85);margin-top: 10px;color: #fff;border-radius: 5px;border-top-left-radius: 0;} .image-list .col ul li .icon:hover ~ .tooltip {visibility: visible; opacity: 1;} .image-list .col ul li img {padding-right: 10px;} .image-list a {color: #fff !important; text-decoration: underline !important;} @media screen and (max-width: 600px) { .image-list {padding: 30px; overflow: visible} .image-list > .inner {flex-direction: column;} .image-list .col {width: 100%; margin: 0; padding: 10px;} .image-list .title {font-size: 30px;line-height: 37px;background-size: 60px;background-position: 0px 15px; text-align: left} .image-list br {display: none;} .image-list .col:first-child .inner {height: 300px; width: 300px; overflow: hidden; } .image-list .col:first-child .inner img {height: 300px; width: 100%; object-fit: cover;} } /* [PANEL] TITLE, TEXT, BACKGROUND */ .title-text-bg {padding: 6% 20px;} .title-text-bg .inner {height: 100%; display: flex; align-items: center; justify-content: center;} .title-text-bg .inner .content {margin: 0; text-align: center;} .title-text-bg .inner .title {width: fit-content; color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99.png);background-position: left;background-size: auto;background-repeat: no-repeat;padding: 22px 20px;} .title-text-bg .inner .text {color: #fff; font-size: 17px; font-weight: 300; letter-spacing: .5px; max-width: 1200px; padding: 20px; margin: 0;} .title-text-bg .addon {justify-content: center; align-items: center; max-width: 80%; max-width: 1100px; background: #c12527; color: #fff; display: flex; margin-top: -75px;} .title-text-bg .addon .col {width: 50%; padding: 30px 35px; display: flex; justify-content: center; align-items: center;} .title-text-bg .btn.outline {display: inline-block; margin: 0 10px;} @media screen and (max-width: 600px) { .title-text-bg {padding: 40px 20px;} .title-text-bg .inner .title {font-size: 30px; line-height: 37px; background-size: 60px; background-position: 0px 15px;} .title-text-bg .inner .text {padding: 20px 0;} .title-text-bg .inner .content {margin: 0; text-align: center;text-align: left;} } /* [PANEL] RATES */ .panel.rates {padding: 80px 60px; display: flex; flex-direction: column;} .panel.rates > .title {color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px; padding-left: 20px;display: inline-block; line-height: 50px;} .panel.rates > .inner {display: flex; align-items: center; max-width: 1200px;} .rates .inner > .col {width: 50%; margin: 0; padding: 40px 15px;} .rates .col .inner {margin: 0; display: flex; justify-content: flex-end;} .rates .col:last-child .inner {justify-content: flex-start;} .rates .col .inner .items {max-width: 900px; width: 100%;} .rates .col .inner .tab {margin: 0;} .panel.rates .col .item {display: flex; margin: 20px; box-shadow: 0 0 10px -5px black; padding: 15px 25px;} .panel.rates .col .item .col {margin: 0;padding: 0;} .panel.rates .col .item .col .title {font-weight: 700; font-size: 14px;} .panel.rates .col .item .col .text {font-size: 14px;} .panel.rates .col .item .col:first-child {width: 70%;} .panel.rates .col .item .col:last-child {width: 30%;} .panel.rates .col .item:nth-child(odd) {background: #c12527; color: #fff;} .panel.rates .col .item:nth-child(even) {background: #fff; color: #000;} .panel.rates .footnote {max-width: 600px; font-size: 12px; line-height: 20px;margin: 0 20px;} @media screen and (max-width: 600px) { .panel.rates {padding: 40px 20px;} .panel.rates > .title {font-size: 30px; line-height: 37px;} .panel.rates > .inner {flex-direction: column;} .rates .inner > .col {width: 100%; padding: 20px 10px;} .panel.rates .col .item {margin: 20px 0;} .panel.rates .col:first-child .inner {height: 300px; width: 300px; overflow: hidden; } .panel.rates .col:first-child .inner img {height: 300px; width: 100%; object-fit: cover;} } /* [PANEL] FAQ */ .panel.faq {background: #C12527; padding: 5% 60px;} .panel.faq .inner {max-width: 1220px; display: flex; flex-direction: column; align-items: center; justify-content: center;} .panel.faq .inner .col {display: flex; flex-direction: column; flex-basis: 0; flex-grow: 1;} .panel.faq .inner > .title {color: #fff;font-weight: 700; min-width: 100px;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px; margin-bottom: 30px;} .panel.faq .inner .faq-items {display: flex; flex-direction: row-reverse;} .panel.faq .inner .faq-items .item {padding: 40px; color: #fff; font-size: 15px;} .panel.faq .inner .faq-items .item .question {font-weight: 700; font-size: 20px; padding-bottom: 8px;} .panel.faq .inner .faq-items .item .answer p span {color: #fff !important;} .panel.faq .inner .faq-items .item .answer p {color: #fff !important;} .panel.faq .inner .faq-items .item .answer {color: #fff !important;} .panel.faq a {color: #fff !important; text-decoration: underline !important;} @media screen and (max-width: 600px) { .panel.faq {padding: 45px 30px;} .panel.faq .inner > .title {font-size: 30px; line-height: 37px;} .panel.faq .inner .faq-items {flex-direction: column;} .panel.faq .inner .faq-items .item {padding: 20px 0;} } /* [PANEL] VIDEO */ .panel.video {padding: 60px 5%;} .panel.video .inner {display: flex; max-width: 1800px;} .panel.video .inner .col {width: 50%; min-height: 350px; margin: 40px 0;} .panel.video .inner .col:first-child {display: flex; flex-direction: column; justify-content: center;} .panel.video .inner .col .title {margin: 0; color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 5px 0px 20px; padding-left: 20px;display: inline-block; line-height: 50px;} .panel.video .inner .col .small-title {font-size: 18px; line-height: 18px;} .panel.video .inner .col .text {padding: 5px 20px;} .panel.video .inner .col a {display: block; height: 100%; max-width: 635px; margin: 0 auto;} .panel.video .inner .col .vid {height: 100%; display: flex; align-items: center;} .panel.video .inner .col .video {width: 100%; display: flex; align-items: center; justify-content: center; height: 100%;} .panel.video.full .inner {min-height: 70vh;} .panel.video.full .inner .col {width: 100%;} .panel.video.full .inner .col .large-title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 35px; margin-bottom: 60px;} .panel.video.full .inner .col .vid {flex-direction: column; justify-content: inherit;} .panel.video.full .inner .col .video {justify-content: center;height: auto;} @media screen and (max-width: 1024px) { .panel.video .inner .col .video {height: 200px;} } @media screen and (max-width: 600px) { .panel.video {padding: 0px 30px 30px;} .panel.video .inner .col {width: 100%; margin: 0; min-height: unset; padding: 20px 0;} .panel.video .inner {flex-direction: column;} } /* [PANEL] WYSIWYG */ .panel.wysiwyg {color: #fff;} .panel.wysiwyg .inner {display: flex; padding: 65px 5%;} .panel.wysiwyg .inner .text {display: flex; flex-direction: column; align-items: baseline; padding: 0 25px; max-width: 1200px;} .panel.wysiwyg h1 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center; line-height: 35px;} .panel.wysiwyg h2 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center;} .panel.wysiwyg h3 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center;} .panel.wysiwyg h4 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center;} .panel.wysiwyg h5 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center;} .panel.wysiwyg h6 {color: #fff; text-transform: inherit; max-width: 1000px; text-align: center;} .panel.wysiwyg p {text-align: left; line-height: 1.3;} .panel.wysiwyg form {display: flex; flex-wrap: wrap; flex-direction: row; padding-bottom: 20px; align-items: center;} .panel.wysiwyg button {display: inline-block;border-radius: 5px;cursor: pointer;text-decoration: none;transition: all .25s ease;background: #203f92;margin: 0 10px;margin-left: 0;outline: none;color: #fff !important;font-family: 'Arial';/* text-transform: uppercase; */font-weight: 600;padding: 12px 45px;min-width: unset;margin-top: 10px;font-size: 17px;border: 0;display: flex;} .panel.wysiwyg button:hover {opacity: .8; background: #203f92 !important;} .panel.wysiwyg button:hover {color: #203F92; background: #fff;} .panel.wysiwyg input {width: calc(50% - 20px); margin-right: 20px; height: 37px; padding: 10px; border: 1px solid #c3c3c3;} .panel.wysiwyg input {width: calc(50% - 20px); margin-right: 20px; height: 37px; padding: 10px; border: 1px solid #c3c3c3;} .panel.wysiwyg #forgotPassword {width: 100%; font-size: 14px;} .panel.wysiwyg #forgotBox {display: none;} .panel.wysiwyg a {color: #fff; text-decoration: underline;} .panel.wysiwyg .btn a {text-decoration: unset;} .panel.wysiwyg hr {height: 1px; background: #ffffff; width: 100%;} .panel.wysiwyg h1, .panel.wysiwyg h2, .panel.wysiwyg h3, .panel.wysiwyg h4, .panel.wysiwyg h5, .panel.wysiwyg h6 {text-align: left; align-self: baseline;} blockquote {background: #00000015; border-radius: 15px;width: 100%;} @media screen and (max-width: 1000px) { .panel.wysiwyg > .inner {flex-direction: column;} } @media screen and (max-width: 600px) { .panel.wysiwyg .inner {padding: 30px;} } /* [PANEL] ATM */ .panel.atm {display: flex; width:100% !important; height: calc(100vh - 170px); overflow: hidden; padding: 0px !important; position:relative;} .panel.atm .findATM {width: 450px; box-shadow:1px 0 20px 10px rgba(0,0,0,0.1); z-index:1; position: absolute;} .panel.atm .findATM .form {padding-bottom: 15px;display: flex; align-items: center; justify-content: center;} .panel.atm .atmResults {width: 75%;} .panel.atm .atmResults .inner {height: 100%; width: 100%; position: absolute;} .panel.atm .atmResults .right {height: 100%; max-height: 100vh; width: 100% !important;} .panel.atm .atmResults #mapContainer {height: 100%;} .panel.atm .inner > .content {background: #fff; height: 100vh; border-left: 10px solid #203f92;} .panel.atm .content form {display: flex; flex-direction: row; padding-bottom: 20px;} .panel.atm .content .heading {display: flex; align-items: center;} .panel.atm .content .heading .icon {display: flex; align-items: center;} .panel.atm .content .heading img {padding-right: 6px;} .panel.atm .content h1 {text-transform: inherit; font-weight: 700; padding: 20px;} .panel.atm .content .left {background: #F2F2F2; overflow-y: scroll; height: auto !important; max-height: calc(100% - 159px);} .panel.atm .content .locItem:nth-child(odd) {background: #F2F2F2;} .panel.atm .content .locItem:nth-child(even) {background: #ffffff;} .panel.atm .content .locItem .info {padding: 40px 20px; display: flex; justify-content: space-between; align-items: center;} .panel.atm .content .locItem .info .col {display: flex; flex-direction: column; margin: 0;} .panel.atm .content .locItem .info .col .links {text-align: right;} .panel.atm .content .locItem .info .col .address {font-size: 14px; line-height: 20px; padding-left: 28px;} .panel.atm .content .locItem .info h2 {font-size: 16px; display: flex;align-items: center; font-weight: 700; padding-bottom: 0px;} .panel.atm .content .locItem .info h2 img {width: 30px;} .panel.atm .content .locItem .info .icon {display: inline-block; cursor: pointer; padding: 3px; width: 100%;} .panel.atm .content .locItem .info .tooltip {width: fit-content; text-align: left;line-height: 22px;z-index: 99;font-size: 14px;transition: all .25s ease;visibility: hidden;opacity: 0;display: inline-block;position: absolute;max-width: 500px;padding: 14px 20px;background: #fff;box-shadow: 0 0 10px -5px black;margin-top: 10px;color: #000;border-radius: 5px;border-top-left-radius: 0;margin-left: 5px;} .panel.atm .content .locItem .info .icon:hover ~ .tooltip {visibility: visible; opacity: 1;} .panel.atm .content button {display: inline-block; border-radius: 5px; cursor: pointer; text-decoration: none; transition: all .25s ease; background: #203f92; margin: 0 10px 0 0; outline: none; padding: 12px; min-width: 39px; border: 0; display: flex;} .panel.atm .content button:hover {opacity: .8; background: #203f92 !important;} .panel.atm .content button:hover {color: #203F92; background: #fff;} .panel.atm .content input[type="text"] {width: 100%; margin-right: 10px; height: 37px; padding: 10px; border: 1px solid #c3c3c3;} .panel.atm .content select {width: 100%; margin: 0; margin-right: 10px; height: 37px; padding: 10px; border: 1px solid #c3c3c3;} .panel.atm .content .options {display: flex;padding: 0 8px;} .panel.atm .content .container {font-size: 14px !important; display: block;position: relative;padding-left: 35px;margin-bottom: 25px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .panel.atm .content .container:last-child {margin-left: 20px;} .panel.atm .content .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .panel.atm .content .checkmark {border-radius: 5px; position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;} .panel.atm .content .container:hover input ~ .checkmark {background-color: #ccc;} .panel.atm .content .container input:checked ~ .checkmark {background-color: #203f92;} .panel.atm .content .checkmark:after {content: "";position: absolute;display: none;} .panel.atm .content .container input:checked ~ .checkmark:after {display: block;} .panel.atm .content .container .checkmark:after {left: 8px; top: 5px; width: 9px; height: 13px; border: solid white; border-radius: 3px; border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .panel.atm select option:first-child{display: none; color: #fff;} .panel.atm span.far.fa-search {color: #fff; font-weight: 600; font-size: 14px;} .panel.atm .desktop {} .panel.atm .mobile {} .panel.atm .mobile.info {display: flex !important;align-items: center !important;justify-content: space-between !important;padding: 20px !important;} .panel.atm .mobile.info .btn a {margin: 0;} .panel.atm .mobile.info .address {margin: 0;} .panel.atm span.mobile.fas.fa-angle-right {display: none; transition: all .25s ease; color: #c12527; font-size: 24px; padding-right: 10px;} .panel.atm .mobile.info {display: none !important; transition: all .25s ease; } .panel.atm .locItem.active .info.dropdown {display: flex !important;} .panel.atm .locItem.active span.mobile.fas.fa-angle-right {transform: rotateZ(90deg);} @media screen and (min-width: 1024px) { .panel.atm {display: block; height: calc(100vh); overflow: hidden;} .panel.atm .locItem.active .info.dropdown {display: none !important;} } @media screen and (max-width: 1024px) { .panel.atm .atmResults {width: 60%;} .panel.atm .findATM {width: 40%;} .panel.atm span.mobile.fas.fa-angle-right {display: block;} .panel.atm .mobile {display: block;} .panel.atm .desktop {display: none;} .panel.atm .content .locItem .info .col:first-child {width: 100%;} .panel.atm .content .locItem .info {padding: 5px 18px;} .panel.atm .content .locItem .info .col .links {text-align: right; margin: 0;} .panel.atm .locItem.active .info.dropdown {display: flex !important;} .panel.atm .locItem.active span.mobile.fas.fa-angle-right {transform: rotateZ(90deg);} } @media screen and (max-width: 600px) { .panel.atm {flex-flow:column-reverse wrap; width:100% !important; height:auto; position:relative;} .panel.atm .atmResults {width:100%; padding-top:75%; position:relative;} .panel.atm .atmResults .inner {top:0;} .panel.atm .findATM {width: 100%; position:relative;} .panel.atm .inner > .content {height:100%;} .panel.atm .content .locItem .info .col {width: 50%;} } /* [PANEL] staff */ .panel.staff {padding: 5% 60px;} .panel.staff .inner {text-align: center; max-width: 1200px;} .panel.staff .inner > .title {margin: 0; color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 15px 0px; padding-left: 20px;display: inline-block; line-height: 50px; margin-bottom: 30px;} .panel.staff .inner .senior-staff {max-width: 1000px;} .panel.staff .inner .senior-staff .items {display: flex;flex-wrap: wrap;} .panel.staff .inner .senior-staff .items .item {width: calc(33.333% - 30px); margin: 15px;} .panel.staff .inner .senior-staff .items .item .inner-item {display: flex; flex-direction: column;} .panel.staff .inner .senior-staff .items .item .image {box-shadow: 0 0 15px -5px black; height: 100%; min-height: 400px; width: 100%;} .panel.staff .inner .senior-staff .items .item .name {color: #000;font-weight: 700;font-size: 15px;margin-top: 15px; line-height: 15px;} .panel.staff .inner .senior-staff .items .item .title {font-size: 13px;} .panel.staff .inner .senior-staff .items .item .btn {align-items: center; margin: 0;} .panel.staff .inner hr {margin: 0 auto;max-width: 1500px; height: 1px; background: #dadada;margin: 40px auto;} .panel.staff .inner .staff-section {max-width: 1500px; display: flex; flex-wrap: wrap;justify-content: flex-end;} .panel.staff .inner .staff-section .info {margin-left: 0; width: 40%; text-align: left;} .panel.staff .inner .staff-section .info .title {font-weight: 700; font-size: 20px; margin-bottom: 15px;} .panel.staff .inner .staff-section .info .text {max-width: 400px; font-size: 14px; margin: 0; line-height: 24px;} .panel.staff .inner .staff-section .item {max-width: 240px; width: calc(20% - 20px); margin: 0 10px; margin-bottom: 20px;} .panel.staff .inner .staff-section .item .image {width: 100%;height: 100%;min-height: 280px;box-shadow: 0 0 15px -8px black;} .panel.staff .inner .staff-section .item .image.none {background: #c12527; color: #c12527; font-weight: 700; display: flex; align-items: center; justify-content: center;} .panel.staff .inner .staff-section .item .image.none .abrv {padding: 20px; background: #fff; width: 75px; border-radius: 50%;} .panel.staff .inner .staff-section .item .name {color: #000;font-weight: 700;font-size: 15px;margin-top: 15px; line-height: 15px;} .panel.staff .inner .staff-section .item .title {font-size: 13px;} @media screen and (max-width: 600px) { .panel.staff {padding: 30px;} .panel.staff .inner .senior-staff .items {flex-direction: column;} .panel.staff .inner .senior-staff .items .item {width: 100%; margin: 20px 0;} .panel.staff .inner > .title {font-size: 30px; line-height: 37px;} .panel.staff .inner .staff-section {flex-direction: column; align-items: center;} .panel.staff .inner .staff-section .info {margin-left: 0; width: 100%;} .panel.staff .inner .staff-section .item {width: 100%; margin: 20px 0;} } /* [PANEL] 4 Column */ .panel.four-col {display: flex; background-color: #112134;} .panel.four-col .inner {width: 100%; display: flex; background: url(/wp-content/uploads/2020/04/Mask-Group-3.png) no-repeat center; background-size:cover;} .panel.four-col .inner .col {justify-content: center; color: #fff; margin: 0; width: 25%; padding: 0 20px; margin: 20px 0;} .panel.four-col .inner .col .icon {margin: 0; margin-right: 25px; background: #c12527; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 16px; } .panel.four-col .inner .col .text {margin: 0; display: inline-block;} .panel.four-col .inner .col.block-1 {display: flex; border-right: 1px solid #fff;} .panel.four-col .inner .col.block-2 {display: flex;} @media screen and (max-width: 600px) { .panel.four-col .inner .col {justify-content: end; width: 100%;} .panel.four-col .inner {flex-direction: column;} } /* [PANEL] TITLE, TEXT, VIDEO */ .panel.tt-video {padding: 80px 5%;} .panel.tt-video .inner {display: flex; flex-direction: column;} .panel.tt-video .inner .col {margin: 0;} .panel.tt-video .inner .col .btn.dark {display: inline-block; margin-right: 10px;} .panel.tt-video .inner .col.text {padding: 30px 25px 45px;} .panel.tt-video .inner .col .title {margin: 0; color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat; padding: 15px; padding-left: 20px;display: inline-block; line-height: 50px;} .panel.tt-video .inner .col.video {padding: 10px 25px 45px;} .panel.tt-video .inner .col .video {display: flex;align-items: center;justify-content: center;max-width: 600px;margin: 0;height: 100%;min-height: 350px;} .panel.tt-video .inner .col .video .vid {cursor: pointer; display: inline-block; min-width: 600px;} .panel.tt-video.version-2 {background: #C12527;} .panel.tt-video.version-2 .inner {text-align: center; max-width: 1200px;} .panel.tt-video.version-2 .inner .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 18px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px; width: fit-content; margin: 0 auto 50px;} .panel.tt-video.version-2 .inner .two-col {display: flex; align-items: center;} .panel.tt-video.version-2 .inner .two-col .col {width: 50%; padding: 0;} .panel.tt-video.version-2 .inner .two-col .col:last-child {padding-left: 20px;} .panel.tt-video.version-2 .inner .two-col .col:first-child {padding-right: 20px;} .panel.tt-video.version-2 .inner .two-col .col.text {text-align: left; color: #fff;} .panel.tt-video.version-2 .inner .col .video {margin: 0 auto;} .panel.tt-video.version-2 .inner .col .text {max-width: 1419px;} .panel.tt-video.version-2 a {color: #fff !important; text-decoration: underline !important;} @media screen and (max-width: 1024px) { .panel.tt-video.version-2 .inner .two-col .col {padding: 20px;} } @media screen and (max-width: 600px) { .panel.tt-video {padding: 30px;} .panel.tt-video .inner .col .title {font-size: 30px;line-height: 37px;margin-bottom: 10px;background-size: 60px;background-position: 10px 10px;} .panel.tt-video .inner .col {padding: 10px 0 !important;} .panel.tt-video.version-2 .inner .two-col {flex-direction: column;} .panel.tt-video.version-2 .inner .two-col .col {width: 100%;} .panel.tt-video .inner .col .video {min-height: 190px;} .panel.tt-video.version-2 .inner .title {background: unset;margin: 0;padding: 15px 0;font-size: 30px; text-align: left;} } /* [PANEL] FORM */ .panel.form {padding: 5%; display: flex; background:#C12527;} .panel.form .inner {display: flex;} .panel.form .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 14px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px; margin-bottom: 30px; margin-bottom: 50px;} .panel.form .text {color: #fff;} .panel.form .left {width: 40%; padding: 15px;} .panel.form .right {width: 60%; padding: 30px; padding-top: 30px;} .panel.form a {color: #fff !important; text-decoration: underline !important;} .panel.form .right .nf-form-fields-required {display: none;} .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {background: #203f92 !important; border: 0; font-family: 'Arial' !important; font-weight: 600 !important; padding: 10px 30px !important; cursor: pointer; border-radius: 4px !important; height: auto !important; color: #f7f7f7;transition: all .5s;} .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {background: #fff !important; color: #203f92 !important; transition: all .5s;} .nf-error .nf-error-msg {color: #f7f7f7 !important;} @media screen and (max-width: 600px) { .panel.form {padding: 30px;} .panel.form .inner {flex-direction: column;} .panel.form .inner .right {width: 100%; padding: 15px 0;} .panel.form .inner .left {width: 100%} .panel.form .title {font-size: 30px; line-height: 37px; margin-bottom: 10px; padding: 10px 0; background-size: 60px; background-position: 0 3px;} .panel.form .left {padding: 0;} } /* [PANEL] STAFF MEMEBRS */ .panel.staff-members {padding: 5% 60px;} .panel.staff-members .inner {text-align: center; max-width: 1200px;} .panel.staff-members .inner > .title {margin: 0; color: #333333;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-100.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 15px 0px; padding-left: 20px;display: inline-block; line-height: 50px; margin-bottom: 30px;} .panel.staff-members .inner .staff-section {max-width: 1200px;display: flex;flex-wrap: wrap;justify-content: end;} .panel.staff-members .inner .staff-section .info {margin-left: 0; width: 40%; text-align: left;} .panel.staff-members .inner .staff-section .info .title {font-weight: 700; font-size: 20px; margin-bottom: 15px;} .panel.staff-members .inner .staff-section .info .text {max-width: 400px; font-size: 14px; margin: 0; line-height: 24px;} .panel.staff-members .inner .staff-section .item {width: calc(25% - 40px);margin: 0 20px;margin-bottom: 40px;} .panel.staff-members .inner .staff-section .item .image {width: 100%;height: 100%;min-height: 335px;box-shadow: 0 0 15px -8px black;} .panel.staff-members .inner .staff-section .item .image.none {background: #c12527; color: #c12527; font-weight: 700; display: flex; align-items: center; justify-content: center;} .panel.staff-members .inner .staff-section .item .image.none .abrv {padding: 20px; background: #fff; width: 75px; border-radius: 50%;} .panel.staff-members .inner .staff-section .item .name {color: #000;font-weight: 700;font-size: 15px;margin-top: 15px; line-height: 15px;} .panel.staff-members .inner .staff-section .item .title {font-size: 14px; padding: 5px;} .panel.staff-members .inner .staff-section .item .btn a {margin-top: 5px;} @media screen and (max-width: 600px) { .panel.staff-members .inner .staff-section {flex-direction: row; flex-wrap: wrap;} .panel.staff-members .inner > .title {font-size: 30px; line-height: 37px; margin-bottom: 10px;} .panel.staff-members {padding: 60px 30px;} .panel.staff-members .inner .staff-section .item .title {font-size: 11px; padding: 5px 0;} .panel.staff-members .inner .staff-section .item .image {min-height: 180px;} .panel.staff-members .inner .staff-section .item {width: calc(50% - 20px); padding: 20px 0; margin: 10px;} } /* [PANEL] TIMELINE */ .panel.timeline {padding: 5% 0; display: flex; background:#C12527; overflow: hidden; flex-direction: column;} .panel.timeline .inner {width: 100%; position: relative;} .panel.timeline .inner .navi {transition: all .25s ease; cursor: pointer; width: 25px; height: 25px; background: #203f92; border-radius: 50%; display: flex; position: absolute; align-items: center;} .panel.timeline .inner .navi.disable {pointer-events: none; opacity: 0;} .panel.timeline .inner .date-range.disable {pointer-events: none; opacity: 0;} .panel.timeline .inner .date-range {transition: all .25s ease;display: flex; position: absolute; align-items: center; color: #fff;} .panel.timeline .inner .date-range div {transition:all 0.25s ease; opacity:0;} .panel.timeline .inner .date-range.prev {top: calc(50% - 50px); left: calc(4% - 50px);font-weight: 700;z-index: 9;font-size: 20px;} .panel.timeline .inner .date-range.next {top: calc(50% - 50px);right: calc(4% - 50px);font-weight: 700;z-index: 9;font-size: 20px;} .panel.timeline .inner .navi.prev {top: calc(50% - 12.5px); left: calc(5% - 25px); z-index: 9;} .panel.timeline .inner .navi.prev .caret {margin-right: 11px;border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #fff;} .panel.timeline .inner .navi.next {top: calc(50% - 12.5px); right: calc(5% - 25px); z-index: 9;} .panel.timeline .inner .navi.next .caret {margin-left: 11px;border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff;} .panel.timeline .title {color: #fff;font-weight: 700;font-size: 40px;background: url(/wp-content/uploads/2020/04/Group-99-1.png);background-position: top left;background-size: auto;background-repeat: no-repeat;padding: 14px 0px;display: inline-block; line-height: 50px; padding-left: 20px; margin-bottom: 15px; margin-bottom: 10px; margin-bottom: 10px;} .panel.timeline .subtitle {color: #fff; padding-bottom: 30px;} .panel.timeline .wrapper {left: 0; transition: all .5s ease; position: relative; display: flex; width: fit-content; overflow-x: hidden;} .panel.timeline .wrapper .timeline-page {width: 100vw; max-width: 1920px; display: inline-block;} .panel.timeline .wrapper .timeline-page .timeline {display:block; max-width: 90%; color:#fff; text-align:center;} .panel.timeline .wrapper .timeline-page .timeline .top {display:flex; flex-flow:row nowrap; align-items:flex-end;} .panel.timeline .wrapper .timeline-page .timeline .top .section {flex:0 0 25%;} .panel.timeline .wrapper .timeline-page .timeline .top .section .col {height:auto; border-bottom: 1px solid #fff; height:auto; position:relative;} .panel.timeline .wrapper .timeline-page .timeline .top .section .col .bubble {position:absolute; width:15px; height:15px; background:#fff; border-radius:50%; bottom:-7.5px; left:50%; transform:translateX(-50%);} .panel.timeline .wrapper .timeline-page .timeline .bottom {display:flex; flex-flow:row nowrap; align-items:flex-start; margin-top:-1px;} .panel.timeline .wrapper .timeline-page .timeline .bottom .section {flex:0 0 25%;} .panel.timeline .wrapper .timeline-page .timeline .bottom .section .col {height:auto; border-top: 1px solid #fff; height:auto; position:relative;} .panel.timeline .wrapper .timeline-page .timeline .bottom .section .col .bubble {position:absolute; width:15px; height:15px; background:#fff; border-radius:50%; top:-7.5px; left:50%; transform:translateX(-50%);} .panel.timeline .wrapper .timeline-page .timeline .bottom .section .col .image {padding-top:10px;} /* .panel.timeline .wrapper .timeline-page .timeline .section {display: flex; flex-direction: column;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(even) {flex-direction: column-reverse;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section .col {position: relative; height: 300px; display: flex; flex-direction: column; color: #fff; text-align: center; align-items: center;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(odd) .col {justify-content: flex-start;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(even) .col {justify-content: flex-end;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(odd) .col:first-child {border-bottom: 1px solid #fff; height: 301px;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(even) .col:first-child {border-top: 1px solid #fff; height: 301px;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(odd) .col .bubble {position: absolute; width: 15px; height: 15px; background: #fff; border-radius: 50%; top: -7.5px;} */ /* .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(even) .col .bubble {position: absolute; width: 15px; height: 15px; background: #fff; border-radius: 50%; bottom: -7.5px;} */ .panel.timeline .wrapper .timeline-page .timeline .section .col .year {font-weight: 700; padding: 15px 0;} .panel.timeline a {color: #fff !important; text-decoration: underline !important;} @media screen and (max-width: 600px) { .panel.timeline .title {font-size: 30px; line-height: 37px; margin-bottom: 10px; margin: 30px;} .panel.timeline .wrapper .timeline-page {width: 200vw;} .panel.timeline .inner .navi.next {top: calc(50% - 12.5px); right: calc(8% - 25px); z-index: 9;} .panel.timeline .inner .navi.prev {left: calc(8% - 25px);} .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(even) {padding-right: 20px;} .panel.timeline .wrapper .timeline-page .timeline .section:nth-child(odd) {padding-left: 20px;} } .membership .form {flex-direction: column; padding: 20px;} .membership .form input {margin: 0 !important;} .membership .form select {margin: 0 !important;} .membership .form .options .text {width: 150px;} .membership .form .options {padding-top: 15px !important;} .membership .form input#orgName {margin-bottom: 13px !important;} .membership .content h1 {padding: 20px; line-height: 30px; font-size: 21px;} .membership .searchBar {display: flex;width: 350px; position: absolute; left: 500px; z-index: 998; top: 21px; border: 0 !important; outline: 0 !important;} .membership input#termSearch {border: 0 !important; box-shadow: 5px 3px 15px rgb(0 0 0 / .3); outline: 0 !important;} .membership button {display: inline-block; border-radius: 5px; margin-right: 12px; cursor: pointer; text-decoration: none; transition: all .25s ease; background: #203f92; outline: none; padding: 12px; min-width: 39px; border: 0; display: flex;} .membership button:hover {opacity: .8; background: #203f92 !important;} .membership button:hover {color: #203F92; background: #fff;} @media screen and (max-width: 800px) { .membership .searchBar {left: 300px;} } @media screen and (max-width: 600px) { .membership .searchBar {display: none;} } .choose-default .buttons {justify-content: center;} .choose-default .buttons .btn.dark {margin: 0 10px;} footer {background: #112134; color: #fff;} footer .inner {display: flex;} footer .inner .left {width: 60%; display: flex; flex-direction: column; justify-content: space-between; padding: 100px;} footer .inner .left .col {display: flex; margin: 0; padding: 15px 0;} footer .inner .left .col > * {margin: 0;} footer .inner .left .col .title {min-height: 30px; font-weight: 700;} footer .inner .left .col .inner-col {padding-right: 25px;} footer .inner .left .col .item.links a {color: #fff; font-size: 13px;} footer .inner .left .col.image {align-items: center;} footer .inner .left .col .item-image {padding-right: 40px;} footer .inner .left .col span {color: #fff; font-size: 32px; padding-right: 25px;} footer .inner .left .col .item.qlink a {color: #fff; border-right: 2px solid #fff; font-weight: 600; padding: 0 15px;} footer .inner .left .col .item.qlink:first-child a {padding-left: 0px;} footer .inner .left .col .item.qlink:last-child a {border-right: 0px solid #fff;} footer .inner .right {width: 40%; padding: 100px;} footer .inner .right .text {font-size: 13px; line-height: 21px;} footer a, footer .a {color: #b1bfe3;} @media screen and (max-width: 1450px) { footer .inner .right {width: 50%; padding: 100px 50px 100px 25px;} footer .inner .left {width: 50%; padding: 100px 25px 100px 50px;} } @media screen and (max-width: 1024px) { footer .inner .left {padding: 30px 30px 0; width: 100%;} footer .inner .right {padding: 30px; width: 100%;} footer .inner {flex-direction: column;} } @media screen and (max-width: 600px) { footer .inner .left .col:first-child {flex-direction: row;padding: 10px 0;flex-wrap: wrap;} footer .left .col:last-child {flex-direction: row; justify-content: center; align-items: center;} footer .inner .left .col.image {align-items: center; flex-wrap: wrap;} footer .left .col:last-child .item-image {padding: 15px 0;width: 50%;display: flex;align-items: center;justify-content: center;} footer .left .col:last-child .item-image:nth-child(4) {order: 2;} footer .left .col:last-child .item-image:nth-child(3) {order: 3;} footer .left .col:last-child .item-image:nth-child(2) {order: 4;} footer .inner .left .col.qlinks {flex-direction: column; padding: 10px 0;} footer .inner .left .col.qlinks a {border: 0px !important; padding: 7px 0 !important;} .choose-default .buttons {flex-direction: column;} footer .inner .left .col .inner-col {padding-right: 25px; width: 50%;} footer .inner .left .col .inner-col:nth-child(4) {order: 2;} footer .inner .left .col .inner-col:nth-child(3) {order: 4;} footer .inner .left .col .inner-col:nth-child(2) {order: 3;} footer .inner .left .col {justify-content: center;} } .footer-nav {background: #112134; color: #fff;} .footer-nav .inner {display: flex;} .footer-nav .inner .left {width: 60%; display: flex; flex-direction: column; justify-content: space-between; padding: 100px;} .footer-nav .inner .left .col {display: flex; margin: 0; padding: 15px 0;} .footer-nav .inner .left .col > * {margin: 0;} .footer-nav .inner .left .col .title {min-height: 30px; font-weight: 700;} .footer-nav .inner .left .col .inner-col {padding-right: 25px;} .footer-nav .inner .left .col .item.links a {color: #fff; font-size: 13px;} .footer-nav .inner .left .col.image {align-items: center;} .footer-nav .inner .left .col .item-image {padding-right: 40px;} .footer-nav .inner .left .col span {color: #fff;font-size: 32px;padding: 0 25px;} .footer-nav .inner .left .col .item.qlink a {color: #fff; border-right: 2px solid #fff; font-weight: 600; padding: 0 15px;} .footer-nav .inner .left .col .item.qlink:first-child a {padding-left: 0px;} .footer-nav .inner .left .col .item.qlink:last-child a {border-right: 0px solid #fff;} .footer-nav .inner .right {width: 40%; padding: 100px;} .footer-nav .inner .right .text {font-size: 13px; line-height: 21px;} @media screen and (max-width: 1024px) { .footer-nav .inner .left {padding: 30px 30px 0; width: 100%;} .footer-nav .inner .right {padding: 30px; width: 100%;} .footer-nav .inner {flex-direction: column;} } @media screen and (max-width: 600px) { .footer-nav .inner .left .col:first-child {flex-direction: row;padding: 10px 0;flex-wrap: wrap;} .footer-nav .left .col:last-child {flex-direction: row; justify-content: center; align-items: center;} .footer-nav .inner .left .col.image {align-items: center; flex-wrap: wrap;} .footer-nav .left .col:last-child .item-image {padding: 15px 0;width: 50%;display: flex;align-items: center;justify-content: center;} .footer-nav .left .col:last-child .item-image:nth-child(4) {order: 2;} .footer-nav .left .col:last-child .item-image:nth-child(3) {order: 3;} .footer-nav .left .col:last-child .item-image:nth-child(2) {order: 4;} .footer-nav .inner .left .col.qlinks {flex-direction: column; padding: 10px 0;} .footer-nav .inner .left .col.qlinks a {border: 0px !important; padding: 7px 0 !important;} .choose-default .buttons {flex-direction: column;} .footer-nav .inner .left .col .inner-col {padding-right: 25px; width: 50%;} .footer-nav .inner .left .col .inner-col:nth-child(4) {order: 2;} .footer-nav .inner .left .col .inner-col:nth-child(3) {order: 4;} .footer-nav .inner .left .col .inner-col:nth-child(2) {order: 3;} .footer-nav .inner .left .col {justify-content: center;} } .anchor-link {margin-top: -180px; padding-bottom: 180px; display: block; visibility: hidden;} .fancybox-container .btn.dark a {min-width: 150px; text-align: center; outline: none;} .fancybox-container .fancybox-slide { perspective: 1000px;} .fancybox-container .fancybox-content.animate {transform: rotateY(-90deg);} .fancybox-container:not(.fancybox-is-open) .fancybox-content {transform: rotateY(-90deg);} .fancybox-container .fancybox-content {transition: transform .5s ease !important; transform: rotateY(0deg); transform-style: preserve-3d;} .today-rate {background: #dcdbdb; color: #000;margin-bottom: 25px; margin: -25px 0px 35px 0px; padding: 1px; width: fit-content;} .today-rate .inner {display: flex; flex-direction: column; background: #ffffff; margin: 15px; padding: 15px 20px !important; width: fit-content; min-width: 315px; align-items: baseline;} .today-rate .inner * {margin: 0; text-align: left !important; width: auto;} .today-rate .inner .date {color: #c12527; font-weight: 700; width: auto;} .today-rate .inner .title {font-size: 28px; font-weight: 400; color: #000000 !important; padding: 0; width: auto; padding-bottom: 8px;} .today-rate .inner .text {text-align: left !important; padding-left: 0px !important; width: auto !important;} .today-rate .inner .rn {font-size: 65px; line-height: 55px; font-weight: 700; width: auto;} .today-rate .inner .rate {display: flex; align-items: baseline; color: #c12527; font-weight: 600; width: auto;} @media screen and (max-width: 1000px) { .panel.wysiwyg .inner .text {min-width: unset;} .panel.wysiwyg .inner .text {padding: 0 0px;} .today-rate .inner .rn {font-size: 45px;} } @media screen and (max-width: 760px) { .today-rate .inner {min-width:initial;} } .at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg>span {background-color: #c12527 !important;} .at-expanding-share-button {bottom: 50% !important;} @media screen and (max-width: 760px) { .at-expanding-share-button {bottom: 30px !important;} } /*MISC*/ .clear {clear:both;} .hide, .hidden {display:none;} .center {text-align:center;} .noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .trans {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .drop-menu .inner .sub-menu:nth-child(n+5) {padding-top: 40px;} .general .hbspt-form {margin-top: -70px;} .calc-container #calculator {padding:0 !important;} .calc-container #calculator .pure-g .pure-u-1 {margin:0 !important;} .calc-container ul a {text-decoration:none !important;} #searchResults a {cursor:pointer;} @media screen and (max-width: 1300px) { .drop-menu .inner .sub-menu { padding: 19px 40px !important; } } .page-id-988 .image-row .inner .images {padding-top: 0px;} button.search-submit { color: #fff; font-family: 'Arial'; font-weight: 700; background: #203F92; padding: 8px 35px; border-radius: 4px; font-size: 1.6rem; line-height: 3rem; border-width: 0px; } .page-id-854 .colored_table table.ninja_table_pro.inverted.table a { color: #203f92 !important; text-decoration: underline; } .page-id-1008 ol { margin: 0 0 15px 35px; } @media screen and (min-width: 1146px) { .header-inner .floating-nav-inner .login .sign-in a { display: none; } } /* NEW STYLES */ .header-inner .floating-nav .top-bar.desktop-1024 {background: #880D0F; display: flex !important; justify-content: space-between; padding: 6px 0;} .header-inner .floating-nav .top-bar form#Q2OnlineLogin {display: flex;} .header-inner .floating-nav .top-bar .online-banking {display: flex; justify-content: flex-end; align-items: center; margin: 0;} .header-inner .floating-nav .top-bar .online-banking input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width: 145px; padding: 3px 10px;font-size: 13px;/* height: 29px; */} .header-inner .floating-nav .top-bar .online-banking input::placeholder {color: #000;} .header-inner .floating-nav .top-bar .online-banking .text {color: #fff;font-weight: 600;font-size: 12px;letter-spacing: .5px;padding-right: 10px;} .header-inner .floating-nav .top-bar .online-banking .links a {color: #fff; font-weight: 400; font-size: 11px; letter-spacing: .5px;} .header-inner .floating-nav .top-bar .online-banking .links a:first-child {padding-right: 5px;} .header-inner .floating-nav .top-bar .online-banking .links a:last-child {padding-left: 5px;} .header-inner .floating-nav .top-bar .online-banking .links {color: #fff;padding-right: 26px;padding-left: 5px;} .header-inner .floating-nav .top-bar .online-banking i {padding-right: 7px;} .header-inner .floating-nav .top-bar .online-banking form #password {margin: 0 10px;} .header-inner .floating-nav .top-bar .online-banking form #forgotBox {display: none;} .header-inner .floating-nav .top-bar .online-banking form button {display: inline-block;border-radius: 5px;cursor: pointer;text-decoration: none;transition: all .25s ease;background: #203f92;margin: 0 10px;margin-left: 0;outline: none;color: #fff !important;font-family: 'Arial';/* text-transform: uppercase; */font-weight: 600;padding: 7px 20px;min-width: unset;/* margin-top: 10px; */font-size: 14px;border: 0;display: flex;} .login-links {background: #c12527} .login-links form#Q2OnlineLogin {display: flex; flex-direction: column;} .login-links .online-banking {display: flex;justify-content: flex-start;align-items: flex-start;margin: 0;flex-direction: column;padding: 25px 10%;} .login-links .online-banking * {margin: 0;} .login-links .online-banking input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {padding: 6px 10px;font-size: 13px;/* height: 29px; */} .login-links .online-banking input::placeholder {color: #000;} .login-links .online-banking .text {color: #fff;font-weight: 600;font-size: 17px;letter-spacing: .5px;padding-right: 15px; padding-bottom: 10px;} .login-links .online-banking .inner {width: 100%} .login-links .online-banking .links a {all: unset;color: #fff;font-weight: 400;font-size: 12px;letter-spacing: .5px;} .login-links .online-banking .links a:first-child {padding-right: 5px;} .login-links .online-banking .links a:last-child {padding-left: 5px;} .login-links .online-banking .links {color: #fff;padding-right: 35px;padding-left: 10px;} .login-links .online-banking i {padding-right: 7px;} .login-links .online-banking form #password {margin: 8px 0px;} .login-links .online-banking form #forgotBox {display: none !important;;} .login-links .online-banking form #forgotPassword {display: none !important;;} .login-links .online-banking form button {display: inline-block; width: fit-content;border-radius: 5px;cursor: pointer;text-decoration: none;transition: all .25s ease;background: #203f92;margin: 0 10px;margin-left: 0;outline: none;color: #fff !important;font-family: 'Arial';/* text-transform: uppercase; */font-weight: 600;padding: 7px 20px;min-width: unset;/* margin-top: 10px; */font-size: 14px;border: 0;display: flex;} .app {position: fixed; background: #fff; width: 100%; top: 0px; display: none; justify-content: center; align-items: center; z-index: 9999;} .app .inner {display: flex; margin: 0; align-items: center; justify-content: center; padding: 0 5px;} .app .inner .image {padding: 5px; display: flex;width: 75px; height: 75px;} .app .inner .image img {border-radius: 15px; padding: 5px;} .app .inner .text {padding: 5px;} .app .inner .text .title {font-weight: 700; font-size: 14px; font-family: 'Arial'; line-height: 10px;} .app .inner .text .sub {font-size: 11px; color: #9e9e9e;} .app .inner .close {padding: 5px; color: #afafaf;} .app .inner .install {display: none;padding: 5px;} .app .inner .install a {padding-left: 10px; text-transform: uppercase;font-weight: 700; font-size: 15px;} .menu-select {display: flex; align-items: center; justify-content: center; background: #c3c3c3; font-size: 17px; font-weight: 600;} .menu-select .selector {width: 50%; text-align: center; padding: 12px; color: #7b7b7b;} .menu-select .active {background: #66100f; color: #fff;} .mobile.navigation .top.organization {display: none;} .mobile.navigation hr {width: 90%; margin: 15px;} .header-inner {transition: all .25s ease;} .header-inner .floating-nav .top-bar .drop-menu {top: 45px; width: auto; right: unset; min-width: 125px; padding: 10px; left: unset; position: absolute; margin-right: -129px; margin-top: 5px;} .header-inner.appbar {top: 75px;} .mobile.navigation.appbar {margin-top: 140px;} @media screen and (max-width: 1145px) { .header-inner .floating-nav .top-bar.desktop-1024 {display: none !important;} } @media screen and (max-width: 1045px) { .header-inner .floating-nav .top-bar .online-banking input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width: 100% !important;} } @media screen and (max-width: 1210px) { .header-inner .floating-nav .top-bar.desktop-1024 {flex-direction: column; align-items: center;} .header-inner .floating-nav .top-bar .online-banking {padding-left: 20px; padding-top: 5px;} } .internet-explorer {z-index: 99999; background: #fff; width: 100vw; height: auto; padding: 10%; text-align: center; display: none;} .internet-explorer .title {font-size: 35px; font-weight: 700; line-height: 48px; text-align: center;} .internet-explorer .text {text-align: center; font-size: 20px; padding-top: 50px;} .internet-explorer .icons {display: flex; max-width: 70%; padding: 60px 0 20px;} .internet-explorer .icons img {width: 100px; height: 100px;}