* { 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;} #headsearch button:focus-visible {outline: none !important;color:#2b3445; transform: scale(1.2);} .btn.btn-form:focus-visible {outline: none !important;background-position: right center!important;box-shadow: 0 0 30px rgba(79, 123, 159,.45) !important; color:#fff !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(6,18,46,.4);cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; background:rgba(6,18,46,.1);} .progress-gotop.hide {opacity: 0;bottom:-55px} .progress-gotop.show {opacity: 1; bottom:20px;} .progress-gotop:hover {background:rgba(6,18,46,.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:#1e489f;stroke-width: 2;stroke-linecap:round} .progress-gotop .progress-circle { height: 100%;width:100%} .progress-gotop .progress-circle path {stroke: #1e489f; 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:#2b3445; 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:#1e489f; cursor:pointer; text-decoration:none;outline:none; border:none;} a:hover {color:#b43393;text-decoration: none;} #main p a {font-weight: 700;text-decoration:underline;} #main p a:hover {text-decoration: none;} 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;font-size: 17px; line-height: 1.6; color:#000;} .btn {text-decoration: none;text-align: center; border: 1px solid transparent; border-radius: 50px; font-size: 18px; line-height: 1.7; padding: 8px 27px; 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;} .btn:hover {border-color:transparent;transition: all .3s ease-out 0s;} .btn.btn-primary {font-weight: 700; padding: 18px 75px; line-height: 27px; text-align: center; white-space: nowrap; border-radius: 50px; color:#fff; cursor: pointer; z-index: 5; transition: all .4s ease-in-out; border:none; background: linear-gradient(to left,#1e489f 0%,#122b5f 50.39%,#1e489f 100%); background-size: 200% auto; overflow: hidden; text-decoration: none; flex: 1 1 auto; flex-grow: 0; position: relative;} .btn.btn-primary:hover {background-position: right center; box-shadow: 0 0 30px rgba(6,18,46,.45); color:#fff;} .btn.btn-outline {border:1.5px solid #2b3445; color:#2b3445; padding:14px 40px; background-color:transparent;} .btn.btn-outline:hover {background-color:rgba(18,43,95,.7); color:#fff;} .btn.btn-secondary {border:2px solid #ffd400; color:#000; background-color:#ffd400; font-weight: 500;} .btn.btn-secondary:hover {background-color:#fbab1a; color:#000; border:2px solid #fbab1a;} .btn.btn-secondary.ltolink {border:1px solid #ffd400; color:#000; background-color:#ffd400; font-weight: 500;} .btn.btn-secondary.ltolink:hover {background-color:#fbab1a; color:#000;} .btn.btn-default {background-color:#1e489f; color:#fff; border:1px solid #1e489f; font-weight: 500;} .btn.btn-default:hover {background-color:#2b3445; color:#fff;} .btn-form {font-weight: 500;} 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; margin: 0; color:#1e489f;} h1 {font-size: 50px;} h2 {font-size: 32px;} h3 {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} ::-webkit-input-placeholder {color: #2b3445; color: rgba(68, 68, 68,0.25);} :-moz-placeholder {color: #2b3445; color: rgba(68, 68, 68,0.5);} ::-moz-placeholder {color: #2b3445; color: rgba(68, 68, 68,0.5);} :-ms-input-placeholder {color: #2b3445; color: rgba(68, 68, 68,0.5);} .placeholder {color: #2b3445; color: rgba(68, 68, 68,0.5);} 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: #2b3445;-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: 30px; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background-color: #ffffff; box-shadow: none; color:#2b3445; box-sizing: border-box; height:auto;padding:12px 25px; border:1px solid #e8ecf5; font-size: 16px; line-height: 24px;} .form-control.textarea {border-radius: 18px;} .form-control:focus {background-color:#fff; box-shadow: none; border-color:#bbc8e2;} .modal.fade.show {opacity: 1;} .modal-header {text-align: center; padding: 20px 15px 15px; position: relative;border-bottom-color:#1e489f;} .modal-header h5 {text-align: left; display: block;width:100%; padding: 0px 50px 0px 0px;margin: 0; color:#fff; font-size:1.25rem; line-height:1.1; position: relative; } .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:#ffffff;} .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} .modal-content {background-color:#1e489f; 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-bottom: 15px; font-size: 16px; padding-top:10px; padding-bottom: 10px;width:auto; min-width:120px; max-width: 100%;} .modal-instructions.modal .modal-body .btn i {position: relative; margin-right:8px;} #subscribemodal .modal-content {background-color:#1e489f} #subscribemodal .modal-header h5 {text-align: center; padding: 0 30px;} #subscribemodal .modal-body > p {text-align: center; margin: 10px 0px; font-weight: 500;} #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; margin-left:auto; margin-right:auto; text-align: center;} #subscribemodal .form-container .form-actions .btn {margin-top:10px;} #subscribemodal .form-container ::-webkit-input-placeholder {} #subscribemodal #formresponse2 > div {border-top:1px solid #e8ecf5; 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;} #subscribemodal #formresponse2 > div p a {font-weight: 700; text-decoration: underline;} /* Main Elements */ .pagewrapper { position: relative;display: block; flex: 1 0 auto; overflow-x: hidden; padding-top: 142px;} #main {position: relative;width:100%; } .container {position: relative; flex-grow: 1; /*max-width:1400px; padding-left:20px; padding-right:20px;*/ } .container-fluid {position: relative; flex-grow: 1; max-width:100%;} /* Header */ header {position: fixed; width:100%; top:0;left: 0; z-index: 2; } header .sitename {width:100%; background-color:#1e489f;color:#fff;position: relative; /*border-bottom: 5px solid #265678;*/} header .sitename > div {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; height:30px;} header .sitename > div > h1 {position: relative; padding:0;font-style: italic; font-size: 15px; line-height: 24px;font-weight: 400; color:#fff;} header .sitename a {position: relative; text-decoration: none; color:#fff; background:#1e489f;display: flex; padding: 6px 10px; font-weight: 400; height:100%; justify-content: center; align-items: center; font-size: 15px; border-radius: 0; border:none; border-left: 1px solid #18397f; border-right: 1px solid #18397f;} header .sitename a:hover {background:#18397f;} header .sitename a i {position: relative; margin-right:7px;} header .sitename button {border:none; background-color:transparent; position: relative; display: flex; padding: 6px 10px; height:100%; justify-content: center; align-items: center; font-weight: 500; font-size: 15px; line-height:1.5; border-radius: 0;} header .sitename button:hover {background-color: #e8ecf5;} header .sitename button.show {background-color: #e8ecf5;} header .sitename button:after {display: none;} header .sitename button i {font-size: 12px; position: relative; margin-left: 7px; top:1px;} header .sitename a#translatebutton { color:#fff; border-left:none; border:none; padding: 6px 12px;} header .sitename a#translatebutton span {display: none;} header .sitename a#translatebutton:after {display: none;} header .navbar {padding: 20px 0; position: relative; transition: all .3s ease-out 0s; background-color:#fff; width:100%; box-shadow: 0px 6px 0px #e8ecf5;} header .navbar a.navbar-brand {padding: 0; position: relative;margin: 0;} header .navbar a.navbar-brand img {width:120px;} button.navbar-toggler {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; background:none; border: 0 none; position: relative; padding: 0px; flex-direction: column; } button.navbar-toggler span {width:30px; height:2px; background-color:#2b3445;display: block; margin: 5px 0;position: relative; transition:all .3s ease-out 0s;} button.navbar-toggler.toggle span {background-color:#2b3445} button.navbar-toggler.toggle span:nth-child(1) {transform: rotate(45deg); top:7px;} button.navbar-toggler.toggle span:nth-child(2) {opacity: 0;} button.navbar-toggler.toggle span:nth-child(3) {transform: rotate(135deg); top:-7px;} header .navbar.affix {padding:10px 0;} #navbarCollapse > ul {} #navbarCollapse > ul .nav-item {position: relative; z-index: 1;} #navbarCollapse > ul .nav-item a {font-size: 16px; transition: all .3s ease-out 0s; position: relative; padding: 20px; display: inline-flex; align-items: center; text-decoration: none; opacity: 1;color:#000; font-weight: 500} #navbarCollapse > ul .nav-item a:hover {color:#1e489f} #navbarCollapse > ul .nav-item.show a {color:#1e489f;} #navbarCollapse > ul .nav-item a.dd-menu {padding-right:34px;} #navbarCollapse > ul .nav-item a.dd-menu i {position: absolute;right:10px;top:22px; transition: all .3s ease-out 0s;} #navbarCollapse > ul li.searchitem a:after {display: none;} #navbarCollapse > ul li.searchitem a {font-size: 18px; padding-top:0;padding-bottom: 0;} #navbarCollapse > ul li.searchitem a[aria-expanded=true] {color:#1e489f;} #navbarCollapse > ul li.searchitem a[aria-expanded=true] i:before {content: '\F659';} #navbarCollapse > ul li.searchitem div {position: absolute;right: 0; padding: 0 15px; width:auto; min-width: 300px; height:auto; margin: 0; top:110%; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); border:none; border-radius: 0; opacity: 0; visibility: hidden; transition: all .3s ease-out 0s; background-color:#fff;} #navbarCollapse > ul li.searchitem div:after {content: ''; position: absolute; background:#fff; width:20px;height:20px; top:-10px; right: 5%; transform: rotate(45deg); border-top:1px solid rgba(0,0,0,.05); border-left:1px solid rgba(0,0,0,.05);} #navbarCollapse > ul li.searchitem div.collapse:not(.show) {display: block;} #navbarCollapse > ul li.searchitem div.show {opacity: 1; visibility: visible; top:100%;} #headsearch2 {position: relative; height:auto;border-radius: 50px; padding: 15px 0;} #headsearch2 input {position: relative; width:100%;height:100%;padding: 0 25px; height:56px; border-radius: 50px;transition: all .3s ease-out 0s; } #headsearch2 input:focus {box-shadow: 0 0px 25px rgba(0,0,0,.15);border:1px solid #e8ecf5;} #headsearch2 button {background:none; border:none; position: absolute; right:20px;top:0; padding: 0; font-size: 16px; height:100%;} #headsearch2 ::-webkit-input-placeholder {font-weight: 400; opacity: 0.75;} #navbarCollapse .sub-menu {min-width: 200px; width:auto; background-color:#fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); position: absolute; top:110%; left: 0; opacity: 0; visibility: hidden; transition: all .3s ease-out 0s; padding: 0; border-radius: 0; border:none;} #navbarCollapse .sub-menu:after {content: ''; position: absolute; background:#fff; width:20px;height:20px; top:-10px; left: 20%; transform: rotate(45deg); border-top:1px solid rgba(0,0,0,.05); border-left:1px solid rgba(0,0,0,.05);} #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: block;} #navbarCollapse > ul .nav-item:hover > .sub-menu {top:100%; opacity: 1; visibility: visible;} #navbarCollapse > ul .nav-item .sub-menu li {display: block; margin-left:0;} #navbarCollapse > ul .nav-item .sub-menu li.nothing { display: block; padding: 10px 15px;font-size: 14px; color:#000; border-top:1px solid rgba(0,0,0,.03); opacity: 1;} #navbarCollapse > ul .nav-item .sub-menu > li > a { display: block; padding: 10px 15px;font-size: 14px; color:#000; border-top:1px solid rgba(0,0,0,.03); opacity: 1; white-space: nowrap; text-transform: none;} #navbarCollapse > ul .nav-item .sub-menu > li > a:hover {background:rgba(0,0,0,.05);color:#1e489f} #headsearch {position: relative; margin-left: 20px;height:56px;border-radius: 50px; width:220px;} #headsearch input {width:100%;height:100%;padding: 0 25px; border-radius: 50px;transition: all .3s ease-out 0s;} #headsearch input:focus {box-shadow: 0 0px 25px rgba(0,0,0,.15);border:1px solid #e8ecf5;} #headsearch button {background:none; border:none; position: absolute; right:25px;top:0; padding: 0; font-size: 16px; height:100%;} #headsearch ::-webkit-input-placeholder {font-weight: 400; opacity: 0.75;} /* Footer */ footer {background:#fff; position: relative; width:100%;overflow: hidden;} footer .container {/*border-top:2px solid #e8ecf5;*/ padding-top:25px; padding-bottom: 25px;font-size: 15px; position: relative; z-index: 2;} footer .container:before {content: ''; position: absolute; top:0;left:0;right:0;padding:2px;background:linear-gradient(90deg,#29b88a,#ffd400 25%,#e32729 50%,#1e489f 75%,#3fc2d0);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;z-index: -1; box-sizing: border-box;} footer .copyright {position: relative;} footer .copyright span {} footer .footerlinks {position: relative; } footer .footerlinks ul {position: relative; margin: 0; padding: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;} footer .footerlinks ul li {position: relative; margin-right:15px;} footer .footerlinks ul li:last-child {margin-right: 0;} footer .footerlinks ul li a {text-decoration: none;color:#2b3445} footer .footerlinks ul li a:hover {text-decoration: underline;color:#1e489f;} /* 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;} #indexslides .slideimage:after {background:rgba(6,18,46,0.4); background: linear-gradient(90deg,#06122e, rgba(6,18,46,0.6) 50%, transparent 100%); content: ''; display: inline-block; height:100%; left: 0; opacity: 75%; position: absolute; top: 0; width: 100%;} /*#indexslides .mobile .slideimage:after {background-color:rgba(0, 0, 0, .3);} #indexslides .showid .slideimage:after {background-color:rgba(0, 0, 0,0.2);} #indexslides .contactslide .slideimage:after {background-color:rgba(0, 0, 0, 0.2);}*/ #indexslides .programslide .slideimage:after {} #indexslides .swiper-slide img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:475px;} #indexslides .swiper-slide.showid img {object-position: 30% 0;} #indexslides .swiper-slide.programslide img {object-position: 50% 20%;} #indexslides .swiper-slide.contactslide img {object-position: 50% 40%;} #indexslides .caption {position: absolute; z-index: 2; top:0;left: 0; width:100%; height:100%;} #indexslides .caption > div.container {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; height:100%; flex-direction: column; text-align: center;} #indexslides .caption h2 {position: relative; font-size: 28px; line-height: 1.4; margin-bottom: 15px; color:#fff; } #indexslides .caption p {position: relative;font-size: 16px; line-height: 1.6; margin-bottom: 30px; font-weight: 500; color:#fff;} #indexslides .caption a.btn {text-align: center; white-space: nowrap; padding: 16px 48px; font-size: 18px; border-radius: 50px; color:#000; cursor: pointer; z-index: 5; transition: all .4s ease-in-out; border:none; background: linear-gradient(to left,#ffd400 0%,#fbab1a 50.39%,#ffd400 100%); background-size: 200% auto; overflow: hidden; font-weight: 600; text-decoration: none; flex: 1 1 auto; flex-grow: 0; position: relative;} #indexslides .caption a.btn:hover {background-position: right center; box-shadow: 0 0 30px rgba(6,18,46,.45); color:#000;} #indexslides .contactslide .caption h2 {font-family: 'helvetica-neue-lt-pro', sans-serif;} #indexslides .substitute .caption > div.container {justify-content: flex-end;} #indexslides .substitute .caption a.btn {margin-bottom: 20px;} .indexmiddle {background-color:#e8ecf5; padding-top:50px;padding-bottom: 40px; width:100%; position: relative;} .indextitle {width:100%;height:auto; position: relative; text-align: center;padding-bottom: 25px;} .indextitle h2 {position: relative; margin:0;padding:0;} #categoryslide {position: relative; display: block; height:auto;margin: 0 auto; padding:0 10px 30px 10px;} #categoryslide .swiper-wrapper {padding:10px 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: left; border:none; background:rgba(255,255,255,0.75); text-decoration: none; border-radius: 5px; text-decoration: none; opacity: 1; height:100%;} #categoryslide a:hover {text-decoration: none; box-shadow: 0 20px 30px rgba(0, 0, 0,0.1);} #categoryslide a:hover:before {height:100%;} #categoryslide a:before {position: absolute; content: ''; width:100%; height:0; background:#f5f7fb; transition: .6s; bottom:0; left: 0; z-index: -1; border-radius: 5px;} #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; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; flex: 1 1 auto; padding: 25px 20px 25px 20px; 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; margin: 0 0 25px; width:auto; font-size: 50px; color:#ffd400; background:linear-gradient(144deg,#94c940,#29b88a 40%,#1e489f 82%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #categoryslide a .card-title {position: relative;font-weight: 500; color:#2b3445; margin:0; text-align: center; line-height: 1.15em;} #categoryslide .swiper-nav {position: relative; width:auto; 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 auto;} #categoryslide .swiper-nav > div:after {display: none;} #categoryslide .swiper-nav > div {width:50px;height:50px; border-radius: 50px; background-color:#ffd400; position: relative; top:auto; left:auto; right:auto; bottom:auto; margin: 0;padding:2px 5px; font-size: 20px; color:#000; transition:all .3s ease-out 0s; border:1px solid #ffd400;} #categoryslide .swiper-nav > div.swiper-button-prev {margin-right:20px;} #categoryslide .swiper-nav > div:hover {color:#000; background-color:#fff;} .indexmiddle2 {background-color:#ffffff; padding-top:50px;padding-bottom: 40px; width:100%; position: relative;} .indexmiddle2 .indextitle {width: 100%;position: relative;text-align: center;margin: 0 auto 60px;} .indexmiddle2 .indextitle a {font-weight: 500;} .indexmiddle2 .indextitle a:hover {text-decoration: underline; color:#b43393;} .indexmiddle2 .indextitle a i {margin-left: 10px;} #newvendorslide {z-index: 5; position: relative; height:auto; padding: 0 25px;} #newvendorslide .swiper-wrapper {position: relative;} #newvendorslide .swiper-slide {position: relative; float:left; width:140px; } #newvendorslide a.card {border-radius: 20px; position: relative; text-align: center; box-shadow: 0 2px 14px 0 rgba(0,0,0,.08); overflow: hidden; border:none;height:100%;} #newvendorslide a.card span.outerimg {overflow: hidden; position: relative;} #newvendorslide .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important;transition-timing-function:linear!important; } .indexbottom {position: relative;width:100%; padding: 50px 0px; background:#06122e; background-size: 200% auto; text-shadow: 0px 3px 6px #2b3445;} .indexbottom .indextitle h2 {color: #fff; text-shadow: 0px 0px 0px #2b3445;} .indexbottom .form-container {width:100%; display:block; margin: 0 auto;} .indexbottom .form-container form {position: relative; height:auto;} .indexbottom form input[type=checkbox] {display:none;} .indexbottom .form-container .form-control:focus {border-color: #e8ecef;} .indexbottom .form-container .form-control:focus-visible {box-shadow: 0 0 0 4px #639af9 !important;} .indexbottom .form-container .form-control.valid {background-color: #fff;} .indexbottom .form-container .hasvalue .form-control {background-color:#fff;} .indexbottom .form-container ::-webkit-input-placeholder {font-weight: 500; opacity: 0.75;} .indexbottom .form-container .eac-input-wrap {color:#333 !important;} .indexbottom .form-container .eac-sugg {padding-top:15px !important; font-size: 15px;} .form-container .form-actions {text-align: center;margin-top:30px;} .indexbottom .form-container .form-actions button {background-color:transparent; background:none;border:2px solid #fff; padding: 16px 48px; color:#fff;} .indexbottom .form-container .form-actions button:hover {background-color:#fff; color:#1e489f} .indexbottom .form-container .form-actions button:focus {border-color:#fff !important;box-shadow: none !important;} .indexbottom .form-container .form-actions button:focus-visible {background-color:#fff!important; color:#1e489f!important;box-shadow: 0 0 0 4px #639af9 !important;} .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:#e8ecf5;} .form-container .popover .popover-body {font-family: 'helvetica-neue-lt-pro', sans-serif; text-align:center; color:#2b3445; padding:0.6rem 1rem; font-size: 15px;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:#e8ecf5;} .form-container .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#e8ecf5;} .form-container .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#e8ecf5;} .form-container .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#e8ecf5;} .indexbottom .form-container #formresponse p {color:#fff; text-align: center;} .indexbottom .form-container #formresponse p a {color:#fff} /* Inside Pages */ .maincontent {position: relative;} .pagecontent {position: relative; float:left; width:100%; margin: 0; padding: 0;} .ajaxcontent {float:left; width:100%; height: auto; position: relative;} .maincontent .dropdown-menu {box-shadow: 0 0 20px 0 rgba(0,0,0,.1); color:#2b3445; 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:8px 15px; position: relative; display:block; font-weight: 600; color:#2b3445; font-size: 14px; line-height: 1.4; 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:#1e489f;} .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:#1e489f;} .maincontent .dropdown-menu button.dropdown-item {padding:8px 15px; position: relative; display:block; font-weight: 600; color:#2b3445; font-size: 14px; line-height: 1.4; 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:#1e489f;} .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:#1e489f;} .maincontent .dropdown-menu button.dropdown-item.mixitup-control-active {background-color:#fff; color:#1e489f;} .pagetitle {position: relative; width:100%; 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; text-align: left; padding: 0; padding: 46px 0px; /*background: linear-gradient(to left,#4c8172 0%,#1e489f 50.39%,#4c8172 100%); background-size: 200% auto;*/ background-image: url(../images/gradient-1.png); background-size: cover; background-repeat: no-repeat;} .pagetitle .title {position: relative; width:100%; height:auto; display: block;} .title h2 {position: relative; color:#fff; margin: 0 0 20px; font-weight: 700;} .breadcrumbs {position: relative; padding: 0; margin: 0;} .breadcrumbs ul {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; 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; margin: 0; padding: 0; width:100%;} .breadcrumbs ul li {position: relative; color:rgba(255,255,255,.7);font-size: 18px; font-weight: 500; 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; padding:0 0 0 0.5rem; } .breadcrumbs ul li:first-child {padding-left: 0;} .breadcrumbs ul li a {position: relative; color:#fff; text-decoration: none; opacity: 1; } .breadcrumbs ul li.last a {color:rgba(255,255,255,.8); cursor: text;} .breadcrumbs ul li span {position: relative; font-size: 26px;line-height: 1; padding: 0 .5rem 0 0; color:#fff;} .leftcolumn {position: relative} .rightcolumn {position: relative} .leftcolumn .sidebar {position: relative; padding:20px 25px; border-radius: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s; background-color:#fff; } .leftcolumn .sidebar:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .leftcolumn .sidebar h4.navtitle {position: relative; margin: 0 0 25px; font-weight: 700;} .leftcolumn .sidebar h4.navtitle a {text-decoration: none;} .leftcolumn .sidebar h4.navtitle a:hover {color:#1e489f;} .leftcolumn .sidebar a.toggle {margin:0; position: relative; padding:5px 20px 5px 20px;background:#fff;font-weight: 600; color:#2b3445; font-size: 18px;border:1px solid #e8ecf5; height:56px; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;} .leftcolumn .sidebar a.toggle span {position: relative; opacity: .75;} .leftcolumn .sidebar a.toggle i {position: relative; color:#2b3445;} #accordion a {color:#000;} #accordion a:hover {opacity: 1; color:#766bb0;} #accordion {position: relative;background-color:#fff; border:none; border-radius: 0; padding: 0; margin: 0;} #accordion .accordion-item {border:none;background:none; position: relative; padding:0; margin:0 0 20px;} #accordion .accordion-item > h3 {padding:0;margin:0;position: relative;background:none; border:none; font-weight: 400; font-size: 18px; margin: 0;} #accordion .accordion-item > h3 > a {background:none; box-shadow: none; border:none; padding: 0 0 0 20px; margin: 0; text-decoration: none; border-radius: 0; font-size: 18px; color:#000; } #accordion .accordion-item > h3 > a:hover {color:#766bb0} #accordion .accordion-item > h3 > a:hover:before {background:#766bb0;} #accordion .accordion-item > h3 > a:before {content: ''; position: absolute; left: 0; top:7px; width:7px; height:7px; border-radius: 50%; background:#000; border:none; transition: all .3s ease-out 0s;} #accordion .accordion-item > h3 > a:after {display: none;} #accordion .accordion-item > h3.active > a {color:#000;font-weight: 500;} #accordion .accordion-item > h3.active > a:before {background:#000; border-color:#000} #accordion .accordion-item .accordion-body {position: relative; max-height:250px;padding:15px 20px; 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: 5px 0;} #accordion .accordion-item .accordion-body ul li:first-child {margin-top:0;} #accordion .accordion-item .accordion-body ul li a {display: block; position: relative; padding: 0; margin: 0;white-space: normal; color:#000;} #accordion .accordion-item .accordion-body ul li a:hover {color:#766bb0; text-decoration: underline;} #accordion .accordion-item .accordion-body ul li.active a {color:#766bb0} .subtitle {position: relative; width:100%;} .subtitle h3 {position: relative; display: block; width:100%; padding: 0; margin: 0 0 15px 0; } .subtitle h4 {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:#e8ecf5; padding: 15px; border-radius: 0 5px 5px 0; border:none; border-left:5px solid #1e489f; color:#1e489f; position: relative; z-index: 1; min-height:78px;} .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 5px; padding: 0;} .pagination li.page-item button {width:50px; height:50px; border-radius: 50%; 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:#fff6cc; border:none; color:#2b3445; font-weight: 500;} .pagination li.page-item:last-child button {border-radius: 50%;} .pagination li.page-item:first-child button {border-radius: 50%;} .pagination li.page-item button:hover {color:#000;background:linear-gradient(#ffd400 0%,#fbab1a 100%);} .pagination li.page-item button.mixitup-pager-active {color:#000;background:linear-gradient(#ffd400 0%,#fbab1a 100%); } .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:#e8ecf5;} .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:#e8ecf5; padding: 15px; border-radius: 0 5px 5px 0; border:none; border-left:5px solid #1e489f; color:#1e489f; position: relative; z-index: 1} .mixitup-page-stats {} .mixitup-page-stats > div {font-weight: 600;} .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; font-weight: 600;background-color: rgba(255,255,255,0.75); border:1px solid #1e489f; color:#1e489f;} .pagination-buttons .newvendorfilter a.btn i {position: relative; line-height: 1; margin-left:8px;font-size: 16px; top:1px;} .pagination-buttons .newvendorfilter a.btn:hover {background: linear-gradient(to left,#122b5f 0%,#122b5f 50.39%,#1e489f 100%); background-size: 200% auto; color:#fff;} .pagination-buttons .newvendorfilter a.btn.show {background: linear-gradient(to left,#122b5f 0%,#122b5f 50.39%,#1e489f 100%); background-size: 200% auto; color:#fff;} .selectview {position: relative;} .selectview span {position: relative;} .selectview a {position:relative; } .selectview a.active {} .selectview button#showall {-webkit-appearance: none; appearance: none; margin:0; font-weight: 600;background-color: rgba(255,255,255,0.75); border:1px solid #1e489f;color:#1e489f;} .selectview button#showall:hover {background: linear-gradient(to left,#122b5f 0%,#122b5f 50.39%,#1e489f 100%); background-size: 200% auto; color:#fff;} .selectview button#showall.disable {color:#fff; cursor: default; background: linear-gradient(to left,#122b5f 0%,#122b5f 50.39%,#1e489f 100%); background-size: 200% auto;} .selectview button#showall.disable:after {width:100%} .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; } .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:20px 25px; border-radius: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s; background-color:#fff; height:100%; color:#2b3445;} .toplinks a:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .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 #1e489f; color:#1e489f; font-size: 36px; transition:all .3s ease-out 0s;} .toplinks a:hover i {background:linear-gradient(#1e489f 0%,#122b5f 100%); color:#fff; border-color: transparent;}/*122b5f*/ .toplinks a h4 {font-size: 19px;} .toplinks a span.btn {width:auto; margin-top:20px; flex-grow: 0;} .toplinks a span.btn:hover {background:#e8ecf5;} /* Category */ .discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;} #allCat .subtitle h4 {display:none;} #allCat .subtitle h4.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: 50px;text-decoration: none; background-color:#fff; border:1px solid #e8ecf5; margin:0; color:#2b3445; padding:5px 10px; text-transform: none; font-weight: 500; line-height: 1.2;transition:all .25s ease, color .25s ease; font-size: 16px;} #allCat .item a:hover {color:#1e489f;background:#fff; border-color:#1e489f;} /* 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 #e8ecf5; border-radius: 10px; background:#fff; overflow: hidden; transition: all .3 ease-out 0s;} #vendordiscounts .item a:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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: 10px 10px 0 0; background:linear-gradient(rgba(255,255,255,0) 0%,rgba(43, 52, 69,.85) 78.23%,#2b3445 100%); 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:#fff; font-size: 16px;} #vendordiscounts .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #vendordiscounts span.busname {padding:15px 10px; display: block;width:100%; text-align: center; color:#1e489f; font-weight: 500; line-height: 1.3;} /* 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; 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 #e8ecf5; border-radius: 10px; background:#fff; overflow: hidden; transition: all .3 ease-out 0s;} #newvendors .item a:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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: 10px 10px 0 0; background:linear-gradient(rgba(255,255,255,0) 0%,rgba(43, 52, 69,.85) 78.23%,#2b3445 100%); 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:#fff; font-size: 16px;} #newvendors .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #newvendors span.busname {padding:15px 10px; display: block;width:100%; text-align: center; color:#1e489f; font-weight: 500; line-height: 1.3;} #newvendors a.ltolink {margin: 0 auto 15px; text-align: center; width:auto;} /* National Discounts */ .subtitle.nationalsub {} .subtitle.nationalsub h4 {display: none;} .subtitle.nationalsub h4.active {display: flex;} fieldset.filter-group {float:left; width: 100%; display:block; text-align: center; margin: 0 auto 1.5rem auto; padding: 20px 25px;border-radius: 10px; border:1px solid #e8ecf5; transition:all .3s ease-out 0s; position: relative;} fieldset.filter-group:hover {box-shadow: 0 0 30px rgba(0,0,0,.15);} fieldset.filter-group i {position: absolute;z-index: 1;left:40px; line-height: 1;top:50%;margin-top:-7px; color:#333;font-size: 14px; opacity: 0.75;} fieldset.filter-group input {height:56px; padding: 0 25px 0 35px;width: 100%; position: relative; margin: 0 auto; flex: 1 1 auto; background-color:#fff;} fieldset.filter-group ::-webkit-input-placeholder {opacity: 0.75; font-weight: 500;} .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;padding: 0;} #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; 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 #e8ecf5; border-radius: 10px; background:#e8ecf5; overflow: hidden; transition: all .3 ease-out 0s;} #nationaldiscounts .item a:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #nationaldiscounts .item a span.outerimg {overflow: hidden; position: relative;background:#fff;} #nationaldiscounts .item a span.outerimg img {width:100%;padding: 15px 15px;} #nationaldiscounts .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: 10px 10px 0 0; background:linear-gradient(rgba(255,255,255,0) 0%,rgba(43, 52, 69,.85) 78.23%,#2b3445 100%); 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:#fff; font-size: 16px;} #nationaldiscounts .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #nationaldiscounts span.busname {padding:15px 10px; display: block;width:100%; text-align: center; font-weight: 500; line-height: 1.3; color:#1e489f;} /* Error Pages */ .errorpage {position: relative; text-align: center;} .errorpage h4 {position: relative;} .errorpage h4 span {color: #1e489f} .errorpage p.formpagetext {text-align: center; } .outersearch {position: relative; float:left; width:100%;} #searchouter {width:100%; position: relative; display: block; margin: 0 auto; padding: 20px 25px;border-radius: 10px; border:1px solid #e8ecf5; transition:all .3s ease-out 0s;} #searchouter:hover {box-shadow: 0 0 30px rgba(0,0,0,.15);} #searchouter form {position:relative; margin: 0 auto; height:56px;} #searchouter form input {height:100%;background-color: #fff; position: relative;} #searchouter form ::-webkit-input-placeholder {opacity: .75;} #searchouter form label {margin: 0.5rem 0;font-size: 1rem; line-height: 20px; display: block; position: relative;} #searchouter form button {position:absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height:56px;padding-top: 0;padding-bottom: 0; margin-left: 5px; border-radius: 0px;top:0;right:0;} #searchouter form button i {position: relative; display:block; line-height: 1;} #searchouter form button i.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 0 15px 0;width:100%; float:left; text-align: center;} .resultstext {width:100%; display: block; position: relative;margin:0 auto 20px; font-size: 20px; font-weight:400; color:#2b3445;} .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;} #list-tab {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; width:100%;} #list-tab a {flex:48%; 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: 0.25rem;} #list-tab a {color:#2b3445; background:#e8ecf5; border-radius: 50px; padding:12px 24px; font-size: 17px; font-weight: 500; border:none; line-height: 1.3;} #list-tab a.mainactive {color:#fff;background:linear-gradient(#1e489f 0%,#122b5f 100%);} #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 1rem auto; padding:0;} .filterdropdown a.btn {position: relative;padding: 10px 27px; font-size: 18px; line-height: 1.7;} .filterdropdown a.btn i {position: relative; margin-left:10px;line-height: 1; display: block; transition: all 0.3s linear;} .filterdropdown a.btn.show {background-color:#1e489f; 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: 0px 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} #searchgrid .mix { position: relative;margin: 0; text-align: center; padding-top:12px; padding-bottom:12px;} #searchgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #searchgrid .mix 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;} #searchgrid .mix a {text-align: left; position: relative; height:auto; border-radius: 0px;text-decoration: none; background-color:#fff; border:none; margin:0; padding:0px;font-weight: 500; display:inline;} #searchgrid .mix a:before {content: '•'; position: relative; margin-right:7px;} #searchgrid .mix a:hover {color:#1e489f} /* Search Page */ #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: 0px 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} #resultsgrid .mix { position: relative;margin: 0; text-align: center; padding-top:12px; padding-bottom:12px;} #resultsgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #resultsgrid .mix 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;} #resultsgrid .mix a {text-align: left; position: relative; height:auto; border-radius: 0px;text-decoration: none; background-color:#fff; border:none; margin:0; padding:0px;font-weight: 500; display:inline;} #resultsgrid .mix a:before {content: '•'; position: relative; margin-right:7px;} #resultsgrid .mix a:hover {color:#1e489f} /* Cats */ #cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0;} #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; 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 #e8ecf5; border-radius: 10px; background:#fff; overflow: hidden; transition: all .3 ease-out 0s;} #cat .item a:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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: 10px 10px 0 0; background:linear-gradient(rgba(255,255,255,0) 0%,rgba(43, 52, 69,.85) 78.23%,#2b3445 100%); 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:#fff; font-size: 16px;} #cat .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #cat span.busname {padding:15px 10px; display: block;width:100%; text-align: center; color:#1e489f; font-weight: 500; line-height: 1.3;} .allLoc {text-align: center; position: relative; display:block; margin: 1rem auto 0;} .allLoc .btn i {position:relative; margin-right:10px;} /* Business */ .subtitle.businesspage {text-align: center;} .subtitle.businesspage h3 {margin-bottom: 1.5rem;} #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;*/ } .bus-image > div {position: relative; display: block; text-align: center; margin: 0px auto; padding: 15px; width:auto; max-width:100%;border: 1px solid #e8ecf5; border-radius:10px; transition: all .3s ease-out 0s;} .bus-image > div:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .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; } .businesslinks > ul li {position: relative; margin: 0; padding: 0 .5rem .5rem;} .businesslinks > ul > li > a.btn {position: relative; font-size: 17px; font-weight: 500;} .businesslinks > ul > li > a.btn i {position: relative; margin-right:8px;} #alternate-ad {position: relative; display: none; text-align: left; margin: 0px auto; padding: 15px; width:auto; max-width:100%;border: 1px solid #e8ecf5; border-radius:10px; transition: all .3s ease-out 0s; min-height:350px;} #alternate-ad:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #alternate-ad p {text-align: left;} /* 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:#2b3445; 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: #2b3445 !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:#2b3445 !important;} .infoWindow h5 {display:block;line-height:20px; font-size:1rem; font-weight:normal !important; color:#2b3445 !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:#2b3445;} .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:#2b3445; 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:#2b3445; 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:#2b3445 !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:#2b3445;} .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:#2b3445; -webkit-font-smoothing: subpixel-antialiased;} .infowindow .title > span {font-style: italic !important; font-weight: normal !important; display: block; color:#2b3445; font-size:14px;} .infowindow .address {color:#2b3445; 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:#2b3445; 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; font-size: 15px; margin:0; padding: 6px 20px; background-color:#e8ecf5; color:#000; border-color:#1e489f; font-weight: 500;} .infowindow .discountlink > a:hover {background-color:#1e489f; border-color:#1e489f;color:#fff;} .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: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s;} .locationouter:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s;} .mapouter:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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 {font-weight: normal;} 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; height:100%;} #form-outer > form ::-webkit-input-placeholder {opacity: 0.8;} #form-outer > form button {height: 100%;margin:0; width:auto; font-size: 16px;} #directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; } #directions .panel {position:relative; border-radius: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s; float:left; width:100%; margin: 0rem auto 0rem; padding: 20px 20px; box-shadow: none; background: none;} #directions .panel:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} #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:#2b3445;font-size: 20px;} .timeTop button:active,.timeTop button:focus {border:none; background:none;color:#2b3445;} .timeTop button:hover {background-color: transparent;color:#2b3445;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: 20px; } .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:#2b3445;} .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 #e8ecf5; font-weight: 600;} #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:#fff; padding: 0 5px 0 0; bottom:-10px;font-style: italic; font-weight: normal;} .locationlist.addscroll {max-height:300px;} /* LTO Page */ .ltopagetext p {text-align: center; font-weight: 500;} .ltopagetext p:first-child {margin-bottom: 5px;} .subtitle.ltotitle h3 {text-align: center;} #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 {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 a {background:#fff; border-radius: 10px; text-align: center; border:1px solid #e8ecf5;} #all.ltocontent span.img {position: relative;display: block; overflow: hidden; width:100%; margin: 0 auto; transform: translateZ(0); padding:20px;} #all.ltocontent span.imghover {position: absolute; width:100%;height:100%;left:0;top:0;border-radius: 10px;background:linear-gradient(rgba(18,43,95,.95) 0%,rgba(18,43,95,.8) 100%); padding: 20px; display: flex; justify-content: center; align-items: center; text-align: center; transition:all .3s ease-out 0s; flex-direction: column; transform: scale(.9); opacity: 0;visibility: hidden;} #all.ltocontent span.imghover span.title {position: relative; color:#fff; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0 auto 10px;} #all.ltocontent span.imghover span.btn {position: relative; border-color:#fff; color:#fff; padding:7px 20px; flex:0; font-weight: 700;font-size: 16px;} #all.ltocontent span.imghover span.btn:hover {background-color:#fff;color:#2b3445;border-color:#fff;} #all.ltocontent a:hover span.imghover {opacity: 1; visibility: visible; transform: scale(1);} /* 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: 10px; margin: 0 auto; background:#fff; border: 1px solid #e8ecf5; border-radius: 10px; transition:all .3s ease-out 0s;} .lto-wrapper .outerlto:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .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; } /* Form Pages */ .formpage {float:left; width:100%; height:auto; display: block; position: relative; padding: 40px 40px; border:1px solid #e8ecf5; border-radius: 10px; transition: all .3s ease-out 0s;} .formpage:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} p.formpagetext {display: block; float:left; width: 100%; position: relative; text-align:center; margin-top: 0; } .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;} h4.suggesttitle {float:left; width:100%; display: block; position: relative; margin:10px 0 20px 0;line-height: normal; text-align: center;} .formContainer input[type=checkbox] {display:none;} .formContainer {position: relative; float:left; width:100%; margin: 0px auto 0 auto; padding: 0px;} .formContainer form {position: relative;} .formContainer form .row {position: relative;} .formContainer .form-group {position: relative;} .formContainer .form-group .form-control {position: relative;} .formContainer .form-group textarea {height:auto; border-radius: 18px;} .formContainer .form-group ::-webkit-input-placeholder {font-weight: 500; opacity: 0.75;} .formContainer .form-group :-moz-placeholder {font-weight: 500; opacity: 0.75;} .formContainer .form-group ::-moz-placeholder {font-weight: 500; opacity: 0.75;} .formContainer .form-group :-ms-input-placeholder {font-weight: 500; opacity: 0.75;} .formContainer .form-group .placeholder {font-weight: 500; opacity: 0.75;} .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 .eac-input-wrap {width:100%; position: relative;} .formContainer .eac-sugg {padding-left: 0px !important; padding-top: 12px !important; padding-bottom: 0px !important;} .formContainer .select i.fa-sort {position: absolute; right: 40px; top:35%; color:#2b3445} .formContainer .form-actions {float:left; width:100%;text-align: center; margin: 0rem auto 0 auto;} .formContainer .form-actions .btn {} .formContainer .form-actions .btn:disabled {background-color:#888; border-color:#888;} .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:#e8ecf5;} .formContainer .popover .popover-body {font-family: 'helvetica-neue-lt-pro', sans-serif; text-align:center; color:#2b3445; padding:0.7rem 1rem; font-size: 15px;line-height: 1.3;} .formContainer .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .formContainer .bs-popover-top>.popover-arrow::before {border-top-color:#e8ecf5;} .formContainer .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .formContainer .bs-popover-start>.popover-arrow::before {border-left-color:#e8ecf5;} .formContainer.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .formContainer .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#e8ecf5;} .formContainer .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .formContainer .bs-popover-end>.popover-arrow::before {border-right-color:#e8ecf5;} .formContainer #formresponse {float:left; width:100%; height:auto; position: relative;} .formContainer #formresponse > div {position: relative;width: 100%;float: left; margin: 0; padding: 25px 0 0 0; border-top:1px solid #e8ecf5;} .formContainer #formresponse > div p {margin: 0; padding: 0; text-align: center;} .formContainer #formresponse > div p span {font-weight: 700;} .formContainer.update #formresponse > div p:first-child {font-style: italic; margin: 0 0 20px;} .formContainer.update #formresponse > div p {margin-bottom: 8px; font-style: normal;} .formContainer.update #formresponse > div p:last-child {margin-bottom: 0;} .formContainer.update #formresponse > div p span:first-child {font-weight: 600; padding: 0 10px 0 0;} .formContainer.update #formresponse > div p span:last-child {font-weight: 400;} .formContainer.update #formresponse > div.error p span {font-weight: 700;} .formContainer.update #formresponse > div.error p span:first-child {padding: 0;} /* FAQS */ #faqs {float:left; width:100%; height: auto; position: relative; margin: 0 auto 0 auto;} #faqs .faqs {position: relative; display: block; float:left; width:100%; margin: 0 0 0 0; padding: 0 0 20px 0;} #faqs .faqs:last-child {padding-bottom: 0;} #faqs .faqs h4 {position: relative; margin-bottom: 1rem; color:#1e489f;} #faqs .faqs p {position: relative;} /* Contact */ .contactbox {display: -webkit-box; display:-ms-flexbox; display:flex;position: relative;} .contact-icon {display: -webkit-box; display:-ms-flexbox; display:flex;position: relative; -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; font-size: 22px; width:50px; height:50px;border-radius: 50%; background:linear-gradient(#1e489f 0%,#122b5f 100%); color:#fff; transition:all 0.3s ease-out 0s;} .contactrow .leftcolumn .sidebar:hover .contact-icon {box-shadow: 0 0px 30px rgba(18,43,95,.5);} .contact-content {position: relative; margin-left:25px;} .contact-content h4 {position: relative; font-size: 20px; margin-bottom: 10px; color:#2B3445;} /* Accessibility */ .formpage.accessibility h5 {text-align: center; font-weight: 600; font-size: 20px;} .formpage.accessibility p:nth-child(2) {margin-bottom: 10px;} /* Subscribe */ .bottomsubscribe.card {float:left; width:100%; height:auto; display: block; position: relative; padding: 0; border:1px solid #1e489f; background:#1e489f; border-radius: 10px; transition: all .3s ease-out 0s;text-align: center; margin-top:30px;} .bottomsubscribe.card:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .bottomsubscribe.card .card-body {padding: 30px 30px; color:#fff;} .bottomsubscribe.card .card-body p {color:#fff;} .bottomsubscribe.card .card-body p a {color:#fff;} /* Mobile App */ .mobileappcontent .pagecontent > .row:first-child {} .mobileappcontent .pagecontent > .row:first-child > div > div {position: relative;border:1px solid #e8ecf5; padding: 40px 30px;border-radius: 10px; background:#fff; transition: all .3s ease-out 0s; height:100%;} .mobileappcontent .pagecontent > .row:first-child > div > div:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .mobileappcontent .pagecontent > .row:first-child h4 {position: relative;margin-bottom: 15px;} .features {margin: 0;padding:0 0 0 0;position: relative; width:100%; display: block;} .features h5.title {position: relative; width:100%; padding: 0; margin:0 0 10px; color: #2b3445; font-size: 18px} .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 2px; padding: 0 0 0 0.75rem; } .features ul li i {display: none; font-size:11px; line-height:1; position:relative; top:-2px;margin: 0 8px 0 0; color:#2b3445;} .features ul li:before {content: '•'; color:#2b3445;position: absolute;left: 0;} .mobileappcontent img {width:250px; position: relative; margin: 0px auto 0 auto; text-align: center; display: block;} .mobileappcontent .pagecontent > .row:last-child {text-align: center;} .appslides {background:none; padding: 0 0 40px 0; margin-top:40px; 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: 40px 30px; background:#fff; border-radius: 10px;border:1px solid #e8ecf5;transition: all .3s ease-out 0s; 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:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .appslides .appbox > div > i {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -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:72px; height:72px;border-radius: 50%; margin: 0 0 20px 0; border:2px solid #2b3445; color:#2b3445; font-size: 36px; transition: all .3s ease-out 0s;} .appslides .appbox > div:hover > i {background:linear-gradient(#1e489f 0%,#122b5f 100%); color:#fff; border-color:transparent;} .appslides .appbox > div h4 {margin: 0 0 20px 0;} .appslides .appbox > div ul {position: relative; display: block; padding: 0; margin: 0 auto 0 18px; width:100%;} .appslides .appbox > div ul li {position: relative; padding: 0; margin: 0 0 3px; list-style: decimal; list-style-position: outside;} .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; margin: 20px 0 0; flex-grow: 0; width:auto; padding: 15px 50px; font-size: 17px;} /* Terms & Privacy Page */ .policypage {float:left; width:100%; height:auto; display: block; position: relative; margin-top: 0px;} .policypage.accessibility h5 {font-weight: 600; font-size: 20px;} #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%; margin-bottom: 15px;} #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: #e8ecf5} #privacytable table td a {display: block; text-decoration:none;position: relative; font-weight: 600; } #privacytable > div {margin-bottom: 25px;} #privacytable .card {border:none; background:#fff; border-radius: 0; padding: 0; width:100%;} #privacytable .card .card-header {padding: 20px 30px; border:none;background:none; border-left: 5px solid #2b3445;border-radius: 0 5px 5px 0; background:#f9f9f9; margin: 0 0 20px;} #privacytable .card .card-header h4 {margin:0;} #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: disc; list-style-position: outside; position: relative;} #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: disc; list-style-position: outside; position: relative;} /* Substitute page */ .substitutecard .card {border:none; background:#fff; border-radius: 0; padding: 0; width:100%; } .substitutecard .card .card-body {position: relative; padding: 40px 30px; background:#fff; border-radius: 10px; border:1px solid #e8ecf5; transition: all .3s ease-out 0s; 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;} .substitutecard .card .card-body:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .substitutecard .card h4 {margin:0 0 15px;padding:0;} .substitutecard .card ul {position: relative; display: block; padding: 0; margin: 0 auto 0 18px; width:100%;} .substitutecard .card ul li {position: relative; padding: 0 0 0 15px; margin: 0 0 3px;list-style-position: outside;} .substitutecard .card ul li i {font-size: 8px; position: relative; position: absolute; left: 0; height:100%;top:8px;} /***** Information Pages *****/ #mainimage {position: relative; height:auto; overflow: hidden; z-index: 1; } #mainimage .slideimage {position: relative;} #mainimage .slideimage:after {background:rgba(6,18,46,0.4); background: linear-gradient(90deg,#06122e, rgba(6,18,46,0.6) 50%, transparent 100%); content: ''; display: inline-block; height:100%; left: 0; opacity: 75%; position: absolute; top: 0; width: 100%;} #mainimage .slideimage img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:475px;} #mainimage .caption {position: absolute; z-index: 2; top:0;left: 0; width:100%; height:100%;} #mainimage .caption > div.container {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; height:100%; flex-direction: column; text-align: center;} #mainimage .caption h2 {position: relative; font-size: 28px; line-height: 1.4; margin-bottom: 15px; color:#fff; } #mainimage .caption p {position: relative;font-size: 16px; line-height: 1.6; margin-bottom: 30px; font-weight: 500; color:#fff;} #information {position: relative;} .inforow {position: relative;} .inforow .card {background-color:#fff; border-radius:10px; border-color:#e8ecf5; transition: all ease-in-out 0.2s; position: relative;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;flex-grow: 1; height:100%;} .inforow .card:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .inforow .card-body {padding:1.25rem 1.25rem;position: relative;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height:100%; align-items: center; justify-content: center} .inforow .card-body i {position: relative; text-align: center; margin: 0 auto; 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; height:72px;width:72px; border-radius: 50%; border:2px solid #1e489f; font-size: 36px; color:#1e489f; transition:all .3s ease-out 0s;} .inforow .card-body:hover i {background:linear-gradient(#1e489f 0%,#122b5f 100%); color:#fff; border-color: transparent;} .inforow .card-body h4 { text-align: center; margin-top:1rem;color:#000; font-size: 21px;} .inforow .card-body p {margin-top:1rem; margin-bottom: auto; position: relative; text-align: center;} .inforow .card-body a {text-decoration: none; flex-grow: 0; margin: 1rem auto 0; padding: 8px 27px; width:auto;} .inforow .card-body a:hover {} .inforow .card-body a span {position: relative;width:auto; } 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: 50px; height: 50px; 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 #1e489f; color:#1e489f; background-color: none; text-align: center; text-decoration: none; -webkit-animation:none; animation: none; border-radius: 100%;} a#closebox i {font-size:1.75rem; position: relative; line-height: 1; width:100%; height:auto;} a#closebox:hover {border-color:transparent; color:#fff;background:#1e489f;} 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: 5px; 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 {text-align: center;padding: 0 15px; margin: 0 auto; } .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: 1rem;} .infotext > ul {padding-left: 1rem;position: relative;margin-left: .7rem;margin-bottom: 1rem;} .infotext > ul li {list-style: disc; } .infoform.formContainer {margin-top: 15px;} .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: 600;} .insideinfo .formbody {font-weight: 400; overflow:hidden;} .formhead {width:100%; height:auto; position: relative; float:left;} .formbody h4 {text-align: center; margin: 0px auto 1.75rem; float:left; width:100%; display:block; position: relative;font-weight:700;-webkit-font-smoothing: antialiased; text-transform: none; color:#000000;} .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:#f7f7f7; padding:.375rem .75rem; height:50px; line-height: 1.25; font-size: 16px;} .formbody label {position: relative; font-size: 1rem;font-weight: 500; padding: 0px 0px 0.5em; margin: 0; color:#000;} .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 #bd2026;} .formbody .form-control.error:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);} .formbody .form-actions {float:left; width:100%;text-align: center; margin: 0rem auto 0 auto;} .formbody .form-actions .btn {width:auto;min-width:160px;} .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: 1rem; } .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;} .formbody .signaturetable input.form-control:focus {filter:none;box-shadow: none;border-width:0px 0px 1px 0;border-color:#dee2e6;} .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: 'Lato',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: #f5f5f5;} #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:#f2f2f2; justify-content: center; padding: 1.5rem; } #signature-modal .modal-footer .btn {margin:0 10px 0 10px; width:auto; height:50px;} #signature-modal .modal-content {background-color:#f5f5f5} #signature-modal input.form-control {margin: 0 auto; background-color: #fff;} #signature-modal .form-control:focus {border:1px solid #000;box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0, 0, 0,.15);} #signature-modal .form-control.error {border:1px solid #bd2026;} #signature-modal .form-control.error:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);} #signature-modal ::-webkit-input-placeholder {font-weight:500;} #signature-modal :-moz-placeholder {font-weight: 500;} #signature-modal ::-moz-placeholder {font-weight: 500;} #signature-modal :-ms-input-placeholder {font-weight: 500;} #signature-modal .placeholder {font-weight: 500;} .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 #f4f4f4; 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: .9rem; max-width: 220px;} 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: 0px 4px 17px rgba(0,0,0,.25); margin: 0 auto; display: block; position: relative;} .formbody.success .rightoutput {text-align: center; position: relative;} .formbody.success .rightoutput h3 {margin-top:1.5rem;margin-bottom: 1rem; font-size: 24px; color:#2b3445} .formbody.success .rightoutput h5 {margin-bottom: .5rem;color:#2b3445} .formbody.success .rightoutput a {position: relative; border:none; text-decoration: underline; background:none; font-weight: 700; padding:0.5rem 0 0 0;} .formbody.success .rightoutput a:hover {text-decoration: none;} .formbody.success .rightoutput a i {display: none; position: relative; font-size: 1rem; margin-left: 7px;} .formbody.success .otherLinks {float:left; width:100%; display: flex; margin: 1.5rem auto 0px auto; padding: 1.5rem 0 0 0; border-top:1px dotted #e8ecf5;text-align: center; align-items: center; justify-content: center; flex:1; } .formbody.success .otherLinks a.btn.btn-primary {margin:0 .5rem 1rem; position: relative; flex-grow: 0; font-size: 16px; padding: 15px 60px; } /* RESOURCE LIBRARY */ .resourcerow {position: relative; margin-top:25px;} .resourcerow > div {position: relative;margin-bottom: .5rem;} .resourcerow .card {border-color: #e8ecf5; transition: all .3s ease-out 0s; } .resourcerow .card:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .resourcerow .card-header {border-bottom-color: #e8ecf5;} .resourcerow h4 {position:relative; padding: 0px; margin: 0; text-align:center; color:#2b3445;} .resourcerow .card-footer {border-top-color:#e8ecf5; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox;display: flex; white-space: normal;-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; position: relative;flex-wrap: wrap;} .resourcerow .card-footer a.btn { margin:5px auto; flex: 1 1 auto; font-size: 15px;} .resourcerow .card-footer a.btn i {position: relative; margin-right: 10px;} .resourcerow .card-footer a.btn:first-child {} /** HOLIDAY SHOPPING **/ .holidayinfo {display: block; position: relative; width:100%; height:auto; margin: 0 auto; text-align: center;} .holidayinfo h4 {text-align:left;margin-bottom:25px;} .holidayoffers .offers {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position:relative; width:100%; height: auto; padding: 30px 0px; margin-top: 1.25rem;} .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.25em; background:#fff; border-radius: 10px;border:1px solid #e9e9e9;transition: all .3s ease-out 0s; 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;} .holidayoffers .card .card-body:hover {box-shadow: 0 0px 30px rgba(0,0,0,.15);} .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;} .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: 20px 0 0; flex-grow: 0; width:auto; padding: 12px 40px; font-size: 16px;} .holidayoffers .card-img {display: block; position: relative; width:125px; margin: 0 0 10px;} .holidayoffers p.card-text.date {font-style: italic;} .holidayoffers p.card-text.offercode {font-weight: 700; } .holidayoffers hr {margin:.75rem auto; width:100%} #holidayoffers.modal .modal-header h5 {text-align: center; padding: 0 30px; } #holidayoffers.modal .modal-content {text-align: center;} #holidayoffers.modal h4 {} #holidayoffers.modal p {width:100%; text-align: center; position: relative;} #holidayoffers.modal a.btn {text-decoration: none;margin-left: auto;margin-right: auto;margin-top:1rem;flex-grow: 0; width:auto; padding: 12px 40px; font-size: 16px;} @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;} }