--primary-color: #0062AB;
--primary-color-contrast: #ffffff;
--secondary-color: #F1AF39;
--secondary-color-contrast: #000000;
--link-color: #0062AB;
--links-color: #0062AB;
--heading: #0062AB;
--heading-color: #0062AB;
--page-builder-color: #0062AB;
--alert-text-color: #000000;
--alert-background-color: #FFFFFF;
--alert-link-color: #0062AB;
--alert-lightbox-shadow-color: #000000;

* { margin: 0; padding: 0; outline: 0; }

::-moz-selection {}
::selection {}
::-webkit-selection {}

:focus-visible {
    outline-color: -webkit-focus-ring-color !important;
    outline-style: auto !important;
    outline-width: 5px !important;
}
input:focus-visible {outline: none !important;}
select:focus-visible {outline: none !important;}
textarea:focus-visible {outline: none !important;}

form input:focus {border-width:1px;outline: 1px solid #000000 !important; outline-offset:0 !important;}
form input:focus-visible {border-width:1px;outline: 1px solid #000000 !important; outline-offset:0 !important;}
form textarea:focus {border-width:1px;outline: 1px solid #000000 !important; outline-offset:0 !important;}
form textarea:focus-visible {border-width:1px;outline: 1px solid #000000 !important; outline-offset:0 !important;}

#noJS {text-align:center; padding: 0px; width:100%; background-color:rgb(255, 255, 224); font-weight:normal; font-style:italic; line-height:2rem;}

html {min-height: 100%;-webkit-tap-highlight-color:transparent;}
html.showmenu {overflow:hidden;}
body { min-height: 100%;}

div.testsize {display:block;position:absolute;left:0;top:0;color:#fff;width:auto;height:auto;font-size:16px;z-index:999;}

.progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 55px;width: 55px;-webkit-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-2px);border-radius: 50%;z-index: 998;box-shadow: inset 0 0 0 3px rgba(0, 98, 171,.4);cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; background:rgba(0, 98, 171,.1);}
.progress-gotop.hide {opacity: 0;bottom:-55px}
.progress-gotop.show {opacity: 1; bottom:20px;}
.progress-gotop:hover {background:rgba(0, 98, 171,.2);}
.progress__container {position: relative; width: 100%; height: 0; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end}
.progress__arrow {position: absolute; width: 100%; height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-transition: .5s;transition:.5s}
.progress__arrow svg {height: 26px;width:24px}
.progress__arrow svg path { stroke:#0062AB;stroke-width: 2;stroke-linecap:round}
.progress-gotop .progress-circle { height: 100%;width:100%}
.progress-gotop .progress-circle path {stroke: #0062AB; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;}

img { outline: 0; border: 0;}
a {-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;border:none;outline:0;}
button {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; outline: none !important;}

button {outline: none !important; }
button:focus {box-shadow: none !important;}

body { font-family: 'helvetica-neue-lt-pro', sans-serif; font-optical-sizing: auto; font-weight:400; font-style:normal; font-size: 16px; line-height:1.5; color:#000000; padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; background:#ffffff; -ms-text-size-adjust:100%; -webkit-text-size-adjust: 100%;  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

.fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.animate__animated {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.notransition {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.btn.focus, .btn:focus {box-shadow: none !important;}

a, a:visited {color:#0062AB; cursor:pointer; text-decoration:underline; text-decoration-thickness: 2px; text-underline-offset: 4px; outline:none; border:none; transition: all 0.3s ease;}
a:hover {text-decoration-thickness: 4px; text-decoration:underline; color:#0062AB;}
/*a:not(.btn):hover, a:not(.btn):focus {color:#000000;text-decoration: underline;}*/

div { display: block; }
ol, ul {list-style: none;margin:0;padding:0;}
ul li { list-style: none; padding: 0; margin: 0;}
ol li {list-style: none; padding: 0; margin: 0;}
p {margin: 0; padding:0;line-height: 1.75; font-size: 16px;}

#main p {margin-bottom: 19px;}

.btn {text-decoration: none;text-align: center; border: 1px solid transparent; border-radius: 8px; font-size: 16px; font-weight: 400; padding: 10px 24px; min-width:116px; display: inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; flex: 1; margin: 0; position: relative; transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out}
.btn:hover {text-decoration: none;}

.btn.btn-primary {border-color:#0062AB; color:#0062AB; background-color:#fff;}
.btn.btn-primary:hover {border-color:#0062AB; color:#fff; background-color:#0062AB;}

.btn.btn-secondary {background-color:#f1af39; color:#000; border-color:#f1af39; }
.btn.btn-secondary:hover {border-color:#0062AB; background-color:#fff; color:#0062ab;}

.btn.btn-default {border-color:#0062AB; color:#fff; background-color:#0062AB;}
.btn.btn-default:hover {border-color:#0062AB; color:#0062AB; background-color:#fff;}

.btn.btn-secondary.btn-form {column-gap: 8px; padding-right: 55px;}
.btn.btn-secondary.btn-form:after {content: ''; display: block; height:20px; width:20px; background-color:#000; position: absolute; right: 24px; mask-repeat: no-repeat; mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M10.8618 3.44922L17.9125 10.4999L10.8618 17.5507' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.9124 10.5L2.91248 10.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position-x: 50%; -webkit-mask-position-y: 50%; transition: all 0.35s ease-in-out 0s;}
.btn.btn-secondary.btn-form:hover:after {background-color:#0062ab; }
.btn.btn-secondary.btn-form:hover:after {right:19px;}

strong, b {font-weight:700; font-style:normal;}
i { font-style: normal !important; }
em {font-weight:400; font-style: italic;}

h1,h2,h3,h4,h5,h6 {font-weight: 700; line-height: 1.2; color: #0062ab; }
h1 {font-size: 32px;}
h2 {font-size: 32px;}
h3 {font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem);line-height: 1.4;}
h4 {font-size: clamp(1.125rem, 1.036rem + 0.238vw, 1.25rem); line-height: 1.4;}
h5 {font-size: 14px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase;}

::-webkit-input-placeholder {color: #000; color: rgba(0,0,0,0.25);}
:-moz-placeholder {color: #000; color: rgba(0,0,0,0.25);}
::-moz-placeholder {color: #000; color: rgba(0,0,0,0.25);}
:-ms-input-placeholder {color: #000; color: rgba(0,0,0,0.25);}
.placeholder {color: #000; color: rgba(0,0,0,0.25);}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {background-color: #ffffff !important; color:#ED1C24 !important; border: 1px solid #434343; -webkit-text-fill-color: #000000;-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;box-shadow: 0 0 0px 1000px #ffffff inset;transition: background-color 5000s ease-in-out 0s;}

.form-control {border-radius: .25em; -webkit-transition: all .15s ease-out 0s; transition: all .15s ease-out 0s; background-color: #ffffff; color:#000; box-sizing: border-box; height:auto;padding:.6em 1em; border:1px solid #ccc; font-size: 18px; line-height: normal; min-height:48px;}

.form-control.textarea {}
.form-control:focus {background-color:#fff; border-color:#000; border-width:1px;}
.form-container .form-control.valid {background-color: #fff;border-color:#000000;border-width:2px;}
.form-container .hasvalue .form-control {background-color:#fff;border-color:#000000;border-width:2px;}

.maincontent .form-control {min-height: 60px; box-shadow: 1px 1px 10px #ccc; border-color:transparent; border-radius: 5px;}
.maincontent .form-control::-webkit-input-placeholder {color: rgba(0,0,0,0.35); letter-spacing: 0.025rem; }

.modal.fade.show {opacity: 1;}
.modal-header {text-align: center; padding: 20px 15px 15px; position: relative;border-bottom-color:#102348;}
.modal-header h5 {text-align: left; display: block;width:100%; padding: 0px 50px 0px 0px;margin: 0; color:#fff; font-size:1.15rem; position: relative; font-weight: 700;}
.modal-header button.close {outline: none !important; text-shadow: none; margin: 0; position: absolute; padding:0;right:1rem; top:50%; transform:translateY(-50%); color:#fff; opacity: 1 !important; font-size: 1.75rem; width:32px; height:32px; line-height:1; background-color:transparent; border-radius: 0; -webkit-transition: 0.3s 0s background-color ease; transition: 0.3s 0s background-color ease;font-weight: normal; border: 0 none;}
.modal-header button.close:hover {background-color:transparent; color:#f1af39;}

.modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);}
.modal-content {background-color:#102348; border:none; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2);}
.modal-content p {}

.modal.adimage .modal-dialog {max-width:100%;}
.modal.adimage .modal-body span.buttons {position: absolute;z-index: 4;left: 15px; top: 5px; display: block;}
.modal.adimage .modal-body span.buttons button {border: 1px solid #ededed; border-radius: 4px; background-color:rgba(255,255,255,0.7); padding: 0px; cursor: pointer; font-size:11px; color:#666; width:30px; height:27px; line-height: 25px; text-align: center; display:block; outline: none !important;}
.modal.adimage .modal-body span.buttons button.inactive {color:#999;}
.modal.adimage .modal-body span.buttons button.zoom-in {-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.modal.adimage .modal-body span.buttons button.zoom-out {-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}

#mapError.modal .modal-body p {margin: 0;}

#qrcode.modal .modal-body {text-align: center;}
.modal-instructions.modal .modal-body .btn {margin: 0 auto 10px; flex-grow:0; width:auto; max-width: 135px;}
.modal-instructions.modal .modal-body .btn i {position: relative; margin-right:8px;}

#subscribemodal .modal-content {}
#subscribemodal .modal-header h5 {text-align: center; padding: 0 30px;}
#subscribemodal .modal-body > p {text-align: center; margin: 10px 0px;}
#subscribemodal .form-container {width:100%; display:block; margin: 0 auto;}
#subscribemodal .form-container form {width:100%; margin: 0 auto; padding: 0; position: relative; height:auto;}
#subscribemodal form input[type=checkbox] {display:none;}
#subscribemodal .form-container .form-group {position: relative;}
#subscribemodal .form-container .form-control {position: relative;}
#subscribemodal .form-container .form-actions {margin-bottom: 10px;}
#subscribemodal .form-container .form-actions .btn {margin-top:15px; margin-left: auto;margin-right: auto;}
#subscribemodal .form-container ::-webkit-input-placeholder {}

#subscribemodal #formresponse2 > div {border-top:1px solid #dee5f4; padding: 15px 0 0 0; margin: 0 0 0 0; position: relative; display: block; width:100%; float:left; text-align: center; }
#subscribemodal #formresponse2 > div p span {font-weight:700;}

.form-container .popover.fade {opacity: 1; z-index: 10;}
.form-container .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#dee5f4;}
.form-container .popover .popover-body {font-family: 'helvetica-neue-lt-pro', sans-serif; text-align:center; color:#000000; padding:0.6rem 1rem; font-size: 14px;line-height: 1.3;}
.form-container .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .form-container .bs-popover-top>.popover-arrow::before {border-top-color:#dee5f4;}
.form-container .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#dee5f4;}
.form-container .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#dee5f4;}
.form-container .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#dee5f4;}

/* Main Elements */
.pagewrapper { position: relative;display: block; flex: 1 0 auto; overflow-x: hidden;}
#main {position: relative;width:100%;}
.container {position: relative; flex-grow: 1; max-width:100%;}
.container-fluid {position: relative; flex-grow: 1; max-width:100%;}

/* Header */
header {position: relative; background-color:#fff; width:100%;}
header .sitename {position: relative; width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; background-color: #0062ab; color:#fff; align-items: center; justify-content: space-between; padding: 10px 20px 10px; gap: 20px; }
header .sitename > h1 {position: relative; padding:0; font-size: 16px; line-height:20px; font-weight: 700; white-space: nowrap; margin: 0; color:#fff}
header .sitename a#translatebutton {position: relative; border:none; background:none; color:#fff; text-decoration: none; font-weight: 700; padding: 0; line-height:20px; }
header .sitename a#translatebutton i {margin-right:5px; font-size: 18px; height:20px;width:20px;}
header .sitename a#translatebutton:after {display: none;}
header .sitename a#translatebutton span {position: relative;}
header .sitename a#translatebutton span:after {background-color: #fff; bottom:-2px; color:#fff; content: ''; display: block; height: 2px; left: 0; position: absolute; width:0; transition: all 0.35s ease-in-out 0s; }
header .sitename a#translatebutton:hover span:after {width:100%;}

header .sitename button {position: relative;display: flex; align-items: center; font-weight: 700;}
header .sitename button img {width: 23px;}

header .container-fluid {display: flex;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; padding: 20px;}
header .header-left {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; height: auto;padding: 0;}
header a.navbar-brand {padding: 0;}
header a.navbar-brand img {height:60px; transition: all 0.35s ease-in-out 0s;}
header a.navbar-brand:hover img {transform: scale(1.1);}

header .header-right {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; }
header .header-right .rightmenu {position: relative; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.rightmenu > div {position: relative; line-height: 24px;}
.rightmenu button, .rightmenu a {position: relative; color:#7B3F77; letter-spacing: .5px; line-height: 24px;text-decoration: none; font-size: 16px; padding: 0; margin: 0; border: none; font-weight: 700; background:none;}
.rightmenu button:hover, .rightmenu a:hover {color:#7B3F77;}
.rightmenu button span, .rightmenu a span {position: relative;}
.rightmenu a.btn {min-width: 0; border:none; text-decoration: none; display: block; }
.rightmenu a.btn.mobilebutton {color:#7B3F77;}
.rightmenu a.resourcebutton > span {padding-right: 3px;position: relative;}
.rightmenu a.resourcebutton {margin-left: 20px; margin-right:20px; display: flex;}
.rightmenu a.resourcebutton.active,.rightmenu a.resourcebutton:active {color:#7B3F77;}
.rightmenu a.resourcebutton svg {transition: all 0.35s ease-in-out 0s;}
.rightmenu a.resourcebutton.active svg {transform: rotate(-180deg);}
.rightmenu button.searchbutton {margin-left: 23px;}
.rightmenu button.searchbutton img {width:23px;}

.rightmenu a.mobilebutton span:after {background-color: #7B3F77; bottom:-2px; color:#7B3F77; content: ''; display: block; height: 2px; left: 0; position: absolute; width:0; transition: all 0.35s ease-in-out 0s;}
.rightmenu a.mobilebutton:hover span:after {width:100%;}

.rightmenu button.navbar-toggler {}
.rightmenu button.navbar-toggler {display: flex; align-items: center;}
.rightmenu button.navbar-toggler img {width:23px; position: relative;}

.resource-menu {position: absolute; top:auto; left:auto; right:30px;margin-top:15px; padding: 0; z-index: 1000; transition: all .3s ease 0s; min-width: 260px; height: 0px; overflow: hidden; border-radius: 4px; visibility: hidden; background-color:color-mix(in srgb,#0062AB 30%,transparent); box-shadow: 4px 4px 21px 0 rgba(0,0,0,.25); -webkit-backdrop-filter: blur(10px) brightness(40%); backdrop-filter:blur(10px) brightness(40%);}
.resource-menu.slideout {height: 0;}
.resource-menu.slidein {height: 120px; visibility: visible;}
.resource-menu > div {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; flex-direction: column; width:auto; height: auto; position: relative; padding: 25px 20px;}
.resource-menu > div a {display: block; color:#fff; text-decoration: none; padding: 5px 10px; white-space: nowrap;}
.resource-menu > div a:hover {color:#fff; text-decoration: underline;}

#navbarCollapse {position: fixed; width:100%; height:100%; top:0; left: 0; z-index: 99999; visibility: hidden; opacity: 0; transition: all .5s ease-in-out;}
html.showmenu #navbarCollapse {visibility: visible; opacity: 1;}

#navbarCollapse .inside-menu {position: fixed;width: 100%; height:100%;background-color: rgba(0, 98, 171, 0.96);top: 0;left: 0;right: 0;bottom: 0;transition: all .5s ease-in-out;overflow: auto; }
.inside-menu .btn-close {position: absolute; color:#fff; width:23px;height:23px; z-index: 4; top:2.34375vw; right: 2.34375vw; text-shadow: none; opacity: 1; padding:0; background-image:none; background:none; border:none; box-shadow: none; display: flex; align-items: center; justify-content: center; border-radius: 0; }
.inside-menu .btn-close span {display: none;}

.menu-body {padding: 2.55208vw 16px 40px 16px; height:90%; position: relative;}
.menu-body form {position: relative; width:100%; height:auto; align-items: center; justify-content: center; margin-bottom: 1rem; margin-top: 2.5rem;}
.menu-body form input {position: relative; width:100%;height:100%;padding: 0 25px 0 45px; transition: none; border-width: 1px; border-color:#fff; border-radius: 0; font-size: 18px; background:none; color:#fff !important;}
.menu-body form input:focus {background:none;}
.menu-body form button {background:none; border:none; position: absolute; left:0px; padding: 0 10px; color:#fff; font-size: 20px; height:100%; top:0; }
.menu-body form button img {width:23px;}
.menu-body form button i:before { position: relative;}
.menu-body form ::-webkit-input-placeholder {opacity: 0.75;color:#fff;}

#mainmenu {position: relative}
#mainmenu > li {border-bottom:1px solid #fff; padding: 12px 0; color:#fff; height:auto; position: relative; display: flex; align-content: center; justify-content: center; align-items: flex-start;flex-direction: column; width:100%;}
#mainmenu > li > a {position: relative; color:#fff; display: flex; justify-content: space-between; align-items: center; padding:10px 0; height:auto;width:100%; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 24px; box-shadow: none; background-color:transparent; text-transform: uppercase;}
#mainmenu > li > a > span {position: relative; padding-left: 50px;}
#mainmenu > li > a > i.bi:not(.bi-plus) {position: absolute;left:0; margin:0; padding:2px 6px; background-color:#fff; border-radius: 50%; color:#0062ab; width:32px;height:32px; display: flex; align-items: center; justify-content: center; }
#mainmenu > li > a > i.bi:not(.bi-plus):before {transition: all .35s ease-in-out;}
#mainmenu > li > a[aria-expanded=true] > i.bi:not(.bi-plus):before {transform: scale(1.2);}
#mainmenu > li > a:hover > i.bi:not(.bi-plus):before {transform: scale(1.2);}

#mainmenu > li > a > i.bi-plus {position: absolute; right: 0; font-size: 30px;}
#mainmenu > li > a[aria-expanded=true] > i.bi-plus:before {content: '\F2EA';}

#mainmenu ul {position: relative; padding:0; width:100%; }
#mainmenu ul > li {padding: 0; position: relative; color:#fff;border-bottom: 1px solid #fff;}
#mainmenu ul > li:last-child {border-bottom: none;}
#mainmenu ul > li.nothing {font-style: italic; padding-left: 60px;}
#mainmenu ul > li > a {color:#fff; font-weight: 400; text-decoration: none;padding: 10px 0 10px 60px; display: block;position: relative; }
#mainmenu ul > li > a span {display: inline-block; position: relative;}

#searchmodal .modal-content {background-color: #fff;}
#searchmodal .modal-header button {color:#888;}
#searchmodal .modal-body {padding: 40px 30px 40px;}
#searchmodal button.close {position: absolute; right:0; top:0;  z-index: 1; background:none; border:none; font-size: 16px; height:100%; display: flex; align-items: center; justify-content: center; width:auto;}
#searchmodal button.close img {position: relative; width:30px; margin: 0 !important;}
#searchmodal form {position: relative; width:100%; height:auto; align-items: center; justify-content: center;}
#searchmodal form input {position: relative; width:100%;height:100%;padding: 0 25px 0 35px; transition: all .3s ease-out 0s; border-width: 0px 0px 1px 0px; border-radius: 0; font-size: 18px;}
#searchmodal form button.search-btn {background:none; border:none; position: absolute; left:5px; padding: 0; color:#000; font-size: 20px; height:100%; top:0; }
#searchmodal form button.search-btn i:before { position: relative;}
#searchmodal form button.search-btn img {width:22px; position: absolute; left: 0;}
#searchmodal form ::-webkit-input-placeholder {opacity: 0.65;}

header.affix {position: fixed; top:0; left: 0; z-index: 2; box-shadow: 0 4px 10px #0000001a;}
header.affix a.navbar-brand img {height:48px;}

/* Footer */
footer {background:#102348; position: relative; width:100%; color:#fff;z-index: 1;}
footer .container {font-size: 14px; position: relative; z-index: 2; padding: 3vw 4.33vw 0; width:100%;}
footer .container:before {content: ''; background-image: url(../images/top-footer-content-shapes.svg); display: block; position: absolute; top: 0; left: 0px; right: 0; width:100%; height:50px; background-size: 100% auto; background-repeat: no-repeat; background-position: center; background-position: 50% 0%; z-index: -1;}
footer .row {/*padding:20px 0 40px; border-top:2px solid #F1AF39; margin-top:40px;*/padding:50px 0 40px; justify-content: center;align-items: center; flex-direction: column;}
footer .copyright {position: relative; width:auto; margin-bottom: 20px;}
footer .footerlinks {position: relative; width:auto; }
footer .footerlinks ul {position: relative; margin: 0; padding: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; }
footer .footerlinks ul li {position: relative; margin: 0; margin-right:1.5rem;}
footer .footerlinks ul li:last-child {margin-right: 0;}
footer .footerlinks ul li a {text-decoration: none; font-weight: 400; color:#fff;}
footer .footerlinks ul li a:hover {color:#fff;text-decoration: none;}
footer .footerlinks ul li a:after {background-color: #fff; bottom:-1px; color:#fff; content: ''; display: block; height: 1px; left: 0; position: absolute; width:0; transition: all 0.35s ease-in-out 0s;}
footer .footerlinks ul li a:hover:after {width:100%;}

body.homepage .row.subscribe-footer {display: flex;}
body.insidepage .row.subscribe-footer {display: none;}
.subscribe-footer > div {background-color:rgba(255, 255, 255, 0.1); border-radius: 8px; position: relative; padding: 25px 20px;}
.subscribe-footer h2 {font-size: 24px; margin-bottom: 15px; font-weight: 500; color:#fff;}
.subscribe-footer .row {padding-top:0;padding-bottom: 0;}
footer .form-container form {position: relative; height:auto;}
footer .form-container form .form-control {font-size: 16px;}
footer form input[type=checkbox] {display:none;}
footer .form-container .eac-input-wrap {color:#333 !important;}
footer .form-container .eac-sugg {padding-top:15px !important; font-size: 15px;}
footer .form-container .form-actions {text-align: center;margin-top:30px;}

footer .form-container #formresponse p {margin: 0; font-size: 16px;}
footer .form-container #formresponse p a {color:#fff;}

/* Index */
#indexslides {position: relative; height:auto; overflow: hidden; z-index: 1; }
#indexslides .swiper-wrapper {position: relative;}
#indexslides .swiper-slide {position: relative; float:left;}

#indexslides .slideimage {position: relative; padding: 10px 10px; overflow: hidden;}
#indexslides .swiper-slide img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:42.9vw;border-radius: 30px;}
#indexslides .swiper-slide.programslide img {object-position: 50% 0%;}

#indexslides .caption {position: relative; z-index: 2;}
#indexslides .caption > div.container {position: relative;}
#indexslides .caption > div.container > div {background-color:rgba(222, 229, 244, 0.8); padding: 20px 0px; border-radius: 30px; width:100%; position: relative; overflow: hidden;}
#indexslides .caption > div.container > div:after {content: ''; position: absolute; background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%); mask-image: url(../images/gallery-shapes-bg.png); mask-repeat: repeat-x; width:100%; height:170px; left: 0; mask-position: center center; bottom:0; mask-size: 160px 100%; opacity: 0.15; z-index: 1;-webkit-mask-position-x: 50%; -webkit-mask-position-y: 50%;}
#indexslides .caption > div > div > * {margin-left:20px; margin-right: 20px; z-index: 2;}
#indexslides .caption h2 {color:#0062AB; line-height: 35px; font-size: 32px;}
#indexslides .caption p {font-size: 17px; line-height: 20px; margin-top:19px; margin-bottom: 19px;}
#indexslides .caption a.btn {font-size: 16px;background-color: #F1AF39; color:#000; border:1px solid #f1af39;transition: all 0.35s ease-in-out 0s; margin-bottom: 8px;}
#indexslides .caption a.btn:hover {background-color:#fff; color:#0062ab; border-color: #0062ab;}

.indextitle {position: relative; width:100%;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; text-align: center; justify-content: center; align-items: center; margin: 0 auto 1em auto;}
.indextitle h2 {font-size: 32px; color:#0062ab; line-height: 1.2;}

.indexmiddle2 {position: relative; width:100%;text-align: center; padding-top:40px; padding-bottom: 40px;}
#newvendorslide {z-index: 5; position: relative; height:auto; padding: 0 20px;}
#newvendorslide .swiper-wrapper {position: relative;}
#newvendorslide .swiper-slide {position: relative; float:left; width:200px; padding: 10px; }
#newvendorslide a.card { border:none; position: relative; text-align: center;  overflow: hidden;height:100%; display: flex; border-radius: 0; text-decoration: none;}
#newvendorslide a.card span.outerimg {display: flex; border-radius: 30px; overflow: hidden;}
#newvendorslide a.card span.outerimg img {position: relative;transition: all 0.35s ease-in-out 0s;}
#newvendorslide a.card span.outerimg:hover img {transform: scale(1.1);}
#newvendorslide a.card span.newvendortitle {position: relative; padding: 1em 0.5em 0;display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.2;}
#newvendorslide a.card span.newvendortitle > span {position: relative;padding-bottom: 5px;}
#newvendorslide a.card span.newvendortitle > span:after {content: ''; background-color:#0062ab; height:2px; display: block; position: absolute; left: 0; width:100%; bottom:0;transition: all 0.35s ease-in-out 0s;}
#newvendorslide a.card span.newvendortitle:hover > span:after {height:4px;}

.indexmiddle2 a.newvendors {font-size: 16px; margin-top: 1rem;}

.indexmiddle {position: relative; width:100%;text-align: center; padding-top:0; padding-bottom: 40px; }
.indexmiddle > .container-fluid {background-color:#0062ab;padding-top:40px; padding-bottom: 40px; }
.indexmiddle .indextitle h2 {color:#fff;}
#categoryslide {position: relative; display: block; height:auto;margin: 0 auto; padding:0 10px 0 10px;}
#categoryslide .swiper-wrapper {padding:0px 0 20px 0;}
#categoryslide .swiper-slide {position: relative; padding: 5px 8px;}
#categoryslide a {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; text-align: center; border:none; height:100%; border-radius: 8px; background-color:#fff; position: relative; text-decoration: none; font-size: 18px; font-weight: 500; line-height: 1.3; transition: all 0.35s ease-in-out 0s;}
#categoryslide a:hover {transform: scale(1.05);}
#categoryslide a .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; justify-content: flex-start; flex: 1 1 auto; height:100%;}
#categoryslide a i {position: relative; text-align: center; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; font-size: 40px; margin: 5px 0 20px; width:50px;height:50px; color:#7b3f77;}
#categoryslide a .card-title {background-color:transparent; color:#000;font-weight: 700; position: relative; margin: 0; white-space: normal; font-size: 18px; line-height: 1.3;transition: all 0.35s ease-in-out 0s;}
#categoryslide a .card-title:hover {color:#0062ab;}

#categoryslide .swiper-actions {position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; width:100%; height:100%;}
#categoryslide .swiper-nav {position: relative; display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center; margin: 0; align-content: center; height:40px;}
#categoryslide .swiper-nav > * {position: relative; left: auto; right: auto; top:auto; bottom:auto; height:100%; width:auto; display: flex; align-items: center; justify-content: center;}

#categoryslide .swiper-pagination {display: flex; height:100%; display: flex; top:auto; bottom: auto; left: auto; right: auto; margin: 0 10px;}
#categoryslide .swiper-pagination-bullet {border-radius: 0; width:calc(50px); height:2px; background:#fff;}
#categoryslide .swiper-button-next, #categoryslide .swiper-button-prev {display: flex; align-items: center;  justify-content: center; width:30px; height:30px; font-size: 18px; color:#fff; top:auto; bottom:auto; left:auto; right: auto; margin: 0;}
#categoryslide .swiper-button-next:after {font-size: 30px;}
#categoryslide .swiper-button-prev:after {font-size: 30px;}

/* Inside Pages */
.maincontent {position: relative;}
#pagecontent.container {width:85%;padding: 40px 0 0 0;}
.pagecontent {position: relative; float:left; width:100%; margin: 0 0 15px; padding: 0;}
.ajaxcontent {float:left; width:100%; height: auto; position: relative;}

html.webkit.chrome.mac .pagecontent a {text-decoration-thickness: 2px;transition: all 0.3s ease;}
html.webkit.chrome.mac .pagecontent a:hover {text-decoration-thickness: 4px; transition: all 0.3s ease;color:#0062AB;}

.maincontent .dropdown-menu {box-shadow: 0 0 20px 0 rgba(0,0,0,.1); color:#000000; border-radius: 0px; border: 0px solid rgba(0,0,0,.15); margin-top:8px !important; margin-bottom:8px !important; padding:0; width:auto; min-width: 200px; white-space: normal;}
.maincontent .dropdown-menu a.dropdown-item {padding:7px 15px; position: relative; display:block; font-weight: 500; color:#000000; font-size: 14px; line-height: 1.2; border-top:1px solid rgba(0,0,0,.03);}
.maincontent .dropdown-menu a.dropdown-item:first-child {border-top:none;}
.maincontent .dropdown-menu a.dropdown-item:hover {background-color:rgba(0,0,0,.05); color:#0062ab; text-decoration: none;}
.maincontent .dropdown-menu a.dropdown-item:active, .maincontent .dropdown-menu a.dropdown-item:focus {background-color:transparent;}
.maincontent .dropdown-menu a.dropdown-item.mainactive {background-color:transparent; color:#0062ab;}

.maincontent .dropdown-menu button.dropdown-item {padding:7px 15px; position: relative; display:block; font-weight: 500; color:#000000; font-size: 14px; line-height: 1.2; border-top:1px solid rgba(0,0,0,.03);}
.maincontent .dropdown-menu button.dropdown-item:first-child {border-top:none;}
.maincontent .dropdown-menu button.dropdown-item:hover {background-color:rgba(0,0,0,.05); color:#0062ab; text-decoration: none;}
.maincontent .dropdown-menu button.dropdown-item:active, .maincontent .dropdown-menu button.dropdown-item:focus {background-color:transparent;}
.maincontent .dropdown-menu button.dropdown-item.mainactive {background-color:transparent; color:#0062ab;}
.maincontent .dropdown-menu button.dropdown-item.mixitup-control-active {background-color:#fff; color:#0062ab;}

.breadcrumbs {background-color:#f5f5f5; min-height:47px; height:100%; position: relative; padding: 0; margin: 0 auto;}
.breadcrumbs ul {position: relative; display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; line-height: 47px; text-align: center; width:100%; padding: 15px 10px; height:100%;}
.breadcrumbs ul li {font-size: 14px; line-height: 18px; color:#111; padding: 0 0 0 0px; margin: 0;}
.breadcrumbs ul li:first-child {margin: 0; padding: 0;}
.breadcrumbs ul li span {position: relative; padding: 0 16px;}
.breadcrumbs ul li span.remove {display: none;}
.breadcrumbs ul li a {color:#111;text-transform: uppercase; text-decoration: none; text-underline-offset: 1px;text-decoration-thickness: 1px;}
.breadcrumbs ul li a:hover {text-decoration: underline; text-decoration-thickness: 1px;}

.pagetitle {position: relative; margin: 0 auto 0; padding: 0; }
.pagetitle h1 {color: #0062ab; padding: 0 0 10px; margin: 0 auto 0; width:100%; line-height: 1.2; font-size: clamp(2.188rem, 1.607rem + 1.548vw, 3rem);}
.pagetitle span {display: block; position: relative; width:100%; height:23px; border-top:3px solid #F1AF39; margin: 10px auto;}

.subtitle {position: relative; width:100%;}
.subtitle h2 {font-size: clamp(1.813rem, 1.679rem + 0.357vw, 2rem);line-height: 1.4;}
.subtitle h3 {font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem);line-height: 1.4; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; margin:0 0 1.5rem 0;  background:#fff; padding: 15px 35px; border-radius: 12px; border:none; position: relative; z-index: 1; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;}
.subtitle h4 {font-size: clamp(1.125rem, 1.036rem + 0.238vw, 1.25rem);line-height: 1.4; }

.contentrow {width: calc(100% - 20px); margin: 20px auto 10px;}
.leftcolumn {position: relative}
.rightcolumn {position: relative}

.leftcolumn .sidebar {position: relative; padding:0px; transition: all .3s ease-out 0s; background-color:transparent; }
.leftcolumn .sidebar h4.navtitle {color:#fff; background-color:transparent;display: block; font-size: 18px; margin: 0; padding: 0; position: relative; text-decoration: none; }
.leftcolumn .sidebar h4.navtitle a {background-color:#0062ab; color:#000000; display: block; padding: 10px 15px; border-radius: 10px 10px 0px 0px;position: relative; font-size: 18px; color:#fff; text-decoration: none;}

.leftcolumn .sidebar a.toggle {box-shadow: none; border:none; width:100%; text-align: left; background-color:#0062ab; background-image:none; color:#fff; border-bottom:1px solid #eae8e1; margin: 0 auto 0; position: relative; border-radius: 10px; justify-content: flex-start; padding: 12px 20px; font-size: 18px; font-weight: 700;}
.leftcolumn .sidebar a.toggle[aria-expanded=true] {border-radius: 10px 10px 0px 0px;}
.leftcolumn .sidebar a.toggle i {position: absolute; right: 15px; display: block; }
.leftcolumn .sidebar a.toggle[aria-expanded=true] i:before {content: '\F63B';}

#accordion {position: relative;background-color:transparent; border:none; border-radius: 0; padding: 0; margin: 0;}
#accordion .accordion-item {border:none;background:none; position: relative; padding:0; margin:0 0;}
#accordion .accordion-item > h3 {padding:0;margin:0 0 1px;position: relative;background-color:transparent; border:none; font-weight: 400; display: flex; align-items: center;}
#accordion .accordion-item > h3 > a {border-radius: 0; font-weight: 400; margin: 0; padding:8px 35px 8px 15px; background-color:#f3f3f3; border:none; box-shadow: none;color:#0062ab; text-decoration: none; font-size: 16px;transition: all 0.35s ease;}
#accordion .accordion-item > h3 > a:after {display: none;}
#accordion .accordion-item:last-child > h3 > a {border-radius: 0px 0px 10px 10px;}
#accordion .accordion-item:last-child > h3.active > a {border-radius: 0px;}
#accordion .accordion-item > h3 > a i {position: absolute; right:10px; font-size: 16px;transition: all 0.35s ease;}
#accordion .accordion-item > h3 > a:hover {background-color:#e1e1e1;}
#accordion .accordion-item > h3.active > a {border-left: 3px solid #0062ab; font-weight: 700;}
#accordion .accordion-item > h3.active > a i {transform: rotate(180deg);}

#accordion .accordion-item .accordion-body {position: relative; max-height:250px;padding:0; border-radius: 0; margin: 0;}
#accordion .accordion-item .accordion-body ul {position: relative; padding: 0; margin: 0;}
#accordion .accordion-item .accordion-body ul li {position: relative; padding: 0; margin: 0 0 1px;}
#accordion .accordion-item .accordion-body ul li a {background-color:#f9f9f9; display: flex; align-items: center; text-decoration: none; padding: 5px 20px; font-size: 15px;color:#0062ab;}
#accordion .accordion-item .accordion-body ul li a:hover {color:#0062ab;background-color:#e1e1e1;}
#accordion .accordion-item .accordion-body ul li.active a {font-weight: 500;}

#accordion .accordion-item.active-item:last-child .accordion-body ul li:last-child a {border-radius: 0px 0px 10px 10px;}

#accordion.legal .accordion-item:last-child > h3.active > a {border-radius: 0px 0px 10px 10px;}
#accordion.programaccordion .accordion-item:last-child > h3.active > a {border-radius: 0px 0px 10px 10px;}

.pagination {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; margin: 60px auto 0 auto;}
.pagination li.page-item {position: relative; margin:0 4px; padding: 0;}
.pagination li.page-item button {width:32px; height:32px; border-radius: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; margin: 0; background:#fff; border:none; color:#000000; font-weight: 400;}
.pagination li.page-item:last-child button {border-radius: 0; }
.pagination li.page-item:first-child button {border-radius: 0;}
.pagination li.page-item button:hover {color:#fff; background:#0062ab;}
.pagination li.page-item button.mixitup-pager-active {color:#fff;background:#0062ab;}

.page-arrow .page-link.mixitup-pager-next:hover {background:#fff;color:#000000;}
.page-arrow .page-link.mixitup-pager-prev:hover {background:#fff;color:#000000;}

.page-arrow .page-link.mixitup-pager-disabled {color:#aaa; cursor: not-allowed}
.page-arrow .page-link.mixitup-pager-disabled.mixitup-pager-prev:hover, .page-arrow .page-link.mixitup-pager-disabled.mixitup-pager-next:hover {color:#aaa; background:#fff;}


.top-pagination {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; margin:0 0 1.5rem 0; background-color:#ffffff; padding: 15px 35px; border:none; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab; border-radius: 12px; position: relative; z-index: 1}
.top-pagination .mixitup-page-stats {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 0;}
.top-pagination .mixitup-page-stats > div span {font-weight:700;}

.pagination-buttons {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;}
.pagination-buttons .newvendorfilter {margin-right:15px;}
.pagination-buttons .newvendorfilter a.btn {-webkit-appearance: none; appearance: none; margin: 0; box-shadow: none;}
.pagination-buttons .newvendorfilter a.btn i {position: relative; line-height: 1; margin-left:8px;font-size: 16px; top:1px;}
.pagination-buttons .newvendorfilter a.btn.show {background-color: #0062ab; border-color:#0062ab; color:#fff;}
.pagination-buttons .newvendorfilter a.btn.show i {transform: rotate(180deg);}

.selectview {position: relative;}
.selectview span {position: relative;}
.selectview a {position:relative; }

.selectview button#showall { }
.selectview button#showall:hover {}
.selectview button#showall.disable {cursor: default;background-color:#eee; border-color:#eee; color:#888;}

.pagination.mixitup-mixitup-page-list-disabled {border-top-color:transparent;}
#cat.hidepager .pagination {display:none;}
#cat.hidepager .top-pagination {display:none;}
#newvendors.hidepager .pagination {display:none;}
#newvendors.hidepager .top-pagination {display:none;}
#newvendors.hidepager .top-pagination .selectview {display:none;}
.pagination.mixitup-mixitup-page-list-disabled {display:none;}

/* Discounts & Program Info */
.toplinks {float:left; width:100%; height:auto; position: relative; margin:10px 0;}
.toplinks .row {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
.toplinks .col-md-6 {margin-bottom: 20px; margin-top:0px;}
.toplinks a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; text-decoration: none; padding:1.25rem; border-radius: 12px; border:none; border-left-width: 5px; border-left-color: #0062ab; border-left-style: solid; transition: all 50ms linear; background-color:#ffffff; height:100%; box-shadow: 1px 1px 5px #CCCCCC;}
.toplinks a i {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 25px; width: 72px; height:72px; border-radius: 50%; border:2px solid #0062ab;  font-size: 36px; transition:all .3s ease-out 0s; color:#0062ab; background-color:rgba(0, 98, 171,0.2);}
.toplinks a:hover {text-decoration: none; border-color:#0062ab; }
.toplinks a:hover i {color:#fff;background-color:#0062ab; border-color:#fff;}
.toplinks a h4 {font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); line-height: 1.4;}
.toplinks a span.btn {width:auto; margin-top:20px; flex-grow: 0;}

/* Category */
.discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;}
#allCat .subtitle h3 {display:none;}
#allCat .subtitle h3.active {display:flex;}
#allCat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px auto 0; padding: 0;}
#allCat .gridouter {float:left; width:100%; position: relative;}
#allCat .grid {margin-bottom: 25px; position: relative;  display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;}
#allCat .col-6 {overflow: hidden; position: relative;margin: 0; text-align: center; padding-top:0.7rem; padding-bottom:0.7rem; padding-left:0.6rem; padding-right:0.6rem;}
#allCat .grid .item {filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;}
#allCat .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; }
#allCat .item a { display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box;}
#allCat .item a {text-align: center; position: relative; height:65px; border-radius:8px;text-decoration: none; background-color:#fff; border:1px solid #0062ab; margin:0; padding:5px 10px; text-transform: none; transition:all .25s ease, color .25s ease; color:#0062ab;}
#allCat .item a:hover {color:#fff;background:#0062ab;}

/* New Vendors */
#newvendors {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0; text-align: center;}
#newvendors .grid {position: relative;  display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;}
#newvendors .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; padding-left:10px; padding-right: 10px; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;}
#newvendors .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; }
#newvendors .grid .item > div {position: relative;height:100%;}
#newvendors .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;}
#newvendors .item a {border:1px solid #F2F2F2; border-radius: 8px; background:#F2F2F2; overflow: hidden; box-shadow: 1px 1px 5px #ccc; text-decoration: none;}

#newvendors .item a span.outerimg {overflow: hidden; position: relative;}
#newvendors .item a span.outerimg img {width:100%;}
#newvendors .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: .4rem .4rem 0 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,98,171,0.9) 75%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 15px 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;}
#newvendors .item a span.outerimg .imghover i {width:30px; height:30px; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:rgba(255,255,255,.4); color:#000000; font-size: 1.5rem; }
#newvendors .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;}
#newvendors span.busname {padding:15px 10px; display: block;width:100%; text-align: center; background-color:#F2F2F2;}

#newvendors a.ltolink {margin: 0 auto 15px; text-align: center; width:auto;}

#newvendors #newvendordd {max-height: 300px;}

/* Vendors */
#vendordiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0;}
#vendordiscounts .grid {position: relative;  display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;}
#vendordiscounts .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;}
#vendordiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; }
#vendordiscounts .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;}
#vendordiscounts .item a {border:1px solid #F2F2F2; border-radius: 8px; background:#F2F2F2; overflow: hidden; box-shadow: 1px 1px 5px #ccc; text-decoration: none;}

#vendordiscounts .item a span.outerimg {overflow: hidden; position: relative;}
#vendordiscounts .item a span.outerimg img {width:100%;}
#vendordiscounts .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: .4rem .4rem 0 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,98,171,0.9) 75%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 15px 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;}
#vendordiscounts .item a span.outerimg .imghover i {width:30px; height:30px; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:rgba(255,255,255,.4); color:#000000; font-size: 1.5rem; }
#vendordiscounts .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;}
#vendordiscounts span.busname {padding:15px 10px; display: block;width:100%; text-align: center; background-color:#F2F2F2;}

/* National Discounts */
#nationaldiscounts .subtitle h3 {display:none;}
#nationaldiscounts .subtitle h3.active {display:flex;}

fieldset.filter-group {width: 90%; display:block; text-align: center; margin: 0 auto 1.5rem auto; position: relative; }
fieldset.filter-group img {position: absolute;z-index: 1;left:0; line-height: 1;top:0;width:22px; display: flex; height:100%; margin: 0 10px;}
fieldset.filter-group input { padding: 0 25px 0 40px;width: 100%; position: relative; margin: 0 auto; flex: 1 1 auto; background-color:#fff; font-size: 18px;}
fieldset.filter-group ::-webkit-input-placeholder {opacity: 0.75;}
.resulttext {display:none; text-align: center; position: relative; float:left; width:100%;}
.resulttext p {margin: 0;padding: 0; font-weight: 400; font-style: italic; }

#nationaldiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0; text-align: center;}
#nationaldiscounts .grid {position: relative;  display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;}
#nationaldiscounts .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; padding-left:10px; padding-right: 10px; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;}
#nationaldiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; }
#nationaldiscounts .grid .item > div {position: relative;height:100%;}
#nationaldiscounts .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;}
#nationaldiscounts .item a {border:1px solid #F2F2F2; border-radius: 8px; background:#F2F2F2; overflow: hidden; box-shadow: 1px 1px 5px #ccc; text-decoration: none;}

#nationaldiscounts .item a span.outerimg {overflow: hidden; position: relative;}
#nationaldiscounts .item a span.outerimg img {width:100%; padding: 10px 15px; background:#fff;}
#nationaldiscounts .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: .4rem .4rem 0 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,98,171,0.9) 75%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 15px 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;}
#nationaldiscounts .item a span.outerimg .imghover i {width:30px; height:30px; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:rgba(255,255,255,.4); color:#000000; font-size: 1rem; }
#nationaldiscounts .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;}
#nationaldiscounts span.busname {padding:15px 10px; display: block;width:100%; text-align: center; background-color:#F2F2F2;}

/* Error Pages */
.errorpage {position: relative; text-align: left;}
.errorpage h3 {position: relative; margin-bottom: 1rem;}

.outersearch {position: relative; float:left; width:100%;}
.errorpage #searchouter {width:100%; position: relative; display: block; margin:10px auto 0; /*padding: 37px 18px 44px; background:#e4f4f4*/ border:none; }
.errorpage #searchouter form {position:relative; margin: 0 auto; }
.errorpage #searchouter form input {padding-right:60px;}
.errorpage #searchouter form button {position: absolute; right:0; top:0; width:60px; height:100%; border: none; background-color: transparent; white-space: nowrap; text-shadow: none; /*overflow: hidden;*/ margin: 0; padding: 0; align-items: center; justify-content: center; display: flex; }
.errorpage #searchouter form button img {width:25px;display: block; position: relative;}
.errorpage #searchouter form button img.spin {-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear; }

.searchresults {position: relative; }
#searchfilter {padding:0px; width:100%; height:auto; position: relative; margin: 0 auto; display:none;}
#searchfilter > div {margin: 0 auto 0; padding: 0;width:100%; float:left; text-align: center; background:none}
.resultstext {width:100%; display: block; position: relative;margin:10px auto 5px; padding: 0 0 5px;font-weight:400;}
.resultstext h4 {position: relative; margin-bottom: 1rem; color:#000;}
.resultstext h4 span {font-weight: 400;}
.resultstext > span {position: relative; padding: 0 4px;}
.resultstext span#search-string {font-weight: 700;}
.results p.search {text-align: center; font-style: italic; margin-top:0; font-weight: 400;}

#searchfilter.nofilter > div {border: none;margin: 10px auto 0px;}
#searchfilter.nofilter > div .resultstext {margin: 0 auto 0; border-bottom: none; padding-bottom: 0;}

#list-tab {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; width:100%; border-radius: 0; border:none; }
#list-tab a {position:relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; align-items:center; margin: 5px 4px; background-color:#0062ab; border:1px solid #0062ab; border-radius: 8px; box-shadow: 1px 1px 5px #ccc; color:#fff; font-size: 16px; font-weight: 700; padding: 10px 24px; white-space: normal; text-decoration: none; flex-grow: 1;}
#list-tab a:hover {background:#fff;color:#0062ab;}
#list-tab a.mainactive {color:#0062ab; cursor: default; background: #ffffff;}
#list-tab a span.name {padding: 0; display: block; position: relative;}
#list-tab a span.num {display:none;}

.filterdropdown {float:left; width:100%; text-align: center; position: relative; display: none; margin: 0px auto 0 auto; padding:0;}
.filterdropdown a.btn {position: relative; padding:0.6rem 1rem;}
.filterdropdown a.btn i {position: relative; margin-left:10px;line-height: 1;  display: block; transition: all 0.3s linear;}
.filterdropdown a.btn.show {color:#fff; cursor: default; border-color: #0062ab;background:#0062ab;}
html.webkit.chrome.mac .pagecontent .filterdropdown a.btn.show:hover {color:#fff;}
.filterdropdown a.btn.show i {transform:rotate(180deg);}

#results {float:left;width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0 0px; }
.results { float:left; width:100%; height:auto; display:block;position: relative; border-top:0px solid #E1E7E9; padding: 0px 0px 0px 0; margin: 0px auto 0px auto; }
#searchgrid {width:100%; height:auto; position: relative; padding: 0 1rem; margin: 20px auto 0px auto; float:left; min-height:200px; }
#searchgrid .gridouter { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;}
#searchgrid .gridouter .grid {position: relative; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 15px;}
#searchgrid .mix { position: relative;margin: 0; text-align: left; padding-top:0px; padding-bottom:0px; padding-left: 0; padding-right: 0; padding: 8px;}
#searchgrid .mix > div {box-sizing: border-box; margin: 0 0 0px 0; background:none; display: flex; height:100%; border:none; padding: 0; }

#searchgrid .mix a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; position: relative; text-decoration: none; }
#searchgrid .mix a span {position: relative}
#searchgrid .mix a span:after {content: ''; position: absolute; bottom:0px; width:100%; height: 2px; background-color:#0062ab; left: 0; transition: all 0.3s ease;}
#searchgrid .mix a:hover span:after {height:4px; bottom:-2px;}

/* Search Page */
.searchpage #searchouter {margin: 20px 0 10px 0;}
.searchpage #searchouter form {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;  position: relative; padding:0; flex-wrap: wrap; gap: .625rem; flex-grow: 2; flex-wrap: wrap;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}

.searchpage #searchouter form input {}
.searchpage #searchouter form button {}
.searchpage #searchouter form button {/*position: absolute; right:0; top:0; width:60px; height:100%; border: none; background-color: transparent; white-space: nowrap; text-shadow: none; margin: 0; padding: 0; align-items: center; justify-content: center; display: flex; */}
.searchpage #searchouter form button img {width:25px;display: block; position: relative;}

#searchpage {float:left;width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0 0px; }
#searchresults {float:left; width:100%; height:auto; display:block;position: relative; border-top:0px solid #e8ecf5; padding: 0px 0px 0px 0; margin: 0px auto 0px auto; }
#searchresults p {text-align: center; font-style: italic; margin-top:0; font-weight: 400;}
#searchresults p.noresults{}
#main.searchpage #searchfilter {display:block;}

#resultsgrid {width:100%; height:auto; position: relative; padding: 0 1rem; margin: 20px auto 0px auto; float:left; min-height:200px; }
#resultsgrid .gridouter { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;}
#resultsgrid .gridouter .grid {position: relative; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 15px;}
#resultsgrid .mix { position: relative;margin: 0; text-align: left; padding-top:0px; padding-bottom:0px; padding-left: 0; padding-right: 0; padding: 8px;}
#resultsgrid .mix > div {box-sizing: border-box; margin: 0 0 0px 0; background:none; display: flex; height:100%; border:none; padding: 0; }

#resultsgrid .mix a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; position: relative; text-decoration: none; }
#resultsgrid .mix a span {position: relative}
#resultsgrid .mix a span:after {content: ''; position: absolute; bottom:0px; width:100%; height: 2px; background-color:#0062ab; left: 0; transition: all 0.3s ease;}
#resultsgrid .mix a:hover span:after {height:4px; bottom:-2px;}

/* Cats */
#cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0; text-align: center;}
#cat.hidepager {margin-top:1rem;}
#cat .grid {position: relative;  display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;}
#cat .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; padding-left:10px; padding-right: 10px; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;}
#cat .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; }
#cat .grid .item > div {position: relative;height:100%;}
#cat .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;}
#cat .item a {border:1px solid #F2F2F2; border-radius: 8px; background:#F2F2F2; overflow: hidden; box-shadow: 1px 1px 5px #ccc; text-decoration: none;}

#cat .item a span.outerimg {overflow: hidden; position: relative;}
#cat .item a span.outerimg img {width:100%;}
#cat .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: .4rem .4rem 0 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,98,171,0.9) 75%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 15px 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;}
#cat .item a span.outerimg .imghover i {width:30px; height:30px; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:rgba(255,255,255,.4); color:#000000; font-size: 1.5rem; }
#cat .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;}
#cat span.busname {padding:15px 10px; display: block;width:100%; text-align: center; background-color:#F2F2F2;}

.allLoc {margin: 0 auto 15px; text-align: center; width:auto;}
.allLoc .btn i {position:relative; margin-right:10px;}

/* Business */
#bus {position: relative; display:flex; width:100%; height:auto; margin: 0; padding: 0; flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: center;}
.businessContent {min-height: 0px; float:left; height: auto; width:100%; padding: 0; margin: 0 auto 0px;position: relative;display:flex; flex-direction: column; }
.bus-image {display:block; height: auto; width:100%; position: relative; margin: 0 auto; padding: 0; float:left; text-align:center;/*z-index: 1;*/ animation-delay: 250ms; }
.bus-image > div {position: relative; display: block; text-align: center; margin: 0px auto; padding: 10px; width:auto; max-width:100%;border: none; box-shadow: 1px 1px 5px #CCCCCC; border-radius: 12px; transition: all .3s ease-out 0s;}
.bus-image > div:hover {}
.bus-image img {position: relative; display: block; text-align: center; margin: 0px auto; width:100%; padding: 0; border: none;}

.businesslinks { display: block; float:left; position: relative;width:100%; margin:25px auto 0; }
.businesslinks > ul {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 auto; padding: 0; max-width:300px; }
.businesslinks > ul li {position: relative; margin: 0; padding: 0 .5rem .5rem;}
.businesslinks > ul > li > a.btn {position: relative;  padding:.5rem .75rem; color:#fff;}
.businesslinks > ul > li > a.btn i {position: relative; margin-right:8px;}
.businesslinks > ul > li > a.btn.show {color:#fff;}

.businesslinks > ul > li.drop.dropdown {animation-delay: 500ms; animation: fadeIn 1s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: none; -webkit-transform: none;}

#alternate-ad {position: relative; display: none; text-align: left; margin: 0px auto; padding: 0; width:auto; max-width:100%;border: 0px solid #eee; border-radius:0; transition: all .3s ease-out 0s; min-height:350px;padding: 0 5px; line-height: 1.56;}
#alternate-ad:hover {}
#alternate-ad p {text-align: left; }
#alternate-ad p:last-child {margin-bottom: 0;}

/* Directions & Locations */
.map-ie {display: none; margin-top:1em; font-style: italic;}
html.ie11 .map-ie, html.ie10 .map-ie, html.ie9 .map-ie {display: block;}

div.gm-style {font-family: 'helvetica-neue-lt-pro', sans-serif !important; color:#000000; font-weight: normal !important; width:100% !important; overflow: hidden !important; text-align:left;}
.gm-style-iw {}
.infoWindow {height:100%;width:100%;display:block;position:relative;min-width:150px;z-index: 999; text-align:left; }
.infoWindow h4 {display:block; line-height:24px; font-size:18px; font-weight:bold !important; color: #000000 !important; margin:0; padding:0 2px 5px 2px;border-bottom: 0px solid rgba(200, 201, 199, 0.5); font-family: 'helvetica-neue-lt-pro', sans-serif !important; -webkit-font-smoothing: subpixel-antialiased; }
.infoWindow p { margin: 0 0 5px 0 !important; padding:5px 0 0 !important; display:block !important; position:relative;font-weight:400 !important; font-family: 'helvetica-neue-lt-pro', sans-serif !important; background-color:#fff; -webkit-font-smoothing: subpixel-antialiased; font-size:17px !important; line-height:24px !important; color:#000000 !important;}
.infoWindow h5 {display:block;line-height:20px; font-size:1rem; font-weight:normal !important; color:#000000 !important; margin:0; padding:0; font-family: 'helvetica-neue-lt-pro', sans-serif !important; text-transform: capitalize;}

#directions_map img, #directions_map object, #directions_map embed { max-width: none; height: auto }
#directions_map *,#directions_map *:before,#directions_map *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#location_map img, #location_map object, #location_map embed { max-width: none; height: auto }
#location_map *,#location_map *:before,#location_map *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.adp, .adp table, .adp-list {font-family: 'helvetica-neue-lt-pro', sans-serif !important;font-weight: normal !important;}
.address a { text-decoration: underline;}
div.adp-legal { display: none !important;}

.gm-style-iw .poi-info-window.gm-style {width:100%;display:block;overflow:hidden; font-family: 'helvetica-neue-lt-pro', sans-serif !important;font-weight: 400 !important; padding-left: 0px; padding-right:0px;text-align:left; -webkit-font-smoothing: subpixel-antialiased;}
.gm-style-iw .poi-info-window.gm-style div.title.full-width {font-family: 'helvetica-neue-lt-pro', sans-serif !important;font-weight: 700 !important; padding:0 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:14px; line-height:20px !important;color:#000000;}
.gm-style-iw .poi-info-window.gm-style div.full-width { width: 200px !important; }
.gm-style-iw .poi-info-window.gm-style div.address {color:#000000; font-family: 'helvetica-neue-lt-pro', sans-serif !important;font-weight: 400 !important; padding: 0 0 7px 0px !important; margin: 0 0 7px 0px !important; border-bottom: 1px solid rgba(200, 201, 199, 0.5);}
.gm-style-iw .poi-info-window.gm-style div.address .address-line:nth-child(1) {padding-top:5px;}
.gm-style-iw .poi-info-window.gm-style div.address .address-line {color:#000000; font-family: 'helvetica-neue-lt-pro', sans-serif !important;font-weight: 400 !important; line-height:18px; font-size:13px;background: #fff !important;}
.gm-style-iw .poi-info-window.gm-style div.view-link {padding-top:0px;}
.gm-style-iw .poi-info-window.gm-style div.view-link a {font-family: 'helvetica-neue-lt-pro', sans-serif !important; font-weight: 400 !important; text-decoration: underline; color:#000000 !important; padding: 0px 0px 5px 0px !important; text-transform: none; font-size:13px; display: block !important;}
.gm-control-active.gm-fullscreen-control {width:30px !important; height: 30px !important; }
.gm-control-active.gm-fullscreen-control > img {margin: 0px !important;}
.gmnoprint.gm-bundled-control {right:0px !important; margin: 0px !important;}
.gmnoprint.gm-bundled-control > div {left: auto !important; right: 0px !important; margin: 10px !important;}
.gmnoprint.gm-bundled-control .gmnoprint > div {width: 30px !important; height: 61px !important;}
.gmnoprint.gm-bundled-control .gmnoprint > div > button {width:30px !important; height: 30px !important;}
.gmnoprint.gm-bundled-control .gmnoprint > div > button > img {margin: 0px 0px 0px !important; width:11px !important; height: 11px !important;}
.gmnoprint.gm-bundled-control .gmnoprint > div > button:focus > img {margin: 0px 0px 0px !important; }
.gmnoprint.gm-bundled-control .gmnoprint > div > button:active > img {margin: 0px 0px 0px !important; }
.gmnoprint.gm-bundled-control .gmnoprint > div > div {width: 21px !important;}
button.gm-control-active + .gmnoprint:not(.gm-bundled-control) {right: 40px !important;}
.gmnoprint .gm-style-mtc {font-family: 'helvetica-neue-lt-pro', sans-serif !important; font-size: 12px !important;}
.gmnoprint .gm-style-mtc > div[role=button] {font-family: 'helvetica-neue-lt-pro', sans-serif !important; font-size: 12px !important; height: 28px !important; padding: 0 10px !important; font-weight: bold !important;}

button[aria-label=Close] img {margin: 0 !important; margin-top:10px !important; z-index: 99 !important; width:18px !important; height: 18px !important;}

.infowindow {height:100%;width:100%;display:block;position:relative;min-width:200px; text-align:center; border:none !important; padding: 20px 0 10px;}
.infowindow > div {display:block; position: relative;font-weight:normal; font-size: 14px; line-height: 18px; font-family: 'helvetica-neue-lt-pro', sans-serif !important; color:#000000;}
.infowindow .title {font-family: 'helvetica-neue-lt-pro', sans-serif !important; font-weight:700 !important; padding:0px 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:16px; line-height:19px !important;color:#0062ab; -webkit-font-smoothing: subpixel-antialiased;}
.infowindow .title > span {font-style: italic !important; font-weight: normal !important; display: block; color:#000000;  font-size:14px;}
.infowindow .address {color:#000000; font-weight: normal !important; padding: 0 0 0px 0px !important; margin: 0 0 0px 0px !important; -webkit-font-smoothing: subpixel-antialiased; }
.infowindow .address .address-line {color:#000000; line-height:17px; font-size:13px;}
.infowindow .address .address-line:first-child {padding-top:5px;}
.infowindow .address .address-line:last-child {padding-top:0px;}
.infowindow .discountlink {display: block; width:auto; height:auto; margin: 10px 0 0px 0; padding: 0; position: relative;}
.infowindow .discountlink > a { position: relative; text-decoration: none; font-family: 'helvetica-neue-lt-pro', sans-serif; animation:none; color:#fff; margin:0; padding: 5px 16px; }
.infowindow .discountlink > a:hover {}
.infowindow .discountlink > a i {display: none;}

/* Locations */
.locationContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 0 auto 0px auto; position: relative; filter: alpha(opacity=0);opacity: 0;}
.locationouter {width:100%; height: 575px; border:none; display:inline-block; position:relative; padding:10px; margin: 0 auto; background: #fff;border-radius: 12px; border:none; transition: all .3s ease-out 0s;box-shadow: 1px 1px 5px #CCCCCC;}
.locationouter:hover {}
#location_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:transparent;}
#location_map .gm-style .gm-style-iw > div {min-width:150px;}

#location_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button {position: absolute !important;right:0;z-index: 1000; width:40px !important; height:40px !important;}
#location_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button span {margin: 8px !important;}
#location_map .gm-title {font-weight: 600;}

/* Directions */
table#printDiv {display:none;}
.mapContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 0 auto 0px auto; position: relative; filter: alpha(opacity=0);opacity: 0;}
.mapouter {width:100%; height: 400px; display:inline-block; position:relative; padding:10px; margin: 0 auto; background: #fff;  border-radius: 12px; border:none; transition: all .3s ease-out 0s; box-shadow: 1px 1px 5px #CCCCCC;}
.mapouter:hover {}
#directions_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:#fff;}
#directions_map > div > div.gm-style {}
#directions_map .gm-style .gm-style-iw > div {min-width:150px;}

/*#directions_map .gm-style .gm-style-iw.gm-style-iw-c > div.gm-style-iw-chr {height:20px}
#directions_map .gm-style .gm-style-iw > div.gm-style-iw-chr .gm-style-iw-ch {padding: 0 !important;}*/
#directions_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button {position: absolute !important;right:0;z-index: 1000; width:40px !important; height:40px !important;}
#directions_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button span {margin: 8px !important;}
#directions_map .gm-title {font-weight: 600;}

.gm-style-iw.gm-style-iw-c > button[aria-label="Close"] {top: 0px !important; right: 0px !important;}
.gm-style-iw.gm-style-iw-c > button[aria-label="Close"] > span {width:18px !important; height:18px !important; margin: 4px !important;}

div.geo {width:100%; padding: 0px; position: relative; text-align: center; display:block; margin: 1rem auto 1rem; float:left;}
div.geo p {position: relative; margin: 0;}
div.geo p a {}
div.geo a i {position: relative; margin-right: 7px;}

#form-outer {width:100%; position: relative; margin: 0 auto 1rem auto; float:left; display:block; padding: 0;}
#form-outer > form {width:100%; height: auto; display: block; position: relative;float:left; margin: 0 auto;}
#form-outer > form input {margin-right: 0.75rem; }
#form-outer > form ::-webkit-input-placeholder {opacity: 0.8;}
#form-outer > form button {height: 100%;margin:0; width:auto;}

#directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; }
#directions .panel {position:relative; border-radius: 12px; border:none; border-left: 5px solid #0062ab; transition: all .3s ease-out 0s; float:left; width:100%; margin: 0rem auto 0rem; padding: 20px 20px; box-shadow: 1px 1px 5px #CCCCCC; background: #ffffff;}
#directions .panel:hover {}
#directions .panel .panel-heading {position:relative;background-color:transparent; border: 0 none; margin-bottom:1rem; padding: 0; border-radius: 0; border-bottom:none; }
#directions .panel .panel-body {padding:0; overflow: hidden;}

.timeTop span.distanceTime {display:block; position: relative;font-weight: normal; font-size: 18px; font-weight: 700;}
.timeTop span.trafficTime {display:block;font-style: italic; position: relative;font-weight: normal;}
.timeTop span.trafficTime > span {color:green;}
.timeTop span.trafficTime.traffic > span {color:red;}
.timeTop button {border:none; background-color: transparent; background:none; padding: 0; position: absolute; top: 50%;right: 1rem; text-align: center; cursor: pointer; margin: -1rem 0 0 0; z-index: 10; outline: none!important; border-radius:0; color:#000000;font-size: 20px;}
.timeTop button:active,.timeTop button:focus {border:none; background:none;color:#000000;}
.timeTop button:hover {background-color: transparent;color:#000000;border:none;}

.mapbottom {position: relative;}
.mapbottom h3 {float:left; width: 100%; display:block; position: relative; margin: 0 0 0px 0px; padding: 0; text-transform: none; font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); line-height: 1.4; }
.mapbottom h3.fromLocation {margin: 0 0 1rem 0px;}
.mapbottom h3.fromLocation span {display: block;}
.mapbottom h3.toLocation {margin: 1rem 0 0 0; padding: 0;}
.mapbottom h3.toLocation span.destination_address {display:block; font-weight: 400; font-size: 18px; color:#000000;}
.mapbottom h3.toLocation span.destination_name {}
.mapbottom h3.toLocation span.destination_loc {}

#instructions {display:block; width: 100%; padding: 0px; margin: 0px 0px 0px 0px; position: relative; float:left; }
#instructions > li {float:left; width:100%; height:auto;display: block; position: relative; margin: 0; padding: 0 0 0px 1.5rem; }
#instructions > li:last-child {padding-bottom:10px; margin-bottom: 0;}
#instructions > li span.steps {display:block; width: 100%; position: relative; margin: 0 0 25px 0px; padding: 0 0 12px 0; border-bottom:1px solid #E1E1E1; font-weight: 600;color:#000000;}
#instructions > li span.steps b {font-weight: 700;}
#instructions > li span.instruct {display: block; width:100%;}
#instructions > li span.dis {display: block;width:auto; font-size: 0.9rem; line-height: 1.2; position: absolute;overflow: hidden;background:#ffffff; padding: 0 5px 0 0; bottom:-10px;font-style: italic; font-weight: normal;}

.locationlist.addscroll {max-height:300px;}
.locationlist .accordion-item.single h3:before {display: none;}

.maplist .single.locations.active ul {display: none;}
#accordion.locationlist .accordion-item.special > h3.active > a {background-color:transparent;}
#accordion.locationlist .accordion-item.special > h3.active > a.activelink {background-color:#f4f3ec;}

/* LTO */
#all.ltocontent {display: none;}
#all.ltocontent .row {}
#all.ltocontent .col-6 {position:relative; padding-top:0.7rem; padding-bottom: 0.7rem; max-width:350px;}
#all.ltocontent a.ajax {position:relative;display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: justify; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box;flex-direction: column;  }
#all.ltocontent .flip-card {background-color: transparent;width: 100%; /* Set desired width */height: 150px; /* Set desired height */perspective: 1000px; /* Removes 3D effect if removed */}
#all.ltocontent .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; /* Controls animation speed */transform-style: preserve-3d;}
#all.ltocontent .flip-card-inner img {width:100%; height:auto; position: relative; padding: 0.5rem; margin: 0 auto; overflow: hidden;}
#all.ltocontent .flip-card:hover .flip-card-inner {transition-delay: 0s;transform: rotateY(180deg);}
#all.ltocontent .flip-card .card {width:100%; height:100%; position: relative; padding: 0.5rem; margin: 0; border:none; display: flex; justify-content: center; align-items: center;}
#all.ltocontent .flip-card .card .card-body {padding: 0;}
#all.ltocontent .flip-card .card .card-body p.card-text {position: relative; margin: 0 !important;}
#all.ltocontent .flip-card .card .card-body p.card-text span.title {font-weight: 700; font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); padding: 8px 0 15px;line-height: 1.2; margin: 0; display: block;}
#all.ltocontent .flip-card-front, #all.ltocontent .flip-card-back {position: absolute;width: 100%;height: 100%; backface-visibility: hidden; /* Hides the back side during the flip *//* Ensure card children don't overflow the container during transform */border-radius: 0.5rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
#all.ltocontent .flip-card-back {transform: rotateY(180deg); /* Starts the back side in a flipped position */}
#all.ltocontent .flip-card-back .card {background-color:#f1af39}

/* LTO - Single */
#ltobox {width:100%; height:auto; position: relative; display:block; margin:10px auto 0px auto; padding: 0px; text-align: center; float:left;}
.lto-wrapper {filter: alpha(opacity=0); opacity: 0;width:auto; height:auto; display:inline-block; position:relative; margin: 0px auto 0px; text-align:center; border: 0px solid #e6e6e6;}
.lto-wrapper .outerlto {display:block; width:auto; height:auto; position: relative; padding: 5px; margin: 0 auto; background:#fff; border: none; border-radius: 12px;box-shadow: 1px 1px 5px #CCCCCC;}
.lto-wrapper .outerlto:hover {}
.lto-wrapper.imageonly {border: 0 none;}
.lto-wrapper .outerlto img {position: relative; display: block; text-align: center; margin: 0px auto; width:100%;  padding: 0; border: none; border-radius: 0; background:#fff;}

#ltobox .links { display: block; float:left; position: relative;width:100%; margin:25px auto 0;}
#ltobox .links > ul {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 auto; padding: 0; }
#ltobox .links > ul li {position: relative; margin: 0; padding: 0 5px 10px; }
#ltobox .links > ul li a {}

/* Terms & Privacy Page */
.policypage {float:left; width:100%; height:auto; display: block; position: relative; margin-top: 0px;}
#terms {position: relative; float:left; width:100%;}
#terms .terms {float:left; width:100%; display: block; position: relative;}
#terms .terms:not(.well) p {display: block; position: relative; float:left; width:100%; }
#terms .terms .subtitle h4 {min-height: 0;}

#privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 0px auto 0px auto; padding: 0; }
#privacytable .table-responsive {float:left; width:100%;position: relative;}
#privacytable table td {position: relative; border-bottom-color: #E1E1E1}
#privacytable table td a {display: block; text-decoration:none;position: relative; font-weight: 500;}

#privacytable > div {margin-bottom: 25px;}
#privacytable .card {border:none; background:#fff; border-radius: 0; padding: 0; width:100%;}
#privacytable .card .card-header {font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem);line-height: 1.4; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; margin:0 0 1.5rem 0;  background:#fff; padding: 15px 35px; border-radius: 12px; border:none; position: relative; z-index: 1; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;}
#privacytable .card .card-header h4 {margin:0; color:#0062ab;}
#privacytable .card .card-body {padding: 0; border: none;}
#privacytable .card-body h5 {margin-bottom: 10px;}
#privacytable .card-body p {margin-bottom: 16px;}
#privacytable .card-body p:last-child {margin: 0;}
#privacytable .card-body ul {margin: 0 0 16px 0;padding: 0 0 0 16px;position: relative;}
#privacytable .card-body ul:last-child {margin:0;}
#privacytable .card-body ul li {margin: 0 0 5px; list-style: none; position: relative;padding-left: 15px;}
#privacytable .card-body ul li:before {content: ''; position: absolute; top:7px;left: 0; width:8px; height:8px; background-color: #7B3F77; border-radius: 50%;}
#privacytable .card-body ol {margin: 0 0 16px 0;padding: 0 0 0 16px;position: relative;}
#privacytable .card-body ol:last-child {margin:0;}
#privacytable .card-body ol li {margin: 0 0 5px; list-style: none; position: relative;padding-left: 15px;}
#privacytable .card-body ol li:before {content: ''; position: absolute; top:7px;left: 0; width:8px; height:8px; background-color: #7B3F77; border-radius: 50%;}

/* Form Pages */
.formpage {float:left; width:100%; height:auto; display: block; position: relative; }
p.formpagetext {display: block; float:left; width: 100%; position: relative; text-align:left; margin-top: 0;}
.formpage p.formpagetext {-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; background:#fff; padding: 15px 35px; border-radius: 12px; border:none; position: relative; z-index: 1; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;}
.formContainer p.smaller {margin:20px 0 0; padding: 0; font-size: 13px; float:left; width:100%; display: block; font-style: italic; text-align: center; font-weight: 400;}
.formContainer input[type=checkbox] {display:none;}
.formContainer {position: relative; float:left; width:100%; margin: 0px auto 0 auto; padding: 0px;}
.formContainer form {position: relative; /*background-color:#ffffff; padding: 1.25rem; border:1px solid #ddddd1; border-radius: .4rem;*/}
.formContainer form .row {position: relative;}
h3.suggesttitle {float:left; width:100%; display: block; position: relative; margin:10px 0 20px 0;line-height: normal; text-align: center;}

.formContainer .form-group {position: relative;}
.formContainer .form-group .form-control {position: relative;}
.formContainer .form-group textarea {height:auto;}

.formContainer .form-control.valid {background-color: #fff;border-color:green;}
.formContainer .form-group > .valid:after {content: ''; position: absolute; background-image: url(../images/form-valid.png); background-repeat: no-repeat; width:22px; height: 22px; background-size: 22px; right: 25px; top:50%; margin-top:-11px; z-index: 5;}
.formContainer .hasvalue .form-control {background-color:#fff;border-color:green;}

.formContainer .form-group .error .form-control {border-color:#cc0000; }
.formContainer .form-group .error .form-control:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(204,0,0,.15);}
.formContainer .form-group > div.error:before {content: ''; position: absolute; background-image: url(../images/form-error.png); background-repeat: no-repeat; width:22px; height: 22px; background-size: 22px; right: 22px; top:50%; margin-top:-11px; z-index: 5;}

.formContainer .eac-input-wrap {width:100%; position: relative;}
.formContainer .eac-sugg {padding-left: 0px !important; padding-top: 12px !important; padding-bottom: 0px !important;}

.formContainer .popover.fade {opacity: 1; z-index: 10;}
.formContainer .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#E1E1E1;}
.formContainer .popover .popover-body {font-family: 'helvetica-neue-lt-pro', sans-serif; text-align:center; color:#2e2e2e; padding:0.6rem 1rem; font-size: 14px;line-height: 1.3;}
.formContainer .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .form-container .bs-popover-top>.popover-arrow::before {border-top-color:#E1E1E1;}
.formContainer .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#E1E1E1;}
.formContainer .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#E1E1E1;}
.formContainer .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#E1E1E1;}

.formContainer .select i.fa-sort {position: absolute; right: 30px; width:16px; height:16px; font-size: 16px; top:50%; margin-top:-8px;color:#f1af39}

.formContainer .form-actions {width:100%;text-align: center; margin: 0rem auto 0 auto;}
.formContainer .form-actions .btn {min-width:130px;}
.formContainer .form-actions .btn:disabled {background-color:#888; border-color:#888;}

.formContainer #formresponse {float:left; width:100%; height:auto; position: relative;}
.formContainer #formresponse > div {position: relative;width: 100%;float: left; margin: 0;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; background:#fff; padding: 30px 10px; border-radius: 12px; border:none; position: relative; z-index: 1; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;}
.formContainer #formresponse > div p {margin: 0; padding: 0; text-align: left;}
.formContainer #formresponse > div p span {font-weight: 700;}

.formContainer #formresponse > p {font-style: italic; margin: 0; color:#cc0000}

/* FAQS */
#faqs {float:left; width:100%; height: auto; position: relative; margin: 0 auto 0 auto;}
#faqs .faqs {position: relative; padding: 0; margin: 0 auto 10px; background-color:transparent; border-radius: 0; border:none;}
.faqs .faq-header {position: relative; padding: 0; cursor: pointer; border-bottom:1px solid #e1e1e1;}
.faqs .faq-header h4 {position: relative; margin: 0; padding: 15px 30px 15px 15px; font-size: 16px; line-height: 20px; letter-spacing: 0.8px;}
.faqs .faq-header h4 i {position: absolute; right: 0; font-size: 22px; top:50%; margin-top:-11px;}
.faqs .faq-body {display: none; position: relative; padding: 20px; border:1px solid #e1e1e1; border-top:0px; border-radius: 0px 0px 5px 5px;}
.faqs .faq-body p {margin: 0; padding: 0;}
#main .faqs .faq-body p:last-child {margin-bottom: 0;}

#faqs .faqs.activefaq .faq-header h4 i:before {content: '\F63B';}

/* Subscribe */
.bottomsubscribe {background-color: #dee5f4;text-align: center; position: relative; margin-bottom: 20px;}
#main .bottomsubscribe p:last-child {margin-bottom: 0;}

/* Contact */
.contactcolumn > div {display: flex; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: start; -ms-align-items: start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; background:#fff; padding: 30px 10px; border-radius: 12px; border:none; position: relative; z-index: 1; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;}
.contactcolumn h3 {font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); }
.contactcolumn span {display: block; position: relative;}
.contactcolumn span:last-child {margin-top: 10px;}

/* Mobile App */
.mobileappcontent .pagecontent > .row:nth-child(2) {}
.mobileappcontent .pagecontent > .row:nth-child(2) > div {display: flex; justify-content: space-around; align-items: center; flex-direction: column; margin-left: auto; margin-right: auto; /*padding: 30px 10px; border-radius: 12px; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;*/}
.features {margin: 0;padding:0 0 0 0;position: relative; width:100%; display: block;}
.features h4.title {position: relative; width:100%; padding: 0; margin:0 0 10px;}
.features ul {position: relative; width:100%;padding: 0 0 0; margin: 0 0 0 8px;}
.features ul li {position: relative; display: block; margin: 0 0 4px; padding: 0 0 0 0.75rem;}
.features ul li i {display: inline-block; font-size:6px; line-height:1; position:relative; top:-3px;margin: 0 15px 0 0; color:#f1af39;}
.features ul li:before {display: none; content: '•'; color:#a27bcd;position: absolute;left: 0;}
.mobileappcontent img {width:250px; position: relative; margin: 0px auto 0 auto; text-align: center; display: block; box-shadow: 1px 1px 5px #ccc;border-radius: 12px;padding: 20px 20px;}

.mobileappcontent .subtitle {position: relative; width:100%;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;  margin: 2rem auto 0rem auto;}
.mobileappcontent .subtitle h2 {display: block; position: relative; font-size: clamp(1.813rem, 1.679rem + 0.357vw, 2rem); line-height: 1.4;}

.appslides {background:none; padding: 0 0 40px 0; margin-top:20px; position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;}
.appslides .appbox {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
.appslides .appbox > div {position: relative; padding: 30px 10px; background:#fff; border-radius: 12px; border: none; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab; margin:0; width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-grow: 1;-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;text-align: left;}

.appslides .appbox > div h3 {margin: 0 0 10px 0;}
.appslides .appbox > div h3 i {position: relative; margin-right: 10px;}
.appslides .appbox > div ul {position: relative; display: block; padding: 0 0px 0 20px; margin: 0 auto 19px 0px; width:100%;}
.appslides .appbox > div ul li {position: relative; padding: 0; margin: 0 0 3px; list-style: decimal; list-style-position: inside; line-height: 1.75; font-size: 16px; }
.appslides .appbox > div ul li i {position: relative; top:2px;}
.appslides .appbox > div ul li i.fa-arrow-up-from-bracket {margin: 0 2px; font-size: 18px; color:#0046df;}
.appslides .appbox > div ul li i.bi-three-dots-vertical {vertical-align: middle;font-size: 24px; line-height: 1; top:auto;}
.appslides .appbox > div button.btn {position: relative;}

/* Resource Library */
.resourcerow .flip-card {position: relative; width:100%; height: 200px; transform-style: preserve-3d; transform: scale(1); transition: transform 0.1s; will-change: transform;}
.resourcerow .flip-card .flip-card-inner {position: relative; width:100%; height:100%; text-align: center; transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;transform-style: preserve-3d; will-change: transform; }
.resourcerow .flip-card-front .card-title {font-size: clamp(28px, calc((28 / 390) * 100dvw), 32px); text-transform: none; letter-spacing: normal; font-weight: 500; transition: 2s opacity 0.3s;opacity: 1;text-align: left; z-index: 2; position: relative; color:#fff; margin: 0;}
.resourcerow .flip-card-image {position: absolute; width:100%;height:100%; top: 0; left: 0; transform: translate3d(0, 0, 0);}
.resourcerow .flip-card-image img { padding: 0; width:100%; height:100%; display: block; -o-object-fit: cover; object-fit: cover; object-position: 0 0}
.resourcerow.housing .flip-card-image img {object-position: 0% 0%}
.resourcerow .flip-card-image:after {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, #1d1d1def 0%, #00000000 65%); }

.resourcerow .flip-card:hover .flip-card-inner {transform: rotateY(180deg);transition-delay: 0s;}
.resourcerow .flip-card:hover .flip-card-image {transition: 0s opacity 0.5s;opacity: 0;}
.resourcerow .flip-card:hover .flip-card-front .card-title {transition: 0s opacity 0.5s;opacity: 0;}

.resourcerow .flip-card .flip-card-front, .resourcerow .flip-card .flip-card-back {display: flex; flex-direction: column; position: absolute; width:100%; height:100%; backface-visibility: hidden; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);padding: 1.5rem;}
.resourcerow .flip-card .flip-card-front {justify-content: flex-end; align-items: baseline; border-radius: 0.625rem; overflow: hidden;}
.resourcerow .flip-card .flip-card-back {justify-content: center; align-items: left; text-align: left; border-radius: 0.625rem; overflow: hidden;transform: rotateY(180deg);will-change: transform; background-color:#f1af39;}
.resourcerow .flip-card .flip-card-back .flip-card-text span.title {display: block; font-size: clamp(22px, calc((22 / 390) * 100dvw), 24px); padding: 8px 0;font-weight: 700;line-height: 1.2;}
.resourcerow .flip-card .flip-card-back a.btn.btn-primary {margin-bottom: 10px;}
.resourcerow .flip-card .flip-card-back a.btn.btn-primary:hover {color:#fff;}

/** HOLIDAY SHOPPING **/
.holidayoffers .offers {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position:relative; width:100%; height: auto; padding: 0px 0px 30px 0px; margin-top: 0; flex-direction: column;}
.holidayoffers .controls {margin: 0 auto 2rem; width:100%; display: flex; align-items: center; justify-content: flex-start; padding: 30px 10px; background:#fff; border-radius: 12px; border: none; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab; }
.holidayoffers .controls > span {font-weight: 500; margin-right: 8px;}
.holidayoffers .controls .btn {word-wrap: normal; width:auto;display: flex; flex-grow: 0; flex-basis: auto; margin: 0 5px;}

.holidayoffers .offers .row {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
.holidayoffers .card {position: relative;  transition:all .2s ease; height:100%;border:none; border-radius: 0;box-shadow: none;}
.holidayoffers .card .card-body {position: relative; padding: 1.25rem; margin:0 0 .3125rem 0; background:#fff; border-radius: .5rem;border:none; width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-grow: 1;-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;text-align: left; box-shadow: 1px 1px 5px #ccc; }
.holidayoffers h5.card-title {position: relative; display: none;}
.holidayoffers p.card-text.offertext {max-height:150px; overflow: hidden;}
.holidayoffers p.card-text span {display:block; position: relative;}
.holidayoffers p.card-text span:not(.smaller) {padding-left:12px; margin-top:.5rem;}
.holidayoffers p.card-text span:not(.smaller):before {content: '•'; display: block; position: absolute; left: 0; top:0;}
.holidayoffers p.card-text span.smaller {font-size: 0.85rem; margin-top:5px; font-style: italic;}
.holidayoffers p.card-text span.smaller.alt {margin-top:2px; margin-bottom: 2px;padding-left:12px;}
.holidayoffers a.btn {text-decoration: none; margin-top:1rem;position: relative; margin: 10px 0 0; flex-grow: 0; width:auto;}

.holidayoffers .card-img {display: block; position: relative; width:125px; margin: 0 0 10px;}
#main.holidayoffers p.card-text.date {margin-bottom: 10px}
.holidayoffers p.card-text.offercode {font-weight: 700;}
#main.holidayoffers p.card-text.offercode {margin-bottom: 0;}
.holidayoffers hr {margin:.75rem auto; width:100%; opacity: 1; border-color:#e1e1e1}

#holidayoffers.modal .modal-content p {margin-bottom: 19px;}

@media (min-width: 576px) {
    #holidayoffers.modal .modal-dialog {max-width: 600px;}
    .holidayoffers .card-img {width:150px;}
}

@media (min-width: 1200px) {
    .holidayoffers .card-img {width:175px;}
}

/** Information Pages **/
#mainimage {position: relative; height:auto; overflow: hidden; z-index: 1; }
#mainimage .slideimage {position: relative; padding: 10px 10px; overflow: hidden;}
#mainimage .slideimage img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:42.9vw;border-radius: 30px;}
#indexslides .swiper-slide.programslide img {object-position: 50% 0%;}

#mainimage .caption {position: relative; z-index: 2;}
#mainimage .caption > div.container {position: relative;}
#mainimage .caption > div.container > div {background-color:rgba(222, 229, 244, 0.8); padding: 20px 0px; border-radius: 30px; width:100%; position: relative; overflow: hidden;}
#mainimage .caption > div.container > div:after {content: ''; position: absolute; background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%); mask-image: url(../images/gallery-shapes-bg.png); mask-repeat: repeat-x; width:100%; height:170px; left: 0; mask-position: center center; bottom:0; mask-size: 160px 100%; opacity: 0.15; z-index: 1;-webkit-mask-position-x: 50%; -webkit-mask-position-y: 50%;}
#mainimage .caption > div > div > * {margin-left:20px; margin-right: 20px; z-index: 2;}
#mainimage .caption h2 {color:#0062AB; line-height: 35px; font-size: 32px;}
#mainimage .caption p {font-size: 17px; line-height: 20px; margin-top:19px; margin-bottom: 19px;}

#information {padding-bottom: 1rem; padding-top:1rem; width:100%; position: relative; z-index: 2;}
#information > .container {padding-left:10px; padding-right: 10px;}
#infoboxes {position: relative; height:auto;margin:0 auto 1.25rem auto; padding:0 0px 15px 0px; }
#infoboxes > div {margin-bottom: 1rem;}
#infoboxes .card {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; text-align: center; height: 100%; text-decoration: none; padding: 1rem 10vw;  text-decoration: none; border-radius: 12px; border:none; border-left-width: 5px; border-left-color: #0062ab; border-left-style: solid; transition: all 50ms linear; background-color:#ffffff; box-shadow: 1px 1px 5px #CCCCCC;}
#infoboxes .card .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; height:100%; padding: 0; flex: 1 1 auto; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: justify; justify-content: space-between; text-align: center;}
#infoboxes .card .card-body i {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 25px; width: 72px; height:72px; border-radius: 50%; border:2px solid #0062ab;  font-size: 36px; transition:all .3s ease-out 0s; color:#0062ab; background-color:rgba(0, 98, 171,0.2);}
#infoboxes .card:hover .card-body i {color:#fff;background-color:#0062ab; border-color:#fff;}
#infoboxes .card .card-title {position: relative; margin:0 auto 0.5rem auto; text-align: center; font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); width:100%; display: block; font-weight: 700; line-height: 1.4; color:#0062ab}
#infoboxes .card .bottomicon i {width:30px;height:30px; text-align: center; margin: 0 auto; background-color:#008752; color:#fff; border-radius: 50%; line-height: 30px; font-size: 1.375rem; padding: 0px 8px; display: block; position: relative;}
.inforow .card-body a {flex-grow: 0;}

a#closebox {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;width: 40px; height: 40px; line-height:1; margin:0; z-index: 42; position: absolute; right: 1.5rem; top: 1rem; -webkit-transition: 0.3s 0s all ease; transition: 0.3s 0s all ease; border: 2px solid #7b3f77; color:#7b3f77; background-color: none; text-align: center; text-decoration: none; -webkit-animation:none; animation: none; border-radius: 100%;}
a#closebox i {font-size:25px; position: relative; line-height: 1; width:100%; height:auto;}
a#closebox:hover {border-color:transparent; color:#fff;background:#7b3f77;}

div.infobox {display:block; position: fixed; /*top: 138px;*/ top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: #fff; z-index:1031; visibility: hidden;opacity: 0;}
div.infobox.active {visibility: visible;opacity: 1;}

.infobox .shadow {box-shadow: 0 0px 30px rgba(0,0,0,.15) !important; border-radius: 10px; border:none;}

.insideinfo {display: block; position: relative; width:100%; height:auto; float:left; opacity: 0; transition: opacity 0.5s 400ms ease;}
div.infobox.active .insideinfo {opacity: 1;}

.insideinfo > .container {}
.insideinfo h2.title {font-size: clamp(1.813rem, 1.679rem + 0.357vw, 2rem); line-height: 1.4; margin:0; text-align: center; padding: 0 15px; margin: 0 auto; position: relative;}
.insideinfo h2.title > span {display: block; position: relative;}

.infotext {margin: 0 auto; position: relative; float:left; width: 100%; border-radius: 5px;}
.infotext > img {width: 900px; margin: 0 auto; display: block;}

.infotext p {margin-bottom: 19px;}
.infotext > ul {padding-left: 1rem;position: relative;margin-left: 20px;margin-bottom: 19px;}
.infotext > ul li {list-style: none; line-height: 1.75; font-size: 16px;}
.infotext > ul li:before {content: '•'; margin-right:10px; color:#f1af39}

.infoform.formContainer {margin-top: 15px; margin-bottom: 15px}
.infoform.formContainer .form-control {min-height: 60px; box-shadow: 1px 1px 10px #ccc; border-color:transparent; border-radius: 5px;}
.infoform.formContainer .form-control::-webkit-input-placeholder {color: rgba(0,0,0,0.35); letter-spacing: 0.025rem; }
.infoform.formContainer .form-group .error.form-control {border-color:#cc0000; }

.formbody .form-group ::-webkit-input-placeholder {opacity: 0;}
.formbody .form-group :-moz-placeholder {opacity: 0;}
.formbody .form-group ::-moz-placeholder {opacity: 0;}
.formbody .form-group :-ms-input-placeholder {opacity: 0;;}
.formbody .form-group .placeholder {opacity: 0;}

#formresponse2.modal .modal-content p {margin:0;}
#formresponse2.modal .modal-content p span.form-name {font-weight: 700;}

.insideinfo .formbody {font-weight: 400;  overflow:hidden;}
.formhead {width:100%; height:auto; position: relative; float:left;}
.formbody h3 {text-align: center; margin: 0px auto 1.75rem; float:left; width:100%; display:block; position: relative;color:#000;}
.formlogo {display: block; float:left; width:100%; height:auto; margin: 0 auto 15px auto; padding: 0; text-align: center;}
.formlogo img {width:200px;margin: 0 auto; text-align: center;}
.contacttext {display: block;text-align: center; width:100%; height: auto; position: relative; margin: 10px auto 25px auto; padding: 0 0 5px; border-bottom:3px solid #222; float:left; font-weight: 400; }
.contacttext > span { font-size:1rem; line-height: 135%; display: block; margin: 0 0 2px; padding: 0; position: relative; }
.contacttext > span i {font-size: 7px;line-height: 1; position: relative; display: inline-block; margin: 0 8px; top: -3px;}
.contacttext > span br {display: none;}

.formbody form {float:left; width:100%; margin: 0 auto; height:auto; position: relative; display: block;}
.formbody form input[name=interested] {display: none;}
.formbody form .popover.fade.show {opacity: 1;}

.formbody form .row {position: relative;}

.formbody .form-group {position: relative;}
.formbody .form-control {position: relative; border-radius: .375rem !important; background-color:#f9f9f9; padding:.375rem .75rem; height:50px; line-height: 1.25; font-size: 16px;}
.formbody label {position: relative; padding: 0px 0px 0.5em; margin: 0; color:#2e2e2e;}
.formbody input:-webkit-autofill, .formbody input:-webkit-autofill:hover, .formbody input:-webkit-autofill:focus, .formbody textarea:-webkit-autofill, .formbody textarea:-webkit-autofill:hover, .formbody textarea:-webkit-autofill:focus, .formbody select:-webkit-autofill, .formbody select:-webkit-autofill:hover, .formbody select:-webkit-autofill:focus {background-color:#f7f7f7 !important; box-shadow: 0 0 0px 1000px #f7f7f7 inset;}
.formbody .form-control:focus {/*border:1px solid #000;box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0, 0, 0,.15);*/}
.formbody .form-control.error {border:1px solid #cc0000;}
.formbody .form-control.error:focus {/*box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);*/}

.formbody .form-control.valid {background-color: #fff;border-color:green;}
.formbody .form-control.valid:focus {border-width: 1px;}
.formbody .hasvalue .form-control {background-color:#fff;border-color:green;}

.formbody .form-actions {float:left; width:100%;text-align: center; margin: 0rem auto 0 auto;}
.formbody .form-actions .btn {width:auto;}
.formbody .form-actions .btn:disabled {background-color:#888; border-color:#888;}

/* Added Initial Field */
.formbody form span.initialfeeouter {float:left;position: relative; display: block; margin: 0 10px 0px 0; }
.formbody form span.initialfeeouter input.form-control {width:100px; padding: .5rem .5rem .5rem .5rem; font-style: italic; height:45px;}

.formbody form p {margin-bottom: 19px; }

.formbody .signaturetable {text-align: left; align-items: flex-end;}
.formbody .signaturetable label {padding: 0.5em 0 0;}
.formbody .signaturetable input.form-control { border-radius: 0 !important; border-width:0px 0px 1px 0px; padding: 0.5rem; text-align: left; box-shadow: none;}
.formbody .signaturetable input.form-control:focus {filter:none;box-shadow: none;border-width:0px 0px 1px 0;border-color:#DEE5F4;}
.formbody .signaturetable input.form-control.error {border-width:0px 0px 2px 0px;}
.formbody .signaturetable input#signaturedate {background-color:#fff;}
.formbody .signaturetable input[type=button]:disabled {background-color:#ffffff;}
.formbody .signaturetable #hiddenImage {display: none;}
.formbody .signaturetable #hiddenImage img {width:50%; border: 0 none !important;}

form#enrollment .popover-body {font-family: 'helvetica-neue-lt-pro',sans-serif; padding:0.75rem 1rem;}
form#enrollment .popover {box-shadow: 0 2px 4px rgba(0,0,0,0.15);}

/* Signatures */
#signature-modal.modal {z-index: 1061;}
#signature-modal .modal-header {border-bottom-color: #E1E1E1;}
#signature-modal .modal-body {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:none;}
#signature-modal .modal-footer {border-top: 0; text-align: center; background-color:#f1f1f1; justify-content: center; padding: 1.5rem; }
#signature-modal .modal-footer .btn {margin:0 10px 0 10px; width:auto; height:50px;}
#signature-modal .modal-footer .btn:hover {}
#signature-modal .modal-content {}
#signature-modal input.form-control {margin: 0 auto; background-color: #fff; height:44px;}
#signature-modal .form-control:focus {}
#signature-modal .form-control.error {border:1px solid #cc0000;}
#signature-modal .form-control.error:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);}

.pad-outer {text-align: center;border: 1px solid rgba(0,0,0,0.085);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;border-radius: 0.5rem; padding: 10px 5px; margin-bottom: 1rem;}
#signature-pad {width:400px; height: 120px; border: 1px solid #f4f4f4;}

.sig-outer {position: relative; width:100%; height:100px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;padding: 16px; }
.sig-outer > div {position: relative; border: 1px solid #E1E1E1; width:100%; height:100%; }
.sig-outer .signature-pad {position: absolute; top: 0; left: 0; width:100%; height: 100%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;}

body.infopage .tooltip-inner {padding: .5rem; font-family: 'helvetica-neue-lt-pro', sans-serif; font-size: 15px; max-width: 220px; background:#cc0000;}
body.infopage .tooltip .tooltip-arrow:before {border-left-color:#cc0000;}
body.infopage .tooltip-inner span {position: relative; display: block;line-height: 120%;}
body.infopage .tooltip-inner span.first {margin-bottom: 5px;font-weight: 500;}
body.infopage .tooltip-inner span.last {font-style: italic;}

/* Response */
.formouter .formbody > #enrollformresponse {display: -webkit-box; display:-ms-flexbox; display:flex; width:100%; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.formouter .formbody > #enrollformresponse > div {position: relative;}
.formouter .formbody > #enrollformresponse > div > div {position: relative;}

.formbody.success .leftoutput img {width:150px; box-shadow: 1px 1px 5px #CCCCCC; margin: 0 auto; display: block; position: relative; border-radius: 0.5rem;}

.formbody.success .rightoutput {text-align: center; position: relative;}
.formbody.success .rightoutput h3 {margin-top:1.5rem;margin-bottom: 1rem; }
.formbody.success .rightoutput h5 {margin-bottom: .5rem; position: relative; text-transform: none; letter-spacing: 0; font-weight: 500; color:#000;}
.formbody.success .rightoutput a {position: relative; border:none;background:none; padding:0.5rem 0 0 0;}
.formbody.success .rightoutput a:hover {}
.formbody.success .rightoutput a i {display: none; position: relative; font-size: 1rem; margin-left: 7px;}

.formbody.success .otherLinks {float:left; width:100%; margin: 25px auto 0 auto; padding: 25px 0 0 0; border-top: 1px solid #E1E1E1; text-align: center;}
.formbody.success .otherLinks .btn {}