/* CSS Document */ /* ADA Compliant Colors for Website */ /* #d47500 #57595c #043673 */ * { margin: 0; padding: 0; outline: 0; } ::-moz-selection { background: #333333; color: #fff; text-shadow: none; } ::selection {background: #333333; color: #fff; text-shadow: none; } ::-webkit-selection { background: #333333; color: #fff; text-shadow: none;} :focus-visible { outline-color: #0173ff !important; outline-style: auto !important; outline-width:2px !important; } body::-webkit-scrollbar {width: 9px;} body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} body::-webkit-scrollbar-thumb { background-color: #aaa; outline: none !important; border-radius: 10px;} html {min-height: 100%;-webkit-tap-highlight-color:transparent;} html.showmenu {overflow:hidden;} body { min-height: 100%;} #noJS {color:#000; width:100%; top:20px; text-align: center; height: auto; position: absolute; z-index: 10; } div.testsize {display:block;position:absolute;left:0;top:0;color:#fff;width:auto;height:auto;font-size:1.125rem;z-index:999;} .progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 54px;width: 54px;-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(212, 117, 0,.3);cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; /*background:#000;*/} .progress-gotop.hide {opacity: 0;bottom:-55px} .progress-gotop.show {opacity: 1; bottom:20px;} .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: 20px;width:16px} .progress__arrow svg path { stroke: #d47500;stroke-width: 2;stroke-linecap:round} .progress-gotop .progress-circle { height: 100%;width:100%} .progress-gotop .progress-circle path {stroke: #d47500; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;} img { outline: 0; border: 0;} a {-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;-ms-transition:color .25s ease-in-out;transition:color .25s ease-in-out;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: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size: 1rem; line-height:1.2; color: #333333; padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; background:#ffffff; -webkit-font-smoothing: antialiased;} .fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;} .tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;} .animate__animated {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .notransition {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .btn.focus, .btn:focus {box-shadow: none !important;} div { display: block; } ol, ul {list-style: none;margin:0 0 24px;padding:0;} ul li { list-style: none; padding: 0; margin: 0;} ol li {list-style: none; padding: 0; margin: 0;} p {margin: 1em 0 1em; padding:0;} a, a:visited {color:#064694; cursor:pointer; text-decoration: none;outline:none;border:none;} a:hover {text-decoration:underline;color:#064694;} a:focus, a:active {text-decoration: none;} a.btn, a.btn:hover {text-decoration: none;} h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif; font-weight: 700;} h1 {} h2 {font-size: 1.625rem;} strong, b {font-weight:700; 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: #495057;-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, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: inherit;} .modal.fade.show {opacity: 1;} .modal-header {text-align: center; padding: 12px 1rem; position: relative;} .modal-header h5 {text-align: left; display: block;width:100%; padding: 0px 50px 0px 0px;margin: 0; font-weight: 600; color:#fff;} .modal-header button.close {outline: none !important; text-shadow: none; margin: 0; position: absolute; padding:0;right:20px; top:11px;color:#fff; opacity: 1 !important; font-size: 22px; width:30px; height:30px; background-color:transparent; border-radius: 0; line-height: 30px; -webkit-transition: 0.3s 0s background-color ease; transition: 0.3s 0s background-color ease;font-weight: bold;} .modal-header button.close:hover {background-color:transparent; color:#fff;} .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} .modal-content {background-color:#043673; border:none; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2);} .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 {padding: .5rem 1rem; margin: 0 auto .5rem; font-weight: 700;} .modal-instructions.modal .modal-body .btn i {position: relative; margin-right: .5rem;} #subscribemodal p {margin-bottom: 10px; margin-top:10px; padding: 0; text-align: center; font-style: italic;} #subscribemodal .modal-header h5 {text-align: center; font-size:18px; padding: 0 30px; line-height:1.3;} #subscribemodal .modal-body h5 {text-align: center; font-size:17px; padding:0; position:relative;} #subscribemodal .subscribeindex input[type=checkbox] {display:none;} #subscribemodal .subscribeindex form {width:100%; margin: 0 auto; padding: 15px; position: relative; height:auto;} #subscribemodal .subscribeindex .form-control {position: relative; background:#fff; font-weight: 400; border:1px solid #ddd; height:47px; border-radius: 6px; color:#515151; font-size: 1rem; line-height: 1.5;transition: border .3s ease; box-shadow: 0 1px 2px rgba(0,0,0,.15);} #subscribemodal .subscribeindex ::placeholder {color: #333333;opacity: .75; font-family: 'Open Sans', sans-serif;} #subscribemodal .subscribeindex .form-control:focus {border-color: #febf4b; box-shadow: inset 0 1px 2px transparent, 0 .375rem .625rem -0.3125rem rgba(254, 191, 75, .15);} #subscribemodal .subscribeindex .form-control.error {border-color:#B70000; box-shadow: inset 0 1px 2px transparent, 0 .375rem .625rem -0.3125rem rgba(183, 0, 0, .15);} #subscribemodal .subscribeindex .form-actions {float:left; width:100%;text-align: center;margin:1rem auto 1rem auto;} #subscribemodal .subscribeindex .popover.fade {opacity: 1; z-index: 10;} #subscribemodal .subscribeindex .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);} #subscribemodal .subscribeindex .popover .popover-body {color:#333333; font-weight: 400; font-size: 0.9rem; font-family: 'Open Sans', sans-serif; text-align: center; letter-spacing: normal;} #formresponse2 > div {border-top:1px solid #ddd; padding: 10px 0 0 0; margin: 0; position: relative; display: block; width:100%; float:left; } #formresponse2 > div p span {font-weight:700;} /* Main Elements */ .pagewrapper { position: relative;display: block; flex: 1 0 auto; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;} .pagewrapper.ieFade {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1; } #main {position: relative;width:100%; line-height: 1.35;} .container-fluid {max-width:1280px; position: relative; padding:0.625rem;} .container-fluid > .row:not(.no-gutters) {margin-left: -0.625rem; margin-right: -0.625rem;} .container-fluid.innercontent {padding: 0;} .btn {font-weight: 400; position: relative; color:#fff; border: 0 none; font-size: 1.375rem; margin: 0; padding: 0.5rem 1rem; background-color:#043673; border-radius: 0px;} .btn:hover {background-color: #012246; color:#fff;} .btn.btn-alt {padding:25px 35px; font-size: 20px; background:#043673;color:#fff; line-height: 1.15;} .btn.btn-alt:hover {background:#012246;color:#fff;} .btn.btn-secondary {background-color:#064694; border-bottom:3px solid #043673; padding: 0.7rem 1.5rem; font-size: 1rem; color:#fff; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn.btn-secondary.dropdown-toggle {background-color:#064694; color:#fff; border-color:#043673;} .btn.btn-secondary i {margin-left: 0.5rem; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn.btn-secondary:hover {border-color:#febf4b;background-color:#064694;} .btn.btn-secondary:hover i {color:#febf4b;} .btn.btn-default {background-color:#eeeeee; border-color:#eeeeee; color:#333333;} .btn.btn-default:hover {background-color:#57595c; border-color:#57595c; color:#ffffff;} /* Header */ header {position: relative;} .topbar {background-color:#043673; font-weight: 400; color:#fff;} .topbar .container-fluid {padding: 0; display: -webkit-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; position: relative; box-shadow: 0px 3px 5px rgba(0,0,0,0.4); height: 38px;} .topbar .btn {position: relative;padding: 0 15px; background-color: #064694; height:38px; line-height:38px; font-size: 1rem; letter-spacing: .03em; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .topbar .btn:hover {background-color:#0969de; color:#fff;} .topbar .btn.toggle {background-color:#0969de; color:#fff;} .topbar .btn i {position: relative; margin-left: 0.5rem;} .topbar .container-fluid > span {margin: 0 0 0 0.625rem; padding: 0; position: relative;} .topright {position: relative;} .bottomhead {position: relative;} .bottomhead .container-fluid {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; position: relative;} .bottomhead a.navbar-brand {position: relative; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -ms-flex-wrap:wrap; flex-wrap: wrap;} .bottomhead a.navbar-brand img {width: 60px;} .bottomhead a.navbar-brand .sitetitle {font-size: 1.325rem; font-weight: 700; color:#043673; margin-left: 1rem; position: relative; line-height: 28px; margin-top:4px;} .bottomhead a.navbar-brand .sitetitle > span {display: block; font-size: 62.5%; font-weight: 600; text-transform: uppercase; line-height: 18px;} .buttonwrapper {position: relative; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; margin-top:10px;} .buttonwrapper > * {position: relative; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; width: 3.5rem; height: 3.5rem; background:#064694; color:#fff; text-decoration: none; border: 0 none; border-radius: 50%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 1.75rem; padding: 0; margin: 0; color:#fff;} .buttonwrapper button {margin-right:1rem; } .buttonwrapper a.btn {color:#fff;} .buttonwrapper > *:hover {color:#fff; background-color:#0969de;} #searchmenu {position: absolute; width:100vw; right: 0; left: 0; top: 0; z-index: 1000;pointer-events:none; -webkit-transition: 0.3s 0s opacity ease; transition: 0.3s 0s opacity ease; opacity: 0; height:222px; background-color:rgba(4, 54, 115, 0.9); width:100%;} html.showsearch #searchmenu {opacity: 1; pointer-events: initial;} #searchmenu > div.container-fluid {padding-top:25px; padding-bottom: 25px;} #searchmenu a.close-search {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; margin: 0 0 0 calc(100% - 58px); width:58px; height: 58px; padding: 15px 10px; transition: 0.3s 0s background-color ease; border-radius: 50%; background-color:#fff; color:#064694; position: relative;} #searchmenu form {position: relative; width:100%; margin: 10px auto 0 auto; overflow: hidden; max-width: 90%;} #searchmenu form button {position: absolute;right: 0;} #searchmenu form input {position: relative; border-radius: 10px; height: 50px; border-color:#eaeaea; color:#333; line-height: 1.5; flex: 1 1 auto; padding:.625rem 1rem; padding-right: 3.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.15); -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 1rem;} #searchmenu form ::-webkit-input-placeholder {color:#333333; opacity: .75; font-family: 'Open Sans', sans-serif;} #searchmenu form input:focus {border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} #searchmenu form button {position: absolute; background: none; border: 0 none; width: 50px; height:50px; text-align: center; color:#064694; z-index: 2; border-radius: 0px 10px 10px 0px; font-size: 1.35rem; padding: 0;} #searchmenu form button:hover {color:#0969de;} header .navbar {background-color:#043673; border-top: 0.125rem solid #febf4b; border-bottom: 0.125rem solid #febf4b; position: relative; text-align: center; padding: 0;} header .navbar > .container-fluid {padding: 0;} .navbar-toolbar {background:#1f1f1f; color:#fff; width:100%; position: relative; } .navbar-toolbar button {width:100%; position: relative; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; color:#fff; height: 40px; margin: 0; padding: 5px;} .navbar-toolbar button span.line {width:24px; height: auto;} .navbar-toolbar button span.line > span {width:100%; height:2px; background-color:#fff; position: relative; display: block; top: 0; transition: background-color .2s,top .2s,left .2s,transform .2s .15s,-webkit-transform .2s .15s;} .navbar-toolbar button span.line > span:nth-child(2) {margin-top:.4rem;} .navbar-toolbar button span.line > span:nth-child(3) {margin-top:.4rem;} .navbar-toolbar button span.text {position: relative; display: none; padding-left: 10px; text-transform: uppercase; font-size: 1rem;} .navbar-toolbar button.toggle span.line > span {background-color:#ff0000;} .navbar-toolbar button.toggle span.line > span:nth-child(1) {-webkit-transform: rotate(45deg); transform: rotate(45deg); top:.5rem;} .navbar-toolbar button.toggle span.line > span:nth-child(2) {opacity: 0;} .navbar-toolbar button.toggle span.line > span:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:-.5rem;} header .tooltip .tooltip-inner {background-color:#0969de;} header .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, header .tooltip.bs-tooltip-bottom .arrow::before {border-bottom-color:#0969de;} body.infopage header .tooltip .tooltip-inner {background-color:#0969de;} body.infopage header .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, body.infopage header .tooltip.bs-tooltip-bottom .arrow::before {border-bottom-color:#0969de;} /* Footer */ footer {position: relative; background-color:#042e62; color:#fff; padding: 0; font-size: 0.875rem;} footer .container-fluid {position: relative; padding-top:0.8rem; padding-bottom: 0.8rem;} footer .container-fluid > div {position: relative; width: 100%; margin: 0px auto 0; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;-ms-flex-direction: column; flex-direction: column;} footer .copyright {position: relative; text-align: center;} footer .footerlinks {position: relative; width:auto; text-align: center; margin-top:5px;} footer .footerlinks ul {position: relative; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; margin: 0; padding: 0;} footer .footerlinks ul li {position: relative; margin-right:1rem;} footer .footerlinks ul li:last-child {margin-right: 0;} footer .footerlinks ul li a {color:#fff; text-decoration: underline;} footer .footerlinks ul li a:hover {color:#febf4b;} /* Index */ #indexslides {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; border-bottom: 0.25rem solid #febf4b;} #indexslides .item {position: relative; float:left; } #indexslides .item img {position: relative; width:100%;} #indexslides .caption {position: absolute; z-index: 3; bottom:2.5rem; left:0; margin: 0 auto; text-align: left; 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; -ms-flex-direction: column; flex-direction: column; padding: 0;} #indexslides .caption > .captiontext {padding: 1.25rem 2rem;background:rgba(4,43,115, 0.95); border-bottom: 0.25rem solid #febf4b; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44); transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44); width:100%; max-width: 550px;} #indexslides .caption > .captiontext h1 {margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 0; font-size: 1.25rem;border-bottom: 0.125rem solid #febf4b; color:#fff;} #indexslides .caption > .captiontext p {color:#fff; font-size: 1.125rem; font-weight: 600; padding: 0; margin: 0;} #indexslides .caption > .captionlink {width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content: flex-end; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.625s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.15s; transition: all 0.625s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.15s;} #indexslides .caption > .captionlink a.btn:hover {border-color:#043673;} #indexslides .slick-active .caption > .captiontext {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} #indexslides .slick-active .caption > .captionlink {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} #indexslides .item.showid .caption > .captiontext h1 {border-bottom: 0; margin: 0; padding: 0;} #indexslides .item.national .caption > .captiontext h1 {border-bottom: 0; margin: 0; padding: 0;} #indexslides .item.newvendor .caption > .captiontext h1 {border-bottom: 0; margin: 0; padding: 0;} #indexslides .newvendor .caption > .captiontext {min-width:325px;} #indexslides .caption ul {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: 4px 0 11px 0;} #indexslides .caption ul li {position: relative; 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; line-height: 1.3;} #indexslides .caption ul li a {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; width:100%;height:100%; padding:6px 0;text-decoration: none; color:#fff; position: relative;overflow: hidden; font-weight: 600;} #indexslides .caption ul li a:after {content: ''; position: absolute; bottom:0;left: 0;background:#042e62; width:100%; height:1px;} #indexslides .caption ul li a:before {content: ''; position: absolute; bottom: 0; left: 0; transform: translateX(-100%); background:#febf4b; width:100%;height:1px; opacity: 0.25; z-index: 1;transition:all 0.15s ease-out 0s;} #indexslides .caption ul li a:hover:before {transform: translateX(0%); opacity: 1; transition-delay: .25s;} #indexslides ul.slick-dots {position: absolute; top:1rem; margin: 0; padding: 0; right: 1rem;} #indexslides .slick-dots li {position: relative; width:14px; height:14px; border-radius: 50%; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.75); margin: 0 4px;} #indexslides .slick-dots li button {width:12px; height: 12px; background:none;box-sizing: border-box; border-radius: 50%; border: 2px solid #fff; text-indent: -9999px; display:block; padding: 5px; color:transparent;} #indexslides .slick-dots li.slick-active button {background:#fff;} .indexmiddle {position: relative; background:#f1f3f6;} .indexmiddle .container-fluid {position: relative; padding-top:1rem; padding-bottom: 1rem;} #categoryslide {position: relative; display: block; height:auto; margin: 0 auto; width:100%; float:left;} #categoryslide .item {position: relative; padding: 0px 0rem;} #categoryslide a {position: relative;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; flex-direction: column;} #categoryslide a {padding:0.625rem; text-decoration: none; text-align: center; min-height: 155px;} #categoryslide a i {font-size: 2.25rem; display: block; color:#064694; text-shadow: 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.1); margin: 0 auto 0.5rem auto; -webkit-transform: scale(1.005); -ms-transform: scale(1.005); transform: scale(1.005); /*-webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;*/} #categoryslide a:hover i {color:#0969de; -webkit-transform: scale(1.065); -ms-transform: scale(1.065); transform: scale(1.065); } #categoryslide a span.name {color:#333; font-size: 1rem; font-weight: 600;} .category-arrows {position: relative; z-index: 9;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -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:100%; margin-top: 15px;} .category-arrows button {-webkit-appearance: none; appearance: none; width:auto;height:auto; padding: 0; border-radius: 100%; border: 0 none; -webkit-transition: background-color .1s ease; transition: background-color .1s ease; margin: 0 10px; background-color:transparent; color:#043673; position: relative; text-align: center;} .category-arrows button i {position: relative; font-size: 2rem;} .category-arrows button:hover {color:#c45000} .indexbottom {position: relative; padding-bottom: 1rem; background:#fff;} .indexbottom .container-fluid {max-width: 1120px; position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;background-clip: border-box;} .formouter-box {flex: 1 1 auto; padding: 2rem 1rem 1rem 1rem;} .formouter-box > h2 {display: block; width: 100%; float:left; text-align: left; margin: 0 0 1rem 0; color:#064694; text-transform: uppercase; letter-spacing: 0.05rem; font-style: italic; font-weight: 800;} .formouter-box > h2 span {color:#C45000;} .indexbottom form input[type=checkbox] {display:none;} .indexbottom .form-container {width:100%; display:block; margin: 0px auto; padding: 0; float:left;} .indexbottom .form-container .form-group {float:left; margin: 0 auto 15px auto;position: relative; display:block; width:100%; } .indexbottom form label.control-label {display: none;} .indexbottom form .input-group {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: nowrap; align-items: stretch; width:100%;} .indexbottom form .input-group i {position: absolute; top:50%; transform: translateY(-50%); margin-left: 1rem; font-size: 1rem; color:#707070; z-index: 5;} .indexbottom form .input-group > div {width:100%;} .indexbottom form .input-group input.form-control { position: relative; flex: 1 1 auto; /*width:1%; min-width: 0; */color:#333333; font-weight: 400; line-height: 1.5; padding: .625rem 1rem; padding-left: 2.5rem; border: 1px solid #ddd; box-shadow: none; transition: border-color .15s ease-in-out; font-size: 1rem; border-radius: 6px; height: 47px;} .indexbottom form ::-webkit-input-placeholder {color:#333333; opacity: .75; font-family: 'Open Sans', sans-serif;} .indexbottom form .input-group input.form-control:focus {background:none; border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} .indexbottom form .input-group input.form-control.error {border-color:#B70000; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(183,0,0,.15);} .indexbottom form span.eac-sugg {top:4px !important; padding-left: 11px!important; color:#333333!important;} .indexbottom .form-container .form-actions {float:left; width:100%;text-align: center;margin:1rem auto 0 auto;} .indexbottom #formresponse {position: relative; } .indexbottom #formresponse > div {position: relative; width:100%; float:left; text-align: left;} .indexbottom #formresponse > div a {} .indexbottom #formresponse > div p span {font-weight: 600;} .indexbottom .popover.fade {opacity: 1; z-index: 10;} .indexbottom .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);} .indexbottom .popover .popover-body {color:#333333; font-weight: normal; font-size: 0.9rem; font-family: 'Open Sans', sans-serif; text-align: center; letter-spacing: normal;} /* Inside Pages */ .leftcolumn {} .leftcolumn > div {background: #f1f3f6;position: relative; width:100%; padding-bottom: 1.4rem;} .leftcolumn .navtitle {position: relative; width:100%; padding-top:15px;} .leftcolumn .navtitle > a {padding: .6rem; display: block; text-align: left;margin: 0; border: none; position: relative; background:#f6f6f6; color:#064694; font-size: 1.2rem;} .leftcolumn .navtitle > a i {position: absolute; right:.6rem; width:40px; text-align: center; font-size: 24px; line-height:1; top:50%; margin-top: -12px;} .leftcolumn .navtitle > a[aria-expanded=true] i:before {content: "\f068";} .fullcolumn {} .accordion-item {position: relative; margin: 0; padding: 0;} .accordion-item > h3 {margin: 0; padding: 0; position: relative; font-weight: 400; font-size: 1rem;} .accordion-item > h3 > a {display: block; text-decoration: none; position: relative; font-size: 1rem; line-height: 22px; padding: 0.5rem 1rem; border-bottom: 2px solid transparent; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .accordion-item > h3 > a.activelink {background:#064694; color:#fff;} .accordion-item > h3 > a:hover {background:#0969de; color:#fff; border-color: #064694;} .accordion-item > h3 > a i {position: absolute; font-size: 0.7rem; right: 1rem; top:50%; width:10px; height:10px; line-height: 1; margin-top: -5px;} .accordion-item > h3 > a.activelink i:before {content: "\f068";} .accordion-item > h3.active > a {background:#064694; color:#fff;} .accordion-item > h3.active > a i:before {content: "\f068";} .accordion-item > h3.active > a:hover {background:#0969de; color:#fff; border-color: #064694;} .accordion-item .accordion-body {position: relative;} .accordion-item .accordion-body ul {position: relative; margin: 0; padding: 0.5rem 0 0.5rem 0;} .accordion-item .accordion-body ul li {position: relative; padding:0; margin: 0;} .accordion-item .accordion-body ul li a {display: block; position: relative; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0.4rem 0 0.25rem 2rem; border-bottom: 2px solid transparent; font-size: 0.95rem; cursor: pointer;} .accordion-item .accordion-body ul li a:hover {} .accordion-item .accordion-body ul li.active a {font-weight: 600;} #accordion .accordion-item .accordion-body {max-height: 250px;} #accordion .accordion-item .accordion-body .mCSB_scrollTools a {border:none;} #accordion.locationlist .accordion-item.active > h3 > a {background:#064694; color:#fff;} #accordion.locationlist .accordion-item.active > h3 > a:hover {background:#0969de; color:#fff; border-color: #064694;} .breadcrumbs {position: relative; width:100%; padding: 0.25rem 0.625rem; border-bottom: 2px solid rgba(6, 70, 148, 0.25); line-height: 1.2;} .breadcrumbs ul {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; width:100%; font-size: 0.875rem; margin: 0; padding: 0;} .breadcrumbs ul li {position: relative;} .breadcrumbs ul li a {position: relative;} .breadcrumbs ul li i.fa-home {font-size: 13px;} .breadcrumbs ul li > i {color:#064694; position: relative; padding: 0 0.5rem; font-size: 0.6rem; top: -1px;} .breadcrumbs ul li.last a {color:#333; text-decoration: none; cursor: text;} .pagecontent {position: relative; padding: 0.625rem 0.625rem 2rem 0.625rem; float:left; width:100%;} .pagetitle {position: relative; float:left; width:100%;} .pagetitle > h2 {float:left; width:100%; display: block; color:#043673; margin: 1.25rem auto 1.25rem; font-size: 2rem; line-height: 1.3;} .pagetitle > h2 span {display: block; font-size: 1.25rem; color:#c45000; position: relative;} .pagetitle > h4 {float:left; width:100%; height: auto; display: block; line-height: 1.4;} .pagetitle > h5 {float:left; width:100%; height: auto; display: block; line-height: 1.4;} .subtitle {position: relative; float:left; width:100%;} .subtitle > h2 {color:#043673; margin: 0.5rem auto 1.25rem;} .subtitle > h3 {color:#043673; margin: 0.5rem auto 1.25rem;} .pagination {display: -webkit-box; display:-ms-flexbox; display:flex; padding: 20px 10px 0 10px;margin: 15px auto 0 auto; -webkit-box-pack: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(6, 70, 148, 0.1); border-radius: 0px;} .mixitup-page-list {display: -webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:auto;margin: 0 auto;} .mixitup-page-list > li {margin:.15rem;} .mixitup-page-list a.pager {text-decoration: none; border-radius: 5px; font-size: 1rem; font-weight: 600; position: relative; -webkit-transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out; transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out; padding: .4rem .75rem; display: block; color:#333; background-color:transparent; border: 1px solid transparent; } .mixitup-page-list a.pager:hover {background-color:rgba(6, 70, 148, 0.25); border-color:transparent;} .mixitup-page-list a.pager.mixitup-pager-active {background-color:#064694; color:#fff;} .mixitup-page-list a.pager.mixitup-pager-active:hover {border: 1px solid transparent;} .pagination button {-webkit-appearance: none; appearance: none; border: 1px solid transparent; background:none; padding: .3125rem .75rem; margin:.15rem; color:#333; border-radius: 5px; -webkit-transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out; transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out; line-height: 22px;} .pagination button:hover {background-color:rgba(6, 70, 148, 0.25);} .pagination button i {display: block; position: relative; font-size: 1rem;line-height: 22px;} .pagination button.prevpage i {float:left; margin-right: 10px;} .pagination button.nextpage i {float:right; margin-left: 10px;} .pagination button.disabled {color:#eee; cursor: not-allowed;} .pagination button.disabled:hover {background-color: transparent;} #cat.hidepager .pagination {display:none;} #newvendors.hidepager .pagination {display:none;} .pagination.mixitup-mixitup-page-list-disabled {display:none;} .mCSB_scrollTools > a {border-bottom: none;} /* Discounts & Program Info */ .toplinks {float:left; width:100%; height:auto; position: relative;} .toplinks .row {padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;} .toplinks .col-12 { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-top:5px;} .toplinks .card {border-radius: 0px; border:none; box-shadow:none; height:100%;} .toplinks .card-body {text-align: center; padding: 0;} .toplinks .card-body a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; padding: 35px 35px; border: none; border-radius: 0; background:#043673; color:#fff; text-decoration: none; font-size: 20px;} .toplinks .card-body a i {color:#fff;margin-right: 5px;} .toplinks .card-body a:hover{background:#012246;} .toplinks .card-body a h6 {color:#fff; margin: 0; font-size: 20px; font-weight: 400;} /* Category */ .discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;} #allCat .subtitle h2 {display:none;} #allCat .subtitle h2.active {display:block;} #allCat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px auto 0; padding: 0;} #allCat .subtitle > h4 {display: none;} #allCat .subtitle > h4.active {display: block;} #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 .grid.row {margin-left:-10px;margin-right:-10px;} #allCat .col-6 {overflow: hidden; position: relative;margin: 0; text-align: center;padding-left: 10px; padding-right:10px; padding-top:10px; padding-bottom:10px;} #allCat .grid .item {filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;} #allCat .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #allCat .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1px; width:100%;} #allCat .item a {text-align: center; position: relative; height:65px; color:#043673; background-color:#ADD1EF; line-height: 1.2; padding: 5px 10px; border:none; border-radius: 0; font-weight: 600; font-size: 1.05rem;} #allCat .item a:hover {background-color:#043673; color:#fff;} /* New Vendors */ #newvendors {position: relative; display:block; float:left; width:100%; height:auto; margin: 20px 0 10px 0; padding: 0; } #newvendors p {width:100%; font-style: italic; padding: 0; margin: 0; text-align: center;} #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.row {margin-left: -10px; margin-right: -10px;} #newvendors .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ position: relative; padding-top:10px; padding-bottom: 10px; margin: 0; padding-left: 10px; padding-right: 10px;} #newvendors .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #newvendors .item .img {display:block; position: relative; width:100%; height: 100%; margin: 0; padding: 0px;} #newvendors .item a {display: block; width:auto; height: auto; position: relative; margin: 0; padding: 0px;border-radius: 0px; border:none; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background:#fff; box-shadow: 3px 3px 5px #a5a5a5; text-decoration: none;} #newvendors span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0; height:auto; width:100%;} #newvendors span.outerimg img {position: relative; display: block; border: none; margin: 0 auto;} #newvendors span.busname {color:#fff; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; display: -webkit-box; display:-ms-flexbox; display:flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; width:100%; height:50px; line-height: 1.1; text-align: center;background:#043673; padding: 0 4px;} #newvendors a:hover span.busname {color:#fff; opacity: 0.7;} div.newvendorfilter {float:left; width:100%; text-align: center; position: relative; display: none; margin: 0px auto 0px auto; padding:0;} div.newvendorfilter a.btn {background:#febf4b; font-size: 1.25em; color:#042e62; font-weight: 700; padding: 0.5rem 1rem; border-radius: 0.1975rem;} div.newvendorfilter a.btn i {position: relative; margin-left: 7px;} div.newvendorfilter a.btn:hover, div.newvendorfilter a.btn:active {text-decoration: underline; background:#febf4b; color:#042e62;} div.newvendorfilter.show a.btn {background-color: #042e62; color:#fff;} #newvendordd {max-height: 300px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.06),0 4px 6px -1px rgba(0,0,0,.1); min-width:210px; border: solid 1px #ddd; color:#064694;} #newvendordd a.dropdown-item {text-decoration: none; border:none; transition:none; font-size: 1.05rem; color:#064694;} #newvendordd a.dropdown-item:hover {color:#064694;background:#f9f9f9;} #newvendordd a.dropdown-item:active, #newvendordd a.dropdown-item:focus {background:none; color:#064694} #newvendordd a.dropdown-item.mainactive {color:#064694; font-weight: 700;} /* Vendors */ #vendordiscounts {position: relative; display:block; float:left; width:100%; height:auto;padding: 0; margin: 0px 0 10px 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.row {margin-left: -10px; margin-right: -10px;} #vendordiscounts .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ position: relative; padding-top:10px; padding-bottom: 10px; margin: 0; padding-left: 10px; padding-right: 10px;} #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: 0px;} #vendordiscounts .item a {display: block; width:auto; height: auto; position: relative; margin: 0; padding: 0px;border-radius: 0px; border:none; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background:#fff; box-shadow: 3px 3px 5px #a5a5a5; text-decoration: none;} #vendordiscounts span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0; height:auto; width:100%;} #vendordiscounts span.outerimg img {position: relative; display: block; border: none; margin: 0 auto;} #vendordiscounts span.busname {color:#fff; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; display: -webkit-box; display:-ms-flexbox; display:flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; width:100%; height:50px; line-height: 1.1; text-align: center;background:#043673; padding: 0 4px;} #vendordiscounts a:hover span.busname {color:#fff; opacity: 0.7;} /* National Educator Discounts */ div.subtitle.nationalsub h2 {display: none} div.subtitle.nationalsub h2.active {display: block;} #nationaldiscounts {position: relative; display:block; float:left; width:100%; height:auto;padding: 0;} #nationaldiscounts .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;} #nationaldiscounts .grid.row {margin-left: -10px; margin-right: -10px;} #nationaldiscounts .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ position: relative; padding-top:10px; padding-bottom: 10px; margin: 0; padding-left: 10px; padding-right: 10px;} #nationaldiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #nationaldiscounts .item a.card { width:auto; height: auto; position: relative; flex-grow: 1; border-radius: 0px; background:#fff; border:none;border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; box-shadow: 3px 3px 5px #a5a5a5;} #nationaldiscounts a.card .card-img {overflow: hidden; height: auto; border-radius: 0px;} #nationaldiscounts a.card .card-img img {position: relative; display: block; width:90%; padding: 15px 10px; margin: 0 auto;} #nationaldiscounts a.card .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top:0; padding-bottom: 0; height: 65px; background:#f1f3f6; border-radius: 0;} #nationaldiscounts a.card .card-title {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; flex-grow: 1; line-height: 1.1; margin: 0; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; overflow: hidden; color:#333; height:48px; text-align: center; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out; font-weight: 600; font-size: 1.05rem;} #nationaldiscounts a.card:hover .card-title {} #nationaldiscounts a.card:hover .card-body {background:#d8dadd} fieldset.filter-group {float:left; width: 100%; display:block; text-align: center; margin: 0.5rem auto 1.5rem auto;} fieldset.filter-group input {width: 100%; max-width: 500px; position: relative; margin: 0 auto; flex: 1 1 auto; border-radius: 6px; border-color:#ddd; border-width:1px; height:47px; transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; color:#333; font-weight: 400; font-size: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,0); line-height: 1.5;} fieldset.filter-group input::placeholder {color: #333;opacity: .75; font-family: 'Open Sans', sans-serif;} fieldset.filter-group input:focus {border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} .resulttext {display:none; text-align: center; position: relative; font-style: italic; float:left; width:100%;} .resulttext p { margin-top: 0px; padding: 0; margin-bottom: 0;} /* Cats */ #cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 10px 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.row {margin-left: -10px; margin-right: -10px;} #cat .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ position: relative; padding-top:10px; padding-bottom: 10px; margin: 0; padding-left: 10px; padding-right: 10px;} #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: 0px;} #cat .item a {display: block; width:auto; height: auto; position: relative; margin: 0; padding: 0px;border-radius: 0px; border:none; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background:#fff; box-shadow: 3px 3px 5px #a5a5a5; text-decoration: none;} #cat span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0; height:auto; width:100%;} #cat span.outerimg img {position: relative; display: block; border: none; margin: 0 auto;} #cat span.busname {color:#fff; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; display: -webkit-box; display:-ms-flexbox; display:flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; width:100%; height:50px; line-height: 1.1; text-align: center;background:#043673; padding: 0 4px;} #cat a:hover span.busname {color:#fff; opacity: 0.7;} div.allLoc {float:left; width:100%; text-align: center; position: relative; display: block; margin: 35px auto 0 auto; padding:0;} div.allLoc a.btn {background:#febf4b; font-size: 1.25em; color:#042e62; font-weight: 700; padding: 0.5rem 1rem; border-radius: 0.1975rem;} div.allLoc a.btn:hover {text-decoration: underline; background:#febf4b; color:#042e62;} div.allLoc a.btn i {position: relative; margin-left: 7px;} /* Business */ /*#bus {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px 0 0; padding: 0;}*/ #bus {position: relative; display:flex; width:100%; height:auto; margin: 0; padding: 0; flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: center;} .subtitle.businesstitle > h2 {text-align: center} /*.businessContent {min-height: 0px; float:left; height: auto; width:100%; padding: 0; margin: 0px auto 0px;position: relative;display:block; }*/ .businessContent {height: auto; padding: 0; margin: 0;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: 5px; width:auto; max-width:100%; border:none; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-radius:0; box-shadow: 3px 3px 5px #a5a5a5;} .bus-image img {position: relative; display: block; text-align: center; margin: 0px auto;padding: 0; width:100%; z-index: 2; filter: alpha(opacity=0); opacity: 0; border:none;} /*.businesslinks { display: block; float:left; position: relative;width:100%; margin:25px auto 10px;} .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 10px;}*/ .businesslinks {display: block; position: relative; width:auto; margin:25px 0 10px;} .businesslinks > ul {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 auto; padding: 0; } .businesslinks > ul li {position: relative; margin: 0; padding: 0 .5rem .5rem;} .businesslinks > ul > li > a.btn {display: -webkit-box; display:-ms-flexbox; display:flex;background-color: #064694; border-bottom: 3px solid #043673; padding: 0.7rem 1.5rem; font-size: 1rem; color:#fff; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -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; flex: 1;} .businesslinks > ul > li > a.btn:hover {border-color:#febf4b; background-color: #064694;} .businesslinks > ul > li > a.btn i {position: relative; margin-right: 7px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .businesslinks > ul > li > a.btn:hover i {color:#febf4b;} .businesslinks > ul > li.show > a.btn {border-color:#febf4b; background-color: #064694;} .businesslinks > ul > li.show > a.btn i{color:#febf4b;} .businesslinks .dropdown-menu {box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.25); min-width:210px; border: none; background:#042e62; border-radius: 0; padding: 0;} .businesslinks .dropdown-menu a {text-decoration: none; border:none; border-bottom:1px solid transparent; display: block; padding: 0.65rem 0.625rem; font-size: 1rem; white-space: normal; color:#fff;} .businesslinks .dropdown-menu a:hover {background:#0969de; text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.25); border-color: #febf4b;} .businesslinks .dropdown-menu span.divider {display: none; height:1px; width:100%; background:rgba(255,255,255,0.2); padding: 0; margin: 2px auto;} .businesslinks .dropdown-menu span.divider:last-child {display: none;} .businesslinks .dropdown-menu-arrow {left: 50%; width: 0; height: 0; position: absolute;} .businesslinks .dropdown-menu[x-placement="top-start"] .dropdown-menu-arrow {bottom:-17px; transform: rotate(180deg);} .businesslinks .dropdown-menu[x-placement="bottom-start"] .dropdown-menu-arrow {top: -17px;} .dropdown-menu-arrow:before, .dropdown-menu-arrow:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-width: 7px 8px; border-style: solid; border-color: transparent; z-index: 1001; } .dropdown-menu-arrow:after { bottom: -18px; right: -8px; border-bottom-color: #042e62; } .dropdown-menu-arrow:before { bottom: -17px; right: -8px; border-bottom-color: #042e62; } /* LANGUAGE ADS */ #alternate-ad { display:none; float:left; text-align: left; margin: 0px auto; padding: 10px; width:100%; border: 1px solid #e3e6e7; background-color:#fff; z-index: 2;} #alternate-ad p {} #alternate-ad p.smaller {font-size:12px;line-height:1.2;} #alternate-ad ul {position: relative; margin: 0; padding: 10px 0px;} #alternate-ad ul li {list-style-position: inside; list-style-type: disc;} #alternate-ad ol {position: relative;margin: 0; padding: 10px 0px;} #alternate-ad ol li {list-style-position: inside; list-style-type: decimal;} /* Form Pages */ .formpage {float:left; width:100%; height:auto; display: block; position: relative; padding: 0 0 2rem 0;} p.formpagetext {display: block; float: left; width:100%; position: relative; text-align: left; line-height: 1.4;} .formContainer p.smaller {margin: .25rem 0 0; padding: 0; font-size:0.9rem; float:left; width:100%; display: block; text-align: center; font-style: italic;} h3.suggesttitle {float:left; width:100%; text-align: left; position: relative; margin: .75rem 0 1rem; font-weight: 700; font-size: 1.625rem; color:#043673;} .formContainer {position: relative; float:left; width:100%; margin: 20px auto 0 auto; padding: 0px;} .formContainer input[type=checkbox] {display:none;} .formContainer form {position: relative; float:left; width:100%; height:auto; padding: 0px 0px 0px 0px;} .formContainer .form-group {margin-bottom: 0; padding: 0 0 16px 0px; position: relative; float:left; width:100%;} .formContainer .control-label {padding: 0; margin: 0 0 .375rem; font-weight: 600; color:#333333;} .formContainer .form-control {display: block; position: relative; width:100%; padding: .5rem 1rem; font-size: 1rem; font-weight: 400; line-height:1.5; color:#333333; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 6px; box-shadow: none; -webkit-transition: border-color .15s ease-in-out; transition: border-color .15s ease-in-out; height:47px;} .formContainer ::-webkit-input-placeholder {color:#333333; opacity: .75; font-family: 'Open Sans', sans-serif;} .formContainer textarea.form-control {height:auto;} .formContainer select.form-control {height:49px;} .formContainer .form-group.select i {position: absolute; right: 5px; width:40px;height:47px; line-height: 47px; top:28px; text-align: center; color:#043673;} .formContainer .form-control:focus {background:#fff; border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} .formContainer .form-control.error {border-color:#B70000; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(183,0,0,.15); background-image: url(../images/form-error.png); background-repeat: no-repeat; background-size: 20px; background-position: right calc(0.375em + 0.3125rem) center; padding-right:calc(1.5em + 1.25rem);} .formContainer textarea.form-control.error {background-position:top calc(0.375em + 0.3125rem) right calc(0.375em + 0.3125rem); } .formContainer select.form-control.error {} .formContainer .form-group.select .error i {display: none;} .formContainer .form-group.select .valid i {display: none;} .formContainer .valid .form-control {background-image: url(../images/form-valid.png); background-repeat: no-repeat; background-size: 20px; background-position: right calc(0.375em + 0.3125rem) center; padding-right:calc(1.5em + 1.25rem);} .formContainer .valid textarea.form-control {background-position:top calc(0.375em + 0.3125rem) right calc(0.375em + 0.3125rem); } .formContainer span.eac-sugg {top:4px !important; padding-left: 0px!important; color:#333333!important;} .formContainer .form-actions {float:left; width:100%;text-align: center;margin:1rem auto 1rem auto;} .formContainer .popover.fade {opacity: 1; z-index: 10;} .formContainer .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);} .formContainer .popover .popover-body {color:#333333; font-weight: 400; font-size: 14px; font-family: 'Open Sans', sans-serif; text-align: center; letter-spacing: normal;} .formContainer #formresponse {float:left; width:100%; height:auto; position: relative;} .formContainer #formresponse > div {position: relative;width: 100%;float: left;text-align: left; padding: 10px 0 0 0; margin: 0px 0 0 0; border-top: 1px solid #eee;} .formContainer #formresponse > div p {padding: 0; line-height: 1.4; font-style: italic; font-size: 1.05rem;} .formContainer #formresponse > div p span {font-weight: 700;} .formContainer.update #formresponse > div {width:100%;margin:0; text-align: center;} .formContainer.update #formresponse > div p {font-style: italic;} #formresponse table {margin: 20px auto 10px; width:90%; } #formresponse table td {font-weight: 700; padding:8px 7px; text-align: left;background:#fff;} #formresponse table td:first-child {width:40%;} #formresponse table td:last-child {font-weight: 400;} .bottomsubscribe.card {border-radius: 0px; background-color:#f1f3f6;border-color: transparent;} .bottomsubscribe.card .card-body {text-align: center;} .bottomsubscribe.card p {padding: 0 0 10px;margin: 0;} .bottomsubscribe.card p:last-child {padding: 0;} /* Contact */ .formContainer.contact #formresponse > div {text-align: center;} .contactbox {float:left; width:100%;text-align: center; width: 100%; height:auto; padding: 15px; margin: 0 auto; border:none; background-color: #f1f3f6;} .contactbox h5 {} .contactbox a {} .contactbox span.contact {margin: 0 auto 4px; display: block; position: relative; width:100%; font-size: 1.05rem;} .contactbox span.contact > span {padding: 0 8px; position: relative;} .contactbox span.contact > span:first-child:after {content: ''; position: absolute; height: 75%; width: 1px; background-color: #333; right: 0; top:3px;} /* FAQs */ #faqs {float:left; width:100%; height: auto; position: relative; margin: 10px auto 0 auto;} #faqs .card {border-color: transparent; border-radius: 0; padding: 5px 0px 10px;} #faqs .card .card-header {border-radius: 0; padding: 0; background-color: transparent; border:none;} #faqs .card .card-header h2 {font-size: 1.15rem; font-weight: 400; margin:0; } #faqs .card .card-header button {-webkit-appearance: none; appearance: none; border: none; background-color: #043673; text-align: left; padding: 15px 45px 15px 20px; display: block; width:100%; border-radius: 5px; position: relative; color:#fff; font-weight: 400;} #faqs .card .card-header button:hover {text-decoration: underline;} #faqs .card .card-header button i {position: absolute; right: 20px; top:50%; width:30px; height: 30px; margin-top: -15px; font-size: 1rem; line-height:30px; text-align: center;} #faqs .card .card-body {border:none; padding: 12px 12px 12px 20px;} #faqs .card .card-body p {padding: 0;} #faqs .card .card-header button[aria-expanded=true] {background-color: #febf4b; color:#042e62;} /* Directions & Locations */ div.gm-style {font-family: 'Open Sans', sans-serif !important; color: #333; font-weight: normal !important; width:100% !important; overflow: hidden !important; text-align:left;} .gm-style-iw {} .infoWindow {height:100%;width:100%;display:block;position:relative;min-width:150px;z-index: 999; text-align:left; } .infoWindow h4 {display:block; line-height:24px; font-size:18px; font-weight:bold !important; color: #333 !important; margin:0; padding:0 2px 5px 2px;border-bottom: 0px solid rgba(200, 201, 199, 0.5); font-family: 'Open Sans', sans-serif !important; -webkit-font-smoothing: subpixel-antialiased; } .infoWindow p { margin: 0 0 5px 0 !important; padding:5px 0 0 !important; display:block !important; position:relative;font-weight:400 !important; font-family: 'Open Sans', sans-serif !important; background-color:#fff; -webkit-font-smoothing: subpixel-antialiased; font-size:17px !important; line-height:24px !important; color:#333333 !important;} .infoWindow h5 {display:block;line-height:20px; font-size:1rem; font-weight:600 !important; color: #333333 !important; margin:0; padding:0; font-family: 'Open Sans', 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: 'Open Sans', sans-serif !important;font-weight: normal !important;} .address a { text-decoration: underline;} div.adp-legal { display: none !important;} .gm-style-iw .poi-info-window.gm-style {width:100%;display:block;overflow:hidden; font-family: 'Open Sans', sans-serif !important;font-weight: 400 !important; padding-left: 0px; padding-right:0px;text-align:left; -webkit-font-smoothing: subpixel-antialiased;} .gm-style-iw .poi-info-window.gm-style div.title.full-width {font-family: 'Open Sans', sans-serif !important;font-weight: 700 !important; padding:0 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:14px; line-height:20px !important;color:#333333;} .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:#333333; font-family: 'Open Sans', sans-serif !important;font-weight: 400 !important; padding: 0 0 7px 0px !important; margin: 0 0 7px 0px !important; border-bottom: 1px solid rgba(200, 201, 199, 0.5);} .gm-style-iw .poi-info-window.gm-style div.address .address-line:nth-child(1) {padding-top:5px;} .gm-style-iw .poi-info-window.gm-style div.address .address-line {color:#333333; font-family: 'Open Sans', sans-serif !important;font-weight: 400 !important; line-height:18px; font-size:13px;background: #fff !important;} .gm-style-iw .poi-info-window.gm-style div.view-link {padding-top:0px;} .gm-style-iw .poi-info-window.gm-style div.view-link a {font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; text-decoration: underline; color:#333333 !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: 'Open Sans', sans-serif !important; font-size: 12px !important;} .gmnoprint .gm-style-mtc > div[role=button] {font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; height: 28px !important; padding: 0 10px !important; font-weight: bold !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:normal; font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif !important; color:#333333;} .infowindow .title {font-family: 'Open Sans', sans-serif !important; font-weight:700 !important; padding:0px 0 4px 0px;margin: 0 0 2px;background:#fff; font-size: 1rem; line-height:20px !important;color:#043673; -webkit-font-smoothing: antialiased; border-bottom:1px solid #ddd; white-space: normal;} .infowindow .title > span {font-style: italic !important; font-weight: 400 !important; display: block; color:#C45000; font-size:15px; font-family: 'Open Sans', sans-serif !important;} .infowindow .address {color:#333333; font-weight: normal !important; padding: 0px 0 0px 0px !important; margin: 0 0 0px 0px !important; -webkit-font-smoothing: antialiased; } .infowindow .address .address-line {color:#333333; line-height:1.25; font-size:0.95rem;} .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-size:0.95rem; background-color: #043673; border-color: #043673; padding: 0.5rem 0.8rem 0.5rem 0.8rem; color:#fff; border-radius: 0.1875rem; font-family: 'Open Sans', sans-serif; text-transform: none;font-weight: 400; border:none; line-height: 1.3;} .infowindow .discountlink > a:hover {color:#fff; background-color:#0969de; text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.25);} .infowindow .discountlink > a i {font-size:14px; position: relative; width:14px; height: 14px; line-height: 1; margin: 0 0 0 7px;} /* Locations */ .locationContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 15px auto 20px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .locationouter {width:100%; height: 500px; border:1px solid #ddd; display:inline-block; position:relative; padding:0px; margin: 0 auto; background: #fff;} #location_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:transparent;} #location_map .gm-style .gm-style-iw > div {min-width:150px;} /* Directions */ table#printDiv {display:none;} .mapContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 15px auto 20px 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 #ddd;} #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;} #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;} /*#main.examples #accordion.maplist .accordion-item.single.locations {display: none;}*/ div.geo {width:100%; padding: 0px; position: relative; text-align: center; display:block; margin: 10px auto 20px; float:left;} div.geo a {position: relative; cursor: pointer; text-transform: capitalize; display:inline-block;font-weight: 400;} div.geo a i {position: relative; margin-right: 7px;} #form-outer {width:100%; position: relative; margin: 20px auto 20px 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.form-control {position: relative; flex: 1 1 auto; color:#333333; font-weight: 400; line-height: 1.5; padding: .5rem 1rem; padding-right: 3rem; border-color:#ddd; box-shadow: none; transition: border-color .15s ease-in-out; font-size: 1.05rem; border-radius: 6px; height:47px;} #form-outer > form input:focus {border-color: #febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} #form-outer > form ::-webkit-input-placeholder {color: #333333;opacity: .75;font-family: 'Open Sans', sans-serif;} #form-outer > form button {position: absolute; top: 0px; right: 0px; border: 0 none; padding: 0; width:50px; height: 47px; line-height: 47px; text-align: center; outline: none !important; border-radius: 0px 6px 6px 0px; background:#064694; color:#fff; font-size: 1.5rem; margin: 0;} #form-outer > form button i {line-height: 1;} #form-outer > form button:hover {background-color:#0969de;} #directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; padding: 0px; background: transparent; color:#333;} #directions .panel {position:relative; background-color:#fff; border-radius: 0; border: 0 none; padding: 20px 15px; float:left; width:100%; margin: 0rem auto 0rem;} #directions .panel .panel-heading {position:relative;font-size:18px; background-color:transparent; border: 0 none; margin-bottom:25px; font-weight: 700; padding: 15px 30px 15px 0px; border-radius: 0; border-bottom:1px solid #eee; } #directions .panel .panel-heading > i {font-size:13px; position: absolute; left: 10px; width: 13px; height: 13px; line-height: 1; text-align: center; margin: 5px 0 0 0;} #directions .panel .panel-heading button.btn {color:#012246;} #directions .panel .panel-heading button.btn:hover {background:none; color:#012246;} .timeTop span.distanceTime {font-weight: 700; display:block; position: relative;} .timeTop span.trafficTime {display:block;font-style: italic; font-size:16px; line-height: 1.4; 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: 15px; font-size:16px; line-height: 1; width:16px; height: 16px; text-align: center; cursor: pointer; margin: -8px 0 0 0; z-index: 10; outline: none!important;} .timeTop button:hover {} #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.3rem; font-weight: 700; color:#043673;} .mapbottom h3.fromLocation {margin: 0 0 30px 0px;} .mapbottom h3.fromLocation span {display: block;} .mapbottom h3.toLocation {margin: 20px 0 0 0;} .mapbottom h3.toLocation span.destination_address {font-weight: 400;display:block; font-size: 1.1rem; padding-top: 5px;} .mapbottom h3.toLocation span.destination_name {} .mapbottom h3.toLocation span.destination_loc {font-weight: 400;} #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 30px; } #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: 400; border-bottom:1px solid #eee; color:#333;} #instructions > li span.steps b {font-weight: 700;} #instructions > li span.instruct {display: block; width:100%;} #instructions > li span.dis {display: block;width:auto; font-size: 14px; line-height: 20px; position: absolute;overflow: hidden;background:#fff; padding: 0 5px 0 0; bottom:-10px;font-style: italic; font-weight: 400;} /**** INFORMATION PAGES ****/ #mainimage {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; border-bottom: 0.25rem solid #febf4b;} #mainimage > div {position: relative; width:100%; height:auto; overflow: hidden;} #mainimage > div img {position: relative; width:100%;} #mainimage .caption {position: absolute; z-index: 3; bottom:2.5rem; left:0; margin: 0 auto; text-align: left; 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; -ms-flex-direction: column; flex-direction: column; padding: 0;} #mainimage .caption > .captiontext {padding: 1.25rem 2rem;background:rgba(4,43,115, 0.95); border-bottom: 0.25rem solid #febf4b; width:100%; max-width: 550px;} #mainimage .caption > .captiontext h1 {margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 0; font-size: 1.25rem;border-bottom: 0.125rem solid #febf4b; color:#fff;} #mainimage .caption > .captiontext p {color:#fff; font-size: 1rem; font-weight: 600; padding: 0; margin: 0;} #information {position: relative;padding-bottom: 1rem;background:#fff;} #information .row {position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #information .flex-item {flex: 1 1 auto;} #infoboxes .card {box-shadow: 3px 3px 5px #a5a5a5; margin: 10px; border: none; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 0px; -webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out; background:#fff; text-decoration: none;} #infoboxes .card-body {text-align: center; position: relative;} #infoboxes .card-body i {position: relative; display: block; font-size: 2.5rem; color:#064694; text-shadow: 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.1); line-height: 1; -webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out; margin: 0 auto 0.5rem auto; -webkit-transform: scale(1.005); transform: scale(1.005);} #infoboxes .card:hover .card-body i {-webkit-transform: scale(1.065); transform: scale(1.065); color:#0969de;} #infoboxes .card-body h4 {font-size: 1.2rem; font-weight: 700; margin: 1rem 0 0.5rem;} #infoboxes .card-body p {color:#333;} #infoboxes .card-footer {position: relative;background-color: #043673; padding: 0.85rem 0.75rem 0.85rem; text-align: center; font-size: 1.15rem; color:#fff; border: none; border-radius: 0;} #infoboxes .card:hover .card-footer {opacity: 0.7;} #infoboxes .card-footer span {position: relative;} 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;} a#closebox {display: block;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 background-color ease; transition: 0.3s 0s background-color ease; border: none; background-color: #064694; color:#fff; text-align: center;border-radius: 50%; text-decoration: none;} a#closebox i {position: relative;font-size: 1.25rem;} a#closebox:hover {background-color: #0969de;} .insideinfo {display: block; position: relative; width:100%; height:auto; float:left;} .insideinfo > .container {padding-top: 2.5rem; padding-bottom:2.5rem; overflow:hidden;} .insideinfo > .container > .row {} .insideinfo > .container .col-12 {padding-left: 15px;padding-right: 15px;} .insideinfo h1.title {text-align: center; padding-left: 3rem; padding-right: 3rem; margin-top:0; font-size: 1.75rem; color:#043673;} .insideinfo h1.title > span {display: block; position: relative;} body.infopage #preloader {z-index: 1032; position: fixed; top: 50%;} .infotext {box-shadow: 0 .3rem 1.75rem 0 rgba(0,0,0,.15); border-radius: 5px;padding: 1.25rem; margin: 1.5rem auto 1rem auto; position: relative; float:left; width: 100%;} .infotext > img {width: 950px; margin: 0 auto; display: block;} .infotext > ul {margin-left:1.5rem; padding-left: 1rem; position: relative;} .infotext > ul li {margin: 0 0 .5rem 0; list-style:none; position: relative;} .infotext > ul li:before {content: "\2022"; color:#0969de; font-weight: bold; display: inline-block; width:0.8em; margin-left:-0.8em; font-size: 1.5rem; line-height:1; position: relative; margin-top:-0.2rem; float:left;} .infoform label.error {font-style: italic; color:#b70000; padding-top:0.3rem;} .infoform .form-control.valid {background-image: url(../images/form-valid.png);background-repeat: no-repeat;background-size: 20px;background-position: right calc(0.375em + 0.3125rem) center;padding-right: calc(1.5em + 1.25rem);} .infoform textarea.form-control.valid {background-position: top calc(0.375em + 0.3125rem) right calc(0.375em + 0.3125rem);} #formresponse2.modal .modal-content p {margin:0;padding:5px 0;} .insideinfo .formbody {box-shadow: 0 .3rem 1.75rem 0 rgba(0,0,0,.15); border-radius: 5px;padding: 1.25rem; margin: 1.5rem auto 1rem auto; font-family: 'function-pro'; font-weight: 400; overflow:hidden;} .webkit.chrome .formbody {-webkit-font-smoothing: antialiased;} .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;} .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: 'Open Sans', 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 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: 'Open Sans', 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: #6ABF79; -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: 'Open Sans', sans-serif;} .formbody table.formtable.formactions button.btn:hover {} .formbody .popover.fade {opacity: 1; z-index: 10;} .formbody .popover {background-color:#fff; border-color:#ddd; border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15); white-space: normal; text-align: center;} .formbody .popover .popover-body {color:#333; font-weight: normal; font-size: 0.85rem; font-family: 'Open Sans', sans-serif; text-align: center; letter-spacing: normal;} .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:1px solid #ddd;} #signature-modal .modal-footer {border-top: 0; text-align: center;background:#fff; 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:13px;} body.infopage .tooltip-inner span.first { display:block;} body.infopage .tooltip-inner span.last {font-style:italic;font-size:12px; 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 #ddd; border-radius: 6px;font-family:'Open Sans', sans-serif; font-weight: 400; font-size:1rem; height:47px; color:#333; padding: .5rem 1rem;} #signature-modal input.form-control:focus {border-color: #febf4b;} #signature-modal .btn.btn-primary {margin:0 5px 0 0; font-weight: 700; font-size: 1.1rem; background:#febf4b; color:#042e62; border-radius: 0.1875rem;} #signature-modal .btn.btn-primary:hover {background:#042e62; color:#fff;} #signature-modal .btn.btn-default {margin: 0 0 0 5px; font-weight: 700; font-size: 1.1rem; border-radius: 0.1875rem;} #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 0 8px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.15); box-shadow: 0 0 8px 1px rgba(0,0,0,.15); margin: 0 auto;} .formbody.success .rightoutput {float:left; width:100%; padding: 0 10px; text-align: center;} .formbody.success .rightoutput a {font-family:'Open Sans', sans-serif; margin: 0; padding: 0; font-weight: 700;} .formbody.success .rightoutput a i {position: relative; margin-left: 8px; top:1px; font-size: 1rem; line-height: 1;} .formbody.success .rightoutput h3 {font-size: 1.25rem;font-family:'Open Sans', sans-serif; font-weight: 400;} .formbody.success .rightoutput h5 {font-size: 1.15rem;font-family:'Open Sans', sans-serif; font-weight: 400; margin-bottom: 1rem;} .formbody.success .otherLinks {float:left; width:100%; display: block; margin: 1rem auto 0px auto; padding: 1rem 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.1);text-align: center; } .formbody.success .otherLinks a.btn {font-family:'Open Sans', sans-serif; margin: 5px 10px; font-weight: 700; font-size: 1.1rem; border-radius: 0.1875rem;} .formbody.success .otherLinks a.btn:hover {background-color:#0969de; text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25)} /* Example Page */ #examplepage { display: block; position: relative; width:100%;height:auto; margin-top:0px; padding-bottom: 20px; float:left;} #examplepage p {margin: 0; padding: 0;} #examplepage div.toptext {display: block; overflow: hidden; width:100%; position: relative; margin: 0 auto 25px auto;} #examplepage .center {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; padding:0; background:none; padding: 10px 20px 0px 20px;} #examplepage .center > div {position: relative; display: block; height:auto; /*overflow: hidden;*/ z-index: 1; padding:0;} #examplepage .slick-slide {padding: 10px 20px 10px 20px; } #examplepage .slick-slide > div {/*-webkit-transform: scale(.5); transform: scale(.5);*/ -webkit-transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); background:#fff; border-radius: 0px; border:none; box-shadow: none; padding: 0;} #examplepage .slick-center > div {/*-webkit-transform: scale(1); transform: scale(1);*/} #examplepage .item {position: relative; } #examplepage .item > img {width: 100%; height: auto; padding: 0px; border:1px solid #e7e7e7; border-radius: 0px; background:#fff;} #examplepage .slick-arrow {position: absolute; top:50%; width:2.5rem; height:auto; margin-top:-15px; border: 0 none; background-color:transparent; padding: 0; border-radius: 5px; font-size: 30px; line-height:1; z-index: 2; color:#043673; text-align: center;} #examplepage .slick-arrow:hover {color:#064694;} #examplepage .slick-arrow.slick-next {right: -20px;} #examplepage .slick-arrow.slick-prev {left: -20px;} #examplepage .examplemodal .modal-dialog {max-width:1000px;} #examplepage .item .iteminfo {text-align: center;} #examplepage .item .iteminfo h4 {margin: 0 0 6px; font-weight: 700; color:#043673;} #examplepage .item .iteminfo h5 {margin: 0 0 10px; font-weight: 7600; font-size: 1rem; color:#C45000;} #examplepage .zoomlink {/*display:none;*/ margin: 15px auto 5px auto; position: relative; width:100%; text-align: center;} #examplepage .slick-center .zoomlink {/*display:block;*/} #examplepage .zoomlink a.btn {margin: 5px; font-size: 1rem; min-width: 135px; border-radius: 0.1875rem; font-weight: 700; color:#fff;} /* ERROR PAGES */ .errorpage p {} .errorpage h5 {} #searchouter {float:left; width:100%; height: auto; display: block; position: relative; background-color: #F2F2F2; box-shadow: 3px 3px 5px #a5a5a5; border: none; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 0; padding: 1.5rem; margin: 1rem auto 1rem auto;} #searchouter form {position: relative; width: 875px; max-width:100%; margin: 0px auto 0px; padding: 0px; height:auto;} #searchouter form input {position: relative; flex: 1 1 auto; color:#333333; font-weight: 400; line-height: 1.5; padding: .5rem 1rem; padding-right: 3rem; border-color:#ddd; box-shadow: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 1rem; border-radius: 6px; height:50px;} #searchouter form input:focus {border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} #searchouter form ::-webkit-input-placeholder {color: #333333;opacity: .75; font-family: 'Open Sans', serif;} #searchouter form button {position: absolute;right:1px;top:1px;height:48px; width:50px;font-size: 1.25rem;color:#fff; padding: 0; background-color:#064694; border-radius: 0px 6px 6px 0px; text-align: center; margin: 0;} #searchouter form button:hover {background-color:#0969de;} #searchouter form button i.spin {display:block; position: relative;-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear;color:#febf4b;} #searchfilter {padding:0px; width:100%; height:auto; position: relative; margin: 0 auto; display:none;} #searchfilter > div {margin: 35px auto 10px; padding: 10px;width:100%; float:left; text-align: center; border:2px solid #ddd;} #searchfilter > div a {border-bottom: none;} .resultstext {width:100%; display: block; position: relative;margin:-27px auto .5em; font-size: 1.35rem;} .resultstext > span {position: relative; background-color: #F2F2F2; padding: 0 2px;} .resultstext span#search-string {font-weight: 700;} .results p.search {text-align: center; font-style: italic; font-size: 1.05rem;} #searchfilter.nofilter > div {border: none;margin: 10px auto 0px;} #searchfilter.nofilter > div .resultstext {margin: 0 auto 0;} #list-tab {position: relative;} #list-tab a {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; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: flex-start; -ms-flex-pack:start; justify-content: flex-start;} #list-tab a {width: auto; position: relative; margin: 2px 0px 2px 0px; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; text-decoration: none; font-size: 1rem;} #list-tab a i {position: relative; margin-right:6px; top:-1px; } #list-tab a:hover {} #list-tab a.mainactive {font-weight: 700;} #list-tab a.mainactive i:before {content: "\f14a";} #list-tab a span.name {display: block; position: relative; white-space: normal;} #list-tab a:hover span.name {text-decoration: underline;} .filterdropdown a.btn {position: relative; font-size: 1.2em; color:#042e62; background-color:#febf4b; border-color:#febf4b; padding: 0.5rem 1rem; border-radius: 0.1875rem; font-weight: 700;} .filterdropdown a.btn i {position: relative; font-size: 14px; margin-left: 7px;} .filterdropdown.show a.btn {background-color:#042e62; border-color:#042e62; color:#fff;} .filterdropdown.show a.btn i {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);} .filterdropdown .dropdown-menu {box-shadow: 0 2px 4px -1px rgba(0,0,0,.06),0 4px 6px -1px rgba(0,0,0,.1); min-width:210px; border: solid 1px #ddd; color:#064694;} .filterdropdown .dropdown-menu a {text-decoration: none; color:#064694; border:none; transition:none;} .filterdropdown .dropdown-menu a:hover {color:#064694;background:#f9f9f9;} .filterdropdown .dropdown-menu a:active {background:none; color:#064694} .filterdropdown .dropdown-menu a.mainactive {color:#064694; font-weight: 700;} .searchresults { overflow: hidden; position: relative; width:100%; height: auto; display: block; margin: 0px auto 0 auto; padding: 0 0 1rem;} #searchgrid .pagination {margin-top:25px;} #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 { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;} #searchgrid .gridouter .grid {position: relative; margin-left:-7px; margin-right: -7px; -ms-flex-line-pack: start; align-content: flex-start} #searchgrid .gridouter .grid > .mix {overflow: hidden; position: relative;margin: 0 0 0px 0; text-align: center; padding-left: 7px; padding-right:7px; padding-top: 7px; padding-bottom: 7px;} #searchgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #searchgrid .mix a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1px; -ms-flex-direction: column; flex-direction: column; flex-flow: column;} #searchgrid .mix a {text-align: center; position: relative; height:75px; padding: 5px 5px; border-radius: 0px; font-weight: 400; font-size: 18px; color:#fff;} /* Search Page */ #searchpageouter {float:left; width:100%; height: auto; display: block; position: relative; background-color: #F2F2F2; box-shadow: 3px 3px 5px #a5a5a5; border: none; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 0; padding: 1.5rem; margin: 1rem auto 1rem auto;} #searchpageouter form {position: relative; width: 875px; max-width:100%; margin: 0px auto 0px; padding: 0px; height:auto;} #searchpageouter form input {position: relative; flex: 1 1 auto; color:#333333; font-weight: 400; line-height: 1.5; padding: .5rem 1rem; padding-right: 3rem; border-color:#ddd; box-shadow: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 1rem; border-radius: 6px; height:50px;} #searchpageouter form input:focus {border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);} #searchpageouter form ::-webkit-input-placeholder {color: #333333;opacity: .75; font-family: 'Open Sans', serif;} #searchpageouter form button {position: absolute;right:1px;top:1px;height:48px; width:50px;font-size: 1.25rem;color:#fff; padding: 0; background-color:#064694; border-radius: 0px 6px 6px 0px; text-align: center; margin: 0;} #searchpageouter form button:hover {background-color:#0969de;} #searchpage {float:left; width:100%; position: relative; display: block;} #searchresults {overflow: hidden; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding: 0 0 1rem;} #searchresults p {text-align: center; font-style: italic; margin-bottom: 0; margin-top: 0.75rem;} #searchresults p.noresults{} #resultsgrid {width:100%; height:auto; position: relative; padding: 0; margin: 0px auto 0px auto; float:left; min-height:200px; } #resultsgrid .gridouter { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;} #resultsgrid .gridouter .grid {position: relative; margin-left:-7px; margin-right: -7px; -ms-flex-line-pack: start; align-content: flex-start} #resultsgrid .gridouter .grid > .mix {overflow: hidden; position: relative;margin: 0 0 0px 0; text-align: center; padding-left: 7px; padding-right:7px; padding-top: 7px; padding-bottom: 7px;} #resultsgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #resultsgrid .mix a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1px; -ms-flex-direction: column; flex-direction: column; flex-flow: column;} #resultsgrid .mix a {text-align: center; position: relative; height:75px; padding: 5px 5px; border-radius: 0px; font-weight: 400; font-size: 18px; color:#fff; line-height: 1.15;} #resultsgrid .mix a:hover {} #main.searchpage #searchfilter {display:block;} #resultsgrid .pagination {margin-top:25px;} /* Limited Time Offers */ .card.lto {border: 0 none; box-shadow: 1px 1px 1px rgba(0,0,0,.05); border-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top:25px; margin-bottom: 25px;} .card.lto p.formpagetext {margin: 0; padding: 0.5rem 0; font-style: italic;} /* LTO - All */ #all.ltocontent {margin:15px auto 0px auto;display: none;} #all.ltocontent .col-sm-6 {position: relative; margin: 0 0 1.25rem 0;} #all a.card {border: 0 none; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; box-shadow: 3px 3px 5px #a5a5a5; border-radius: 0px; text-align: center; width:auto; height: auto; position: relative; flex-grow: 1; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color:#fff; text-decoration: none;} #all a.card .card-img {overflow: hidden; height: auto; border-radius: 0px;} #all a.card .card-img img {position: relative; display: block; width:80%; padding: 20px 20px; margin: 0 auto;} #all a.card .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top:0; padding-bottom: 0; height: 50px; background:#043673; border-radius: 0;} #all a.card .card-title {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; flex-grow: 1; line-height: 1.1; margin: 0; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; overflow: hidden; color:#fff; text-align: center; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;} #all a.card:hover .card-body {opacity: 0.7;} #all a.card:hover .card-title {color:#fff;} /* 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 #ddd; } .ltocontent .subtitle > h4 {} .lto-wrapper .outerlto {display:block; width:auto; height:auto; position: relative; padding: 0px; margin: 0 auto; background:transparent; border-radius:0; } .lto-wrapper.imageonly {border: 0 none;} .lto-wrapper .outerlto img {border-radius:0px; border: none; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; margin: 0 auto; display: block; position: relative; box-shadow: 3px 3px 5px #a5a5a5; background-color: #fff; padding: 5px;} #ltobox .links {width:100%; height:auto; display: block; position:relative; margin:1.2rem auto 0px; padding: 0; float:left;} #ltobox .links > ul {display:block;position:relative;height:auto; width:100%; padding:0; margin:0.75rem 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 10px;} #ltobox .links > ul > li a.btn {margin: 0;} #ltobox .links > ul > li a.btn i {position: relative; margin-left: 7px;} /* Mobile App */ .apptop {position: relative; float:left; width:100%; display: block;} .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 span.title {text-align: left; font-weight: 700; margin: 0.6rem auto 0.6rem auto; display: block; float:left; width:100%; font-size: 1.15rem;} .apptop ul {position: relative; float:left; width:100%; padding: 0; margin: 0 0 .5rem 0;} .apptop ul li {position: relative; display:block; margin: 0 0 0.35rem; padding: 0 0 0 1.25rem;} .apptop ul li:last-child {margin: 0;} .apptop ul li i {font-size:8px; position: absolute; left: 0; top:6px; margin: 0;} .apptop img {width:300px; position: relative; margin: 15px auto 0 auto; text-align: center; display: block;} .appbottom {position: relative; margin-top:1.5rem; float:left; width:100%; display: block;} .appslides {position: relative; margin-top: 1rem; padding: 0 0px; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;} .appbottom .card {border:none; border-radius: 0px; background-color: #f1f3f6; box-shadow: none; margin: 10px; width:50%;} .appbottom .card-header {background-color:#c45000; border-radius: 0; border: none; padding: 20px 10px 20px 10px;color:#fff;} .appbottom .card-header h2 {margin: 0; font-weight: 700; color:#fff; line-height: 1; position: relative; padding: 0 0 0 40px; font-size: 24px;} .appbottom .card-header h2 i {position: absolute; font-size: 24px; left: 0; top:50%; margin-top: -17px; font-weight: normal; width:34px; height: 34px; 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;} .appbottom .card-body {} .appbottom .card-body > div {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .appbox ul {position: relative; display: block; padding: 0px; width:100%; margin:0 auto; text-align: left;} .appbox ul li {position: relative; padding: 0 0 6px 0px; margin: 0; list-style: decimal; list-style-position: inside; font-weight: 600;} .appbox ul li > span {font-weight: 400;} .appbox ul li i {position: relative; font-size:17px; top:2px;} .appbox ul li i.icon-ios-action {margin: 0 2px;color:#0046df;} .appbox ul li i.icon-chrome-menu {font-size: 20px; line-height:1;vertical-align: top;} .appbox button {margin: 1rem auto 10px; padding: 25px 35px; font-size: 20px; border:none; line-height: 1.15;} .appbox button i {position: relative; top: 1px; margin-left: 7px;} /* Terms & Privacy */ .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%; margin: 1em auto 0 auto;} #terms .terms:not(.well) p:last-child {margin-bottom: 1em;} #terms .terms:not(.well) h3 {display: block; position: relative; float:left; width:100%; margin-top:.5em;} #privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 0px auto 0px auto; padding: 0; } #privacytable > h3 {margin-bottom: 15px; margin-top: 15px} #privacytable .table-responsive {} #privacytable table {} #privacytable table td {padding: 0 12px; line-height: 44px;} #privacytable table td a {display: block;} #privacytable table tr:hover {background-color: #f1f3f6} #privacytable table tr:first-child td {border-top: none;} #privacytable > div:not(.table-responsive) {margin-top:15px;} #privacytable .card {border:none;} #privacytable .card-header {border:none; background:none;padding:0;} #privacytable .card-header h4 {margin:0 0 10px; font-size: 24px; line-height: 1.2em; font-weight: 700; color:#043673; padding: 0;} #privacytable .card-body {padding: 0;} #privacytable .card-body h5 {margin: 0; padding: 10px 0px; font-weight: 700; font-size: 19px;} #privacytable .card-body ul {margin: 0 0 0 20px; position: relative;} #privacytable .card-body ul li {margin: 0; list-style: disc; list-style-position: outside; position: relative;} #privacytable .card-body ol {margin: 0 0 0 20px; position: relative;} #privacytable .card-body ol li {margin: 0; list-style: decimal; list-style-position: outside; position: relative;} .policypage.accessibility .terms h3 {} .policypage.accessibility .terms:last-child {margin-top: 0px;} .policypage.accessibility .terms p {margin: 1em auto 0 auto;} .policypage.accessibility .terms p:last-child {margin-bottom: 1em;} .formpage.accessibility p.formpagetext {margin: 1em auto 0 auto;} .formpage.accessibility p.formpagetext:nth-child(3) {margin-bottom: 1em;} /* Resource Library */ .resourcepage > p {margin-top:20px;} .resourcerow {position: relative;-webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; padding-top:15px;} .resourcerow > div { position: relative; margin-bottom: 1.5rem; } .resourcerow .card { box-shadow: 3px 3px 5px #a5a5a5; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; transition: all .15s ease-in-out; flex-grow: 1; height: auto; } .resourcerow .card:hover {} .resourcerow .card .card-img {overflow: hidden;height: 80%;border-radius: 0;text-align: center;} .resourcerow .card .card-img img {width: 80%;text-align: center;margin: 0 auto;padding:5px 0 0 0;} .resourcerow .card-body {text-align: center;} .resourcerow .card-body a {margin-bottom: .5rem; padding: 12px 12px; font-size: 15px;color:#fff;} .resourcerow .card-body a i {position: relative; margin-right:7px;} .resourcerow .card-body a + a { } .resourcerow .card-body a:before { display: none; } .resourcerow .card-body h3.card-title {font-size:20px;} /**** Holiday Shopping ****/ .holidayinfo {display: block; position: relative; width:100%; height:auto; margin: 0 auto; text-align: center;} .holidayinfo h5 {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: 30px 0px; margin-top: 1.25rem;} .holidayoffers .offers .row {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;} .holidayoffers .card {position: relative; transition:all .2s ease; height:100%; font-size: 1rem;} .holidayoffers .card-body {position: relative; padding:24px 30px 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; font-size: 1rem; 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; flex-grow: 0; width:170px; max-width:100%; text-align: 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) { .holidayoffers .offers {padding: 40px 0px;} #navbarCollapse .navbar-nav > li.special > a {color:#ed1849;} } @media (min-width: 1200px) { .holidayoffers .card-img {width:175px;} }