@import url("/templates/brightbridge/slick/slick.css");
@import url("/templates/brightbridge/slick/slick-theme.css");
@import url("/templates/brightbridge/css/bootstrap.min.css");
@import url("/templates/merrimack_2022/css/alerts2.css");



@font-face {
    font-family: 'biennale';
    src: url('fonts/biennale-regular-webfont.woff2') format('woff2'),
         url('fonts/biennale-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-display: swap;

}
@font-face {
  font-family: 'biennaleB';
  src: url('fonts/biennale-bold-webfont.woff2') format('truetype'),
   url('fonts/biennale-bold-webfont.woff') format('truetype');
  font-weight: 700;
  font-display: swap;
}


:root {
  --navy: #001F61;
  --blue: #4CB5E6;
  --yellow: #FCDC00;
  --paleblue: #9ED2F0;
  --paleyellow: #FFF19A;
  --pale: #E5E5E5;
  --salmon: #D35957;
  --red: #8D292B;
  --green: #575B3B;

/*


old colors

#3b5f8b - blue
var(--blue) - blue - slightly lighter
var(--navy) - red (h3)
#244a78 - darker blue
*/

*,
*::before,
*::after {
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #eaebec;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--blue)
}

html {
    margin: 0;
    font-family: biennale, 'Century Gothic', sans-serif;;
    font-size: 16px
}

body {
    color: black;
    margin: 0;
    font-family: biennale, 'Century Gothic', sans-serif;;
    font-size: 16px
}

a {
    color: #3b5f8b
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3b5f8b
font-family: 'biennale', 'Century Gothic', sans-serif;
}

h2 {
font-family: 'biennaleB', 'Century Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 1.375rem 0
}

@media (min-width: 576px) {
    h2 {
        font-size: 30px;
        line-height: 36px
    }
}

@media (min-width: 768px) {
    h2 {
        font-size: 36px
    }
}

h3,
.content_rates_table_title {
font-family: 'biennaleB', 'Century Gothic', sans-serif;

    color: var(--navy);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: .75rem
}

@media (min-width: 768px) {
    h3,
    .content_rates_table_title {
        font-size: 30px;
        line-height: 1
    }
}

@media (min-width: 992px) {
    h3,
    .content_rates_table_title {
        font-size: 32px;
        line-height: 38px
    }
}

button:focus {
    outline: 0
}

header {
    position: relative;
    position: sticky;
    top: 0;
    z-index: 200;
    background: white
}

header .homelink {
    padding: 6px 0 6px 20px
}

header .homelink img {
        height: 62px;
}



@media (min-width: 1200px) {
    header .homelink img {
        height: 78px;
    }
}

header .mobile-nav-wrap .mobile-toplinks {
    background: var(--navy);
    padding-right: 1rem; color: white;
	border-bottom: solid 2px yellow
}

header .mobile-nav-wrap .mobile-toplinks .toplinks {
    margin: 8px 0;
    position: relative
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    white-space: nowrap
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li {
    display: inline-block;
    margin-left: 1.75rem
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li .notalink {
    font-size: 14px;
    color: white;
}
/*
header .mobile-nav-wrap .mobile-toplinks .toplinks ul li .notalink:hover,
header .mobile-nav-wrap .mobile-toplinks .toplinks ul li .notalink:active,
header .mobile-nav-wrap .mobile-toplinks .toplinks ul li .notalink:focus {
    color: var(--paleyellow);
    text-decoration: none
}
*/
@media (min-width: 400px) {
    header .mobile-nav-wrap .mobile-toplinks .toplinks ul li {
        margin-left: 2rem
    }
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li:first-child {
    margin-left: 0
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a {
    color: white
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a .RLwords {
    display: none
}

@media (min-width: 576px) {
    header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a .RLwords {
        /*display: inline-block;*/
        margin-left: .5rem;
        font-size: 14px
    }
}

header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a:hover,
header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a:active,
header .mobile-nav-wrap .mobile-toplinks .toplinks ul li a:focus {
    color: var(--paleyellow);;
    text-decoration: none
}

header .mobile-nav-wrap .mobile-toplinks #searchWrap_mobile {
    position: absolute;
    right: 70px;
    background: var(--pale);
}

header .mobile-nav-wrap .mobile-toplinks #searchWrap_mobile form button {
    display: none;
    border: none;
    background: transparent;
    color: var(--navy)
}

header .mobile-nav-wrap .mobile-toplinks #searchWrap_mobile form input[type="text"] {
    background: transparent;
    width: 0;
    padding: 0;
    margin: 0 !important;
    border: none;
    /*border-bottom: 1px solid var(--blue);*/
    transition: width 0.2s ease;
    border-radius: 0
}

header .mobile-nav-wrap .mobile-toplinks #searchWrap_mobile.open form input[type="text"] {
    width: calc(100vw - 145px)
}

header .mobile-nav-wrap .mobile-toplinks #searchWrap_mobile.open form button {
    display: inline
}

header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile {
    color: white;
    margin-left: 1.75rem;
    white-space: nowrap
}

header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile.open .fa-search:before {
    content: '\f00d'
}

header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile:hover,
header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile:active,
header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile:focus {
    color:var(--paleyellow);
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 400px) {
    header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile {
        margin-left: 2rem
    }
}

header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile>span {
    display: inline-block;
    margin-left: .5rem;
    font-size: 14px
}

header .mobile-nav-wrap .mobile-toplinks #search_toggle_mobile[aria-expanded="true"] i:before {
    content: "\f00d"
}

header .mobile-nav-wrap .primary-nav {
    gap: 1px
}

header .mobile-nav-wrap .primary-nav>a,
header .mobile-nav-wrap .primary-nav>button {
    flex: 25% 1 1;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    padding: 0 18px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--navy);
    color: white
}

header .mobile-nav-wrap .primary-nav>a>span,
header .mobile-nav-wrap .primary-nav>button>span {
    display: inline-block;
    margin-right: 5px
}

header .mobile-nav-wrap .primary-nav>a#ob_toggle,
header .mobile-nav-wrap .primary-nav>button#ob_toggle {
    background: var(--blue); color: var(--navy);
    border: none;
    padding: 16px 18px
}

header .mobile-nav-wrap .primary-nav>a#ob_toggle:hover,
header .mobile-nav-wrap .primary-nav>button#ob_toggle:hover {
    background: var(--yellow);
    color: black
}

header .mobile-nav-wrap .primary-nav>a#menu_toggle,
header .mobile-nav-wrap .primary-nav>button#menu_toggle {
    background: var(--navy);
    border: none;
    padding: 16px 18px
}

header .mobile-nav-wrap .primary-nav>a#menu_toggle:hover,
header .mobile-nav-wrap .primary-nav>a#menu_toggle:active,
header .mobile-nav-wrap .primary-nav>a#menu_toggle:focus,
header .mobile-nav-wrap .primary-nav>a#menu_toggle .open,
header .mobile-nav-wrap .primary-nav>button#menu_toggle:hover,
header .mobile-nav-wrap .primary-nav>button#menu_toggle:active,
header .mobile-nav-wrap .primary-nav>button#menu_toggle:focus,
header .mobile-nav-wrap .primary-nav>button#menu_toggle .open {
    background: var(--yellow);
    color: black
}

@media (min-width: 576px) {
    header .mobile-nav-wrap .primary-nav>a,
    header .mobile-nav-wrap .primary-nav>button {
        font-size: 16px;
        line-height: 18px
    }
}
header .nav-wrap  {  border-bottom: solid 6px  var(--yellow);}

header .nav-wrap .toplinks {
    background: var(--navy); color: white;
    padding-right: 1rem; padding-bottom: 6px; border-bottom: solid 6px var(--yellow);

}

header .nav-wrap .toplinks .toplinks {
    margin: 8px 0;
    position: relative;  border-bottom: 0
}

header .nav-wrap .toplinks .toplinks ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

header .nav-wrap .toplinks .toplinks ul li {
    display: inline-block;
    margin-left: .75rem
}

header .nav-wrap .toplinks .toplinks ul li .notalink {
    font-size: 14px;
    color: white;
}

header .nav-wrap .toplinks .toplinks ul li .notalink:hover,
header .nav-wrap .toplinks .toplinks ul li .notalink:active,
header .nav-wrap .toplinks .toplinks ul li .notalink:focus {
    color: var(--paleyellow);
    text-decoration: none
}

@media (min-width: 400px) {
    header .nav-wrap .toplinks .toplinks ul li {
        margin-left: 2rem
    }
}

header .nav-wrap .toplinks .toplinks ul li:first-child {
    margin-left: 0
}

header .nav-wrap .toplinks .toplinks ul li a {
    color: white
}

header .nav-wrap .toplinks .toplinks ul li a .RLwords {
    display: none
}

@media (min-width: 576px) {
    header .nav-wrap .toplinks .toplinks ul li a .RLwords {
        /*display: inline-block;*/
        margin-left: 0.5rem;
        font-size: 14px
    }
}

header .nav-wrap .toplinks .toplinks ul li a:hover,
header .nav-wrap .toplinks .toplinks ul li a:active,
header .nav-wrap .toplinks .toplinks ul li a:focus {
    color: green;
    text-decoration: none
}

header .nav-wrap .toplinks #searchWrap {
    position: absolute;
    right: 100px;
    background: #eef3fa
}

header .nav-wrap .toplinks #searchWrap form button {
    display: none;
    border: none;
    background: transparent;
    color: #244a78
}

header .nav-wrap .toplinks #searchWrap form input[type="text"] {
    background: #eef3fa;
    width: 0;
    padding: 0;
    margin: 0 !important;
    border: none;
    transition: width 0.2s ease
}

header .nav-wrap .toplinks #searchWrap.open form input[type="text"] {
    width: calc(50vw - 180px);
    padding-left: 5px
}

header .nav-wrap .toplinks #searchWrap.open form button {
    display: inline
}

header .nav-wrap .toplinks #search_toggle {
    color: white;
    margin-left: .75rem
}

header .nav-wrap .toplinks #search_toggle.open .fa-search:before {
    content: '\f00d'
}

header .nav-wrap .toplinks #search_toggle:hover,
header .nav-wrap .toplinks #search_toggle:active,
header .nav-wrap .toplinks #search_toggle:focus {
    color: var(--paleyellow);
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 400px) {
    header .nav-wrap .toplinks #search_toggle {
        margin-left: 2rem
    }
}

header .nav-wrap .toplinks #search_toggle>span {
    display: inline-block;
    margin-left: .5rem;
    font-size: 14px
}

header .nav-wrap .toplinks #search_toggle[aria-expanded="true"] i:before {
    content: "\f00d"
}

header .nav-wrap .desktop-nav {
    padding: 5.61px 0
}

header .nav-wrap .primary-nav-desktop {
    padding-right: 1rem
}

header .nav-wrap .primary-nav-desktop>a {
    color: black;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin-right: 18px; position: relative; 
	padding: 5px 0;
}

header .nav-wrap .primary-nav-desktop>a:hover,
header .nav-wrap .primary-nav-desktop>a:active,
header .nav-wrap .primary-nav-desktop>a:focus {
    text-decoration: none;
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}
header .nav-wrap .primary-nav-desktop>a:after {content: ''; width: 0; height: 4px; background-color: var(--yellow); position: absolute; bottom: 0; right: 50%; transition: all .25s}

header .nav-wrap .primary-nav-desktop>a:hover:after,
header .nav-wrap .primary-nav-desktop>a:active:after,
header .nav-wrap .primary-nav-desktop>a:focus:after {width: 100%;right: 0;}



header .nav-wrap .primary-nav-desktop>button {
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    padding: 0 27px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #244a78;
    color: white
}

header .nav-wrap .primary-nav-desktop>button>span {
    display: inline-block;
    margin-right: 5px
}

header .nav-wrap .primary-nav-desktop>button#ob_toggle_desktop {
    margin-left: .75rem;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: var(--blue); color: var(--navy);
    border: none;
    padding: 16px 27px
}

header .nav-wrap .primary-nav-desktop>button#ob_toggle_desktop:hover {
    background-color: var(--yellow);
    color: black
}

header .nav-wrap .primary-nav-desktop>button#menu_toggle_desktop {
    margin-left: .75rem;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: var(--navy);
    border: none;
    padding: 16px 27px
}

header .nav-wrap .primary-nav-desktop>button#menu_toggle_desktop:hover,
header .nav-wrap .primary-nav-desktop>button#menu_toggle_desktop:active,
header .nav-wrap .primary-nav-desktop>button#menu_toggle_desktop:focus,
header .nav-wrap .primary-nav-desktop>button#menu_toggle_desktop .open {
    background: var(--yellow);
    color: black
}

header #mainMenu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--navy);
    padding: 26px;
    z-index: 10;
    border-bottom-left-radius: 20px;
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
}

header #mainMenu .L1,
header #mainMenu>a.d-block {
    display: block;
    min-width: 270px;
    padding: 1rem .5rem;
    border: none;
    border-bottom: 1px solid white;
    font-size: 18px;
    line-height: 30px;
    color: white;
    background: transparent;
    text-align: left
}

header #mainMenu .L1.active,
header #mainMenu>a.d-block.active {
    color: var(--yellow);
    border: none;
    padding-bottom: 0
}

header #mainMenu .L1[href='/home-page'],
header #mainMenu>a.d-block[href='/home-page'] {
    display: none !important
}

header #mainMenu .L2 {
    display: none;
    border-bottom: 1px solid white;
    padding-bottom: 1rem !important
}

header #mainMenu .L2 button,
header #mainMenu .L2 a {
    font-size: 16px;
    padding: 5px 10px;
    border: none;
    color: white;
    background: transparent
}

header #mainMenu .L2 button.active,
header #mainMenu .L2 a.active {
    color: var(--yellow)
}

header #mainMenu .L3 {
    display: none;
    padding: 0 !important
}

header #mainMenu .L3 a {
    display: block;
    color: white;
    padding-left: 1.25rem
}

@media (min-width: 992px) {
    header #mainMenu {
        right: 1rem
    }
}

header #onlineBankingMobile {
    display: none;
    position: absolute;
    top: 100%;
    background: var(--navy);
    padding: 1.3rem 2rem;
    right: 0;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px
}

header #onlineBankingMobile .login-alert {
    color: white
}

header #onlineBankingMobile h3 {
    color: white;
    font-size: 1.5rem;
    text-align: center
}

header #onlineBankingMobile form {
    color: white;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

header #onlineBankingMobile form a {
    color: inherit
}

header #onlineBankingMobile form label {
    display: block
}

header #onlineBankingMobile form input {
    padding: .75rem 1rem;
    font-size: 1rem;
    border-radius: 23px;
    border: none
}

header #onlineBankingMobile form>p {
    padding: 6.5px;
    width: 100%
}

header #onlineBankingMobile form>p strong a {
    font-size: 24px
}

header #onlineBankingMobile form button[type="submit"] {
    display: inline-block;
    padding: .75rem 3rem;
    background: var(--yellow);
    color: var(--navy);
    font-size: 1rem;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: none;
    margin: 0 auto
}

header #onlineBankingMobile form button[type="submit"]:hover,
header #onlineBankingMobile form button[type="submit"]:active,
header #onlineBankingMobile form button[type="submit"]:focus {
    background: var(--paleyellow);
    color: var(--navy);
}

@media (min-width: 576px) {
    header #onlineBankingMobile {
        right: 25%
    }
}

@media (min-width: 768px) {
    header #onlineBankingMobile {
        top: calc(100% + 10px)
    }
}

header #onlineBanking {
    display: none;
    position: absolute;
    top: 100%;
    background: var(--navy);
    padding: 1.3rem 2rem;
    right: 150px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px
}

header #onlineBanking .login-alert {
    color: white
}

header #onlineBanking h3 {
    color: white;
    font-size: 1.5rem;
    text-align: center
}

header #onlineBanking form {
    color: white;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

header #onlineBanking form a {
    color: inherit
}

header #onlineBanking form label {
    display: block
}

header #onlineBanking form input {
    padding: .75rem 1rem;
    font-size: 1rem;
    border-radius: 23px;
    border: none
}

header #onlineBanking form>p {
    padding: 6.5px;
    width: 100%
}

header #onlineBanking form>p strong a {
    font-size: 24px
}

header #onlineBanking form button[type="submit"] {
    display: inline-block;
    padding: .75rem 3rem;
    background: var(--yellow);
    color: var(--navy);
    font-size: 1rem;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: none;
    margin: 0 auto
}

header #onlineBanking form button[type="submit"]:hover,
header #onlineBanking form button[type="submit"]:active,
header #onlineBanking form button[type="submit"]:focus {
    background: var(--paleyellow);
    color: var(--navy);
}

.yellowbar{width: 100%; height: 6px; background-color:  var(--yellow);}
footer {
    padding: 28px 0;
    background: #eaebec;
    border-top: 6px solid #244a78;
    
}

footer .bottomlinks {
    margin-bottom: 24px; line-height: 2;
}

footer .bottomlinks a {
    color: var(--navy);  position: relative; 
    font-size: 18px;
    line-height: 1;
    display: inline-block;
}
footer .bottomlinks a:after{content: '|'; color: var(--navy); margin: 0 10px; display: inline-block;} 

footer .bottomlinks a:last-child:after {
    display: none
}

@media (min-width: 992px) {
    footer .bottomlinks {
        margin-bottom: 10px
    }
}

@media (min-width: 1200px) {
    footer .bottomlinks a:first-child {
        padding-left: 0
    }
}

footer .social h3 {
    color: black;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px
}

footer .social .social-links a {
    color: var(--navy);
    font-size: 30px;
    display: inline-block;
    margin: 0 4.5px
}
footer .social .social-links a:hover, footer .social .social-links a:focus {}



footer .social .social-links a .RLwords {
    display: none
}


footer .social .app-links a {
    color: var(--navy);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    padding: 10px 0
}



@media (min-width: 992px) {
    footer .social .app-links a {
        justify-content: start
    }
}

footer .social .app-links a .RLwords {
    font-size: 16px;
    color: black;
    display: inline-block;
    margin-left: 4.5px
}
footer .social .app-links a:hover {
    text-decoration: none !important;
}
footer .social .app-links a:hover .RLwords, footer .social .app-links a:focus .RLwords{
    text-decoration: underline;
}


footer .legal {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

footer .legal p {
    text-align: center;
    max-width: 400px;
    margin: 5px auto;
    padding: 0 32px
}

footer .legal p:first-child {
    padding: 0
}

footer .legal p:first-child a {
    display: inline-block;
    margin: 0 5px
}

@media (min-width: 992px) {
    footer .legal {
        align-items: flex-end
    }
    footer .legal p {
        margin: 5px 0;
        padding: 0;
        text-align: left
    }
    footer .legal p:nth-child(2) {
        padding-left: 92px
    }
}

@media (min-width: 1200px) {
    footer .legal {
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center
    }
    footer .legal p:first-child a {
        margin: 0px;
        margin-right: 5px
    }
    footer .legal p:nth-child(2) {
        padding-left: 1px;
        max-width: 215px
    }
    footer .legal p:last-child {
        max-width: 100%
    }
}

main {
    padding: 1.5rem 1rem;
    font-weight: 300;
    overflow-x: hidden
}

@media (min-width: 576px) {
    main {
        padding: 2.25rem 1rem 0
    }
}

main .container>.code_block {
    margin: 0 -2rem
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image {
    text-align: center
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image img {
    height: 300px;
    object-fit: cover;
    width: 100%;
    border-top-right-radius: 30px
}

@media (min-width: 576px) {
    main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image img {
        height: 400px
    }
}

@media (min-width: 992px) {
    main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image img {
        height: 542px
    }
}

@media (min-width: 1200px) {
    main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image img {
        border-bottom-left-radius: 30px
    }
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content {
    padding: 3rem 2rem
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item {
    margin-bottom: 16px
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_label {
    display: none
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object {
    float: none;
    width: 100%
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object input[type="text"],
main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object input[type="email"],
main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object input[type="tel"],
main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object select {
    border: none;
    border-bottom: 1px solid #adaeb2;
    padding: 10px
}

main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content form .cms_form_item .cms_form_object select {
    padding: 10px 5px;
    color: #7a7877
}

@media (min-width: 992px) {
    main .container>.code_block .code_block_center .code_block_box {
        display: flex;
        flex-flow: row-reverse nowrap;
        justify-content: space-between
    }
    main .container>.code_block .code_block_center .code_block_box .code_block_indiv_content {
        flex: 550px 0 1
    }
    main .container>.code_block .code_block_center .code_block_box .code_block_indiv_image {
        flex: 560px 0 1;
        padding-top: 5rem
    }
}

main .container .orange-check,
main .container .red-check,
main .container .yellow-check {
    margin-bottom: 1rem
}

main .container .orange-check li:last-child,
main .container .red-check li:last-child,
main .container .yellow-check li:last-child {
    padding-bottom: 0
}

main .container p:last-child {
    margin-bottom: calc(40px - 1rem)
}

@media (min-width: 1440px) {
    main.blogs .container {
        max-width: 1400px;
        padding: 0
    }
}

main.blogs .content_blog_header {
    display: none
}

main.blogs .blog-grid-layout {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

main.blogs .blog-grid-layout>p:nth-child(2) {
    display: none
}

main.blogs .blog-grid-layout .blog_entry {
    flex: 100% 0 0;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: solid 1px #adaeb2;
    margin-bottom: 15px;
    align-self: stretch
}

main.blogs .blog-grid-layout .blog_entry .blog-grid {
    height: 100%
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-image a {
    display: block
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-image a img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 30px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content {
    position: relative
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content span.blog_posted_date {
    position: absolute;
    right: 27px;
    top: 41px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.blog_author {
    position: absolute;
    top: 40px;
    left: 19px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare {
    position: absolute;
    top: 10px;
    right: 27px;
    background: white
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .blogCat {
    display: none
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li {
    display: none;
    text-align: center
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li:last-child {
    border-bottom: 1px solid #3b5f8b
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li.blog_social_share {
    display: inline-block;
    color: #3b5f8b;
    cursor: pointer;
    text-decoration: underline
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content {
    padding: 15px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content h3 {
    color: #3b5f8b;
    font-size: 24px;
    line-height: 30px;
    margin-top: 60px;
    height: 60px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child {
    margin: 0;
    margin-top: 30px;
    width: calc(100% + 30px);
    background: var(--blue);
    border-bottom-left-radius: 30px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a {
    font-size: 22px;
    padding: 20px;
    color: white;
    display: block;
    text-align: center;
    border-bottom-left-radius: 30px
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a span {
    color: var(--paleyellow)
}

main.blogs .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:nth-child(2) {
    height: 200px
}

@media (min-width: 768px) {
    main.blogs .blog-grid-layout .blog_entry {
        flex: 50% 1 0;
        max-width: calc(50% - 30px)
    }
}

@media (min-width: 992px) {
    main.blogs .blog-grid-layout .blog_entry {
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
}

main.blogs .blog-grid-layout .blog-search-filter {
    align-self: stretch;
    flex: 100% 0 0
}

@media (min-width: 768px) {
    main.blogs .blog-grid-layout .blog-search-filter {
        flex: 100% 1 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 992px) {
    main.blogs .blog-grid-layout .blog-search-filter {
        padding-left: 0;
        padding-right: 0;
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search {
    margin-bottom: 24px
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search form label,
main.blogs .blog-grid-layout .blog-search-filter .blog-search form input {
    display: block
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search form label {
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0
}

@media (min-width: 1200px) {
    main.blogs .blog-grid-layout .blog-search-filter .blog-search form label {
        font-size: 30px
    }
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search form div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search form div input {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #2f527e
}

main.blogs .blog-grid-layout .blog-search-filter .blog-search form div input::placeholder {
    color: #2f527e
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
    display: block;
    border: none;
    width: 100%;
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0;
    position: relative
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
        font-size: 24px
    }
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button::after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    color: white;
    font-size: inherit;
    display: inline;
    position: absolute;
    right: 30px;
    top: 25px
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button.open::after {
    transform: rotate(180deg)
}

@media (min-width: 1200px) {
    main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
        font-size: 30px
    }
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px;
    display: none
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #3b5f8b;
    font-size: 18px;
    line-height: 2;
    display: block;
    font-weight: 400;
    cursor: pointer
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span::after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: inherit;
    font-size: inherit;
    display: inline-block;
    margin-left: 5px
}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span.selected {
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span::placeholder {
    color: #2f527e
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.blogs .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span {
        padding: 15px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    main.blogs .blog-grid-layout {
        flex-flow: row wrap;
        gap: 30px
    }
}

main.blogs .pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

main.blogs .pagination li .page-link {
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

    color: white;
    background: var(--blue)
}

main.blogs .pagination li.active .page-link {
    background: var(--navy)
}

main.blogs .pagination li.disabled .page-link {
    color: #d0d0d0
}

main.blogs .pagination li:first-child .page-link {
    border-bottom-left-radius: 10px
}

main.blogs .pagination li:last-child .page-link {
    border-top-right-radius: 10px
}

@media (min-width: 1440px) {
    main.news .container {
        max-width: 1400px;
        padding: 0
    }
}

main.news .content_blog_header {
    display: none
}

main.news .blog-grid-layout {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

main.news .blog-grid-layout>p:nth-child(2) {
    display: none
}

main.news .blog-grid-layout .blog_entry {
    flex: 100% 0 0;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: solid 1px #adaeb2;
    margin-bottom: 15px;
    align-self: stretch;
    position: relative
}

main.news .blog-grid-layout .blog_entry .blog-grid {
    height: 100%
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-image a {
    display: block
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-image a img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 30px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content span.blog_posted_date {
    position: absolute;
    right: 27px;
    top: 291px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.blog_author {
    position: absolute;
    top: 40px;
    left: 19px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare {
    position: absolute;
    top: 10px;
    right: 27px;
    background: white
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .blogCat {
    display: none
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li {
    display: none;
    text-align: center
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li:last-child {
    border-bottom: 1px solid #3b5f8b
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li.blog_social_share {
    display: inline-block;
    color: #3b5f8b;
    cursor: pointer;
    text-decoration: underline
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content {
    padding: 15px 15px 70px 15px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content h3 {
    color: #3b5f8b;
    font-size: 24px;
    line-height: 30px;
    margin-top: 60px;
    min-height: 90px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child {
    margin: 0;
    margin-top: 30px;
    background: var(--blue);
    border-bottom-left-radius: 30px;
    position: absolute;
    inset: auto 0 0 0
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a {
    font-size: 22px;
    padding: 20px;
    color: white;
    display: block;
    text-align: center;
    border-bottom-left-radius: 30px
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a span {
    color: var(--paleyellow)
}

main.news .blog-grid-layout .blog_entry .blog-grid .blog-grid-content .short-content p:nth-child(2) {
    min-height: 200px
}

@media (min-width: 768px) {
    main.news .blog-grid-layout .blog_entry {
        flex: 50% 1 0;
        max-width: calc(50% - 30px)
    }
}

@media (min-width: 992px) {
    main.news .blog-grid-layout .blog_entry {
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
}

main.news .blog-grid-layout .blog-search-filter {
    align-self: stretch;
    flex: 100% 0 0
}

@media (min-width: 768px) {
    main.news .blog-grid-layout .blog-search-filter {
        flex: 100% 1 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 992px) {
    main.news .blog-grid-layout .blog-search-filter {
        padding-left: 0;
        padding-right: 0;
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
}

main.news .blog-grid-layout .blog-search-filter .blog-search {
    margin-bottom: 24px
}

main.news .blog-grid-layout .blog-search-filter .blog-search form label,
main.news .blog-grid-layout .blog-search-filter .blog-search form input {
    display: block
}

main.news .blog-grid-layout .blog-search-filter .blog-search form label {
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0
}

@media (min-width: 1200px) {
    main.news .blog-grid-layout .blog-search-filter .blog-search form label {
        font-size: 30px
    }
}

main.news .blog-grid-layout .blog-search-filter .blog-search form div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px
}

main.news .blog-grid-layout .blog-search-filter .blog-search form div input {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #2f527e
}

main.news .blog-grid-layout .blog-search-filter .blog-search form div input::placeholder {
    color: #2f527e
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
    display: block;
    border: none;
    width: 100%;
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0;
    position: relative
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
        font-size: 24px
    }
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button::after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    color: white;
    font-size: inherit;
    display: inline;
    position: absolute;
    right: 30px;
    top: 25px
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button.open::after {
    transform: rotate(180deg)
}

@media (min-width: 1200px) {
    main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter button {
        font-size: 30px
    }
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px;
    display: none
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #3b5f8b;
    font-size: 18px;
    line-height: 2;
    display: block;
    font-weight: 400;
    cursor: pointer
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span::after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: inherit;
    font-size: inherit;
    display: inline-block;
    margin-left: 5px
}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span.selected {
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span::placeholder {
    color: #2f527e
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .blog-grid-layout .blog-search-filter .blog-filter #blog_filter div span {
        padding: 15px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    main.news .blog-grid-layout {
        flex-flow: row wrap;
        gap: 30px
    }
}

main.news .news-search-filter {
    align-self: stretch;
    flex: 100% 0 0
}

@media (min-width: 768px) {
    main.news .news-search-filter {
        flex: 100% 1 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 992px) {
    main.news .news-search-filter {
        padding-left: 0;
        padding-right: 0;
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
}

main.news .news-search-filter .news-search {
    margin-bottom: 24px
}

main.news .news-search-filter .news-search form label,
main.news .news-search-filter .news-search form input {
    display: block
}

main.news .news-search-filter .news-search form label {
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0
}

@media (min-width: 1200px) {
    main.news .news-search-filter .news-search form label {
        font-size: 30px
    }
}

main.news .news-search-filter .news-search form div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px
}

main.news .news-search-filter .news-search form div input {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #2f527e
}

main.news .news-search-filter .news-search form div input::placeholder {
    color: #2f527e
}

main.news .news-search-filter .news-filter #news_filter button {
    display: block;
    border: none;
    width: 100%;
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0;
    position: relative
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .news-search-filter .news-filter #news_filter button {
        font-size: 24px
    }
}

main.news .news-search-filter .news-filter #news_filter button::after {
    content: '\f106';
    font-family: "Font Awesome 5 Pro";
    color: white;
    font-size: inherit;
    display: inline;
    position: absolute;
    right: 30px;
    top: 25px
}

main.news .news-search-filter .news-filter #news_filter button.open::after {
    transform: rotate(180deg)
}

@media (min-width: 1200px) {
    main.news .news-search-filter .news-filter #news_filter button {
        font-size: 30px
    }
}

main.news .news-search-filter .news-filter #news_filter div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px;
    display: none
}

main.news .news-search-filter .news-filter #news_filter div span {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #3b5f8b;
    font-size: 18px;
    line-height: 2;
    display: block;
    font-weight: 400;
    cursor: pointer
}

main.news .news-search-filter .news-filter #news_filter div span::after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: inherit;
    font-size: inherit;
    display: inline-block;
    margin-left: 5px
}

main.news .news-search-filter .news-filter #news_filter div span.selected {
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

main.news .news-search-filter .news-filter #news_filter div span::placeholder {
    color: #2f527e
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .news-search-filter .news-filter #news_filter div span {
        padding: 15px;
        line-height: 1.2
    }
}

main.news .news-search-filter .top-news-stories {
    margin-bottom: 1rem
}

main.news .news-search-filter .top-news-stories #top_stories button {
    display: block;
    border: none;
    width: 100%;
    background: var(--blue);
    color: white;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    padding: 1.5rem;
    border-top-right-radius: 30px;
    margin: 0;
    position: relative
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .news-search-filter .top-news-stories #top_stories button {
        font-size: 24px
    }
}

main.news .news-search-filter .top-news-stories #top_stories button::after {
    content: '\f106';
    font-family: "Font Awesome 5 Pro";
    color: white;
    font-size: inherit;
    display: inline;
    position: absolute;
    right: 30px;
    top: 25px
}

main.news .news-search-filter .top-news-stories #top_stories button.open::after {
    transform: rotate(180deg)
}

@media (min-width: 1200px) {
    main.news .news-search-filter .top-news-stories #top_stories button {
        font-size: 30px
    }
}

main.news .news-search-filter .top-news-stories #top_stories div {
    border: solid 1px #d2d2d2;
    padding: 25px 20px;
    border-bottom-left-radius: 30px
}

main.news .news-search-filter .top-news-stories #top_stories div span {
    border: none;
    border-bottom: 1px solid #707070;
    width: 100%;
    color: #3b5f8b;
    font-size: 18px;
    line-height: 1.75;
    display: block;
    font-weight: 400;
    cursor: pointer
}

main.news .news-search-filter .top-news-stories #top_stories div span::after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: inherit;
    font-size: inherit;
    display: inline-block;
    margin-left: 5px
}

main.news .news-search-filter .top-news-stories #top_stories div span.selected {
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

main.news .news-search-filter .top-news-stories #top_stories div span::placeholder {
    color: #2f527e
}

@media (min-width: 992px) and (max-width: 1200px) {
    main.news .news-search-filter .top-news-stories #top_stories div span {
        padding: 15px;
        line-height: 1.2
    }
}

main.news .pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

main.news .pagination li .page-link {
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

    color: white;
    background: var(--blue)
}

main.news .pagination li.active .page-link {
    background: var(--navy)
}

main.news .pagination li.disabled .page-link {
    color: #d0d0d0
}

main.news .pagination li:first-child .page-link {
    border-bottom-left-radius: 10px
}

main.news .pagination li:last-child .page-link {
    border-top-right-radius: 10px
}

main .cms_form_wrapper,
main .cms_form_object {
    clear: both
}

main .boxedsearch #locator .loc_formbox2 {
    top: auto
}

main .boxedsearch #locator .loc_formbox2 fieldset legend {
    color: #244a78;
    font-size: 1.25rem
}

main .boxedsearch #locator .loc_formbox2 fieldset>p {
    display: flex;
    align-items: center
}

main .boxedsearch #locator .loc_formbox2 fieldset label {
    width: auto;
    margin: 0;
    margin-left: .5rem
}

main .boxedsearch #locator .loc_formbox2 fieldset label svg {
    vertical-align: baseline
}

main .boxedsearch #locator input[type=submit],
main .boxedsearch #locator a.clear {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--blue);
    color: white;
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0;
    line-height: 1.5
}

main .boxedsearch #locator input[type=submit]:hover,
main .boxedsearch #locator input[type=submit]:active,
main .boxedsearch #locator input[type=submit]:focus,
main .boxedsearch #locator a.clear:hover,
main .boxedsearch #locator a.clear:active,
main .boxedsearch #locator a.clear:focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}

main .boxedsearch #locator a.clear {
    background-color: var(--navy)
}

main .boxedsearch #locator a.clear:hover,
main .boxedsearch #locator a.clear:active,
main .boxedsearch #locator a.clear:focus {
    background: #3b5f8b;
    color: white;
    text-decoration: none
}

main .boxedsearch #locator input[type=submit] {
    margin-right: 1rem
}

main .legend {
    margin-bottom: 2rem;
    top: auto
}

main a:not([class]),
main a.arrow-link {
    text-decoration: underline
}

.you-may-also-like {
    margin-bottom: 60px
}

@media (min-width: 576px) {
    .you-may-also-like {
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .you-may-also-like {
        margin-bottom: 60px
    }
}

@media (min-width: 992px) {
    .you-may-also-like {
        margin-bottom: 75px
    }
}

@media (min-width: 1200px) {
    .you-may-also-like {
        margin-bottom: 95px
    }
}

.you-may-also-like .container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center
}

@media (min-width: 1440px) {
    .you-may-also-like .container {
        max-width: 1440px;
        padding: 0
    }
}

.you-may-also-like .container>p:nth-child(2) {
    display: none
}

.you-may-also-like .container .blog_entry {
    flex: 100% 0 0;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: solid 1px #adaeb2;
    margin-bottom: 15px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-image a {
    display: block
}

.you-may-also-like .container .blog_entry .blog-grid .blog-image a img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 30px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content {
    position: relative
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content span.blog_posted_date {
    position: absolute;
    right: 27px;
    top: 41px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.blog_author {
    position: absolute;
    top: 40px;
    left: 19px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare {
    position: absolute;
    top: 10px;
    right: 27px;
    background: white
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .blogCat {
    display: none
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li {
    display: none;
    text-align: center
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li:last-child {
    border-bottom: 1px solid #3b5f8b
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .categoryShareWrap span.categoryShare .sharebtns ul li.blog_social_share {
    display: inline-block;
    color: #3b5f8b;
    cursor: pointer;
    text-decoration: underline
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .short-content {
    padding: 15px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .short-content h3 {
    color: #3b5f8b;
    font-size: 24px;
    line-height: 30px;
    margin-top: 60px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .short-content p:last-child {
    margin: 0;
    margin-top: 30px;
    width: calc(100% + 30px);
    background: var(--blue);
    border-bottom-left-radius: 30px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a {
    font-size: 22px;
    padding: 20px;
    color: white;
    display: block;
    text-align: center;
    border-bottom-left-radius: 30px
}

.you-may-also-like .container .blog_entry .blog-grid .blog-grid-content .short-content p:last-child a span {
    color: var(--paleyellow)
}

.you-may-also-like .container .blog_entry:last-child {
    display: none
}

@media (min-width: 768px) {
    .you-may-also-like .container .blog_entry {
        flex: 50% 1 0;
        max-width: calc(50% - 30px);
        align-self: flex-start
    }
}

@media (min-width: 992px) {
    .you-may-also-like .container .blog_entry {
        flex: 33.33% 1 0;
        max-width: calc(33.33% - 30px)
    }
    .you-may-also-like .container .blog_entry:last-child {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .you-may-also-like .container {
        flex-flow: row wrap;
        gap: 30px
    }
}

.blog-slider {
    margin-top: 34px
}

.blog-slider .slick-prev {
    left: -25px
}

.blog-slider .slick-prev:before {
    font-size: 30px;
    color: var(--blue);
    font-family: "Font Awesome 5 Pro";
    content: '\f104';
    opacity: 1
}

.blog-slider .slick-next {
    right: -25px
}

.blog-slider .slick-next:before {
    font-size: 30px;
    color: var(--blue);
    font-family: "Font Awesome 5 Pro";
    content: '\f105';
    opacity: 1
}

@media (min-width: 576px) {
    .blog-slider {
        margin-top: 22px
    }
    .blog-slider.container {
        padding: 0
    }
}

@media (min-width: 768px) {
    .blog-slider {
        margin-top: 9px
    }
}

@media (min-width: 992px) {
    .blog-slider {
        margin-top: 50px
    }
}

@media (min-width: 1440px) {
    .blog-slider.container {
        max-width: 1400px
    }
    .blog-slider.container .container {
        padding: 0;
        max-width: 1374px
    }
}

.blog-slider .container>p {
    margin: 0
}

.blog-slider h2.content_blog_header {
    display: none
}

.blog-slider .blog_entry .blog-grid {
    border: solid 1px #adaeb2;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    display: flex;
    flex-flow: column nowrap
}

.blog-slider .blog_entry .blog-grid .blog-image a {
    display: block
}

.blog-slider .blog_entry .blog-grid .blog-image a img {
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    width: 100%;
    height: 300px;
    object-fit: cover
}

.blog-slider .blog_entry .blog-grid .blog-grid-content {
    padding: 20px
}

.blog-slider .blog_entry .blog-grid .blog-grid-content .short-content h3 {
    color: #3b5f8b;
    font-size: 24px;
    line-height: 30px
}

.blog-slider .blog_entry .blog-grid .blog-grid-content .short-content p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5
}

.blog-slider .blog_entry .blog-grid .blog-grid-content .short-content a {
    font-weight: 400;
    color: #3b5f8b
}

@media (min-width: 768px) {
    .blog-slider .blog_entry .blog-grid {
        flex-flow: row-reverse
    }
    .blog-slider .blog_entry .blog-grid .blog-image {
        flex: 60% 0 1
    }
    .blog-slider .blog_entry .blog-grid .blog-image a {
        height: 100%
    }
    .blog-slider .blog_entry .blog-grid .blog-image a img {
        height: 100%
    }
    .blog-slider .blog_entry .blog-grid .blog-grid-content {
        flex: 40% 0 1;
        padding: 20px
    }
}

@media (min-width: 992px) {
    .blog-slider .blog_entry .blog-grid .blog-image a {
        height: 100%
    }
    .blog-slider .blog_entry .blog-grid .blog-image a img {
        min-height: 460px;
        height: 100%
    }
    .blog-slider .blog_entry .blog-grid .blog-grid-content {
        padding: 20px
    }
}

.blog-slider .categoryShareWrap {
    margin-top: 50px
}

.blog-slider .categoryShareWrap .blog_author {
    display: block
}

.blog-slider .categoryShareWrap .categoryShare .blogCat {
    display: none
}

.blog-slider .sharebtns {
    margin-top: 15px;
    display: block
}

.blog-slider .sharebtns ul {
    list-style: none;
    padding-left: 0
}

.blog-slider .sharebtns ul li {
    display: none
}

.blog-slider .sharebtns ul li.blog_social_share {
    display: inline-block;
    color: #3b5f8b;
    cursor: pointer;
    text-decoration: underline
}

.blog-masthead {
    margin-top: 25px
}

@media (min-width: 1400px) {
    .blog-masthead.container {
        max-width: 1400px;
        padding: 0
    }
}

.blog-masthead img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    object-position: top;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px
}

@media (min-width: 576px) {
    .blog-masthead img {
        height: 300px
    }
}

@media (min-width: 992px) {
    .blog-masthead img {
        height: 460px
    }
}

.blog_main_post .blog_title,
.blog_main_post .blog_author,
.blog_main_post .blog_posted_date {
    display: none
}

.blog_main_post h3 {
    color: #3b5f8b
}

.blog_main_post .blog_share ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: flex-start
}

.blog_main_post .blog_share ul li {
    display: inline-block
}

.blog_main_post .blog_share ul li a,
.blog_main_post .blog_share ul li .fa {
    color: #3b5f8b;
    font-size: 30px
}

.blog_main_post .blog_share ul li .stButton {
    opacity: 0;
    position: relative;
    left: -24px;
    top: -10px
}

.crumbs {
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px
}

.crumbs a,
.crumbs .nolink {
    margin: 0 2px;
    text-decoration: none;
    color: black
}

.mastheads {
    position: relative;
    overflow-x: hidden
}

.mastheads .masthead-mobile .code_block .code_block_box {
    position: relative;
    height: 390px
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_image {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_image img {
    width: 230px !important;
    position: absolute;
    bottom: 0;
    left: calc(calc(100% - 230px) / 2)
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column nowrap;
    padding: 1rem 2rem
}

@media (min-width: 576px) {
    .mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content {
        padding: 2rem
    }
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1 {
    font-size: 30px;
    line-height: 36px;
    position: relative;
    color: black
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1:before {
    position: absolute;
    left: -1.5rem;
    top: 1.5rem;
    content: "\201C";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

.mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1:after {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    content: "\201D";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

.mastheads .masthead-desktop .code_block .code_block_box {
    position: relative;
    height: 324px;
    max-width: 1200px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .mastheads .masthead-desktop .code_block .code_block_box {
        height: 368px
    }
}

@media (min-width: 992px) {
    .mastheads .masthead-desktop .code_block .code_block_box {
        height: 526px
    }
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
    width: 325px !important;
    position: absolute;
    bottom: 0;
    right: -55px
}

@media (min-width: 768px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        width: 375px !important
    }
}

@media (min-width: 992px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        width: auto !important;
        right: -110px
    }
}

@media (min-width: 1200px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        right: 0px
    }
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
    width: 320px;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap
}

@media (min-width: 768px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
        left: 5rem
    }
}

@media (min-width: 992px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
        width: 480px
    }
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
    font-size: 30px;
    line-height: 36px;
    position: relative;
    margin-bottom: 22px;
    color: black
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:before {
    position: absolute;
    left: -1.5rem;
    top: 1.5rem;
    content: "\201C";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

.mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:after {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    content: "\201D";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

@media (min-width: 768px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
        font-size: 36px;
        line-height: 42px
    }
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:before {
        left: -2.5rem
    }
}

@media (min-width: 992px) {
    .mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
        margin-bottom: 2rem;
        font-size: 40px;
        line-height: 48px
    }
}

.mastheads #carousel [class*="carousel-control-"] {
    background-color: transparent;
    color: black;
    border: none;
    padding: 0;
    display: flex;
    opacity: 1;
    z-index: 2
}

.mastheads #carousel .carousel-control-prev {
    width: auto;
    top: auto;
    left: auto;
    right: 60px;
    bottom: 15px
}

.mastheads #carousel .carousel-control-next {
    top: auto;
    width: auto;
    bottom: 15px;
    right: 10px
}

.mastheads #carousel .carousel-control-pause {
    position: absolute;
    bottom: 15px;
    right: 32px
}

.mastheads #carousel .carousel-control-play {
    position: absolute;
    bottom: 11px;
    right: 32px;
    display: none
}

.option-browse {
    background: var(--paleblue); color: var(--navy);
    text-align: center;
    padding: 1rem
}

@media (min-width: 576px) {
    .option-browse {
        padding: 1.5rem
    }
}

@media (min-width: 768px) {
    .option-browse {
        padding: 2rem 1rem
    }
}

.option-browse form {
    text-align: center
}

.option-browse form p {
    margin: 0
}

.option-browse form .selector {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem; 
}

.option-browse form .selector span {
    font-size: 20px;
    line-height: 40px;
    color: var(--navy);
    display: inline-block;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .option-browse form .selector span {
        line-height: 50px;
        font-size: 24px;
        width: 110px
    }
}

@media (min-width: 992px) {
    .option-browse form .selector span {
        font-size: 30px;
        width: auto;
        line-height: 60px;
        white-space: nowrap
    }
}

@media (min-width: 1200px) {
    .option-browse form .selector span {
        width: auto
    }
}

.option-browse form .selector .custom-select {
    width: 220px;
    border-radius: 30px;
    padding-left: 1.5rem;
    height: 40px;
    position: relative;
    background: url(/templates/merrimack_2022/images/noline-arrow.png) no-repeat right 0 center/54px 60px;
    background-color: white; font-family: biennale, 'Century Gothic', sans-serif;;
}

.option-browse form .selector .custom-select:focus-visible {
    background: url(/templates/merrimack_2022/images/noline-arrow-up.png) no-repeat right 0 center/54px 60px;
    background-color: #f7f7f7
}

.option-browse form .selector .custom-select:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    content: '\f00d';
    color: #3b5f8b;
    border-left: 1px solid #3b5f8b;
    font-family: "Font Awesome 5 Pro"
}

.option-browse form .selector .custom-select option {
    padding: 5px
}

@media (min-width: 576px) {
    .option-browse form .selector .custom-select {
        width: 333px;
        height: 50px
    }
}

@media (min-width: 768px) {
    .option-browse form .selector .custom-select {
        width: 255px
    }
}

@media (min-width: 992px) {
    .option-browse form .selector .custom-select#iNeed {
        width: 272px;
        height: 60px; 	font-family: biennale, 'Century Gothic', sans-serif;; font-size: 30px;

    }
    .option-browse form .selector .custom-select#soICan {
        width: 325px;
        height: 60px; 	font-family: biennale, 'Century Gothic', sans-serif;; font-size: 30px;

    }
}

.option-browse form .cta {
	font-size: 24px;
    /*padding: .75rem 2.5rem*/
}
.option-browse form .cta:hover, .option-browse form .cta:focus {background-color: var(--yellow);}


@media (min-width: 992px) {
    .option-browse form .cta {
        /*padding: 1rem 3rem*/
    }
}

.home-promos {
    padding: 40px 0
}

.home-promos .container {
    padding: 0;
    max-width: 100%
}

@media (min-width: 992px) {
    .home-promos .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .home-promos .container {
        max-width: 1374px
    }
}

.home-promos .slick-prev,
.home-promos .slick-next {
    height: 40px
}

.home-promos .slick-prev {
    left: 10px
}

.home-promos .slick-prev:before {
    content: '\f104';
    color: var(--blue);
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;
    opacity: 1
}

@media (min-width: 768px) {
    .home-promos .slick-prev {
        left: 90px
    }
}

@media (min-width: 992px) {
    .home-promos .slick-prev {
        left: -10px
    }
}

.home-promos .slick-next {
    right: 10px
}

.home-promos .slick-next:before {
    content: '\f105';
    color: var(--blue);
    font-family: "Font Awesome 5 Pro";
    font-size: 40px;
    opacity: 1
}

@media (min-width: 768px) {
    .home-promos .slick-next {
        right: 90px
    }
}

@media (min-width: 992px) {
    .home-promos .slick-next {
        right: -10px
    }
}

.home-promos .code_block_center .slick-track {
    display: flex;
    gap: 0px
}

.home-promos .code_block_center .code_block_box {
    margin-left: 15px;
    margin-right: 15px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    position: relative;
    padding: 0 15px; color: var(--navy);
}

@media (min-width: 992px) {
    .home-promos .code_block_center .code_block_box {
        padding: 0
    }
}

.home-promos .code_block_center .code_block_box .code_block_indiv_image {
    border-top-right-radius: 40px;
    height: 242px;
    overflow: hidden
}

.home-promos .code_block_center .code_block_box .code_block_indiv_image img {
    border-top-right-radius: 40px;
    object-fit: cover;
    height: 100%;
    transition: width .5s ease-in-out, transform .5s ease-in-out
}

.home-promos .code_block_center .code_block_box .code_block_indiv_image:hover img {
    width: 110%;
    transform: translateX(-5%)
}

@media (min-width: 576px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_image {
        height: 339px
    }
}

@media (min-width: 768px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_image {
        height: 423px
    }
}

@media (min-width: 992px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_image:hover img {
        width: 110%;
        transform: translateX(-5%)
    }
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content {
    border-bottom-left-radius: 40px;
    border: 3px solid var(--yellow);
    border-top: 0;
    padding: 1.5rem;
    min-height: 185px
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content .cta {
    font-size: 20px;
    line-height: 26px;
    width: 80%;
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p {
    font-size: 20px
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:first-child {
    position: absolute;
    top: 200px;
    text-align: center;
    left: 0;
    right: 0
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:nth-child(2) {
    min-height: 5.5rem; margin-top: 20px;
}

@media (min-width: 1200px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_content p:nth-child(2) {
        min-height: 7rem
    }
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:last-child {
    text-align: center
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:last-child a {
    color: var(--navy)
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:last-child a:after {
    display: inline-block;
    margin-left: 5px;
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: var(--blue);
    font-size: 18px
}

.home-promos .code_block_center .code_block_box .code_block_indiv_content p:last-child a:hover:after, 
.home-promos .code_block_center .code_block_box .code_block_indiv_content p:last-child a:focus:after {
color: var(--yellow);
}



@media (min-width: 576px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_content p:first-child {
        top: 290px
    }
    .home-promos .code_block_center .code_block_box .code_block_indiv_content .cta {
        font-size: 26px;
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .home-promos .code_block_center .code_block_box .code_block_indiv_content p:first-child {
        top: 370px
    }
    .home-promos .code_block_center .code_block_box .code_block_indiv_content .cta {
        width: 90%
    }
}

@media (min-width: 576px) {
    .home-promos .code_block_center {
        gap: 30px
    }
    .home-promos .code_block_center .slick-track {
        gap: 30px
    }
    .home-promos .code_block_center .code_block_box {
        margin-left: 0;
        margin-right: 0
    }
}

.home-callout {
    padding-top: 48px;
    padding-bottom: 48px;
    font-weight: 300
}

@media (min-width: 576px) {
    .home-callout {
        padding-bottom: 56px
    }
}

@media (min-width: 768px) {
    .home-callout {
        padding-bottom: 97px
    }
}

@media (min-width: 992px) {
    .home-callout {
        padding-bottom: 76px
    }
    .home-callout .code_block_box {
        display: flex;
        flex-flow: row-reverse nowrap
    }
}

.home-callout .code_block_indiv_image {
    text-align: center
}

.home-callout .code_block_indiv_image img {
    width: 100%;
    max-width: 560px
}

@media (min-width: 768px) {
    .home-callout .code_block_indiv_image img {
        max-width: 100%
    }
}

.home-callout .code_block_indiv_content {
    text-align: center
}

@media (min-width: 992px) {
    .home-callout .code_block_indiv_content {
        flex: 555px 0 1;
        text-align: left
    }
}

.home-callout .code_block_indiv_content h2 {
    color: #3b5f8b;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 1rem;
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

@media (min-width: 768px) {
    .home-callout .code_block_indiv_content h2 {
        font-size: 36px;
        line-height: 42px
    }
}

.home-callout .code_block_indiv_content ul {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.home-callout .code_block_indiv_content ul li {
    position: relative;
    padding: 7.5px 0
}

.home-callout .code_block_indiv_content ul li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--navy);
    font-family: "Font Awesome 5 Pro"
}

@media (min-width: 450px) {
    .home-callout .code_block_indiv_content ul {
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .home-callout .code_block_indiv_content ul {
        margin: 0;
        margin-bottom: 2.25rem
    }
}

.home-callout-blue {
    font-weight: 300;
    padding-top: 48px;
    padding-bottom: 48px;
    background: #244a78;
    background: -moz-linear-gradient(top, #244a78 0%, var(--blue) 100%);
    background: -webkit-linear-gradient(top, #244a78 0%, var(--blue) 100%);
    background: linear-gradient(to bottom, #244a78 0%, var(--blue) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244a78', endColorstr='var(--blue)', GradientType=0)
}

@media (min-width: 576px) {
    .home-callout-blue {
        padding-bottom: 56px
    }
}

@media (min-width: 768px) {
    .home-callout-blue {
        padding-bottom: 50px
    }
}

@media (min-width: 992px) {
    .home-callout-blue {
        padding-bottom: 76px
    }
    .home-callout-blue .code_block_box {
        display: flex;
        flex-flow: row nowrap
    }
}

.home-callout-blue .code_block_indiv_image {
    text-align: center
}

.home-callout-blue .code_block_indiv_image img {
    width: 100%;
    max-width: 560px
}

@media (min-width: 768px) {
    .home-callout-blue .code_block_indiv_image img {
        max-width: min-content
    }
}

@media (min-width: 992px) {
    .home-callout-blue .code_block_indiv_image {
        flex: 555px 0 1;
        text-align: left
    }
}

.home-callout-blue .code_block_indiv_content {
    text-align: center;
    color: white
}

@media (min-width: 992px) {
    .home-callout-blue .code_block_indiv_content {
        flex: 555px 0 1;
        text-align: left
    }
}

.home-callout-blue .code_block_indiv_content h2 {
    color: white;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 1rem;
    font-weight: 700
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

@media (min-width: 768px) {
    .home-callout-blue .code_block_indiv_content h2 {
        font-size: 36px;
        line-height: 42px
    }
}

.home-callout-blue .code_block_indiv_content ul {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.home-callout-blue .code_block_indiv_content ul li {
    position: relative;
    padding: 7.5px 0
}

.home-callout-blue .code_block_indiv_content ul li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--yellow);
    font-family: "Font Awesome 5 Pro"
}

@media (min-width: 450px) {
    .home-callout-blue .code_block_indiv_content ul {
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .home-callout-blue .code_block_indiv_content ul {
        margin: 0;
        margin-bottom: 2.25rem
    }
}

.home-callout-blue .code_block_indiv_content .cta {
    background: var(--yellow);
    color: black
}

.home-callout-blue .code_block_indiv_content .cta:hover,
.home-callout-blue .code_block_indiv_content .cta:active,
.home-callout-blue .code_block_indiv_content .cta:focus {
    background: var(--navy);
    color: white
}

.home-callout-light {
    font-weight: 300;
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #eef3fa
}

@media (min-width: 576px) {
    .home-callout-light {
        padding-bottom: 56px
    }
}

@media (min-width: 768px) {
    .home-callout-light {
        padding-bottom: 0px
    }
}

@media (min-width: 992px) {
    .home-callout-light {
        padding-bottom: 0px
    }
    .home-callout-light .code_block_box {
        display: flex;
        flex-flow: row nowrap
    }
}

.home-callout-light .code_block_indiv_image {
    text-align: center
}

.home-callout-light .code_block_indiv_image img {
    width: 100%;
    max-width: 560px
}

@media (min-width: 768px) {
    .home-callout-light .code_block_indiv_image img {
        max-width: 455px
    }
}

@media (min-width: 992px) {
    .home-callout-light .code_block_indiv_image {
        flex: 555px 0 1;
        text-align: left
    }
}

.home-callout-light .code_block_indiv_content {
    text-align: center;
    color: black
}

@media (min-width: 992px) {
    .home-callout-light .code_block_indiv_content {
        flex: 555px 0 1;
        text-align: left;
        padding-left: 30px
    }
}

.home-callout-light .code_block_indiv_content h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 1rem;
    font-weight: 700
}

@media (min-width: 768px) {
    .home-callout-light .code_block_indiv_content h2 {
        font-size: 36px;
        line-height: 42px
    }
}

.home-callout-light .code_block_indiv_content ul {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.home-callout-light .code_block_indiv_content ul li {
    position: relative;
    padding: 7.5px 0
}

.home-callout-light .code_block_indiv_content ul li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--blue);
    font-family: "Font Awesome 5 Pro"
}

@media (min-width: 450px) {
    .home-callout-light .code_block_indiv_content ul {
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .home-callout-light .code_block_indiv_content ul {
        margin: 0;
        margin-bottom: 2.25rem
    }
}

.home-callout-light .code_block_indiv_content .cta {
    background: var(--navy);
    color: white
}

.home-callout-light .code_block_indiv_content .cta:hover,
.home-callout-light .code_block_indiv_content .cta:active,
.home-callout-light .code_block_indiv_content .cta:focus {
    background: var(--blue);
    color: white
}

.home-resources {
    padding: 40px 0
}

.home-resources .code_block .code_block_center {
    display: flex;
    flex-direction: column
}

@media (min-width: 576px) {
    .home-resources .code_block .code_block_center {
        flex-direction: row;
        gap: 30px
    }
}

.home-resources .code_block .code_block_center .code_block_box {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    max-width: 268px;
    margin: 0 auto 20px
}

@media (min-width: 992px) {
    .home-resources .code_block .code_block_center .code_block_box {
        max-width: 290px
    }
}

@media (min-width: 1200px) {
    .home-resources .code_block .code_block_center .code_block_box {
        max-width: 438px
    }
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_image img {
    border-top-right-radius: 30px
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--navy); color: white;
    border-radius: 0 0 30px 30px;
    text-align: center;
    padding: 20px
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content:hover {
    background: var(--blue); color:  var(--navy);
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content p {
    margin: 0
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content a {
    color: white;
    font-size: 18px; 
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content:hover  a{
    text-decoration: none; color:  var(--yellow);
}

.home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content a:after {
    display: inline-block;
    margin-left: 5px;
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: var(--yellow);
    font-size: 18px; font-weight: 900;
}

@media (min-width: 768px) {
    .home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content {
        padding: 20px 40px
    }
    .home-resources .code_block .code_block_center .code_block_box .code_block_indiv_content a {
        font-size: 22px
    }
}

.interior-mastheads {
    position: relative;
    overflow-x: hidden
}

.interior-mastheads .masthead-mobile .code_block .code_block_box {
    position: relative;
    height: 415px
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_image {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_image img {
    width: 230px !important;
    position: absolute;
    bottom: 0;
    left: calc(calc(100% - 230px) / 2)
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column nowrap;
    padding: 4rem 2rem
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1 {
    font-size: 30px;
    line-height: 36px;
    position: relative;
    color: black;
    padding: 0 10px
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1:before {
    position: absolute;
    left: -1.5rem;
    top: 10px;
    content: "\201C";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

.interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1:after {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    content: "\201D";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

@media (min-width: 576px) {
    .interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content h1 {
        padding: 0
    }
}

@media (min-width: 576px) {
    .interior-mastheads .masthead-mobile .code_block .code_block_box .code_block_indiv_content {
        padding: 2rem
    }
}

.interior-mastheads .masthead-desktop .code_block .code_block_box {
    position: relative;
    height: 324px;
    max-width: 1200px;
    margin: 0 auto
}

@media (min-width: 576px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box {
        height: 264px
    }
}

@media (min-width: 768px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box {
        height: 338px
    }
}

@media (min-width: 992px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box {
        height: 400px
    }
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image {
    text-align: center;
    position: absolute;
    inset: 0 0 0 0
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
    width: 325px !important;
    position: absolute;
    bottom: 0;
    right: -55px
}

@media (min-width: 768px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        width: 375px !important
    }
}

@media (min-width: 992px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        width: auto !important;
        right: -110px
    }
}

@media (min-width: 1200px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_image img {
        right: 0px
    }
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
    width: 320px;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap
}

@media (min-width: 768px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
        left: 5rem
    }
}

@media (min-width: 992px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content {
        width: 480px
    }
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
    font-size: 30px;
    line-height: 36px;
    position: relative;
    margin-bottom: 22px;
    color: black
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:before {
    position: absolute;
    left: -1.5rem;
    top: 1.5rem;
    content: "\201C";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:after {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    content: "\201D";
    font-family: serif;
    color: var(--navy);
    font-size: 80px
}

@media (min-width: 768px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
        font-size: 36px;
        line-height: 42px
    }
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:before {
        left: -2.5rem
    }
}

@media (min-width: 992px) {
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1 {
        margin-bottom: 2rem;
        font-size: 40px;
        line-height: 48px
    }
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:before {
        left: -60px;
        top: -10px
    }
    .interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content h1:after {
        right: -60px;
        bottom: -45px
    }
}

.interior-mastheads .masthead-desktop .code_block .code_block_box .code_block_indiv_content .cta {
    background: var(--yellow);
    color: black
}

.interior-masthead-callout {
    background: var(--blue);
    padding: 26px 15px;
    text-align: center
}

.interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content {
    display: flex;
    flex-direction: column;
    color: white
}

.interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 1.25rem;
    color: inherit;
    font-weight: 400
}

@media (min-width: 768px) {
    .interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content h2 {
        font-size: 24px;
        line-height: 36px
    }
}

.interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 992px) {
    .interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly
    }
    .interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content h2 {
        max-width: 430px;
        font-size: 30px;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .interior-masthead-callout .code_block .code_block_center .code_block_box .code_block_indiv_content h2 {
        max-width: 600px
    }
}

@media (min-width: 768px) {
    .interior-masthead-callout {
        padding: 32px 15px
    }
}

@media (min-width: 992px) {
    .interior-masthead-callout {
        padding: 36px 15px
    }
}

@media (min-width: 1200px) {
    .interior-masthead-callout {
        padding: 36px 15px
    }
}

.bottom-regions {
    padding: 0 0 40px
}

.bottom-regions h2 {
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 1200px) {
    .bottom-regions .code_block {
        margin: 0 -8.3rem
    }
}

.bottom-regions .code_block .code_block_center {
    display: flex;
    flex-direction: column
}

@media (min-width: 576px) {
    .bottom-regions .code_block .code_block_center {
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        gap: 30px
    }
}

.bottom-regions .code_block .code_block_center .code_block_box {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    max-width: 268px;
    margin: 0 auto 20px
}

@media (min-width: 992px) {
    .bottom-regions .code_block .code_block_center .code_block_box {
        max-width: 290px
    }
}

@media (min-width: 1200px) {
    .bottom-regions .code_block .code_block_center .code_block_box {
        max-width: 375px;
        margin: 0
    }
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_top,
.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_bttm {
    display: none
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_image img {
    border-top-right-radius: 30px
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--navy);
    border-radius: 0 0  30px 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0px
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content:hover {
    background: var(--blue); color: var(--navy);
}


.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content p {
    margin: 0
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content a {
    color: white;
    font-size: 18px
}
.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content:hover a{
     color: var(--navy);
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content a:hover {
    text-decoration: none; color: var(--paleyellow);
}

.bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content a:after {
    display: inline-block;
    margin-left: 5px;
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: var(--yellow);
    font-size: 18px; font-weight: 900;
}

@media (min-width: 768px) {
    .bottom-regions .code_block .code_block_center .code_block_box .code_block_indiv_content a {
        font-size: 22px
    }
}

.landing-promo {
    margin-bottom: 40px
}

.landing-promo+p {
    margin: 0
}

@media (min-width: 576px) {
    .landing-promo {
        margin-bottom: 44px
    }
}

@media (min-width: 768px) {
    .landing-promo {
        margin-bottom: 48px
    }
}

@media (min-width: 992px) {
    .landing-promo {
        margin-bottom: 80px
    }
}

.landing-promo .code_block .code_block_center {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (min-width: 576px) {
    .landing-promo .code_block .code_block_center {
        flex-direction: row;
        gap: 30px
    }
}

.landing-promo .code_block .code_block_center .code_block_box {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    margin: 0 auto 0px;
    display: flex;
    flex: 100% 0 1
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_image {
    background-color: #eef3fa;
    border-bottom-left-radius: 30px;
    flex: 65px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_image img {
    border-top-right-radius: 30px;
    padding-top: 3px;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out
}

@media (min-width: 576px) {
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_image {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 30px;
        padding-top: 0px
    }
}

@media (min-width: 992px) {
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_image {
        height: 220px
    }
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content {
    border-top-right-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 20px;
    flex: auto 1 1;
    position: relative
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content p {
    margin: 0
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content>p:first-child {
    display: none
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content>p:last-child {
    display: block
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content a {
    color: black;
    font-size: 16px;
    line-height: 18px;
    transition: color 0.3s ease-in-out
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content a:hover {
    text-decoration: none
}

.landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content a:after {
    display: inline-block;
    margin-left: 5px;
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: black;
    font-size: 18px
}

@media (min-width: 576px) {
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content {
        padding: 6px 20px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
        justify-content: center
    }
}

@media (min-width: 768px) {
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content {
        padding: 9px 30px
    }
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content a {
        font-size: 20px;
        line-height: 24px
    }
}

@media (min-width: 992px) {
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content {
        padding: 23px 30px
    }
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content>p:first-child {
        opacity: 0;
        transition: opacity .3s ease-in-out;
        display: block;
        position: absolute;
        top: -115%;
        padding: 0 15px;
        background: #eef3fa
    }
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content>p:last-child {
        position: static;
        background: transparent;
        opacity: 1;
        padding: 0
    }
    .landing-promo .code_block .code_block_center .code_block_box .code_block_indiv_content a {
        font-size: 24px
    }
}

@media (min-width: 576px) {
    .landing-promo .code_block .code_block_center .code_block_box {
        display: block;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
        background-color: #eef3fa
    }
}

@media (min-width: 992px) {
    .landing-promo .code_block .code_block_center .code_block_box {
        max-width: 290px
    }
    .landing-promo .code_block .code_block_center .code_block_box:hover .code_block_indiv_image img {
        width: 33%;
        transform: translateY(-30px)
    }
    .landing-promo .code_block .code_block_center .code_block_box:hover .code_block_indiv_content a {
        color: white
    }
    .landing-promo .code_block .code_block_center .code_block_box:hover .code_block_indiv_content a:after {
        color: inherit
    }
    .landing-promo .code_block .code_block_center .code_block_box:hover .code_block_indiv_content>p:first-child {
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .landing-promo .code_block .code_block_center .code_block_box {
        max-width: 438px
    }
}

.landing-promo .code_block .code_block_top,
.landing-promo .code_block .code_block_bttm,
.landing-promo .code_block .code_block_indiv_top,
.landing-promo .code_block .code_block_indiv_bttm {
    display: none
}

.landing-promo.green .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: #89b860
}

.landing-promo.green .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--blue)
}

.landing-promo.lightteal .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--paleblue)
}

.landing-promo.lightteal .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--blue)
}

.landing-promo.teal .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--blue)
}

.landing-promo.teal .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--paleblue)
}

.landing-promo.orange .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--salmon)
}

.landing-promo.orange .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--blue)
}

.landing-promo.pink .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: #c46ba2
}

.landing-promo.pink .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--blue)
}

.landing-promo.yellow .code_block .code_block_center .code_block_box .code_block_indiv_content {
    background: var(--paleyellow)
}

.landing-promo.yellow .code_block .code_block_center .code_block_box:hover .code_block_indiv_content {
    background: var(--blue)
}

.fullwidth-blue {
    clear: both;
    background: var(--pale);
    padding: 1.5rem 1rem;
    margin: 0 -1rem 2.5rem
}

.fullwidth-blue hr {
    margin: 40px auto;
    border-color: var(--blue)
}

.fullwidth-blue h2 {
    margin-top: calc(40px - .5rem)
}

@media (min-width: 576px) {
    .fullwidth-blue {
        padding: .5rem 1rem
    }
}

.fullwidth-promo {
    clear: both;
    margin: 0 -1rem;
    margin-bottom: 46px
}

@media (min-width: 576px) {
    .fullwidth-promo {
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .fullwidth-promo {
        margin-bottom: 40px
    }
}

@media (min-width: 992px) {
    .fullwidth-promo {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .fullwidth-promo {
        margin: 0 auto;
        margin-bottom: 40px
    }
}

.fullwidth-promo .code_block .code_block_indiv_image {
    text-align: center
}

.fullwidth-promo .code_block .code_block_indiv_image img {
    width: 100%
}

@media (min-width: 768px) {
    .fullwidth-promo .code_block .code_block_indiv_image img {
        max-width: min-content
    }
}

@media (min-width: 992px) {
    .fullwidth-promo .code_block .code_block_indiv_image img {
        height: 100%;
        object-fit: cover
    }
}

@media (min-width: 992px) {
    .fullwidth-promo .code_block .code_block_indiv_image {
        flex: 430px 1 1;
        text-align: left;
        margin-left: -10px
    }
}

.fullwidth-promo .code_block .code_block_indiv_content {
    text-align: left;
    color: white;
    border-bottom-left-radius: 30px;
    padding: 3rem 2rem;
    background: #244a78;
    background: -moz-linear-gradient(top, #244a78 0%, var(--blue) 100%);
    background: -webkit-linear-gradient(top, #244a78 0%, var(--blue) 100%);
    background: linear-gradient(to bottom, #244a78 0%, var(--blue) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244a78', endColorstr='var(--blue)', GradientType=0)
}

@media (min-width: 992px) {
    .fullwidth-promo .code_block .code_block_indiv_content {
        flex: 595px 0 1;
        text-align: left;
        margin-left: -20px;
        margin-right: -20px
    }
}

.fullwidth-promo .code_block .code_block_indiv_content h2 {
    color: white;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 1rem;
    font-weight: 700
}

@media (min-width: 768px) {
    .fullwidth-promo .code_block .code_block_indiv_content h2 {
        font-size: 36px;
        line-height: 42px
    }
}

.fullwidth-promo .code_block .code_block_indiv_content>p {
    font-size: 20px;
    line-height: 26px
}

.fullwidth-promo .code_block .code_block_indiv_content ul {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none;
    padding-left: 25px
}

.fullwidth-promo .code_block .code_block_indiv_content ul li {
    position: relative;
    padding: 7.5px 0
}

.fullwidth-promo .code_block .code_block_indiv_content ul li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--yellow);
    font-family: "Font Awesome 5 Pro"
}

@media (min-width: 450px) {
    .fullwidth-promo .code_block .code_block_indiv_content ul {
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .fullwidth-promo .code_block .code_block_indiv_content ul {
        margin: 0;
        margin-bottom: 2.25rem
    }
}

.fullwidth-promo .code_block .code_block_indiv_content .cta-orange {
    padding: .75rem 5rem
}

@media (min-width: 992px) {
    .fullwidth-promo .code_block .code_block_box {
        display: flex
    }
}

@media (min-width: 1200px) {
    .fullwidth-promo .code_block .code_block_box .code_block_indiv_content {
        flex: 850px 1 0;
        padding-left: 105px
    }
}

table {
    margin: 0
}

table thead th {
    background: var(--blue);
    color: white;
    font-size: 14px;
    line-height: 16px;
    padding: 1rem
}

@media (min-width: 576px) {
    table thead th {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 768px) {
    table thead th {
        font-size: 20px;
        line-height: 30px
    }
}

table tbody tr td {
    font-size: 16px;
    padding: .5rem 1rem
}

table tbody tr:nth-child(even) td {
    background: white;
    font-size: 16px;
    padding: .5rem 1rem
}

.content_rates_table {
    margin: 0
}

.content_rates_table .content_rates_table_title,
.content_rates_table .content_rates_table_effectivedate {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 576px) {
    .content_rates_table {
        margin: 0;
        width: 100%
    }
    .content_rates_table .content_rates_table_title,
    .content_rates_table .content_rates_table_effectivedate {
        padding-left: 0;
        padding-right: 0
    }
}

.content_rates_table .content_rates_table_effectivedate {
    font-size: 12px;
    line-height: 1.3;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .content_rates_table .content_rates_table_effectivedate {
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 2rem
    }
}

.content_rates_table .content_rates_table_fields_row .content_rates_table_fields {
    background: var(--blue);
    color: white;
    font-size: 14px;
    line-height: 16px;
    padding: 1rem
}

@media (min-width: 576px) {
    .content_rates_table .content_rates_table_fields_row .content_rates_table_fields {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 768px) {
    .content_rates_table .content_rates_table_fields_row .content_rates_table_fields {
        font-size: 20px;
        line-height: 30px
    }
}

.content_rates_table .content_rates_table_row1 {
    font-size: 16px;
    padding: .5rem 1rem
}

.content_rates_table .content_rates_table_row2 {
    background: white;
    font-size: 16px;
    padding: .5rem 1rem
}

.disclosures {
    padding: 1.5rem 0
}

.disclosures h5 {
    color: black
}

.disclosures p {
    font-size: 16px
}

.disclosures a:not([class]),
.disclosures a.arrow-link {
    text-decoration: underline
}

.cta,
button.modal_button {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--navy);
    color: white;
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta:hover,
.cta:active,
.cta:focus,
button.modal_button:hover,
button.modal_button:active,
button.modal_button:focus {
    background: var(--paleblue);
    color: var(--navy);
    text-decoration: none
}


.cta-yellow {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--yellow);
    color:var(--navy);
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-yellow:hover,
.cta-yellow:active,
.cta-yellow:focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}

/*********/

.cta-orange,
button[data-dismiss=modal]:not(.close) {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--yellow);
    color:var(--navy);
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-orange:hover,
.cta-orange:active,
.cta-orange:focus,
button[data-dismiss=modal]:not(.close):hover,
button[data-dismiss=modal]:not(.close):active,
button[data-dismiss=modal]:not(.close):focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}

.cta-lightteal {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--navy);
    color: white;
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-lightteal:hover,
.cta-lightteal:active,
.cta-lightteal:focus {
    background: var(--paleblue);
    color: var(--navy);
    text-decoration: none
}

.cta-pink {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--yellow);
    color:var(--navy);
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-pink:hover,
.cta-pink:active,
.cta-pink:focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}

.cta-teal {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--navy);
    color: white;
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-teal:hover,
.cta-teal:active,
.cta-teal:focus {
    background: var(--paleblue);
    color: var(--navy);
    text-decoration: none
}

.cta-lightyellow {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--yellow);
    color:var(--navy);
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-lightyellow:hover,
.cta-lightyellow:active,
.cta-lightyellow:focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}

.cta-lightgreen {
    display: inline-block;
    padding: .75rem 1.25rem;
    background: var(--navy);
    color: white;
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none;
    margin: 1rem 0
}

.cta-lightgreen:hover,
.cta-lightgreen:active,
.cta-lightgreen:focus {
    background: var(--paleblue);
    color: var(--navy);
    text-decoration: none
}
/*************/


.cms_form_submit {
    display: inline-block;
    padding: .75rem 5rem;
    background: var(--yellow);
    color:var(--navy);
    font-size: 18px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: none
}

.cms_form_submit:hover,
.cms_form_submit:active,
.cms_form_submit:focus {
    background: var(--navy);
    color: white;
    text-decoration: none
}


.yellow-check {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.yellow-check li {
    position: relative;
    padding: 7.5px 0
}

.yellow-check li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--blue);
    font-family: "Font Awesome 5 Pro"
}

.yellow-check ul {
    list-style: none
}

@media (min-width: 450px) {
    .yellow-check {
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .yellow-check {
        margin: 0;
        margin-bottom: 2.25rem
    }
    .yellow-check.wrap {
        display: flex;
        flex-flow: row wrap
    }
    .yellow-check.wrap li {
        display: inline-flex;
        flex: 50% 1 1
    }
}

.orange-check {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.orange-check li {
    position: relative;
    padding: 7.5px 0
}

.orange-check li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--salmon);
    font-family: "Font Awesome 5 Pro"
}

.orange-check ul {
    list-style: none
}

@media (min-width: 450px) {
    .orange-check {
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .orange-check {
        margin: 0;
        margin-bottom: 2.25rem
    }
    .orange-check.wrap {
        display: flex;
        flex-flow: row wrap
    }
    .orange-check.wrap li {
        display: inline-flex;
        flex: 50% 1 1
    }
}

.red-check {
    text-align: left;
    margin-bottom: 2.25rem;
    list-style: none
}

.red-check li {
    position: relative;
    padding: 7.5px 0
}

.red-check li:before {
    display: inline-block;
    position: absolute;
    left: -20px;
    content: '\f00c';
    color: var(--red);
    font-family: "Font Awesome 5 Pro"
}

.red-check ul {
    list-style: none
}

@media (min-width: 450px) {
    .red-check {
        margin: 0 auto;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 992px) {
    .red-check {
        margin: 0;
        margin-bottom: 2.25rem
    }
    .red-check.wrap {
        display: flex;
        flex-flow: row wrap
    }
    .red-check.wrap li {
        display: inline-flex;
        flex: 50% 1 1
    }
}

.arrow-link {
    color: #3b5f8b
}

.arrow-link:after {
    display: inline-block;
    margin-left: 5px;
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    color: var(--navy);
    font-size: 18px
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5)
}

.carousel-caption>* {
    color: white
}

.collapse-wrap * {
    display: none;
    padding: 0 75px
}

.collapse-wrap h2:first-child {
    display: block;
    background: var(--blue);
    color: white;
    padding: 5px 10px;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    font-size: 20px
}

.collapse-wrap p * {
    padding: 0
}

.collapse-wrap ul {
    padding-left: 90px
}

.collapse-wrap ul li {
    padding: 5px
}

.collapse-wrap .collapse-indicator {
    display: inline-block;
    padding: 0 25px
}

.collapse-wrap .collapse-indicator span.fa {
    padding: 0;
    font-size: 20px
}

.collapse-wrap.open p,
.collapse-wrap.open h1,
.collapse-wrap.open h2:nth-child(n+2),
.collapse-wrap.open h3,
.collapse-wrap.open h4,
.collapse-wrap.open h5,
.collapse-wrap.open h6,
.collapse-wrap.open ul,
.collapse-wrap.open ol,
.collapse-wrap.open blockquote,
.collapse-wrap.open div {
    display: block
}

.collapse-wrap.open div.row {
    display: flex
}

.collapse-wrap.open ul li,
.collapse-wrap.open ol li {
    display: list-item
}

.collapse-wrap.open ul li *,
.collapse-wrap.open ol li * {
    padding: 0
}

.collapse-wrap.open a,
.collapse-wrap.open strong,
.collapse-wrap.open em,
.collapse-wrap.open code,
.collapse-wrap.open span,
.collapse-wrap.open font {
    display: inline
}

.collapse-wrap.open blockquote {
    border: 0
}

.collapse-wrap.open ol {
    padding: 0 90px
}

.collapse-wrap.open ol li {
    padding: 0
}

.collapse-wrap.open>h2>span.collapse-indicator {
    display: inline-block
}

.collapse-wrap.open h2 {
    background: #244a78;
    color: white
}

.pipe {
    font-weight: 700;
    margin: 0 5px
	font-family: 'biennaleB', 'Century Gothic', sans-serif;

}

.sideslider {
    width: calc(100% + 4rem);
    overflow: auto;
    margin: 0 -2rem
}

.breaker {
    clear: both
}

.fullwidth-blue .sideslider {
    margin: 0 -2rem;
    width: calc(100% + 4rem)
}

.fullwidth-blue .sideslider .content_rates_table {
    margin: 0
}

.fullwidth-blue .sideslider .content_rates_table .content_rates_table_title,
.fullwidth-blue .sideslider .content_rates_table .content_rates_table_effectivedate {
    padding-left: 1rem
}

.navbar-toggler[aria-expanded="true"] i:before {
    content: "\f00d"
}

.alertholder {
    width: 100%
}

.alertbar {
    padding: 10px 0;
    width: 100%
}

.alert {
    width: 96%;
    max-width: 1160px;
    margin: 0 auto;
    padding-right: 40px;
    position: relative;
    text-align: left
}

.alert_icon {
    float: left;
    font-size: 30px;
    margin-right: 1rem
}

.alert>p {
    margin-bottom: 0;
    margin-top: 1rem
}

button.exed {
    border: none;
    background: tranparent;
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    display: block;
    text-decoration: none !important
}

button.exed:before {
    content: "\f057";
    font-family: 'Font Awesome 5 Pro'
}

.faq_featured_block {
    margin: 20px 0 0 0 !important;
    display: block
}

.faq_header {
    display: block
}

.faq_question_block_slide {
    padding: 10px 0;
    border-bottom: 0
}

.faq_question_block_slide_question {
    padding: 0;
    border: solid 0px red
}

.faq_question_block_slide_answer {
    padding: 0 20px 10px 20px
}

.cms_form_collapsible_header {
    background: none;
    border-bottom: 0
}

button.divheader,
.cms_form_collapsible_header a,
.cms_form_collapsible_header a:visited,
.faq_question_block_slide_question_closed a,
.faq_question_block_slide_question_closed a:visited {
    background-color: #3b5f8b;
    color: WHITE;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none !important
}

button.divheader {
    margin-top: 20px;
    width: 100%;
    text-align: left;
    border: 0 !important
}

button.divheader:hover,
button.divheader:focus,
.cms_form_collapsible_header a:hover,
.cms_form_collapsible_header a:focus,
.faq_question_block_slide_question_closed a:hover,
.faq_question_block_slide_question_closed a:focus {
    background-color: var(--navy);
    color: WHITE
}

.cms_form_collapsible_header.open a,
.faq_question_block_slide_question_open a {
    background-color: var(--salmon);
    color: WHITE;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none
}

.cms_form_collapsible_header a:before,
.faq_question_block_slide_question_closed a:before {
    content: ''
}

button.divheader:after,
.cms_form_collapsible_header a:after,
.faq_question_block_slide_question_closed a:after {
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    position: relative;
    float: right
}

button.divheader.open,
.cms_form_collapsible_header.open a:before,
.faq_question_block_slide_question_open a:before {
    content: ''
}

button.divheader.open:after,
.cms_form_collapsible_header.open a:after,
.faq_question_block_slide_question_open a:after {
    content: '\f068';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    position: relative;
    float: right
}

.divcontent {
    width: 100%;
    padding: 0px 50px 20px 50px;
    display: none
}

.large-text {
    color: black;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 14px;
    font-weight: 400
}

#mainMenu .skiptranslate.goog-te-gadget,
#mainMenu .goog-logo-link,
#mainMenu .goog-logo-link:link,
#mainMenu .goog-logo-link:visited,
#mainMenu .goog-logo-link:hover,
#mainMenu .goog-logo-link:active {
    color: white;
    font-weight: 400;
    font-size: 11.5px
}

a:not([href]):not([tabindex])[name] {
    position: relative;
    top: -180px;
    display: block
}

#google_translate_element{color: white;}
.skiptranslate.goog-te-gadget{color: white;}
.skiptranslate.goog-te-gadget a{color: white;}

.router{position: absolute; top: 0; left: 0; padding: 20px}
.router ul{list-style:none; padding: 0; margin: 0;}
.router  li{list-style:none; padding: 0; margin: 0;}
.router .notalink{color: white !important;font-size: 14px;}

.omnibrowse-code-button.cta{background-color: var(--blue); color: var(--navy);}
.omnibrowse-code-button.cta:hover, .omnibrowse-code-button.cta:focus{color: var(--blue); background-color: var(--navy);}

.hbmessage{color: white;}


.interior-mastheads .masthead-mobile .boxwrap .code_block .code_block_center .code_block_box .code_block_indiv_content h1
 {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

@media (min-width: 500px) {
.interior-mastheads .masthead-mobile .boxwrap .code_block .code_block_center .code_block_box .code_block_indiv_content h1 
	{
	    font-size: 30px;
	    line-height: 36px;
	}
}