* { margin: 0; padding: 0; outline: 0; } ::-moz-selection { background: #363136; color: #fff; text-shadow: none; } ::selection {background: #363136; color: #fff; text-shadow: none; } ::-webkit-selection { background: #363136; color: #fff; text-shadow: none;} *:not(.form-control), *:before, *:after { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } #noJS {text-align:center; padding: 0px; width:100%; background-color:rgb(255, 255, 224); font-weight:400; font-style:italic; line-height:2rem;} /* body::-webkit-scrollbar {width: 15px;} body::-webkit-scrollbar-track { box-shadow: none; background-color: #004263; } body::-webkit-scrollbar-thumb { background-color:#2b7cb3; outline: none !important; border-radius: 10px; box-shadow: none; border:3px solid #004263;}*/ html {min-height: 100%;-webkit-tap-highlight-color:transparent; font-size:125%;} html.showmenu {overflow:hidden;} body { min-height: 100%;} div.testsize {display:block;position:absolute;left:0;top:0;color:#363136;width:auto;height:auto;font-size:16px;z-index:999;} .progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 50px;width: 50px;-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(31, 37, 84,.5);cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; background:rgba(91, 196, 190,0.5); /*box-shadow: 0 1px 1px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.12),0 4px 4px rgba(0,0,0,0.12),0 8px 8px rgba(0,0,0,0.12),0 16px 16px rgba(0,0,0,0.12);*/} .progress-gotop.hide {opacity: 0;bottom:-55px} .progress-gotop.show {opacity: 1; bottom:20px;} .progress-gotop:hover {background:rgba(91, 196, 190,0.85);} .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: 30px;width:24px} .progress__arrow svg path { stroke:#1f2554;stroke-width: 2;stroke-linecap:round} .progress-gotop .progress-circle { height: 100%;width:100%} .progress-gotop .progress-circle path {stroke: #5bc4be; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;} /* .progress__arrow:hover svg path {stroke: #0f7c95;} .progress-gotop:hover .progress-circle path {stroke: #0f7c95;} */ 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: 'Axiforma W05', sans-serif; font-weight:400; font-style:normal; font-size: 0.9rem; line-height:1.3rem; color:#363136; padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; background:#fff; -ms-text-size-adjust:100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .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;} div { display: block; } ol, ul {list-style: none;margin:0;padding:0;} ul li { list-style: none; padding: 0; margin: 0; color:#6e6e6e; font-weight:200; font-size: 0.8rem; line-height:1.2rem;} ol li {list-style: none; padding: 0; margin: 0;color:#6e6e6e; font-weight:200; font-size: 0.8rem; line-height:1.2rem;} p {margin: 0 0 0.75rem 0; padding:0; color:#6d6d6e; font-weight:200; font-size:0.8rem; line-height:1.2rem;} p a {font-weight: 400;} a, a:visited {color:#174ca1; cursor:pointer; text-decoration: underline;outline:none; border:none;} a:hover {color:#1f2554; text-decoration:none;} a:active, a:focus {} .btn {text-decoration:none; line-height:1.3rem; font-weight:600; padding: 0.5rem 1.6rem; margin:0; -webkit-appearance: none; appearance: none; transition: all 300ms cubic-bezier(0.4,0,0.2,1); font-size: 0.9rem; cursor: pointer; border-radius: 5rem;} .btn-form, .btn-form:visited {background:#1f2554; color:#5bc4be; font-size:0.8rem; text-transform: uppercase; padding: 0.75rem 1.8rem 0.7rem 1.8rem; min-height:1.9rem; height:2.75rem; line-height:1; border:none;} .btn-form:hover, .btn-form:active, .btn-form:focus {transition:all 250ms cubic-bezier(0.4,0,0.2,1); background:#174ca1; color:#fff;} h1,h2,h3,h4,h5,h6 {font-family: 'Axiforma W05', sans-serif; font-weight: 400; margin: 0; padding: 0; color:#1f2554;} h1 {font-size: 1.5rem; margin: 0 0 1rem 0;line-height: 1.9rem;} h2 {font-size: 1.3rem;margin: 0.5rem 0 1rem 0;line-height:1.7rem;} h3 {margin: 0.5rem 0 0.75rem 0;font-size: 1.1rem;line-height: 1.4rem;} h4 {margin: 0.5rem 0 0.5rem 0;font-size: 1rem;line-height: 1.3rem; } h5 {margin: 0.5rem 0 0.5rem 0;font-size: 0.9rem;line-height: 1.2rem;} h6 {margin: 0.5rem 0 0.5rem 0; font-size: 0.8rem; line-height: 1.1rem;} strong, b {font-weight:600; font-style:normal;} i { font-style: normal !important; } em {font-weight:400; font-style: italic;} ::-webkit-input-placeholder {color: #7c7c7c; color: rgba(124, 124, 124,0.5);} :-moz-placeholder {color: #7c7c7c; color: rgba(124, 124, 124,0.5);} ::-moz-placeholder {color: #7c7c7c; color: rgba(124, 124, 124,0.5);} :-ms-input-placeholder {color: #7c7c7c; color: rgba(124, 124, 124,0.5);} .placeholder {color: #7c7c7c; color: rgba(124, 124, 124,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: transparent !important; color:#ED1C24 !important; border: 1px solid #ddd; -webkit-text-fill-color: #363136;-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;} .form-control {border-radius: 5rem; line-height: 1.5; border:0.05rem solid #1f2554; -webkit-transition: all .5s; transition: all .5s; background-color: transparent; box-shadow: none; padding: 0 1.2rem; font-size:0.9rem; height:2.75rem; font-weight:200; color:#6e6e6e;} .form-control:focus {color:#6e6e6e; border-color:#174ca1; box-shadow:0 0 0 .155rem rgba(13,110,253,0.5);} .modal.fade.show {opacity: 1;} .modal-header {text-align: center; padding: 20px 1rem 15px; position: relative;} .modal-header h5 {text-align: left; display: block;width:100%; padding: 0px 50px 0px 0px;margin: 0; color:#1f2554; font-size:1.25rem; line-height:1.2; 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:#1f2554; 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:#174ca1;} .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} .modal-content {background-color:#e5f6f7; 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 {border:none;color:#174ca1; text-decoration: underline; font-weight: 400;padding: 0; border-radius: 0; margin: 0 auto 0.5rem;} .modal-instructions.modal .modal-body .btn:hover {text-decoration: none;color:#1f2554} .modal-instructions.modal .modal-body .btn i {position: relative; margin-right: .5rem;} #subscribemodal .modal-body > p {text-align: center;} #subscribemodal .subscribeindex input[type=checkbox] {display:none;} #subscribemodal .subscribeindex form {width:100%; margin: 0 auto; padding: 15px 5px; position: relative; height:auto;} #subscribemodal .subscribeindex .form-control {padding-left:1.2rem;} #subscribemodal .subscribeindex .form-group {margin-bottom: 0.75rem;} #subscribemodal #formresponse2 > div {border-top:1px solid #ededed; padding: 10px 0 0 0; margin: 0; position: relative; display: block; width:100%; float:left; text-align: center; } #subscribemodal #formresponse2 > div p span {font-weight:600;} /* Main Elements */ .pagewrapper { position: relative;display: block; flex: 1 0 auto;} #main {position: relative;width:100%;} .container-fluid {/*max-width:1350px;*/ max-width:1790px; padding: 0 1rem;} /* Header */ header {position:relative; z-index: 2; background:#fff;} .topbar {position:relative; background-color:#e5f6f7;} .topbar .container-fluid {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; padding-top:0.4rem; padding-bottom:0.4rem; } .topbar span {font-size:0.85rem; display:block; position:relative; color:#1f2554;} .topbar .topsearch {position: relative; margin: 0 0 0 0.75rem; } .topbar form {position:relative; width:370px;} .topbar form input.form-control {height:38px; font-size: 0.9rem; background-color:#fff;} .topbar form ::-webkit-input-placeholder {opacity:0.7} .topbar form button {border:0 none; background:none; position: absolute; top: 0; right: 0.75rem; font-size:1.5rem; margin-top:0; text-align:center; width:30px; height:38px; color:#1f2554; line-height:1.9rem; } header .navbar {position:relative; padding: 0; background:#fff; } header .navbar:after {box-shadow: 0 3px 10px 0px rgba(0,0,0,0.16); content: ''; position: absolute; width:100%; height:100%; background:#fff; left: 0; z-index: -1;} header.sticky .navbar {position:fixed; top:0; width:100%; animation: animateHeaderIn .4s ease;} header .navbar > .container-fluid {-webkit-box-pack:space-between; -ms-flex-pack:space-between; justify-content: space-between; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height:70px;} .navbar-brand {display:block; width:157px;-ms-flex-order: 2; order: 2; margin: 0;} .navbar-brand img {display:block; width:100%;} .navbar-collapse {-ms-flex-order: 1; order: 1;} .navbar-collapse .dropdown-menu li {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction:row; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; position: relative; font-size: 0.8rem;line-height: 1.2rem;} .navbar-collapse .dropdown-menu li a {color:#1f2554; -ms-flex-order: 2; order: 2; font-size: 0.8rem; margin: 0.25rem 0 0 0;line-height:1.4;} div.navbar-toolbar {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;} div.navbar-toolbar > button {background:none; border: 0 none; position: relative; padding: 0px; border-radius: 0; width:30px; height:20px; 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; -ms-flex-direction:column; flex-direction: column;} button.navbar-toggler > span {width:100%; height:4px; margin: 0 auto; background:#1f2554; position:relative; top: 0;border-radius: 5px; transition: all ease .3s; } button.navbar-toggler > span:nth-child(2) {margin-top:4px;} button.navbar-toggler > span:nth-child(3) {margin-top:4px;} button.navbar-toggler.toggle > span:nth-child(1) {transform: rotate(135deg);top:8px;} button.navbar-toggler.toggle > span:nth-child(2) {opacity: 0;} button.navbar-toggler.toggle > span:nth-child(3) {transform: rotate(-135deg);top:-8px;} .menusearch {position:relative; padding: 0.8rem 1.3rem; background-color:#1f2554;} .menusearch form {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; position:relative;} .menusearch form input {position:relative; height:38px; font-size: 0.9rem; background-color:#fff;} .menusearch form button {border:0 none; background:none; position: absolute; top: 0; right: 0.75rem; font-size:1.5rem; margin-top:0; text-align:center; width:30px; height:38px; color:#1f2554; line-height:1.9rem;} /* Footer */ footer {position: relative; background:#1f2554; color:#fff; } footer .container-fluid {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; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; text-align: center; } footer .copyright {position: relative; border-top:solid 1px rgba(255,255,255,0.15); width:100%; padding: 0.75rem 0 0 0; margin: 0.6rem 0 0 0; color:#fff; font-size: 0.9rem; font-weight:200; line-height:1.2rem;} footer .footerlinks {position: relative;padding: 0; } footer .footerlinks ul {position: relative; margin: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -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; text-align: center;} footer .footerlinks ul li {position:relative; display: block; padding: 0 0.75rem;} footer .footerlinks ul li:first-child:after {content: ''; position:absolute; right: 0; height: 75%; width:1px; background:rgba(255,255,255,0.15); top: 12%;} footer .footerlinks ul li a {display: block; position:relative; color:#5bc4be; text-decoration:none; font-weight: 400; font-size: 0.9rem; transition: all 300ms cubic-bezier(0.4,0,0.2,1);} footer .footerlinks ul li a:hover {text-decoration: none; color:#fff;} /* Index */ #indexslides {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; min-height:600px; } #indexslides .swiper-slide {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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -ms-flex-direction: column; flex-direction:column;} #indexslides .slideimage {-ms-flex-order: 1; order: 1; height:100%; width:100%; flex:1;} #indexslides .swiper-slide img {display: block; max-width: 100%; width:100%; height:auto; } #indexslides .caption {width:100%; position:relative; background:#1f2554; 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:auto; -ms-flex-order: 2; order: 2;} #indexslides .caption > div {width:100%; position: relative; padding-left:1.5rem; padding-right: 1.5rem;} #indexslides .caption > div > div {position:relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; margin: 2.35rem 0 2.35rem;} #indexslides .caption h2 {margin: 0 0 .75rem; font-size:1.5rem; line-height:1.12; font-weight: 900; color:#fff; position:relative; padding: 1.1rem 0 0 0; text-transform: uppercase;} #indexslides .caption h2:before {content: ''; position: absolute; width:2.25rem; height: 0.15rem; background:#5bc4be; top: 0; left: 0;} #indexslides .caption p {margin: 0 0 2.25rem 0; color:#fff; font-size: 0.9rem; line-height: 1.5;} #indexslides .caption a.btn {font-size: 0.8rem; text-decoration:none; text-transform: uppercase; padding: 0.75rem 3rem 0.7rem 1.9rem; border-radius: 30px; border: 2px solid #5bc4be; background-color: #5bc4be; color:#1f2554; min-height:1.9rem; line-height: 1; font-weight: 600; position:relative;} #indexslides .caption a.btn:hover {background-color:#1f2554; color:#5bc4be; transition: all 250ms cubic-bezier(0.4,0,0.2,1);} #indexslides .caption a.btn i {position:absolute; right:1.5rem; top:50%; font-size:1rem; width:1rem; height:1rem; margin-top:-.5rem;} #indexslides .caption ul {/*position: relative; overflow:hidden; width:100%; height:auto; margin: 0 0;*/display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; width:100%; height: auto; margin: 0; padding: 0;} #indexslides .caption ul li {/*display: block; float:left; position: relative; width:50%; margin: 0; padding: 0;*/display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;} #indexslides .caption ul li a {/*display:inline-block; position: relative; padding: 3px 0; text-decoration: none; color:#5bc4be; font-weight: 400; line-height: 1.5;*/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; position:relative; width:100%;height:100%; padding:5px 0;text-decoration: none; color:#5bc4be; font-weight: 400; line-height: 1.3;} #indexslides .caption ul li a:hover {color: #fff;} #indexslides .newvendor .caption a.btn {margin-top:2rem;} #indexslides .swiper-nav .swiper-button-next, #indexslides .swiper-nav .swiper-button-prev {color: #e5f6f7; } #indexslides .swiper-nav .swiper-button-next:after, #indexslides .swiper-nav .swiper-button-prev:after {font-size:40px;} .indexmiddle.container-fluid {background:#e5f6f7; padding-top:2.25rem; padding-bottom:2.25rem;} h3.index-title {font-size:1.6rem; font-weight: 400; color:#1f2554; margin: 0 0 1.6rem 0; padding: 0.6rem 0 0 0; position:relative;} h3.index-title:before {content:''; position:absolute; top:0; left: 0; width:4rem; height: 0.1rem; background:#5bc4be;} #categoryslide {position: relative; display: block; height:auto; max-width:1400px; margin: 0 auto;padding: 0 0 50px;} #categoryslide .swiper-slide {position: relative;} #categoryslide a.card {position:relative; border: 1px solid rgba(31,37,84,0.25); background-color: transparent; color:#1f2554; text-decoration: none; border-radius: 1rem; padding: 1.1rem 1rem; 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:center; -ms-flex-pack:center; justify-content: center; font-weight:600; font-size:0.9rem; transition: all 300ms cubic-bezier(0.4,0,0.2,1); height:100%;} #categoryslide a.card .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; padding: 0; -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:center; -ms-flex-pack:center; justify-content: center; height:100%; } #categoryslide a.card .card-body i {color:#174ca1; position: relative; width:2rem; height:2rem;display: block; font-size:2rem; margin: 0 0 0.6rem 0;} #categoryslide a.card .card-title {margin: 0;text-align: center; position:relative; } #categoryslide a.card:hover {background-color:#1f2554; color:#fff; transition:all 250ms cubic-bezier(0.4,0,0.2,1); border-color:#1f2554;} #categoryslide a.card:hover i {color:#fff;} #categoryslide .swiper-pagination-bullet {width:10px; height:10px;} #categoryslide .swiper-pagination-bullet-active {background:#1f2554} .indexbottom.container-fluid {padding-top:2.25rem; padding-bottom:2.25rem;} .indexbottom .formouter-box {flex: 1 1 auto; padding: 0; } .indexbottom > p {margin-bottom: 1.25rem;} .indexbottom .form-container {width:100%; display:block; margin: 0 auto;} .indexbottom .form-container form {width:100%; margin: 0 auto; padding: 0; position: relative; height:auto;} .indexbottom form input[type=checkbox] {display:none;} .form-container .form-group {position: relative;} .form-container .form-group .form-floating {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .form-container .form-group span.formicon {position: absolute; width:1.5rem; height:100%; left: 15px;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; z-index: 2; color:#004263;} .form-container .form-group span.formicon i {position: relative; } .form-container .form-group label {border-width: 0; left: 2rem; font-size:0.9rem;} .form-container .form-group .form-control {padding-left: 2.5rem; background-color:#fff; font-size:0.9rem; color:#363136;} .form-container .form-group .form-control:focus {} .form-container .eac-input-wrap {width:100%; position: relative;} .form-container .eac-sugg {padding-left: 17px !important; padding-top: 35px !important; padding-bottom: 0px !important;} .form-container .form-actions { overflow: hidden; width:100%;text-align: center;margin:1rem auto 1rem auto;} .form-container .form-actions .btn-form:disabled {background-color:#888; border-color:#888;} .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:#ddd;} .form-container .popover .popover-body {font-family: 'Axiforma W05', sans-serif; font-weight:400; font-size:0.75rem; text-align:center; color:#363136; padding:0.75rem 0.9rem;} .form-container .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .form-container .bs-popover-top>.popover-arrow::before {border-top-color:#ddd;} .form-container .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#ddd;} .form-container .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#ddd;} .form-container .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#ddd;} .form-container #formresponse {width:100%; height:auto; position: relative;} .form-container #formresponse > div {position:relative; width:100%; padding:1.5rem;border-radius:1rem; background:#e5f6f7;} .form-container #formresponse > div p {margin: 0;} .form-container #formresponse > div p span {font-weight:300;} /* Inside Pages */ .bg {background-color:#e5f6f7; padding: 1.75rem; border-radius: 1rem;} .bg.darkblue {background-color:#1f2554;} .bg.pagecontent {padding:1.75rem;} .topcontainer {background-color:#fff; position:relative; padding: 0.75rem 0 0.5rem;} .topcontainer .container-fluid {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction: column;} .topcontainer.white {background-color:#fff;} .topcontainer.white .breadcrumbs ul li {color:#6e6e6e;} .topcontainer.white .breadcrumbs ul li a {color: #6e6e6e;} .topcontainer.white .breadcrumbs ul li.last a {color: #1f2554;} .topcontainer.white .pagetitle h1 {color:#1f2554;} .breadcrumbs {position:relative; width:100%;} .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: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 2px 0 0 0; padding: 0; font-size: 0.7rem;} .breadcrumbs ul li {position:relative; font-size:0.7rem; color:#6e6e6e; font-weight:400; margin: 0; padding: 0;} .breadcrumbs ul li a {color:#6e6e6e; text-decoration: none; font-weight:400;} .breadcrumbs ul li a:hover {text-decoration: underline;} .breadcrumbs ul li span {position:relative; padding: 0 5px 0 3px; margin: 0;} .breadcrumbs ul li.last a {cursor: text; color:#1f2554;} .breadcrumbs ul li.last a:hover {text-decoration: none;} .pagetitle {position:relative; width:100%; padding: 0.4rem 0 0 0; margin: 1.75rem 0 0 0;} .pagetitle:before {content: ''; position: absolute; top: 0; left: 0; width:2.5rem; height: 0.15rem; background:#5bc4be;} .pagetitle h1 {position:relative;padding: 0; margin: 0; line-height:1.2; font-size:1.5rem; font-weight:400; color:#1f2554;} .maincontent.container-fluid {max-width:1600px; padding-top:1.5rem; padding-bottom: 2.25rem;} .maincontent.container-fluid.darkblue {background-color:#1f2554;} .maincontent.container-fluid > .row {} .leftcolumn {position:relative; margin-bottom: 1rem;} .leftcolumn .sidebar {position:relative; background:#1f2554; border-radius: 1rem; } .leftcolumn .sidebar a.toggle {border-radius:0; border:0 none; color:#fff; width:100%; text-align: left; padding: 1rem 1.5rem; font-size:1rem; font-weight:400; line-height:1.2;} .leftcolumn .sidebar a.toggle i {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;position:absolute; right:1.5rem; top:50%; margin-top:-17px; width:34px; height:34px; text-align: center; line-height:1; border-radius:50%; border:2px solid #5bc4be; transition:all 200ms cubic-bezier(0.4,0,0.2,1)} .leftcolumn .sidebar a.toggle[aria-expanded=true] {color:#5bc4be;} .leftcolumn .sidebar a.toggle[aria-expanded=true] i {transform: rotate(45deg); transition: all 350ms cubic-bezier(0.4,0,0.2,1); color:#5bc4be;} .leftcolumn .sidebar h2.navtitle {position: relative;font-size: 1.1rem; margin: 0 0 0.35rem 0; padding: 0;} .leftcolumn .sidebar h2.navtitle a {text-decoration: none; display: block; color:#1f2554;} #accordion {margin: 0; background:none; padding: 0 1.5rem;} #accordion .accordion-item {position:relative; margin: 0px 0 0 0; padding: 0; border-radius: 0; border:none; background:transparent; border-bottom: 1px solid rgba(255,255,255,0.25);} #accordion .accordion-item:last-child {border-bottom: none;} #accordion .accordion-item > h3 {position: relative; margin: 0; padding: 0; background:transparent; border: none; } #accordion .accordion-item > h3 > a {text-decoration: none; background:transparent; border: none; box-shadow: none; position:relative; color:#fff; font-size: 0.8rem; text-transform: uppercase; padding: 0.5rem 1rem 0.5rem 0;} #accordion .accordion-item > h3 > a:after {display: none;} #accordion .accordion-item > h3 > a i {position: absolute; right:0rem; top:50%; width:1.1rem; height:1.1rem; line-height: 1; margin-top:-0.55rem; text-align: center; color:#5bc4be; font-size:1.1rem;} #accordion .accordion-item > h3 > a i.icon-chevron-right {display: none;} #accordion .accordion-item > h3 > a:hover {color:#5bc4be;} .accordion-item .accordion-collapse.show .accordion-body {margin-bottom: 1rem;} .accordion-item .accordion-body {position: relative; padding: 0; max-height:250px;} .accordion-item .accordion-body ul {position: relative; padding: 0px 0 0 2rem; margin: 0;} .accordion-item .accordion-body ul li {position: relative; margin: 0; padding: 0; } .accordion-item .accordion-body ul li a {text-decoration: none; color:#fff; font-size:0.8rem; padding: 0.3rem 0; margin:0;display:block; position:relative; background:none; border: none;} .accordion-item .accordion-body ul li a:hover {} #accordion .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255, 255, 255,0.85);} #accordion.maplist .accordion-item.single.locations h3 > a {} .ajaxcontent {float:left; width:100%; height: auto; position: relative;} .pagecontent {position: relative; float:left; width:100%; margin: 0; padding: 0;} .maincontent .dropdown-menu {box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1.2rem 0px; color:#363136; border-radius: 0; border: none; margin-top:8px !important; margin-bottom:8px !important; padding-top:4px; padding-bottom: 4px; font-size:.85rem; width:auto; min-width: 200px;} .maincontent .dropdown-menu a.dropdown-item {padding: 6px 12px; position: relative; display:block; font-weight: 400; color:#363136;} .maincontent .dropdown-menu a.dropdown-item:hover {background-color:transparent; color:#174ca1;} .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:#174ca1;} .subtitle {position: relative; float:left; width:100%; padding: 0.6rem 0 0 0; margin: 0 0 1rem 0;} .subtitle:before {content: ''; position: absolute; top: 0; left: 0; background:#5bc4be; width:4rem; height:0.1rem;} .subtitle > h3 {display: block; float:left; width:100%; margin: 0; padding: 0;} .subtitle > h2 {display: block; float:left; width:100%; margin: 0; padding: 0;} .pagetitle {position:relative; width:100%; padding: 0.4rem 0 0 0; margin: 1.75rem 0 0 0;} .pagetitle:before {content: ''; position: absolute; top: 0; left: 0; width:2.5rem; height: 0.15rem; background:#5bc4be;} .pagetitle h1 {position:relative;padding: 0; margin: 0; line-height:1.2; font-size:1.5rem; font-weight:400; color:#1f2554;} .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:#d9f2f3; padding: 1rem 1rem 1rem 1rem; border-radius: 1rem;} .mixitup-page-stats {color:#6e6e6e; font-size: 0.9rem; font-weight: 200;} .mixitup-page-stats > div {} .mixitup-page-stats > div span {font-weight:300;} .selectview {position: relative;} .selectview span {position: relative; display: inline-block; margin-right: .4rem; } html.webkit.safari.mac .selectview span {top:1px;} .selectview a {position:relative; display: inline-block; padding: .3rem; color:#868e96; font-weight:500; transition:none;} .selectview a.active {font-weight: 700; color:#3a3a3a;} .selectview button#showall {-webkit-appearance: none; appearance: none; background-color:#1f2554; color:#5bc4be; font-size:0.8rem; text-decoration: none; padding: 0.75rem 1.8rem 0.7rem 1.8rem; text-transform: uppercase; border-radius: 5rem; min-height:1.9rem; line-height: 1; font-weight: 600; border: 0 none; transition:all 300ms cubic-bezier(0.4,0,0.2,1);} .selectview button#showall:hover {transition:all 250ms cubic-bezier(0.4,0,0.2,1); background-color:#174ca1; color:#fff;} .pagination {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; padding: 1.5rem .5rem 0 .5rem;margin: 1.5rem auto 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #dadada; border-radius: 0px; font-size:0.9rem;} .page-item {position:relative; margin: 0 .125rem; padding: 0;} .page-item:not(:first-child) .page-link {margin-left:0;} .page-item .page-link {border: none; color:#6e6e6e; background-color:#fff; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:0 .25rem; margin: 0; border-radius: 0; width:auto; height:auto; font-size:0.9rem; font-weight: 300; color:#174ca1;} .page-arrow .page-link.mixitup-pager-prev {margin: 0 0.5rem 0 0; padding: 0 0.5rem 0 0; border-right:1px solid #dadada;} .page-arrow .page-link.mixitup-pager-next {border-left:1px solid #dadada; margin: 0 0 0 0.5rem; padding: 0 0 0 0.5rem;} .page-arrow .page-link i {font-size:0.6rem; position:relative;} .page-arrow .mixitup-pager-next i {margin-left:0.2rem;} .page-arrow .mixitup-pager-prev i {margin-right:0.2rem;} .page-link:hover, .page-link:active, .page-link:focus {background-color:#fff;} .page-link:hover {color:#1f2554;} .page-link.mixitup-pager-active {color:#6e6e6e;} .page-arrow .page-link.mixitup-pager-disabled {color:#6e6e6e; cursor: not-allowed} .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 {padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;} .toplinks .col-12 {margin-bottom: 0.5rem; margin-top:0.5rem;} .toplinks a {padding: 1rem 3.2rem 1rem 1.5rem; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; position:relative; color:#fff; text-transform: uppercase; font-weight:400; text-decoration: none; border:2px solid transparent; font-size:0.8rem; border-radius: 2.5rem; background-color:rgba(255,255,255,0.05); transition: border-color 300ms cubic-bezier(0.4,0,0.2,1); flex: 1 1 auto; box-sizing: border-box; height:100%;} .toplinks a:hover {border-color:#5bc4be; transition: border-color 250ms cubic-bezier(0.4,0,0.2,1);} .toplinks a span {} .toplinks a i {position:absolute; right: 1.5rem; color:#5bc4be; font-size: 1.25rem; top:50%; margin-top:-13px;} /* Form Pages */ .formpage {float:left; width:100%; height:auto; display: block; position: relative; padding: 0;} p.formpagetext {display: block; float:left; width: 100%; position: relative; text-align:left;} h4.suggesttitle {float:left; width:100%; display: block; position:relative;} .formContainer p.smaller {margin: 1rem 0 0; padding: 0; font-size:0.7rem; float:left; width:100%; display: block; text-align: center; font-style: italic;} .formContainer {position: relative; float:left; width:100%; margin: 0px auto 0 auto; padding: 0px;} .formContainer input[type=checkbox] {display:none;} .formContainer .form-floating .form-control {font-size:0.9rem; font-weight:200; background-color:#fff; padding-left:1.2rem; padding-right:1.2rem;} .formContainer .form-floating label {color:#6e6e6e; transition: opacity .1s ease-in-out, transform .1s ease-in-out, color 0.2s ease; font-size:0.9rem; font-weight:200; padding: 0.7rem 1.2rem; } .formContainer .form-floating textarea.form-control {height:calc(3.5rem + 2px);} .formContainer .form-floating select.form-control:not(:placeholder-shown) {padding-top: 1.325rem;padding-bottom:.325rem} .formContainer .form-floating.focus label {color:#174ca1} .formContainer .form-floating.hasvalue label {color:#174ca1; /*opacity: 1;*/} .formContainer .form-floating.error label {color:#cc0000} .formContainer .form-floating.error:hover label {color:#cc0000} .formContainer .eac-input-wrap {width:100%; position: relative;} .formContainer .eac-sugg {padding-left: 0px !important; padding-top: 28px !important; padding-bottom: 0px !important;} .formContainer .select i.fa-sort {position: absolute; right: 1.1rem;top:50%; margin-top:-10px; color:#6e6e6e} .formContainer .form-actions {float:left; width:100%;text-align: center; margin: 0rem auto 0 auto;} .formContainer .form-actions .btn {min-width:160px;} .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:#ddd;} .formContainer .popover .popover-body {font-family: 'Axiforma W05', sans-serif; font-weight:400; font-size:0.75rem; text-align:center; color:#363136; padding:0.75rem 0.9rem; } .formContainer .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .formContainer .bs-popover-top>.popover-arrow::before {border-top-color:#ddd;} .formContainer .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .formContainer .bs-popover-start>.popover-arrow::before {border-left-color:#ddd;} .formContainer .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .formContainer .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#ddd;} .formContainer .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .formContainer .bs-popover-end>.popover-arrow::before {border-right-color:#ddd;} .formContainer #formresponse {float:left; width:100%; height:auto; position: relative;} .formContainer #formresponse > div {position: relative;width: 100%;float: left; margin: 0; padding: 1rem 0 0 0; border-top:1px solid rgba(31,37,84,0.25);} .formContainer #formresponse > div p {margin:0; font-weight:300;} .formContainer #formresponse > div p span {} .formContainer #formresponse > div.error p {font-style: italic;} .formContainer.update #formresponse > div {width:100%;margin:0; } .formContainer.update #formresponse > div p {font-style: italic;} #formresponse table {margin: 20px 0 10px; width:100%; border-width: 2px;} #formresponse table td {font-weight: 400; padding:8px 7px; text-align: left;background:none;} #formresponse table td:first-child {width:40%;} #formresponse table td:last-child {font-weight: 300;} .bottomsubscribe.card {border-radius: 0.5rem; border:1px solid #dadada; margin: 0 auto; } .bottomsubscribe.card .card-body {padding: 0.75rem 0.85rem;} .bottomsubscribe.card .card-body p {color:#6d6d6e; font-size:0.8rem;text-align: center; margin:0 0 0.5rem 0;} .bottomsubscribe.card .card-body p:last-child {margin: 0;} .bottomsubscribe.card .card-body p a {font-weight:400;} /* Contact */ .contactbox {border-radius: 0.5rem; border:1px solid #dadada;} .contactbox .card-body {padding: 0.75rem 0.85rem;} .contactbox .card-body h3 {font-size: 1.2rem; line-height: 1.25; margin: 0 0 0.75rem;} .contactbox .card-body p {/*font-size:0.8rem;*/ margin: 0 0 0.35rem;} .contactbox .card-body p:last-child {margin: 0;} .contactbox .card-body p a {font-weight: 400;} /* Faqs */ #faqs {float:left; width:100%; height: auto; position: relative; margin: 0px auto 0 auto;} #faqs .faqs {border-bottom: 1px solid rgba(31,37,84,0.15); display: block; float:left; width:100%; margin: 0 0 1rem 0; padding: 0 0 1rem 0;} #faqs .faqs:last-child {padding: 0; margin: 0; border:none;} #faqs .faqs h3 {margin: 0 0 0.75rem 0; font-size:1.1rem; line-height: 1.25;} #faqs .faqs p {margin: 0;} #faqs .faqs p a {font-weight: 400;} #faqs .card {border: 1px solid rgba(31,37,84,0.25); border-radius: 1rem; padding: 0.6rem 2rem 0.5rem 1rem; background: #fff;margin: 0 0 6px;} #faqs .card .card-header {border-radius: 0; padding: 0; background-color: transparent; border:none; margin: 0;} #faqs .card .card-header h4 {margin: 0; position:relative;} #faqs .card .card-header h4 button {-webkit-appearance: none; appearance: none; display: block; width:100%; text-align: left; margin: 0; border: 0 none; background:none; color:#1f2554; font-size:1rem;} #faqs .card .card-header h4 button i {position: absolute; right:-1rem; top:50%; margin-top:-0.75rem;} /* Category */ .discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;} #allCat .subtitle h3 {display:none;} #allCat .subtitle h3.active {display:block;} #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;} #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 {padding: 0.5rem 1.5rem; 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; min-height:62px;} #allCat .item a {text-align: center; position: relative; background-color:transparent; border: 1px solid rgba(31,37,84,0.25); color:#1f2554; border-radius: 5rem; font-size:0.9rem;} #allCat .item a:hover {border-color:#1f2554; background-color:#1f2554; color:#fff;} /* Vendors */ #vendordiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin: 0 0 10px 0; padding: 0;} #vendordiscounts .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; 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 .img {display:block; position: relative;/* width:100%; height: 100%; margin: 0; padding: 1.3rem 1.45rem; border:1px solid #dcdcdc; border-radius: 1rem;*/} #vendordiscounts .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: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; } #vendordiscounts .item a {border:1px solid #dcdcdc; border-radius: 1rem; padding: .35rem .35rem .5rem .35rem; text-align: center; font-size:0.8rem; line-height: 1.5;} #vendordiscounts .item a span.outerimg {display:block; position: relative; } #vendordiscounts span.outerimg img {border-radius: 0.75rem; position: relative; display:block; margin: 0 auto .5rem auto;} #vendordiscounts span.busname {position:relative;} /* New Vendors */ #newvendors {position: relative; display:block; float:left; width:100%; height:auto; margin: 0 0 10px 0; padding: 0;} #newvendors .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; 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 .item > div {display: block; position: relative; height:100%;} #newvendors .item .img {display:block; position: relative;/* width:100%; height: 100%; margin: 0; padding: 1.3rem 1.45rem; border:1px solid #dcdcdc; border-radius: 1rem;*/} #newvendors .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: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; } #newvendors .item a {border:1px solid #dcdcdc; border-radius: 1rem; padding: .35rem .35rem .5rem .35rem; text-align: center; font-size:0.8rem; line-height: 1.5;} #newvendors .item a span.outerimg {display:block; position: relative; } #newvendors span.outerimg img {border-radius: 0.75rem; position: relative; display:block; margin: 0 auto .5rem auto;} #newvendors span.busname {position:relative;} div.newvendorfilter {position: relative; display: none;} div.newvendorfilter a.btn {background-color:#fff; color:#6e6e6e; text-decoration: none; padding: 0.75rem 2.4rem 0.75rem 1.2rem; min-width:140px;text-transform: none; border-radius: 5rem; font-weight: 200; line-height:1; border: 1px solid #1f2554; transition:all 300ms cubic-bezier(0.4,0,0.2,1); font-size:0.9rem; text-align: left;} div.newvendorfilter a.btn.show, div.newvendorfilter a.btn:active {box-shadow: 0 0 0 .155rem rgba(13,110,253,0.5) !important; border-color:#174ca1;} div.newvendorfilter a.btn i {position: absolute; right: 1rem; color:#174ca1; font-size: 1rem; width:1rem; height: 1rem; line-height: 1; top:50%; margin-top:-10px;} div.newvendorfilter a.btn.show i {transform: rotate(180deg);} #newvendordd {max-height: 300px;} /* Error Pages */ .errorpage p.formpagetext span {font-weight: 600; color:#5bc4be} .errorpage.bg.darkblue {border-radius: 0;} .outersearch {position: relative; float:left; width:100%;background-color:#fff; padding: 0 0 1.5rem; } #searchouter { width:100%; height: auto; position:relative; display:block;} #searchouter form {position:relative;} #searchouter form input {background-color:#fff; border-radius: 5rem; margin-right: 0.75rem;} #searchouter form button {border-color:#5bc4be; border-width:2px; border-radius: 5rem; color:#5bc4be; text-transform: uppercase; position: relative;} #searchouter form button i {position: relative; margin-right:5px; font-size:1rem; top:1px; display: inline-block;} #searchouter form button i.spin {-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear;} #list-tab {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; width:100%;} #list-tab a {position:relative; display: block; width:100%; text-align: left; text-decoration: none; color:#6e6e6e; font-weight: 200; font-size: 0.9rem; margin: 0.3rem 0; padding-left: 1.5rem;} #list-tab a i {position: absolute; left: 0; font-size: 26px; width:26px; height:26px; top:50%; margin-top:-13px; color:#1f2554;} #list-tab a.mainactive i {color:#174ca1;} #list-tab a.mainactive i:before {content:'\f14a'; font: var(--fa-font-solid);} #list-tab a span.num {display:none;} .filterdropdown {width:100%; text-align: center; position: relative; display: none; margin: 0px auto 0rem auto; padding:0;} #filterdd {max-height:300px; overflow: hidden; overflow-y: scroll;} #filterdd::-webkit-scrollbar {width: 10px;} #filterdd::-webkit-scrollbar-track { box-shadow: none; background-color: #fff; } #filterdd::-webkit-scrollbar-thumb { background-color:#1f2554; outline: none !important; border-radius: 10px; box-shadow: none; border:2px solid #fff;} .errorpage .leftcolumn .sidebar {display: none;} #searchfilter {padding:0px; width:100%; height:auto; position: relative; margin: 0 auto; display:none;} #searchfilter > div {margin: 0 auto 0; padding: 0 0 1rem 0;width:100%; float:left; text-align: center;} .resultstext {width:100%; display: block; position: relative;margin:0 auto 1rem; font-size: 1.25rem; } .resultstext > span {position: relative; background-color: #fff; padding: 0 4px;} .resultstext span#search-string {font-weight: 600;} .results p.search {text-align: center; font-style: italic; margin-top:.75rem;} #searchfilter.nofilter > div {border: none; border-bottom: 1px solid #dadada; margin: 10px auto 0px;} #searchfilter.nofilter > div .resultstext {margin: 0 auto 0;} #results {overflow: hidden; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0px 0px; } .results { width:100%; height:auto; display:block;position: relative; border-top:0px solid #E1E7E9; padding: 0px 0px 0px 0; margin: 0px auto 0px auto; overflow: hidden;} #searchgrid {width:100%; height:auto; position: relative; padding: 0; margin: 0px auto 0px auto; float:left; min-height:200px; } #searchgrid .gridouter {float:left; width:100%; position: relative;} #searchgrid .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;} #searchgrid .col-12 {overflow: hidden; position: relative;margin: 0; text-align: center; padding-top:0.7rem; padding-bottom:0.7rem;} #searchgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0; flex: 1 1 auto; height:100%;} #searchgrid .mix a {padding: 0.5rem 1.5rem; 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; min-height:62px;} #searchgrid .mix a {text-align: center; position: relative; background-color:transparent; border: 1px solid rgba(31,37,84,0.25); color:#1f2554; border-radius: 5rem; font-size:0.9rem;} #searchgrid .mix a:hover {border-color:#1f2554; background-color:#1f2554; color:#fff;} /* Search Page */ .searchpage .bg.darkblue {border-radius: 0;} .outerpagesearch {position: relative; float:left; width:100%;background-color:#fff; padding: 0 0 1.5rem; } #searchresults {overflow: hidden; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0px 0px;} #searchresults p {text-align: center; font-style: italic; margin-top:.5rem;} #searchresults p.noresults{} #searchouter { width:100%; height: auto; position:relative; display:block;} #searchouter form {position:relative;} #searchouter form input {background-color:#fff; border-radius: 5rem; margin-right: 0.75rem;} #searchouter form button {border-color:#5bc4be; border-width:2px; border-radius: 5rem; color:#5bc4be; text-transform: uppercase; position: relative;} #searchouter form button i {position: relative; margin-right:5px; font-size:1rem; top:1px; display: inline-block;} #main.searchpage #searchfilter {display:block;} #resultsgrid {width:100%; height:auto; position: relative; padding: 0; margin: 0px auto 0px auto; float:left; min-height:200px;} #resultsgrid .gridouter {float:left; width:100%; position: relative;} #resultsgrid .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;} #resultsgrid .col-12 {overflow: hidden; position: relative;margin: 0; text-align: center; padding-top:0.7rem; padding-bottom:0.7rem;} #resultsgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0; flex: 1 1 auto; height:100%;} #resultsgrid .mix a {padding: 0.5rem 1.5rem; 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; min-height:62px;} #resultsgrid .mix a {text-align: center; position: relative; background-color:transparent; border: 1px solid rgba(31,37,84,0.25); color:#1f2554; border-radius: 5rem; font-size:0.9rem;} #resultsgrid .mix a:hover {border-color:#1f2554; background-color:#1f2554; color:#fff;} /* Cats */ #cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0 0 10px 0; padding: 0;} #cat .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; 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 .item .img {display:block; position: relative;/* width:100%; height: 100%; margin: 0; padding: 1.3rem 1.45rem; border:1px solid #dcdcdc; border-radius: 1rem;*/} #cat .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: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; } #cat .item a {border:1px solid #dcdcdc; border-radius: 1rem; padding: .35rem .35rem .5rem .35rem; text-align: center; font-size:0.8rem; line-height: 1.5;} #cat .item a span.outerimg {display:block; position: relative; } #cat span.outerimg img {border-radius: 0.75rem; position: relative; display:block; margin: 0 auto .5rem auto;} #cat span.busname {position:relative;} .allLoc {text-align: center; position: relative; display:block; margin: 0 auto 0;} .allLoc .btn {border-color:#1f2554; border-width:2px; color:#1f2554; text-transform: uppercase; padding: 0.6rem 1.5rem 0.6rem 1.5rem; font-size: 0.8rem;} .allLoc .btn:hover {background-color: #1f2554; color:#5bc4be} .allLoc .btn i {position:relative; margin-right:.7rem;} /* Business */ #bus {position: relative; display:block; float:left; width:100%; height:auto; margin: 0.5rem 0 0; padding: 0;} .businessContent {min-height: 0px; float:left; height: auto; width:100%; padding: 0; margin: 0 auto 0px;position: relative;display:block; } .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: 0px; width:550px; max-width:100%;/*border: 1px solid #6e6e6e; border-radius:1rem;*/} .bus-image img {position: relative; display: block; text-align: center; margin: 0px auto; width:100%; border-radius:1rem; padding: .25rem; border: 1px solid #dadada; } .businesslinks { display: block; float:left; position: relative;width:100%; margin:1.5rem auto 0;} .businesslinks > ul {display:block;position:relative;height:auto; width:100%; padding:0; margin:0px auto 0px;text-align:center;float:left;} .businesslinks > ul > li {display:inline-block; position: relative; text-align: center; margin: 0; width:auto; height: auto; padding: 0px 5px 5px;} .businesslinks > ul > li > a.btn {position: relative; font-size: 0.8rem; color:#1f2554; font-weight: 600; padding: 0.55rem 1rem 0.55rem 2.9rem; border-radius: 5rem; border: 1px solid rgba(31,37,84,0.25);} .businesslinks > ul > li > a.btn i {position: absolute; left: 1rem; top:50%; transform: translateY(-50%);font-size: 1.4rem; color:#174ca1; } /* Directions & Locations */ .map-ie {display:none;} html.ie11 .map-ie, html.ie10 .map-ie, html.ie9 .map-ie {display: block;} div.gm-style {font-family: 'Axiforma W05', sans-serif !important; color:#363136; font-weight: 200 !important; width:100% !important; overflow: hidden !important; text-align:left; border-radius: 1rem !important;} div.poi-info-window.gm-style {border-radius: 0 !important;} .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:400 !important; color: #1f2554 !important; margin:0; padding:0 2px 5px 2px;border-bottom: 0px solid rgba(200, 201, 199, 0.5); font-family: 'Axiforma W05', 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:200 !important; font-family: 'Axiforma W05', sans-serif !important; background-color:#fff; -webkit-font-smoothing: subpixel-antialiased; font-size:17px !important; line-height:24px !important; color:#363136 !important;} .infoWindow h5 {display:block;line-height:20px; font-size:1rem; font-weight:400 !important; color:#363136 !important; margin:0; padding:0; font-family: 'Axiforma W05', 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: 'Axiforma W05', sans-serif !important;font-weight: 300 !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: 'Axiforma W05', sans-serif !important;font-weight: 200 !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: 'Axiforma W05', sans-serif !important;font-weight: 400 !important; padding:0 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:14px; line-height:20px !important;color:#363136;} .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:#363136; font-family: 'Axiforma W05', sans-serif !important;font-weight: 200 !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:#363136; font-family: 'Axiforma W05', sans-serif !important;font-weight: 200 !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: 'Axiforma W05', sans-serif !important; font-weight: 300 !important; text-decoration: underline; color:#363136 !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: 'Axiforma W05', sans-serif !important; font-size: 12px !important;} .gmnoprint .gm-style-mtc > div[role=button] {font-family: 'Axiforma W05', sans-serif !important; font-size: 12px !important; height: 28px !important; padding: 0 10px !important; font-weight: 600 !important;} .gmnoprint .gm-style-mtc button {font-size: 14px !important; padding: 0 10px !important; height:28px !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:210px; text-align:center; border:none !important; padding: 10px 0 10px 0px;} .infowindow > div {display:block; position: relative;font-weight:200; font-size: 0.7rem; line-height: 18px; font-family: 'Axiforma W05', sans-serif !important; color:#363136;} .infowindow .title {font-family: 'Axiforma W05', sans-serif !important; font-weight:400 !important; padding:0px 0 4px 0px;margin: 0 0 2px;background:#fff; font-size: 16px; line-height:20px !important;color:#004263; -webkit-font-smoothing: antialiased; border-bottom:1px solid #e6e6e6; white-space: normal;} .infowindow .title > span {font-style: italic !important; font-weight: 300 !important; display: block; color:#363136; font-size:15px; font-family: 'Axiforma W05', sans-serif !important;} .infowindow .address {color:#363136; font-weight: 200 !important; padding: 0px 0 0px 0px !important; margin: 0 0 0px 0px !important; -webkit-font-smoothing: antialiased; } .infowindow .address .address-line {color:#363136; line-height:1.25; margin:4px 0 0 0;} .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; display: inline-block; text-decoration: none; font-family: 'Axiforma W05', sans-serif; animation:none; margin-bottom: 0; font-size:0.75rem; background-color:#1f2554; color:#5bc4be; text-transform: uppercase; padding: 0.45rem 2.3rem 0.45rem 1.3rem; border:none;} .infowindow .discountlink > a:hover {background-color:#174ca1; color:#fff;} .infowindow .discountlink > a i {font-size:1rem; position: absolute; width:1rem; height: 1rem; line-height: 1; margin:0; top:50%; right: 0.8rem; margin-top:-0.55rem;} /* Locations */ .locationContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 15px auto 0px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .locationouter {width:100%; height: 500px; border:1px solid #6e6e6e; display:inline-block; position:relative; padding:0px; margin: 0 auto; background: #fff; border-radius: 1rem;} #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; border-radius: 1rem;} #location_map .gm-style .gm-style-iw > div {min-width:150px;} /* 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:0px; margin: 0 auto; background: transparent; border:1px solid #6e6e6e; border-radius: 1rem;} #directions_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:transparent; border-radius: 1rem;} #directions_map .gm-style .gm-style-iw > div {min-width:150px;} .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: 400;} 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 {background-color:#fff; border-radius: 5rem; margin-right: 0.75rem;} #form-outer > form ::-webkit-input-placeholder {opacity: 0.7;} #form-outer > form button {border: none; border-radius: 5rem; color:#5bc4be; text-transform: uppercase; position: relative;background-color:#1f2554; font-size: 0.8rem; } #form-outer > form button:hover {background-color:#174ca1; color:#fff;} #form-outer > form button i {position: relative; margin-left:5px; top:1px; display: inline-block; display: none;} #directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; color:#363136;} #directions .panel {position:relative; border-radius: 0; border: 0 none; float:left; width:100%; margin: 0rem auto 0rem;} #directions .panel .panel-heading {position:relative;font-size:1rem; background-color:transparent; border: 0 none; margin-bottom:1rem; padding: 0 1.2rem 1rem 0px; border-radius: 0; border-bottom:1px solid #dedede; } .timeTop span.distanceTime {font-weight: 300; display:block; position: relative;} .timeTop span.trafficTime {display:block;font-style: italic; font-size:0.9rem; position: relative; font-weight: 400;} .timeTop span.trafficTime > span {color:green;} .timeTop span.trafficTime.traffic > span {color:red;} .timeTop button {border:none; background-color: transparent; padding: 0; position: absolute; top: 50%;right: 1rem; font-size:1rem; line-height: 1rem; width:1rem; height: 1rem; text-align: center; cursor: pointer; margin: -1rem 0 0 0; z-index: 10; outline: none!important; border-radius:0;} .timeTop button:hover {color:#174ca1} #directions .panel .panel-body {padding: 0px;} .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: 1.2rem;} .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 {font-weight: 200;display:block; font-size: 1rem;} .mapbottom h3.toLocation span.destination_name {} .mapbottom h3.toLocation span.destination_loc {font-weight: 200;} #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; font-weight: 200; border-bottom:1px solid #dedede; } #instructions > li span.steps b {font-weight: 600;} #instructions > li span.instruct {display: block; width:100%;} #instructions > li span.dis {display: block;width:auto; font-size: 0.7rem; line-height: 1rem; position: absolute;overflow: hidden;background:#e5f6f7; padding: 0 5px 0 0; bottom:-10px;font-style: italic; font-weight: 400;} /* LTO Page */ #all.ltocontent {display: none;} #all.ltocontent .row {-webkit-align-content: flex-start; align-content: flex-start;} #all.ltocontent .col-6 {position:relative;} #all.ltocontent 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: flex-start; -ms-flex-align: start; align-items: flex-start; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; } #all.ltocontent a {border:1px solid #dcdcdc; border-radius: 1rem; padding: 0.7rem .35rem 0.7rem .35rem; text-align: center; font-size:0.8rem; line-height: 1.5;} #all.ltocontent a span.img {display:block; position: relative; margin-bottom: 1rem;} #all.ltocontent span.img img {border-radius: 0.75rem; position: relative; display:block; margin: 0 auto 0 auto;} #all.ltocontent span.title {position:relative;} /* 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: 0px; margin: 0 auto; background:none; border-radius:0; border:none;} .lto-wrapper.imageonly {border: 0 none;} .lto-wrapper .outerlto img {margin: 0 auto; display: block; position: relative; border-radius:1rem; padding: .25rem; border: 1px solid #dadada;} #ltobox .links { display: block; float:left; position: relative;width:100%; margin:1rem auto 0;} #ltobox .links > ul {display:block;position:relative;height:auto; width:100%; padding:0; margin:0px auto 0px;text-align:center;float:left;} #ltobox .links > ul > li {display:inline-block; position: relative; text-align: center; margin: 0; width:auto; height: auto; padding: 0px 5px 5px;} #ltobox .links > ul > li > a.btn {position: relative; font-size: 0.8rem; color:#1f2554; font-weight: 600; padding: 0.55rem 1rem 0.55rem 1rem; border-radius: 5rem; border: 1px solid rgba(31,37,84,0.25);} /* Mobile App */ .apptop {position: relative; float:left; width:100%; display: block; text-align: left; color:#fff; } .apptop > .row {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .apptop .col-md-8 {} .apptop .col-lg-8 > div {padding:0;position: relative;float:left; width:100%;} .apptop h4 {float:left; width:100%; display:block; position: relative; margin: 0 0 1rem;color:#fff;} .apptop span.title {position: relative; float:left; width:100%; padding: 0; margin:0; } .apptop ul {position: relative; float:left; width:100%;padding: 0 0 0; margin: 0 0 0 1rem;} .apptop ul li {position: relative; display: block; margin: 0 0 0.5rem; padding: 0;color:#fff;} .apptop ul li:last-child {margin: 0;} .apptop ul li i {font-size:0.4rem; line-height:1; position:relative; top:-4px;margin: 0 0.5rem 0 0; color:#5bc4be;} .apptop .col-lg-4 {height:100%; } .apptop img {width:250px; position: relative; margin: 0px auto 0 auto; text-align: center; display: block;} .appbottom {position: relative; float:left; width:100%; display: block;} .appslides {position: relative; margin-top: 1rem; 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; border:none; background:#e5f6f7; padding:1.5rem; border-radius: 1rem;} .appslides .appbox > div h4 {margin: 0 0 1rem 0; padding: 0 0 0.5rem 0; border-bottom: 1px solid rgba(110,110,110,0.25);} .appslides .appbox > div h4 i {position: relative; margin-right:10px; line-height: 1;} .appslides .appbox > div ul {position: relative; display: block; padding: 0px 0 0 25px; width:100%; margin:0 auto; text-align: left;} .appslides .appbox > div ul li {position: relative; padding: 0 0 0.4rem 0px; margin: 0; list-style: decimal; list-style-position: outside;} .appslides .appbox > div ul li i {position: relative; font-size:1rem; top:2px;} .appslides .appbox > div ul li i.icon-ios-action {margin: 0 2px;color:#0046df;} .appslides .appbox > div ul li i.icon-chrome-menu {line-height:1;vertical-align: top;color:#000;} .appslides .appbox > div button.btn {border-radius: 5rem; border: 1px solid rgba(31,37,84,0.25); padding: 0.6rem 1rem 0.5rem 2.5rem; font-size: 0.8rem; color:#1f2554; position: relative;} .appslides .appbox > div button.btn i {color:#174ca1; position: absolute; left: 1rem; top:50%; transform: translateY(-50%); font-size: 1rem;} /* Terms & Privacy Page */ .policypage {float:left; width:100%; height:auto; display: block; position: relative; margin-top: 0px;} #terms {position: relative; float:left; width:100%;} #terms .terms {float:left; width:100%; display: block; position: relative;} #terms .terms:not(.well) p {display: block; position: relative; float:left; width:100%;} #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 {} #privacytable table td a {display: block; text-decoration:none;} #privacytable > div:not(.table-responsive) {margin-bottom:1.5rem;} #privacytable .card {border:none;background:#e5f6f7; border-radius: 1rem; padding: 1.5rem;} #privacytable .card .card-header {padding: 0; border:none;background:none;} #privacytable .card .card-header h4 {margin: 0 0 1rem 0; padding: 0 0 0.5rem 0; border-bottom: 1px solid rgba(110,110,110,0.25);} #privacytable .card .card-body {padding: 0; border: none;} #privacytable .card-body p {} #privacytable .card-body p:last-child {margin:0;} #privacytable .card-body ul {margin: 0 0 0.75rem 0;padding: 0 0 0 1rem;position: relative;} #privacytable .card-body ul:last-child {margin:0;} #privacytable .card-body ul li {margin: 0; list-style: disc; list-style-position: outside; position: relative;} #privacytable .card-body ol {margin: 0 0 0.75rem 0;padding: 0 0 0 1rem;position: relative;} #privacytable .card-body ol:last-child {margin:0;} #privacytable .card-body ol li {margin: 0; list-style: decimal; list-style-position: outside; position: relative;} /**** Information Pages *****/ #mainimage {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; min-height:600px; } #mainimage > div {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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -ms-flex-direction: column; flex-direction:column; flex-shrink: 0; width:100%;height:100%;} #mainimage .slideimage {-ms-flex-order: 1; order: 1; height:100%; width:100%; flex:1;} #mainimage > div img {display: block; max-width: 100%; width:100%; height:auto;} #mainimage .caption {width:100%; position:relative; background:#1f2554; 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:auto; -ms-flex-order: 2; order: 2;} #mainimage .caption > div {width:100%; position: relative; padding-left:1.5rem; padding-right: 1.5rem;} #mainimage .caption > div > div {position:relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; margin: 2.35rem 0 2.35rem;} #mainimage .caption h2 {margin: 0 0 .75rem; font-size:1.5rem; line-height:1.12; font-weight: 900; color:#fff; position:relative; padding: 1.1rem 0 0 0; text-transform: uppercase;} #mainimage .caption h2:before {content: ''; position: absolute; width:2.25rem; height: 0.15rem; background:#5bc4be; top: 0; left: 0;} #mainimage .caption p {margin: 0 0; color:#fff; font-size: 0.9rem; line-height: 1.5;} #information {position:relative;} #information .container-fluid {padding-top:2.25rem; padding-bottom: 2.25rem; position:relative;} #information .row {position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #information .flex-item {/*height:100%; flex: 1 1 auto;*/ display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;} #infoboxes .card {position:relative; border:none;background-color: #e5f6f7; padding:1.5rem; border-radius: 1rem; text-decoration: none; margin: 0 auto 0; height:100%; flex: 1 1 auto;} #infoboxes .card .card-header {position:relative; padding: 0;border:none; border-radius: 0; background:none; text-decoration: underline; margin: 0 0 0.9rem 0; font-size: 1.1rem; font-weight: 400; } #infoboxes .card .card-header i {display: none;} #infoboxes .card .card-body {position:relative; padding: 0; border:none;} #infoboxes .card .card-body p {} #infoboxes .card .card-body .btn {border:1px solid rgba(31,37,84,0.25); font-weight: 600; font-size: 0.8rem; color:#1f2554; text-decoration: none; padding: 0.55rem 2.5rem 0.55rem 1rem; position: relative;} #infoboxes .card .card-body .btn i {position: absolute; right:1rem;font-size: 1.1rem;} 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: 2.5rem; height: 2.5rem; line-height:2.5rem; margin:0; z-index: 42; position: absolute; right: 1.5rem; top: 1rem; -webkit-transition: 0.3s 0s border-color ease; transition: 0.3s 0s border-color ease; border: 2px solid #5bc4be; background-color: none; text-align: center; text-decoration: none; -webkit-animation:none; animation: none; border-radius: 100%;} a#closebox i {font-size:1.75rem; color:#1f2554;} a#closebox:hover {border-color:#1f2554;} 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;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;} div.infobox.active {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;} .insideinfo {display: block; position: relative; width:100%; height:auto; float:left;} .insideinfo > .container-fluid {overflow:hidden; max-width:1250px;} .insideinfo > .container-fluid > .row {} .insideinfo > .container-fluid .col-12 {} .insideinfo h2.title {text-align: center; padding-left: 3rem; padding-right: 3rem; margin:0;} .insideinfo h2.title > span {display: block; position: relative;} body.infopage #preloader {z-index: 1032; position: fixed; top: 50%;} .infotext {margin: 0 auto; position: relative; float:left; width: 100%; border-radius: 1rem;} .infotext > img {width: 1000px; margin: 0 auto; display: block;} .infotext p {} .infotext > ul {margin: 0 0 1.5rem 0.4rem; padding-left: 1rem; position: relative;} .infotext > ul li {margin: 0 0 0.4rem 0; list-style:disc; position: relative;} .infoform.formContainer {margin-top: 1rem;} #formresponse2.modal .modal-content p {margin:0;padding:5px 0;} #formresponse2.modal .modal-content p span.form-name {font-weight: 400;} .insideinfo .formbody {font-family: 'function-pro'; font-weight: 400; overflow:hidden;} .formhead {width:100%; height:auto; position: relative; float:left;} .formbody h4 {text-align: center; font-size:24px; line-height: 1.1; margin: 0px auto 15px; float:left; width:100%; display:block; position: relative; font-family: 'function-pro'; font-weight:600; color:#2a2a2a; -webkit-font-smoothing: antialiased; text-transform: none;} .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: 500; } .contacttext > span { font-size:16px; line-height: 22px; 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 table.formtable {border-collapse: collapse; width:100%; margin: 0 auto;font-size:15px;} .formbody table.formtable tr {} .formbody table.formtable td {padding: 0px 0px 0px; line-height:18px; vertical-align: bottom;border-top: 0 none; height:50px; border-bottom:none;} .formbody table.formtable td:first-child {text-align: left;} .formbody table.formtable td label {font-weight: 400; margin-bottom: 0;} .formbody table.formtable td:first-child label {text-align: left;} .formbody table.formtable td.answer {border-bottom: 1px solid #222222;} .formbody table.formtable td.answer input.form-control {border: 0 none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff7c8;padding: 1px 6px 0px 6px; height: 26px; margin-bottom:3px; font-family: 'Axiforma W05', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; color:#222;} .formbody table.formtable td.answer input.form-control.valid {background-color:#ffffff;} .formbody table.formtable.text td {height:auto; padding-top: 25px; font-size:16px; line-height: 22px;} .formbody table.formtable.text td.lasttext {padding-bottom:15px; padding-top:20px;} .formbody table.formtable.text td span.dateouter {width:90px; margin: 0 5px; display: inline-block; position: relative; border-bottom: 1px solid #222222;} .formbody table.formtable.text td input.form-control {border: 0 none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff7c8;padding: 1px 6px 0px 6px; height: 23px; margin-bottom:3px; font-family: 'Axiforma W05', sans-serif; font-weight: 400; font-size: 15px; line-height: 18px; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; color:#222;} .formbody table.formtable.text span.strike {text-decoration: line-through;} .formbody table.formtable.text span.cost {font-style: italic;font-weight: 500; padding-left: 3px;} .formbody table.formtable.innertext {width:100%;} table.formtable.innertext td.checkboxlabel {font-weight: 500; padding-bottom: 10px; padding-top: 0;} table.formtable.innertext td.checkboxlabel.error {font-weight: 600;} table.formtable.innertext td.checkboxlabel > span { color:#bd181f; margin-left: 10px; font-style: italic;font-weight: 400;} table.formtable.innertext td.checkbox {padding-top:4px;padding-bottom:4px;} table.formtable.innertext td.checkbox input[type=checkbox] {position: absolute;left: -99999px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} table.formtable.innertext td.checkbox input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding-left: 25px;margin-right: 15px;font-size:15px;} table.formtable.innertext td.checkbox input[type=checkbox] + label:before { content: '';position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #aaa; background: #f8f8f8; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);} table.formtable.innertext td.checkbox input[type=checkbox] + label:after { content: '✔';position: absolute;top: 3px; left: 4px; font-size: 18px; line-height: 0.8; color: #007e60; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;} html.ie table.formtable.innertext td.checkbox input[type=checkbox] + label:after {left:2px;} table.formtable.innertext td.checkbox input[type=checkbox] + label:after {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);} table.formtable.innertext td.checkbox input[type=checkbox] + label.check:after {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .formbody table.formtable.signaturetable td {text-align: left; } .formbody table.formtable.signaturetable td:not(.answer) {height:30px;} .formbody table.formtable.signaturetable td input#signaturedate.form-control {background-color:#ffffff;} .formbody table.formtable.signaturetable table.formtable {width:100%;} .formbody table.formtable.signaturetable td input[type=button] {text-align: left;} .formbody table.formtable.signaturetable td input[type=button]:disabled {background-color:#ffffff;} .formbody table.formtable.signaturetable #hiddenImage {display: none;} .formbody table.formtable.signaturetable #hiddenImage img {width:50%; border: 0 none !important;} .formbody table.formtable.formactions {text-align:center; margin: 20px auto 20px auto;} .formbody table.formtable.formactions td {text-align: center;} .formbody table.formtable.formactions button.btn {width: auto; font-family: 'Axiforma W05', sans-serif; border:none; background-color:#1f2554; color:#5bc4be; font-weight: 600; text-transform: uppercase; font-size:0.8rem;padding: 0.7rem 1.8rem 0.7rem 1.8rem;} .formbody table.formtable.formactions button.btn:hover {background-color:#174ca1; color:#fff;} .formbody .popover.fade {opacity: 1; z-index: 10;} .formbody .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#ddd;} .formbody .popover .popover-body {font-family: 'Axiforma W05', sans-serif; font-weight:400; font-size:0.75rem; text-align:center; color:#363136; padding:0.75rem 0.9rem; } .formbody .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .formbody .bs-popover-top>.popover-arrow::before {border-top-color:#ddd;} .formbody .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .formbody .bs-popover-start>.popover-arrow::before {border-left-color:#ddd;} .formbody .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .formbody .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#ddd;} .formbody .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .formbody .bs-popover-end>.popover-arrow::before {border-right-color:#ddd;} .formbody table.formtable td.answer.error {border-color:#b70000;} .formbody form span.initialfeeouter.error {border-color:#b70000;} /* Added Initial Field */ .formbody form span.initialfeeouter { float:left; position: relative;display: block; width: 55px; height: 23px; margin: 0 10px 0px 0; z-index: 2;border-bottom: 1px solid #5d5e5e;} .formbody table.formtable.text td span.initialfeeouter > input.form-control {padding-top: 0; height:20px; color:#000; font-size:15px; font-weight: 600; font-style: italic; margin: 0 0 3px 0;} /* Signatures */ #signature-modal.modal {z-index: 1061;} #signature-modal .modal-header {} #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:#1f2554; justify-content: center; } #signature-modal .tooltip-inner {background-color:#bd181f} #signature-modal .tooltip-inner {font-size:13px;} #signature-modal .tooltip-inner span.first { display:block;} #signature-modal .tooltip-inner span.last {font-style:italic;font-size:12px; line-height:16px;} #signature-modal .tooltip.left .tooltip-arrow {border-left-color:#bd181f;} #signature-modal .tooltip.right .tooltip-arrow {border-right-color:#bd181f;} #signature-modal .tooltip.top .tooltip-arrow {border-top-color:#bd181f;} body.infopage .tooltip-inner {background-color:#bd181f} body.infopage .tooltip-inner {font-size:14px; line-height:1.25} body.infopage .tooltip-inner span.first { display:block; line-height: 1.5} body.infopage .tooltip-inner span.last {font-style:italic;font-size:13px; line-height:16px;} body.infopage .tooltip.bs-tooltip-left .arrow:before {border-left-color:#bd181f;} body.infopage .tooltip.bs-tooltip-right .arrow:before {border-right-color:#bd181f;} body.infopage .tooltip.bs-tooltip-top .arrow:before {border-top-color:#bd181f;} body.infopage .tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color:#bd181f;} #signature-modal input.form-control {/*-webkit-box-shadow: none; box-shadow: none; width:100%; margin: 0 auto; border:1px solid #d8d8d8;font-family:'Axiforma W05', sans-serif; font-weight: 400; font-size:1.1rem; color:#555; padding: .5rem 1rem .5rem 1rem;background:#fff; border-radius: 5px; line-height:1.25 */ margin: 0 auto; background-color:#fff;} #signature-modal input.form-control:focus {border-color: #174ca1; box-shadow: 0 0 0 .155rem rgba(13,110,253,0.5);} #signature-modal .btn {font-weight: 600; text-transform: uppercase; font-size:0.8rem;padding: 0.55rem 1.8rem 0.55rem 1.8rem; background:none; color:#fff;border:2px solid #5bc4be;color:#5bc4be;} #signature-modal .btn:hover {background:#5bc4be; color:#1f2554;} #signature-modal .btn.btn-primary {margin:0 5px 0 0; } #signature-modal .btn.btn-primary:hover {} #signature-modal .btn.btn-default {margin:0 0 0 5px;} #signature-modal .btn.btn-default:hover {} .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: 4px; padding: 10px 5px;} #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;} /* Response */ .formbody.success .height {display:table; height: 200px; position: relative;} .formbody.success .height > div {display:table-cell; vertical-align: middle; position: relative; padding: 0; margin: 0;} .formbody.success .leftoutput {float:left; width:100%; padding: 0 10px; text-align: center; } .formbody.success .leftoutput img {width:150px; -webkit-box-shadow: 0 2px 1rem rgba(0,0,0,.15); -moz-box-shadow: 0 2px 1rem rgba(0,0,0,.15); box-shadow: 0 2px 1rem rgba(0,0,0,.15); margin: 0 auto;} .formbody.success .rightoutput {float:left; position: relative; width:100%; padding: 0 10px; text-align: center;} .formbody.success .rightoutput a {position: relative; font-family: 'Axiforma W05', sans-serif; font-size: 0.8rem; background-color:#1f2554; color:#5bc4be; text-transform: uppercase; line-height: 1; padding: 0.9rem 1.8rem 0.9rem 1.8rem; border: none;font-weight: 600;} .formbody.success .rightoutput a:hover {background-color:#174ca1; color:#fff;} .formbody.success .rightoutput h3 {margin-bottom: .5rem; margin-top:1rem;} .formbody.success .rightoutput h5 {margin-bottom: 1rem;} .formbody.success .otherLinks {float:left; width:100%; display: block; margin: 1rem auto 0px auto; padding: 1.5rem; border:none;text-align: center; background:#e5f6f7; border-radius: 1rem; } .formbody.success .otherLinks a.btn {margin:0 .4rem; position: relative; font-family: 'Axiforma W05', sans-serif; border:1px solid rgba(31,37,84,0.25); color:#1f2554; padding: 0.55rem 1rem 0.55rem 1rem; font-size: 0.8rem;} .formbody.success .otherLinks a.btn:last-child {} /**** Holiday Shopping ****/ .holidayinfo {display: block; position: relative; width:100%; height:auto; margin: 0 auto; text-align: center;} .holidayinfo h3 {text-align:center;} .holidayinfo h5 {text-align:left;} .holidayinfo p {text-align: left;} .holidayoffers .offers {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position:relative; width:100%; height: auto;padding: 20px 0 0 0;} .holidayoffers .offers .row {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;} .holidayoffers .card {position: relative; transition:all .2s ease; height:100%;} .holidayoffers .card-body {position: relative; padding:20px 25px 30px; display: -webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; -ms-flex-direction:column; flex-direction:column;} .holidayoffers h5.card-title {position: relative; font-size: 1.25em; line-height: 1.2; font-weight: 700; color:#333; margin:0 0 10px; display: none;} .holidayoffers p.card-text {position: relative; margin:0;} .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;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-grow: 0; width:190px; max-width:100%;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;} .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.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;} @media (min-width: 576px) { #holidayoffers.modal .modal-dialog {max-width: 700px;} #holidayoffers.modal .modal-header h5 {font-size: 1.5rem;} .holidayoffers .card-img {width:150px;} } @media (min-width: 992px) { } @media (min-width: 1200px) { .holidayoffers .card-img {width:175px;} }