* { 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: -webkit-focus-ring-color !important; outline-style: auto !important; outline-width:5px !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%;} div.testsize {display:block;position:absolute;left:0;top:0;color:#fff;width:auto;height:auto;font-size:16px;z-index:999;} .progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 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(255, 196, 37, .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: #ffc425;stroke-width: 2;stroke-linecap:round} .progress-gotop .progress-circle { height: 100%;width:100%} .progress-gotop .progress-circle path {stroke: #ffc425; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;} img { outline: 0; border: 0;} a {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;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; } button {} button:focus {box-shadow: none !important;} body {font-family: 'Gothic A1', sans-serif; font-weight:400; font-style:normal; font-size: 15px; line-height: 1.6; color: #575757; padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; -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 {font-size: 17px;} .btn.focus, .btn:focus {box-shadow: none !important;} div { display: block; } ol, ul {list-style: none;margin:0;padding:0;} ul li { list-style: none; padding: 0;} ol li {padding: 0;} p {margin: 0; padding: 0;} a, a:visited {color:#004E83; cursor:pointer; text-decoration: none;outline:none; border:none;} a:hover {text-decoration:underline;color:#004E83;} a:focus, a:active {text-decoration: none;} h1,h2,h3,h4 {font-weight: 800; margin: 0; padding: 0;} h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-weight: 700; margin: 0; padding: 0; font-size: 15px;} .btn.form {font-weight: 800; font-size: 16px; line-height: 1; padding: 12px 14px 9px; margin: 0; background-color:#fff; border: 1px solid #009ddc; border-radius: 3px; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; color:#000;} .btn.form:hover {border-color:#00b259;} 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;} .colored-divider {display: block; height:4px; position: relative; width:100%; background: rgb(0,157,220);background: -moz-linear-gradient(left, rgba(0,157,220,1) 0%, rgba(255,196,37,1) 27.36%, rgba(238,50,36,1) 55.93%, rgba(0,178,89,1) 79.04%, rgba(0,157,220,1) 100%); background: -webkit-linear-gradient(left, rgba(0,157,220,1) 0%,rgba(255,196,37,1) 27.36%,rgba(238,50,36,1) 55.93%,rgba(0,178,89,1) 79.04%,rgba(0,157,220,1) 100%);background: linear-gradient(to right, rgba(0,157,220,1) 0%,rgba(255,196,37,1) 27.36%,rgba(238,50,36,1) 55.93%,rgba(0,178,89,1) 79.04%,rgba(0,157,220,1) 100%);} .gray-arc {display: block; position: absolute; top:0;left:0;right:0;height:44px;background:url(../images/arc.png) no-repeat center center; background-size:100% 100%; width:100%;} .modal.fade.show {opacity: 1;} .modal-header {text-align: center; padding: 15px 1rem; position: relative;} .modal-header h5 {font-size:20px;line-height: 1.5; text-align: left; display: block;width:100%; padding: 0px 50px 0px 5px;margin: 0; color:#fff; font-weight: 700;} .modal-header button.close {outline: none !important; text-shadow: none; margin: 0; position: absolute; padding: 0;right:25px; top:16px;color:#fff; opacity: 1 !important; font-size: 26px;} .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} .modal-content {background-color:#004E83; 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; font-size: 16px;} #qrcode.modal .modal-body {text-align: center;} .modal.lto .modal-dialog {max-width:100%;} .modal.lto .modal-header .print {position: relative;} .modal.lto .modal-header .print .btn {margin:0;padding:0px; color:#fff; text-decoration: underline; font-size:20px; line-height:1;} .modal.lto .modal-header .print .btn i {font-size:16px; position: relative; margin-right: 8px;} .modal.modal-instructions .modal-body {text-align: center;} .modal.modal-instructions .modal-body a.btn {background:#009ddc; color:#fff; border-radius: 3px; display: inline-block; margin: 0 auto 10px; padding: 8px 12px 7px; font-weight: 600; text-transform: none;line-height:1; font-size: 16px;} .modal.modal-instructions .modal-body a.btn i {position: relative; margin-right:5px;} #subscribemodal .subscribeindex {display: block; width:100%; position: relative; padding:0px; text-align: center;} #subscribemodal .modal-body > p {margin-bottom: 10px; text-align: center; font-size: 16px;} #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 {height: 42px;padding: 6px 10px; border: 1px solid #ddd; border-radius: 3px; transition: all 0.2s ease-out; font-size:16px; position: relative; -webkit-appearance: none; appearance: none; -webkit-background-clip: padding-box; background-clip: padding-box; color:#575757; background:#f9f9f9; font-family: 'Gothic A1', sans-serif;} #subscribemodal .subscribeindex ::placeholder {font-family: 'Gothic A1', sans-serif; color:#575757;} #subscribemodal .subscribeindex .form-control:focus {border-color:#ddd;} #subscribemodal .subscribeindex .form-control.error {border-color:red;} #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:#575757; font-weight: normal; font-size: 14px; font-family: 'Gothic A1', sans-serif; text-align: center;} #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; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; background:#fff url(../images/main-bg.png) fixed bottom center; background-size:cover;} .pagewrapper.ieFade {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1; } #main {position: relative;width:100%; float:left;} body.insidepage #main {background: #fff;} .container-fluid {position: relative; padding-right:44px; padding-left: 44px; box-sizing: border-box;} /* Header */ header {position: relative;} header .tophead {background-color: #004e83; color:#fff; position: relative; z-index: 7 } .tophead > .container-fluid {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: space-between; -ms-flex-pack:justify; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;} .tophead .navbar {padding: 0;width:auto;} #mainmenu {position: relative; width:auto;} #mainmenu > ul {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-start; -ms-flex-pack:start; justify-content: flex-start; border:none; margin:0;} #mainmenu > ul > li {position: relative; width: auto; text-align: center; float:left; height:50px; margin: 0;} #mainmenu > ul > li > a {position: relative; display: block; height:100%;font-weight: 600; font-size: 15px; line-height:1; color:#fff; letter-spacing: 1px;padding: 20px 6px 18px; text-decoration: none; box-sizing: border-box; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} #mainmenu > ul > li > a:hover {color:#ffc425;} #mainmenu > ul > li:first-child > a {padding-left: 0;} #mainmenu > ul > li.active > a {color:#ffc425;} #mainmenu > ul > li.hasdrop.dropOpen > a {color:#ffc425;} #mainmenu > ul > li.hasdrop > a:before {content: ''; position: absolute; bottom: -11px; left: calc(50% - 4px); width:0; height: 0; border-style: solid; border-width: 0 8px 0 8px; border-color: transparent transparent #004e83 transparent; -webkit-transition: border 0s ease 0s; transition: border 0s ease 0s;} #mainmenu > ul > li.hasdrop.dropOpen > a:before {border-width: 0 8px 8px 8px; -webkit-transition: border 0.2s ease 0s; transition: border 0.2s ease 0s;} #mainmenu > ul > li.dropOpen .sub-menu {opacity: 1; visibility: visible; transform: scale(1);} #mainmenu .sub-menu {display:block; z-index: 5; background:none; border-radius: 0px; right:0; left: 0; position: absolute; opacity: 0; padding: 10px 0px 0px; top:100%; height:auto; visibility: hidden; min-width: 300px; border: 0 none; box-shadow: none; margin: 0; margin-top: 0px; transform: scale(1,0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainmenu .sub-menu > ul {padding: 10px 0px; background:#004E83; border-radius: 3px;} #mainmenu .sub-menu ul li {position: relative; display: block; white-space: pre-wrap; width:100%; border: 0 none; background:none;} #mainmenu .sub-menu ul li.nothing {position: relative; display: block; padding: 10px 20px; background:none; font-weight: 600; font-size: 15px; color:#fff;text-align: left;} #mainmenu .sub-menu ul li a {position: relative; display: block; padding: 10px 20px; background:none; font-weight: 600; font-size: 15px; color:#fff; text-decoration: none; box-sizing: border-box; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; text-align: left;} #mainmenu .sub-menu ul li a span {display: block; white-space: normal;} #mainmenu .sub-menu ul li a:hover {color:#ffc425;} #mainmenu .sub-menu ul li a.activelink {color:#ffc425;} .headright {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; height:50px;} .headright button.btn {position: relative; color: #fff; border:0 none; border-radius: 0; font-weight: 600; font-size: 15px; line-height:1; background:transparent; padding: 16px 20px 12px; border-left: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; height:100%; } /*.headright button:after {display:none;}*/ .headright button.btn.headsearch {font-size: 22px;padding:14px 20px; border-right: 1px solid rgba(255,255,255,0.2);} .headright button.btn:hover {color:#ffc425} .headright a#mobilebutton-ie.btn {display:none;position: relative; color: #fff; border:0 none; border-radius: 0; font-weight: 600; font-size: 15px; line-height:1; background:transparent; padding: 20px 20px 0px; border-left: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; height:100%;} .headright a#mobilebutton-ie.btn:hover {color:#ffc425} .headright a#mobilebutton.btn {position: relative; color: #fff; border:0 none; border-radius: 0; font-weight: 600; font-size: 21px; line-height:1; background:transparent; padding: 15px 20px 0px; border-left: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; height:100%;} .headright a#mobilebutton.btn:hover {color:#ffc425} .headright #translatebutton:after {content: ''; position: absolute; bottom: 0; left: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 0 5px 0 5px; border-color: transparent transparent #fff transparent; -webkit-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; z-index: 12;} .headright.show #translatebutton:after {border-width: 0 5px 5px 5px;} .headright.show #translatebutton {color:#ffc425;} .headright .dropdown-menu {box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.30); padding:12px 20px; border-radius: 0; width:200px; margin: 0; background:#fff; top:100%; border: none;} .headright .dropdown-menu.show {} .headright .dropdown-menu > div { position: relative; height:auto; display: block;} header .bs-tooltip-auto[x-placement^=bottom] .arrow::before, header .bs-tooltip-bottom .arrow::before {border-bottom-color: #ffc425;} header .tooltip-inner {background:#ffc425;} body.search .modal-backdrop {background:#009DDC;opacity: .4;} #searchmodal .close {position: absolute; top:-50px; right: 0; text-shadow: none; opacity: 1;} #searchmodal .modal-content {overflow: inherit !important; border:none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); border-radius: 0; margin-left: 10px;margin-right:10px; } #searchmodal .modal-body {padding: 0;border-radius: 0} #searchmodal form {width:100%; position: relative; display: block;} #searchmodal form input {width:100%; height:110px; letter-spacing: 2px; border: 0 none; border-radius: 0; box-sizing: border-box; font-size: 30px;color:#004e83; line-height: 1; padding:20px 50px;} #searchmodal form input:focus {transition: none !important; -webkit-animation: csAnimateFocus .7s forwards; animation: csAnimateFocus .7s forwards;} #searchmodal form ::-webkit-input-placeholder {color:#004e83;line-height: 1.3;} #searchmodal form button {position: absolute; right: 30px; top:0; background:none; border: none; -webkit-appearance: none; appearance: none; color:#004e83; font-size: 30px; height:110px; text-align: center; width:50px; display: block;} button.menu-toggle {position: relative; font-size: 15px; line-height:1; font-weight: 600; color:#fff; background:none; border: 0 none; padding: 10px; text-align: center; width:100%;} button.menu-toggle span {display:inline-block; position: relative;} button.menu-toggle span i {font-size: 28px;padding: 0 0 0 3px; vertical-align: middle;} header .bottomhead {background-color: #fff; position: relative; border-bottom: 0px solid transparent; -webkit-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; z-index: 6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.42); padding: 17px 0 14px;} .bottomhead > .container-fluid {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; } .bottomhead .logo {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;} .bottomhead .logo a {display: block;position: relative;} .bottomhead .logo img {width:111px;position: relative;} .bottomhead .logo .sitetitle {padding-left: 20px;position: relative;} .bottomhead .logo .sitetitle h1 {position: relative; font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: 0.6px; color:#004e83; margin: 0; padding: 0; } .bottomhead .logo .sitetitle p {position: relative;color:#004e83; padding: 3px 0 0 0; margin: 0; font-size: 13px; font-weight: 400; line-height:1.2; letter-spacing: 0.6px;} #menubg {display: block; position: fixed; left:0; right: 0; top:0; bottom: 0; -webkit-transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; background:none; visibility: hidden; height: 0px; z-index:7;} html.showmenu #menubg {background:rgba(0,0,0,0.4); visibility: visible; height:100%; -webkit-transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s; transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s;} #mobilemenu {position: fixed; left:-100%; top: 0; bottom: 0; background:#fff; width:100%; max-width:480px;z-index:11; -webkit-transition:all .6s cubic-bezier(0.55, 0, 0.1, 1); transition:all .6s cubic-bezier(0.55, 0, 0.1, 1); overflow: hidden;} html.showmenu #mobilemenu {left: 0;} #mobilemenu > div {height:100%; padding: 50px 30px 30px 30px; position: relative;} #mobilemenu a.closemenu {display: block; position: absolute; top:30px; right:40px; color:#333; width:20px;height:20px;line-height: 20px;font-size: 20px; text-align: center;text-decoration: none;} #mobilemenu form {position: relative; margin: 15px auto 0px auto; padding: 0px 0 21px 0; border-bottom: 1px solid #e6e6e6;} #mobilemenu form input {padding: 0 10px 0 35px; background: transparent; width:100%; height: 40px;margin: 0; border: 0px solid #ddd; border-radius: 0; font-size: 14px; font-weight: 400; color:#333;font-family: 'Noto Serif', serif; font-style: italic; position: relative;} #mobilemenu form ::-webkit-input-placeholder {color:#333;} #mobilemenu form button {width:30px; height: 40px; position: absolute;top:0; left: 0; border: 0 none; padding: 0; margin: 0; cursor: pointer; background: none; font-size:17px; color:#333;} #mobilemenu > div ul {position: relative;} #mobilemenu > div ul > li {position: relative; border-bottom: 1px solid #e6e6e6;} #mobilemenu > div ul > li > a {font-size: 16px; text-transform: uppercase; padding: 16px 0; font-family: "Open Sans", sans-serif; font-weight: 600;line-height:1.4em; color:#333; display: block;position: relative; text-decoration: none;} #mobilemenu > div ul > li > a i {font-size: 12px; position: absolute; right: 10px; top:50%; margin-top:-6px; width:12px; height:12px; text-align: center;} #mobilemenu .submenu {position: fixed; left:-100%; top:127px; bottom:0; background:#fff;width:100%; max-width:480px; height:100%; padding: 0 30px; z-index:201; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} #mobilemenu .submenu.subopen {left:0; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);} #mobilemenu .submenu a.mp-back {padding-left: 30px;} .submenu a.mp-back i {position: absolute; left:0;} #mobilemenu .submenu a.dropdown-item {font-size:14px; padding: 18px 0 17px; text-transform: none;} #mobilemenu .submenu a.dropdown-item:hover {background:none;} #mobilemenu .submenu li.nothing {padding:18px 0 17px;font-size:14px; font-weight: 600;} /* Footer */ footer {background-color: transparent; position: relative; width:100%; height:auto;text-align: center; color:#fff; overflow: hidden;} footer:before {background:#004e83; opacity: 0.9; content: ''; position: absolute; top:0;right:0;bottom:0; left:0;} footer > div {position: relative; 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; -ms-flex-direction: column; flex-direction: column;} footer .copyright {font-weight: 600; font-size: 16px; line-height:1.2; padding-top: 15px; padding-bottom: 15px;} footer .footerlinks {padding-top:18px; padding-bottom:14px; background: #004E83;} footer .footerlinks ul {position: relative; width:100%; text-align: center;} footer .footerlinks ul li {position: relative; padding: 0 25px; border-right: 1px solid rgba(255,255,255,0.2); display: inline-block; vertical-align: middle;} footer .footerlinks ul li:last-child {border-right: none;} footer .footerlinks ul li a {display: block; font-weight: 600; font-size: 15px; line-height: 1.2; padding: 10px 10px 8px; text-decoration: none; color:#fff; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s;} footer .footerlinks ul li a:hover {color:#ffc425;} /* Index */ #indexslides {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; } #indexslides .item {position: relative; float:left; } #indexslides .item img {width:100%; position: relative;} #indexslides .caption {position: absolute; z-index: 2; bottom:0; left: 0; right: 0; margin: 0 auto; width:100%;height: 100%; max-width:100%; 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; padding: 0 44px; } /* #indexslides .caption > div {width:auto; min-width: 600px; max-width:800px; padding: 0px; position: relative; background: rgba(51, 51, 51, 0.8); border-left:solid 5px #009DDCcc; color: #fff;} #indexslides .caption > div .slidetext {width:100%;height:100%; padding: 20px; background:rgba(0, 78, 131,0.8);} #indexslides .caption h1 {color:#fff; font-family: 'Raleway', sans-serif; font-size: 50px; margin: 0; padding: 0;} #indexslides .caption p {color:#fff; font-size: 26px; font-weight: 600; padding-top:20px;} #indexslides .caption a.btn {margin-top:22px; background-color:transparent; color:#fff; font-weight: 400; border-radius: 3px; border: 1px solid #009DDC; letter-spacing: 1px;text-decoration: none; padding: 11px 15px; line-height: 1; font-size: 16px; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s;} #indexslides .caption a.btn:hover {border-color: #fff;} */ #indexslides .caption > div {padding: 0px; position: relative; width:auto; max-width:60%;} #indexslides .caption h1 {color:#004E83; font-family: 'Raleway', sans-serif; font-size: 32px; margin: 0; padding: 0;} #indexslides .caption p {color:#004E83; font-size: 20px; font-weight: 700; padding-top:20px; line-height: 1.4} #indexslides .caption a.btn {margin-top:22px; background-color:transparent; color:#000; font-weight: 800; font-size: 16px; padding: 10px 15px 8px 15px; border-radius: 3px;-webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; border: 1px solid #009DDC;} #indexslides .caption a.btn:hover {border-color:#00B259;} #indexslides .caption.white h1 {color:#fff;} #indexslides .caption.white p {color:#fff;} #indexslides .caption.white a.btn {color:#fff;} #indexslides .item.prizes .caption {} #indexslides .item.prizes .caption a {position: absolute; left: 0; top: 0; width:100%; height:100%; display: block;} #indexslides .item.prizes .caption a:hover {background:none;} .slide-arrows {position: absolute; bottom:30px; 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%;} .slide-arrows button {-webkit-appearance: none; appearance: none; border:1px solid transparent; background-color:rgba(255,255,255,0.85); font-size: 17px;color:#000; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; border-radius: 3px; position: relative; width:51px; height:51px; padding: 0;} .slide-arrows button.slick-prev {margin-right:2px;} .slide-arrows button.slick-next {margin-left:2px;} .slide-arrows button i {font-size: 26px;line-height: 1; display: block; position: relative;} .slide-arrows button:hover {border-color:#009ddc;} .indexmiddle {position: relative; background:#fff; padding: 70px 0 90px;} .indextitle {position: relative; border-bottom:1px solid rgba(0,0,0,0.2); padding: 0 0 9px 0px; margin-bottom: 44px;} .indextitle:after {content: ''; position: absolute; bottom:-1px;left: 0px; width:33.336%; max-width:350px; height: 1px; background: #009ddc;} .indextitle.alt:after {background:#00B259;} .indextitle h1 {position: relative; font-weight: 400; color: #000; font-family: 'Open Sans', sans-serif; font-size: 30px;line-height: 1.3; letter-spacing: 1.8px;margin: 0; padding: 0;} #categoryslide {position: relative;} #categoryslide .item {position: relative;padding: 10px 10px;} #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: 10px 20px 10px; border-radius: 3px; -webkit-transition:none; transition:none; min-height:170px; color:#004E83;text-decoration: none; border: 1px solid rgba(0, 178, 89,0.4); background-color:transparent; text-transform: uppercase; } #categoryslide a i {width:50px; height: 50px; margin: 0 auto 10px auto; font-size: 50px; text-align: center; position: relative; line-height: 1; display: block; top:0px; } #categoryslide a:hover > span {-webkit-transform: translateY(-5px); transform: translateY(-5px);} #categoryslide a:hover {border-color:#00B259;} #categoryslide a > span {display: block; position: relative;-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} #categoryslide a span.name {font-size: 16px; line-height: 1.4; padding: 0px 0 0 0; text-align: center;position: relative; display: table; width:100%; height: 50px; font-weight: 700;} #categoryslide a span.name > span {display: table-cell; vertical-align: middle;} .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%;} .category-arrows button {-webkit-appearance: none; appearance: none; border:1px solid #00B259; background-color:rgba(255,255,255,0.85);color:#004E83; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; border-radius: 100%; position: relative; width:40px; height:40px; padding: 0; line-height: 40px; margin: 0 2px; font-size: 22px; } .category-arrows button:before {content:''; position: absolute; left:-1px; right:-1px; bottom:-1px; top:-1px; background:none; border:2px solid #00B259; border-radius: 100%; opacity:0;-webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s;} .category-arrows button i {position: relative;top:-1px; width:40px;text-align: center;} .category-arrows button:hover:before {opacity: 1;} .indexbottom {position: relative; padding: 40px 0px 50px; float:left; width:100%;background:#fff;} /*.indexbottom:before {content: ''; position: absolute; top:0;right:0;left:0;bottom:0;background-color:#009ddc;opacity: 0.7;}*/ .indexbottom .formouter-box {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%;} .indexbottom form input[type=checkbox] {display:none;} .indexbottom .form-container {width:100%; display:block;} .indexbottom .form-container form {width:100%; margin: 0 auto; padding: 0; position: relative; height:auto;} .indexbottom .form-container .form-group {float:left; margin: 0 auto 15px auto;position: relative; display:block; width:100%; } .indexbottom form input {border-radius: 3px; font-size:16px; width:100%; border:1px solid rgba(0, 157, 220, 0.4); height:50px; font-weight: 400; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);*/} .indexbottom form input:focus, .indexbottom form input:hover {/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); */border-color:#009ddc;} .indexbottom form input.error {border-color:red;} .indexbottom form span.eac-sugg {top:7px !important; color:#004e83!important;} .indexbottom .form-container .form-actions {float:left; width:100%;text-align: center;margin-top: 10px;} /*.indexbottom .form-container .form-actions button {padding: 10px 15px; border:0 none; border-radius: 3px; font-size: 20px; color:#ffc425; background-color:#000; letter-spacing: 1.8px; font-weight: 400; font-family: 'Open Sans', sans-serif;line-height: 1.3; -webkit-transition: all 0.4 ease; -moz-transition: all 0.4 ease; transition: all 0.4 ease; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} .indexbottom .form-container .form-actions button:hover {background:#fff;color: #000;} */ .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:#555; font-weight: normal; font-size: 14px; font-family: Arial, sans-serif; text-align: center;} .indexbottom #formresponse {} .indexbottom #formresponse > div {background:#fff; border-radius: 3px; padding: 20px 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} .indexbottom #formresponse p {font-size: 16px; text-align: center; font-weight: 400; margin: 0; padding: 0;} .indexbottom #formresponse p a {font-weight: 700;} .indexbottom #formresponse p span { font-weight: 700;} .indexvendors {position: relative; padding: 60px 0px; float:left; width:100%; } .indexvendors:before {content: ''; position: absolute; top:0;right:0;left:0;bottom:0;background-color:#009ddc;opacity: 0.7;} .indexvendors .vendortitle {position: relative; width:100%; display: block; text-align: center; padding-bottom: 15px;} .indexvendors .vendortitle h1 {color:#000;} #newvendorslide {position: relative;} #newvendorslide .slick-slider {position: relative; max-width:1300px; margin: 0 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;} #newvendorslide .slick-slide {padding-top:20px; padding-bottom:20px;} #newvendorslide .slick-slide > div {padding: 0px 0px; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1);} #newvendorslide .slick-center > div {-webkit-transform: scale(1); transform: scale(1);} #newvendorslide .item {position: relative;} #newvendorslide .item a {display: block; position: relative; background:#000; padding: 0px; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition:all 0.4s ease 0s;} #newvendorslide .item a:hover {} #newvendorslide .item a img {position: relative;padding: 3px; border-radius: 0px 0px 3px 3px; background:#fff;} #newvendorslide .item span.name {display:table; position: relative; width:100%; height:60px; font-size: 18px; line-height:20px; text-align: center; color:#ffc425; letter-spacing: 1.8px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0px 0px;} #newvendorslide .item span.name > span {display: table-cell; width:100%; height:100%;vertical-align: middle; position: relative;} .indexvendors .vendor-arrows {} .indexvendors .vendor-arrows button {z-index: 10; position: absolute; top:50%; margin-top:-25px; -webkit-appearance: none; appearance: none; border:1px solid transparent; background-color:rgba(255,255,255,0.85); font-size: 17px;color:#000; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; border-radius: 3px; width:41px; height:41px; padding: 0} .indexvendors .vendor-arrows button:hover {border-color:#000;} .indexvendors .vendor-arrows button i {font-size: 22px;line-height: 1; display: block; position: relative;} .indexvendors .vendor-arrows button.slick-prev { left: -5px;} .indexvendors .vendor-arrows button.slick-next { right: -5px;} .indexvendors .vendor-arrows button.slick-prev i {left: -1px;} .indexvendors .vendor-arrows button.slick-next i {right: -1px;} .indexvendors .morebtn {position: relative; display: block; text-align: center; width:100%; margin: 20px auto 0px auto; overflow: hidden; padding: 10px 0 0; } .indexvendors .morebtn .btn {padding: 10px 15px; border:0 none; border-radius: 3px; font-size: 20px; color:#ffc425; background-color:#000; letter-spacing: 1.8px; font-weight: 400; font-family: 'Open Sans', sans-serif;line-height: 1.3; -webkit-transition: all 0.4 ease; -moz-transition: all 0.4 ease; transition: all 0.4 ease; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} .indexvendors .morebtn .btn:hover {background:#fff;color: #000;} /* Inside Pages */ .breadcrumbs {position: relative;} .breadcrumbs .container-fluid {padding-top:30px;padding-bottom: 30px;} .breadcrumbs .container-fluid > div {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack:start; justify-content: flex-start; color:#004E83;font-size: 13px; line-height: 1;} .breadcrumbs a {padding: 1px 0px 4px 0px; position: relative; display: block; float:left;} .breadcrumbs a.last {text-decoration: none; cursor: text;} .breadcrumbs span {font-size: 11px; display: block; float:left; position: relative; margin: 0 5px;} .breadcrumbs span i {position: relative; top:1px;} .innercontent {position: relative; padding-bottom:20px; float:left; width:100%;} .rightcolumn {padding-bottom: 42px;} .fullcolumn {padding-left: 0; padding-right: 0; padding-bottom: 42px;} /* .fullcolumn .pagetitle { padding-top:9px;} .fullcolumn .pagetitle:after {display: none;} .fullcolumn .pagetitle h1 {letter-spacing: normal; font-weight: 800; color:#017acb; font-size: 32px; font-family: 'Gothic A1', sans-serif;} */ .mixitup-page-list {display: -webkit-box; display:-ms-flexbox; display:flex; padding: 20px 0 0 0;margin: 15px auto 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #ddd;} .mixitup-page-list a {text-decoration: none; padding: 7px 12px 5px; color:#000;font-size:15px; cursor: pointer;border-color:#009DDC;font-weight: 700;line-height: 1.3;} .mixitup-page-list a.pager.mixitup-pager-active {color:#000; border-color:#00B259; background-color: #fff;} .mixitup-page-list li.page-item {margin: 0 2px;} .mixitup-page-list li.page-item.active a.pager {border-color:#00B259;} .mixitup-page-list a.pager:hover {border-color:#00B259;background-color:#fff;color:#000;} .mixitup-page-list li.page-item a {border-radius: 3px;} .mixitup-page-list a.mixitup-pager-prev {color:#000;background-color:transparent;border-color:transparent;} .mixitup-page-list a.mixitup-pager-next {color:#000;background-color:transparent;border-color:transparent;} .mixitup-page-list a.mixitup-pager-disabled {color:#eee; cursor: not-allowed;} .mixitup-page-list a.mixitup-pager-disabled:hover {color:#eee;} #cat.hidepager .mixitup-page-list {display:none;} .mixitup-mixitup-page-list-disabled {display:none;} .pagetitle {position: relative; display: block; margin: 0 auto 40px 0px; padding: 0 0 9px; border-bottom: solid 1px rgba(0, 0, 0, 0.2);} .pagetitle:after {content: ''; position: absolute; bottom:-1px; left: 0px; width:33.336%; max-width: 117px; height:1px; background:#009ddc;} .pagetitle h1 {font-weight: 400; font-size: 30px; line-height: 1.3; font-family: 'Open Sans', sans-serif; color:#000;letter-spacing: 1.8px; margin: 0; padding: 0;} .subtitle {display: block; width:100%; position: relative; margin: 0 auto 0px auto; float:left;} .subtitle h2 {position: relative; margin: 0 auto 20px auto;} .navtitle {position: relative; padding: 0; z-index: 2} .navtitle > span {border-bottom: solid 1px rgba(0, 0, 0, 0.2); display: block; position: relative; padding: 9px 0px; margin: 0 auto 36px; font-size: 22px; font-weight: 400; line-height: 1.3; font-family: 'Open Sans', sans-serif; color:#000; letter-spacing: 1.8px;} .navtitle > a {border-bottom: solid 1px rgba(0, 0, 0, 0.2); display: block; position: relative; padding: 9px 30px 9px 0px; margin: 0 auto 36px; font-size: 22px; font-weight: 400; line-height: 1.3; font-family: 'Open Sans', sans-serif; color:#000; letter-spacing: 1.8px; text-decoration: none;} .navtitle > a i {position: absolute; right:10px; top:50%; margin-top: -12px; font-size: 23px; color:#000; -webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .navtitle > a:focus {transition: none !important; -webkit-animation: csAnimateFocus .7s forwards; animation: csAnimateFocus .7s forwards;} .navtitle > a[aria-expanded=true] i {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} #accordion > ul {position: relative; width: 100%;} #accordion > ul li {position: relative; width:100%; display: block;padding: 0px; } #accordion > ul > li {animation: flipdown 0.5s ease both; animation-delay:0.5s; } #accordion > ul li > a {font-family: 'Gothic A1', sans-serif; font-size: 15px; font-weight: 700; line-height: 1.27; padding: 11px 0 8px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); display: block;color:#004e83; text-decoration: none; position: relative; } #accordion > ul li > a:hover {border-color:#000;} #accordion > ul li > a.activelink {border-color:#000; color:#000;} #accordion > ul ul {position: relative; width: 100%;} #accordion > ul ul li {} #accordion > ul ul li a {padding-left:20px;} #accordion > ul ul li.active > a {border-color:#000; color:#000;} #accordion > ul li.active ul.addscroll {max-height:300px;} #accordion > ul ul .mCustomScrollBox {width:100%;} #accordion > ul ul .mCSB_scrollTools {right: 0;} .mCSB_scrollTools a {border:none;background:none;} /* Directions accordion */ #accordion > ul > li.single ul {display: none;} #accordion > ul.maplist > li > a {border-color:#000; color:#000;} /* End Directions accordion */ #busaccordion > ul {position: relative; width: 100%;} #busaccordion > ul li {position: relative; width:100%; display: block;padding: 0px;} #busaccordion > ul > li {animation: flipdown 0.5s ease both; animation-delay:0.5s; } #busaccordion > ul li.card {border: 0 none; border-radius: 0;} #busaccordion > ul li > a {font-family: 'Gothic A1', sans-serif; font-size: 15px; font-weight: 700; line-height: 1.27; padding: 11px 0 8px; border:0 none; border-bottom: solid 1px rgba(0, 0, 0, 0.2); display: block;color:#004e83; text-decoration: none; position: relative; border-radius: 0; background:none;} #busaccordion > ul li > a:hover {border-color:#000;} #busaccordion > ul > li.active > a {border-color:#000; color:#000;} #busaccordion > ul ul {padding: 0;} #busaccordion > ul ul li {} #busaccordion > ul ul li a {padding-left:20px;} #busaccordion > ul ul li.active > a {border-color:#000; color:#000;} #busaccordion > ul li.active.needscroll .card-body {max-height:250px;} #busaccordion > ul ul .mCustomScrollBox {width:100%;} /* Locations accordion */ #busaccordion ul.locationlist li a.activelink {border-color:#000; color:#000;} /* End Locations accordion */ /* Discounts */ .toplinks .col-12 {margin-top:0px; margin-bottom:20px;} .toplinks a.btn {background-color:#fff; color:#000; padding: 10px 15px 10px 15px; border-radius: 3px; border: 1px solid #009DDC; height:70px; -webkit-box-pack: start;-ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display:-ms-flexbox; display:flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; font-size: 20px; font-weight: 700; text-align: left; line-height: 1.2; -webkit-transition: border 0.4s ease 0s;-moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s;} .toplinks a.btn:hover {border-color:#00b259;} .toplinks a.btn i {position: absolute; font-size:28px; right:10px; width:28px;height:28px; line-height: 1; color:#000;text-align: center;} /* Category */ .discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;} #allCat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0;} #allCat .grid {margin: 15px auto 1.6rem; 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;width:100%;} #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;} #allCat .item a {text-align: center; padding: 5px 10px; position: relative; text-decoration: none; height: 70px; border-radius: 3px; font-weight: 600; line-height: 1.3; background-color:#004E83; border:solid 1px rgba(255, 255, 255, 0.2); color:#fff;} #allCat .item a:hover {background:#0C2340;color:#fff;} #allCat .subtitle h2 {display: none;} #allCat .subtitle h2.active {display: block;} /* FOrm Pages */ p.formpagetext {font-size: 16px; line-height: 25px;} /* Error Pages */ .errorpage {float:left; width:100%; height:auto; display: block; position: relative; text-align: left; padding: 0 0 1.6rem 0; background:none;} .errorpage.search p.formpagetext {padding-top: 0; padding-bottom:0; margin-bottom:10px;} .errorpage.search p.last {font-weight: normal; padding-top:0; padding-bottom:0; margin-bottom:0;} .errorpage p > span {font-weight: 700;} .outersearch span.caret {display: inline-block;width: 0; height: 0; margin-left: .355em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: relative; top:2px;} .outersearch a.toggle.open span.caret {border-bottom: .3em solid; border-top: 0;} .results p.search {font-style: italic; text-align: center; padding:0px; margin: 0px 0 0 0; font-weight: 400;} .outersearch { overflow: hidden; width:100%; height:auto; display: block; position: relative; } #searchouter {float:left; width:100%; height: auto; padding:0px; position: relative; display:block;} #searchouter form {position: relative; background:#fff; width: 700px; max-width:100%; margin: 20px auto 10px; padding: 0px; height:auto; overflow: hidden;} #searchouter form input {width:100%; font-size: 18px; font-weight: 400; border: 1px solid #cdcdcd; padding: 12px 50px 8px 20px; height:54px;border-radius: 2px; background:#f9f9f9; -webkit-appearance: none; appearance: none; line-height: 1.4; color:#004e83; letter-spacing: 1px;} #searchouter form ::-webkit-input-placeholder {color:#004e83;letter-spacing: 1px;} #searchouter form button {font-size: 24px; border: none; background: none; position: absolute; right:5px;top:50%; padding: 0; width:50px; text-align: center;color:#004e83; margin-top: -18px;} #searchouter form button i.spin {display:block; position: relative;-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear;} .searchresults { overflow: hidden; position: relative; width:100%; height: auto; display: block; margin: 0px auto 0 auto; padding: 0;} .searchresults a span.category {display:none;} #searchgrid .pagination {margin-top:25px; border-top: none;} #searchfilter {padding:0px; width:100%; height:auto; position: relative; margin: 0 auto; display:none; border-bottom:0px solid #E9E9E9;} #searchfilter > div {margin: auto; padding: 20px 0px;width:100%; float:left; text-align: center;} .resultstext {overflow: hidden; width:100%; display: block; position: relative; margin: 0 auto 15px; padding: 0px 0px;} .resultstext > span {display: block; position: relative; padding: 0 0 0 0px;font-size:21px; font-weight: 400; line-height:46px;} .resultstext span#search-string {font-weight: 700; color:#ee3224;} .resultsfilter {float:left; width:100%; display: block; position: relative; margin: 0px auto 20px; padding: 0 5px; background:none;} .resultsfilter.nothing {margin: 0 auto 0; border:0;} .searchresults.nosearch .resultsfilter {margin: 0; border-top:1px solid #ddd} #list-tab {} #list-tab a {width: calc(20% - 8px); font-size: 17px; color:#fff; background:#004b87; padding: 11px 4px; text-align: center;margin: auto; -webkit-transition: all .45s ease; transition: all .45s ease; text-decoration: none;border-radius: 3px; margin: 4px; box-sizing: border-box; word-break: break-word; border:1px solid #004b87; font-weight: 600; } #list-tab a:hover {color:#fff;background:#009ddc; border-color:#009ddc;} #list-tab a.mainactive { color:#fff; background:#009ddc; border-color:#009ddc;} #results {overflow: hidden; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0px 0px; min-height:200px; } .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;} #searchgrid .gridouter { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;} #searchgrid .gridouter .grid {margin: 0px auto 0px; width:100%; height:auto; position: relative; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #searchgrid .gridouter .grid > .mix {overflow: hidden; position: relative;margin: 0 0 0px 0; text-align: center; padding-left: 15px; padding-right:15px;} #searchgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #searchgrid .mix a {display: block; height:auto; width:100%; text-align: center; padding: 11px 0px 8px; position: relative; text-decoration: none; background:#fff; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.2); text-transform: none; color:#004E83; border-radius: 0px; line-height: 1.3; font-weight: 400; -webkit-transition:all 0.4s ease 0s; transition: all 0.4s ease 0s; font-size: 18px; text-align: left;} #searchgrid .mix a:hover {border-color:#000;} .filterdropdown.show a.btn {background:#fff;border-color:#00B259;color:#000;} .filterdropdown.show a.btn:hover {color:#000;} .filterdropdown .dropdown-menu {box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1); min-width:210px;} .filterdropdown .dropdown-menu a {text-decoration: none; border:none; transition:none; font-size: 16px;} .filterdropdown .dropdown-menu a:hover {color:#111;background:#f4f4f4;} .filterdropdown .dropdown-menu a:active {background:none; color:#111} .filterdropdown .dropdown-menu a.mainactive {color:#000; font-weight: 700;} /* Search Page */ #searchpage span.caret {display: inline-block;width: 0; height: 0; margin-left: .355em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: relative; top:2px;} #searchpage .filterdropdown.show span.caret {border-bottom: .3em solid; border-top: 0;} #searchpage {overflow: hidden; width:100%; height:auto; display: block; position: relative;} #searchpageouter {float:left; width:100%; height: auto; padding:0px; position: relative; display:block;} #searchpageouter form {position: relative; background:#fff; width: 700px; max-width:100%; margin: 20px auto 10px; padding: 0px; height:auto; overflow: hidden;} #searchpageouter form input {width:100%; font-size: 18px; font-weight: 400; border: 1px solid #cdcdcd; padding: 12px 50px 8px 20px; height:54px;border-radius: 2px; background:#f9f9f9; -webkit-appearance: none; appearance: none; line-height: 1.4; color:#004e83; letter-spacing: 1px;} #searchpageouter form ::-webkit-input-placeholder {color:#004e83;letter-spacing: 1px;} #searchpageouter form button {font-size: 24px; border: none; background: none; position: absolute; right:5px;top:50%; padding: 0; width:50px; text-align: center;color:#004e83; margin-top: -18px;} #searchresults {overflow: hidden; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0px 0px; min-height:200px;} #searchresults p.formpagetext {font-style:italic; padding-top:20px;padding-bottom:0;margin: 0;text-align: center;} #searchresults p.formpagetext.noresults {padding-top:0;} .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;} #resultsgrid {width:100%; height:auto; position: relative; padding: 0; margin: 0px auto 0px auto; float:left;} #resultsgrid .gridouter { padding-top: 0px; padding-bottom: 15px; float:left; width:100%; height: auto; position: relative; display:block;} #resultsgrid .gridouter .grid {margin: 0px auto 0px; width:100%; height:auto; position: relative; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #resultsgrid .gridouter .grid > .mix {overflow: hidden; position: relative;margin: 0 0 0px 0; text-align: center; padding-left: 15px; padding-right:15px;} #resultsgrid .mix > div {padding: 0 0px; box-sizing: border-box; margin: 0 0 0px 0;} #resultsgrid .mix a {display: block; height:auto; width:100%; text-align: center; padding: 11px 0px 8px; position: relative; text-decoration: none; background:#fff; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.2); text-transform: none; color:#004E83; border-radius: 0px; line-height: 1.3; font-weight: 400; -webkit-transition:all 0.4s ease 0s; transition: all 0.4s ease 0s; font-size: 18px; text-align: left;} #resultsgrid .mix a:hover {border-color:#000;} #resultsgrid .pagination {margin-top:25px; border-top: none;} #main.searchpage #searchfilter {display:block;} /* Cats */ #cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px auto 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; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #cat .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ overflow: hidden; position: relative; padding: 7px 0.5rem; margin: 0 0 5px;} #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: 0;} #cat .item a {display: block; width:auto; height: auto; position: relative; margin: 0; padding: 0;} #cat span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0px 0 0 0; border: 1px solid transparent; -webkit-transition: border .2s ease;-moz-transition: border .2s ease;-ms-transition: border .2s ease;-o-transition: border .2s ease;transition: border .2s ease; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} #cat a:hover span.outerimg {border: 1px solid #004e83;} #cat span.outerimg img {margin: 0 auto; position: relative; display: block;} #cat span.busname { display: table; width:100%; height:50px;position: relative; text-align: center; margin: 0px auto 0px; padding: 0; } #cat span.busname > span {display: table-cell; vertical-align: middle;position: relative; line-height: 18px; font-weight: 600;} div.allLoc {float:left; width:100%; text-align: center; position: relative; display: block; margin: 35px auto 0 auto; padding:0;} div.allLoc a.btn > i {margin-right: 10px; position: relative;} /* Vendors */ #vendordiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px auto 0; padding: 0;} #vendordiscounts .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #vendordiscounts .grid .item {filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: relative; padding: 7px 0.5rem; margin: 0 0 5px; transition: opacity 250ms ease-in;} #vendordiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #vendordiscounts .item .img {display:block; position: relative; width:100%; height: 100%; margin: 0; padding: 0;} #vendordiscounts .item a {display: block; width:auto; height: auto; position: relative; margin: 0; padding: 0;border:none;} #vendordiscounts span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0; border: 1px solid transparent; -webkit-transition: border .2s ease;-moz-transition: border .2s ease;-ms-transition: border .2s ease;-o-transition: border .2s ease;transition: border .2s ease; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); } #vendordiscounts a:hover span.outerimg {border: 1px solid #004e83; } #vendordiscounts span.outerimg img {margin: 0 auto; position: relative; display: block;} #vendordiscounts span.busname { display: table; width:auto; height:50px;position: relative; text-align: center; margin: 0px auto 0px; padding: 0; } #vendordiscounts span.busname > span {display: table-cell; vertical-align: middle;position: relative; line-height: 18px; font-weight: 600;} /* New Vendors */ #newvendors {position: relative; display:block; float:left; width:100%; height:auto; margin: 20px 0 10px 0; padding: 0;} #newvendors p {font-style: italic; padding: 0; margin: 0;} #newvendors .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #newvendors .grid .item {overflow: hidden; position: relative; padding: 0 0.6rem; margin: 0 0 1rem; filter: alpha(opacity=0); opacity: 0;transition: opacity 250ms ease-in;} #newvendors .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #newvendors .img {display:block; position: relative; width:100%; height: 100%; margin: 0; padding: 0;} #newvendors .img .outerimg {width:100%; display: block; position: relative; } #newvendors .img .outerimg img {position: relative; display: block; border: 2px solid #ddd; margin: 0 auto; -webkit-transition:border .2s ease-in;transition:border .2s ease-in; border-radius: 3px;} #newvendors .img .busname {display: -webkit-box; display:-ms-flexbox; display:flex; width:auto; height: 50%; padding: 0px 0px; position: absolute; bottom: 0; z-index: 1; margin: 0 0 0 0; background-color:rgba(0, 0, 0,0.75); color:#fff; left: 2px; right: 2px; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center; align-items: center; font-weight: 600;} #newvendors .img .busname > span {display:block; margin: 0 auto 0 auto; padding: 0 3px; position: relative;text-align: center; line-height:1.2;} #newvendors .img a:hover .outerimg img {border-color:#004e83;} #newvendors .img a:hover .busname {background-color:#004e83;} div.newvendorfilter {float:left; width:100%; text-align: center; position: relative; display: block; margin: 0px auto 10px auto; padding:0;} div.newvendorfilter a.btn {position: relative;} div.newvendorfilter a.btn > i {margin-left: 10px; position: relative;} div.newvendorfilter.show a.btn {border-color:#00b259} #newvendordd {max-height: 300px; -webkit-font-smoothing: antialiased;} #newvendordd a.dropdown-item {color:#000;} #newvendordd a.dropdown-item:hover {color:#00b259; background:none;} #newvendordd a.dropdown-item:active, #newvendordd a.dropdown-item:focus {background:none; color:#000;} #newvendordd a.dropdown-item.mainactive {font-weight: 600; color:#00b259;} /* National Discounts */ .subtitle.nationaltitle > h2 {display:none;} #nationaldiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin:0px auto 0px auto; padding: 0;} #nationaldiscounts .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px auto 0 auto; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #nationaldiscounts .grid .item {/*filter: alpha(opacity=0); opacity: 0;*/ overflow: hidden; position: relative; padding: 7px 0.5rem; margin: 0 0 5px;} #nationaldiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #nationaldiscounts .item a {display: block; position: relative; padding: 0 0px; margin: 0; width: 100%; height: auto; text-decoration: none; border:none;} #nationaldiscounts .item a span.outerimg {position: relative; width:auto; height:auto; display:block; padding: 4px; margin: 0; border: 1px solid transparent; -webkit-transition: border .2s ease;-moz-transition: border .2s ease;-ms-transition: border .2s ease;-o-transition: border .2s ease;transition: border .2s ease; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); } #nationaldiscounts a:hover {background:none; color: #004e83;} #nationaldiscounts a:hover span.outerimg {border-color: #004e83;} #nationaldiscounts .item a span.outerimg > span.img {margin: 0 auto; position: relative; display: block;} #nationaldiscounts .item a span.outerimg > span.img img {padding: 10px 0px;} #nationaldiscounts span.busname { display: table; width:auto; height:60px;position: relative; text-align: center; margin: 0px auto 0px; padding: 0;} #nationaldiscounts span.busname > span {display: table-cell; vertical-align: middle;position: relative; line-height: 18px; font-weight: 600;} #nationaldiscounts .busname > span:after {position: absolute; content: ""; height: 2px; background:#004e83; width:0; left: 0; bottom:5px;-webkit-transition: all ease .25s; -moz-transition: all ease .25s; -o-transition: all ease .25s; transition: all ease .25s;} #nationaldiscounts .item a:hover .busname > span:after {width:100%;} #nationaldiscounts .item a span.discount {position: absolute; left: 0;top: 0; right: 0;bottom:0; line-height: 20px;display:none; width:100%;height:100%; display: -webkit-box; 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; background-color:rgba(0, 75, 135,0.95);opacity: 0; -webkit-transition: all ease-in 50ms; -moz-transition: all ease-in 50ms; -o-transition: all ease-in 50ms; transition: all ease-in 50ms; border-radius: 0px;} #nationaldiscounts .item a span.discount > span {display:block;text-align: center; color:#fff; position: relative; font-weight: 600;} #nationaldiscounts .item a:hover span.discount {opacity: 1;} fieldset.filter-group {float:left; width: 100%; display:block; text-align: center; margin: 0px auto 25px auto;} fieldset.filter-group input {width: 100%; max-width: 500px; margin: 0 auto; border-radius: 0px; border-color:#ddd; border-width:2px; height:50px; letter-spacing: 1px;color:#004e83;} fieldset.filter-group input::placeholder {color:#004e83;font-family: 'Gothic A1', sans-serif; letter-spacing: 1px;} .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; font-size: 16px;} /* Business */ #bus {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0;} .subtitle.businesstitle > h2 {text-align: center; color:#017acb;} .businessContent {min-height: 0px; float:left; height: auto; width:100%; padding: 0; margin: 10px auto 0px;position: relative;display:block; } .bus-image {display:block; height: auto; width:100%; position: relative; margin: 0 auto; padding: 0; float:left; text-align:center;z-index: 1;} .bus-image > div {position: relative; display: block; text-align: center; margin: 0px auto; padding: 0; width:auto; max-width:100%;border: none; border-radius:0;} .bus-image img.bus-ad {position: relative; display: block; text-align: center; margin: 0px auto;padding: 5px; width:100%; border:0px solid #ddd; background-color:#ffffff; z-index: 2; filter: alpha(opacity=0); opacity: 0; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} html.chrome .bus-image img.bus-ad {filter: alpha(opacity=100);opacity: 1; } .businesslinks {width:100%; height:auto; display: block; position:relative; margin:25px auto 0px; padding: 0; float:left;} .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 > ul > li > a.btn {border-radius: 3px; font-size: 16px; padding: 7px 12px 6px;color:#fff; background-color:#004E83; font-weight: 600; letter-spacing: normal; text-transform: uppercase; } .businesslinks > ul > li > a i {position: relative; top:1px; margin-right: 7px; } .businesslinks > ul > li > a.btn:hover {background-color:#00b259;color:#fff;} .businesslinks > ul > li.drop.show > a.btn {background:#08415c;} .businesslinks .dropdown-menu {padding: 5px 0rem; -webkit-font-smoothing: antialiased;} .businesslinks .dropdown-menu a {display: block; text-decoration: none; padding: 5px 10px;white-space: nowrap;border:none; font-size: 15px; text-transform: capitalize; font-weight: 600;} .businesslinks .dropdown-menu a:hover {background:#eee;color:#000;} .businesslinks .dropdown-menu span.divider {height:1px; width:100%; background:#ddd; display:block; padding: 0; margin: 2px auto;} .businesslinks .dropdown-menu span.divider:last-child {display: none;} /* LANGUAGE ADS */ #alternate-ad {display:none; text-align: left; margin: 0px auto;padding: 10px; width:520px;border:1px solid #eee; background-color:#ffffff; z-index: 2;} #alternate-ad p {margin:0 0 1em 0;} #alternate-ad p.smaller {font-size:12px; line-height:16px;} #alternate-ad ul {position: relative; margin: 0 0 10px;} #alternate-ad ul li {list-style-position: inside; list-style-type: disc;} #alternate-ad ol {position: relative;margin: 0 0 10px} #alternate-ad ol li {list-style-position: inside; list-style-type: decimal;} /* Directions & Locations */ div.gm-style {font-family: 'Gothic A1', sans-serif !important; color: #555; 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: #111 !important; margin:0; padding:0 2px 5px 2px;border-bottom: 0px solid rgba(200, 201, 199, 0.5); font-family: 'Gothic A1', 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: 'Gothic A1', sans-serif !important; background-color:#fff; -webkit-font-smoothing: subpixel-antialiased; font-size:17px !important; line-height:24px !important; color:#575757 !important;} .infoWindow h5 {display:block;line-height:20px; font-size:15px; font-weight:bold !important; color: #555 !important; margin:0; padding:0; font-family: 'Gothic A1', sans-serif !important;} #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: 'Gothic A1', 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: 'Gothic A1', 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: 'Gothic A1', 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:#575757;} .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:#575757; font-family: 'Gothic A1', 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:#575757; font-family: 'Gothic A1', 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: 'Gothic A1', sans-serif !important; font-weight: 400 !important; text-decoration: underline; color:#000000 !important; padding: 0px 0px 5px 0px !important; text-transform: none; font-size:13px; display: block !important;} .gm-control-active.gm-fullscreen-control {width:30px !important; height: 30px !important; } .gm-control-active.gm-fullscreen-control > img {margin: 0px !important;} .gmnoprint.gm-bundled-control {right:0px !important; margin: 0px !important;} .gmnoprint.gm-bundled-control > div {left: auto !important; right: 0px !important; margin: 10px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div {width: 30px !important; height: 61px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button {width:30px !important; height: 30px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button > img {margin: 0px 0px 0px !important; width:11px !important; height: 11px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button:focus > img {margin: 0px 0px 0px !important; } .gmnoprint.gm-bundled-control .gmnoprint > div > button:active > img {margin: 0px 0px 0px !important; } .gmnoprint.gm-bundled-control .gmnoprint > div > div {width: 21px !important;} button.gm-control-active + .gmnoprint:not(.gm-bundled-control) {right: 40px !important;} .gmnoprint .gm-style-mtc {font-family: 'Gothic A1', sans-serif !important; font-size: 12px !important;} .gmnoprint .gm-style-mtc > div[role=button] {font-family: 'Gothic A1', 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: 'Gothic A1', sans-serif !important; color:#575757;} .infowindow .title {font-family: 'Gothic A1', sans-serif !important; font-weight:700 !important; padding:0px 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:16px; line-height:20px !important;color:#004b87; -webkit-font-smoothing: subpixel-antialiased;} .infowindow .title > span {font-style: italic !important; font-weight: normal !important; display: block; color:#111; font-size:15px;} .infowindow .address {color:#575757; font-weight: normal !important; padding: 0 0 0px 0px !important; margin: 0 0 0px 0px !important; -webkit-font-smoothing: subpixel-antialiased; } .infowindow .address .address-line {color:#575757; line-height:1.2; font-size:14px;} .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:16px; background-color: #004b87; padding: 6px 25px 6px 12px; color:#fff; border-radius: 3px; font-family: 'Gothic A1', sans-serif; text-transform: none;font-weight: 600; border:none;} .infowindow .discountlink > a:hover {color:#fff; background-color:#009ddc;} .infowindow .discountlink > a i {font-size:12px; position: absolute; width:12px; height: 12px; line-height: 12px; right: 5px; top: 50%; margin: -6px 0 0 0;} /* Locations */ .locationContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 0px auto 20px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .locationouter {width:100%; height: 400px; border:1px solid #ddd; display:inline-block; position:relative; padding:5px; margin: 0 auto; background: #fff; border-radius:3px;} #location_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:#f2f2f2;} #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: 0px auto 20px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .mapouter {width:100%; height: 400px; border:1px solid #ddd; display:inline-block; position:relative; padding:5px; margin: 0 auto; background: transparent; background-color:#fff;border-radius: 3px;} #directions_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:#f2f2f2;} #directions_map .gm-style .gm-style-iw > div {min-width:150px;} .extrabutton {display: block; position: relative; margin: 18px auto 0 auto; float:left; width:100%; text-align: center;} .extrabutton .btn {width:100%; max-width:400px; margin: 0 auto; border-radius: 3px; text-align: left; padding: 8px 12px 8px 45px; font-size: 16px; line-height: 1; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height:60px; color:#000; font-weight: 800; border:1px solid #009ddc; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s;} .extrabutton .btn:hover {border-color:#00b259;} .extrabutton .btn i {position: absolute;left: 15px;top:50%; margin-top:-9px; height:18px;width:18px;line-height:1; text-align: center;} 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: 600;} div.geo a i {position: relative; margin-right: 7px;} #form-outer {width:100%; position: relative; margin: 20px auto 20px auto; float:left; display:block;} #form-outer > form {width:100%; height: auto; display: block; position: relative;float:left; margin: 0 auto;} #form-outer > form input {border-radius: 2px; width:100%; border:1px solid #cdcdcd; -webkit-appearance: none; appearance: none; background:#f9f9f9; font-size:18px; position: relative; display: block; height:50px; padding: 5px 50px 0px 20px; color:#004e83; letter-spacing: 1px; line-height: 1.4;} #form-outer > form input:focus {border-color:#004e83;} #form-outer > form ::-webkit-input-placeholder {color:#004e83;} #form-outer > form button {position: absolute; top: 1px; right: 10px; border: 0 none; padding: 0; width:40px; height: 50px; line-height: 50px; text-align: center; outline: none !important; border-radius: 0; background:none; color:#004e83; font-size: 24px;} #form-outer > form button:hover {color:#009ddc;} #directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; padding: 0px; background: transparent;} #directions .panel {position:relative; background-color:transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; padding: 1.35em 1em;} #directions .panel .panel-heading {position:relative;font-size:18px; background-color:transparent; border: 0 none; margin-bottom:25px; font-weight: 400; padding: 15px 30px 15px 0px; border-radius: 0; border-bottom:1px solid #000;} #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;} .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; color:#00245d; 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; font-size:24px; margin: 0 0 0px 0px; padding: 0; line-height:1.3; font-weight:800; color:#004e83; text-transform: none; font-family: 'Gothic A1', sans-serif;} .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: 20px;} .mapbottom h3.toLocation span.destination_name {font-weight: 800;} .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 rgba(0, 0, 0, 0.07);} #instructions > li span.steps b {font-weight: 800;} #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;color:#575757;font-style: italic; font-weight: 400;} /* LTO */ .ltocontent {float: left;height: auto; width: 100%; padding: 0px; margin: 0px auto 0px auto; position: relative; display:none;} #ltodiv #preloader {-webkit-transform: translateY(0); transform: translateY(0); top:50%;} p.formpagetext.lto {margin: 0; text-align: center; font-size: 17px;} .ltocontent .subtitle > h2 {text-align: center; color:#017acb;} /* LTO - All */ #all.ltocontent {margin:30px auto 0px auto;} #all.ltocontent .col-sm-6 {position: relative; margin: 0 0 25px 0;} #all.ltocontent a {display: block; position: relative; padding: 0 15px; margin: 0; width: 100%; height: auto; text-decoration: none; border:none; background:none;} #all.ltocontent a span.outerimg {display: block; width: 100%; height:100%; margin: 0 auto; position: relative; } #all.ltocontent a span.outerimg img {margin: 0 auto; padding: 4px; border-radius:3px;background-color:#fff;border: 1px solid transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); display:block; position: relative; width:auto; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease-in .25s; -moz-transition: all ease-in .25s; -o-transition: all ease-in .25s; transition: all ease-in .25s;} #all.ltocontent .busname {width:auto; display: table; height:60px; position: relative; margin: 0 auto;} #all.ltocontent .busname > span {display: table-cell; vertical-align: middle; margin: 0 auto 0 auto; text-align: center; position: relative; font-size: 18px; font-weight: 600;} #all.ltocontent .busname > span:after {position: absolute; content: ""; height: 2px; background:#004e83; width:0; left: 0; bottom:5px;-webkit-transition: all ease .25s; -moz-transition: all ease .25s; -o-transition: all ease .25s; transition: all ease .25s;} #all.ltocontent a:hover span.outerimg img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} #all.ltocontent a:hover .busname > span {color:#004e83;} #all.ltocontent a:hover .busname > span:after {width:100%;} /* 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; } .lto-wrapper .outerlto {display:block; width:auto; height:auto; position: relative; padding: 4px; margin: 0 auto; background:#fff; border-radius: 3px; border: 1px solid transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} .lto-wrapper.imageonly {border: 0 none;} #ltobox .links {width:100%; height:auto; display: block; position:relative; margin:25px auto 0px; padding: 0; float:left;} #ltobox .links > ul {display:block;position:relative;height:auto; width:100%; padding:0; margin:0px auto 0px;text-align:center;float:left;} #ltobox .links > ul > li {display:inline-block; position: relative; text-align: center; margin: 0; width:auto; height: auto; padding: 0px 5px 10px;} #ltobox .links > ul > li > a.btn {color:#fff; background-color:#009ddc; font-size: 16px; padding: 8px 12px 6px; font-weight: 600; text-transform: uppercase; line-height:1.4;} #ltobox .links > ul > li > a.btn:hover {background-color:#00b259; color:#fff;} /*** FORM PAGES ***/ .subtitle.form > h2 {text-align: center; color:#017acb;} span.suggesttitle {color:#004e83; font-weight: 700; font-size: 20px; float:left; width:100%; display: block; margin: 15px auto 10px; text-align: center;} .formpage {float:left; width:100%; height:auto; display: block; position: relative;} p.formpagetext {margin: 10px auto 0 auto; display: block; position: relative; text-align: center;} .formContainer p.smaller {margin: 15px 0 0; padding: 0; font-style: italic; font-weight: 400; font-size:13px; float:left; width:100%; display: block; text-align: center;} .formContainer {position: relative; float:left; width:100%; margin: 20px auto 0 auto; padding: 0px 0 0 0; border-top:0px dotted #ccc;} .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: 10px 0px; position: relative; float:left; width:100%;} .formContainer .form-group label {font-style: normal; font-weight: 700; position: relative; color:#575757;} .formContainer .form-group .form-control {position: relative; background:#f9f9f9; font-weight: 400; border:1px solid #ddd; height:40px; border-radius: 3px; color:#575757;} .formContainer .form-group ::-webkit-input-placeholder {} .formContainer .form-group textarea.form-control {height:auto;} .formContainer .form-group select.form-control { -webkit-appearance: none; -ms-appearance: none; appearance: none;height:42px;} .formContainer .form-group.select i {position: absolute; right: 0; width:40px; height:42px; line-height:42px; top:43px; margin:0px auto; text-align: center; font-size:16px;} .formContainer .eac-input-wrap > span {line-height: 1 !important; top: 5px !important;} .formContainer .eac-sugg {color:#ccc; cursor: pointer;} .formContainer .form-group .error label {} .formContainer .form-group .error label:after {content: '*'; position: absolute; color: #ee3224; padding: 0 0 0 5px; font-size:11px;top: 1px;} .formContainer .form-group .valid label:after {content: '✓'; position: absolute; color: #00b259; padding: 0 0 0 5px; font-size:11px; top: 1px;} .formContainer .form-group.error label {} .formContainer .form-group.error label:after {content: '*'; position: absolute; color: #ee3224; padding: 0 0 0 5px; font-size:11px;top: 1px;} .formContainer .form-group.valid label:after {content: '✓'; position: absolute; color: #00b259; padding: 0 0 0 5px; font-size:11px;top: 1px;} .formContainer .form-group .form-control.error {border-color: #ee3224;} .form-actions {text-align: center; position: relative; margin-top: 15px;} .form-actions button{} .formContainer .popover.fade {opacity: 1;} .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 {font-weight: 400; font-size: 15px; font-family: "Gothic A1", sans-serif; text-align: center;} #formresponse {float:left; width:100%; height:auto; position: relative;} #formresponse > div {float:left; width:100%; height:auto; position: relative; display:block; padding:20px 15px; background:#f9f9f9; border-radius: 3px; box-shadow: none; margin-top:10px; border:1px solid #ddd;} #formresponse > div p {margin: 0 0 0px; text-align: center; font-size: 16px;} #formresponse > div p span {font-weight: 700;} .formContainer.update #formresponse > div.success p {margin: 0 0 25px 0;} #formresponse table {margin: 0px auto 0px; width:100%; } #formresponse table td {font-weight: 700; font-size:16px; padding:8px 7px;} #formresponse table td:first-child {width:40%;} #formresponse table td:last-child {font-weight: 400;} #formresponse .table-bordered td {border-color:#fff;} #formresponse .table-bordered {border-color:#fff;} /* Faqs */ #faqs {float:left; width: 100%; height: auto; position: relative; display:block; margin: 10px 0 auto 0;} #faqs h4 {color:#004E83; font-size: 22px; font-weight: 800; margin: 0 auto 10px;} #faqs > div { display:block; width:100%; float:left; position: relative; margin: 0 auto 15px auto; background:#f9f9f9; padding: 15px; border: 0 none; border-radius: 3px;} #faqs > div p {margin: 0; font-weight: 400; font-size: 16px;} #faqs > div a {font-weight: 600;} .bottomsubscribe {float:left; width:100%; display: block; margin: 20px auto 20px; text-align: center;padding: 15px 0 0 0;background:#fff; border-radius: 3px; border: 0 none; border-top:1px solid #ddd;} .bottomsubscribe p {text-align: center;} .bottomsubscribe p:last-child {margin: 0;} .bottomsubscribe a {text-decoration: underline;} /* Contact */ .formContainer.contact #formresponse > div.success {background:none;border:none; border-radius: 0; padding: 10px;} p.formpagetext.contact {padding: 15px; background:#004E83; text-align: center; width:100%; margin: 0 auto; border-radius: 3px;color:#fff;font-weight: 600;} p.formpagetext > span.title {display: block;font-size:19px; font-weight: 800; position: relative; margin: 0 0 5px 0; color:#ffc425;} p.formpagetext > span.contact {display: block; position: relative;color:#fff; font-weight: 600;} p.formpagetext > span.contact a {color:#fff;} p.formpagetext > span.contact > span {display: inline-block; position: relative; line-height: 1.1;} p.formpagetext > span.contact > span:first-child {padding-right: 10px; margin-right: 10px; border-right: 1px dotted #eee;} p.formpagetext > span.text {font-style: italic; display: block; position: relative; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ddd;} /** Resource Library **/ .resourcecontent {display: block; float:left; position: relative; width:100%; height:auto;/*padding: 20px; background:#f2f2f2; border:1px solid #ccc;*/} #resources {/*display:-webkit-box; display:-ms-flexbox; display: flex; white-space: normal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;*/ -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; } .downloads {/*width:50%; display: inline-block;text-align: center; position: relative; margin: 0 auto;*/margin-bottom: 25px;} /*.downloads:after {height:70%; width:2px; position: absolute; right: 0; content: "";}*/ .downloads h3 {display: block; position: relative; width:100%; margin: 10px 0 15px; padding:0; text-align: center; letter-spacing: 1.8px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; line-height: 1.3; font-size: 24px;} .downloads .thumbnail {display: block; text-align: center; } .downloads .thumbnail img {width:75%; border: 0px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); padding:4px;background-color:#fff; border-radius: 3px;} .downloads .links {width: 100%; height: auto; display:-webkit-box; display:-ms-flexbox; display: flex; white-space: normal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center; -ms-flex-direction:row; flex-direction: row; position: relative;margin-top:15px;} .downloads .links a.btn {font-weight: 800;font-size: 16px;line-height: 1; padding: 12px 14px 9px;margin: 0 4px; background-color: #fff; border: 1px solid #009ddc; border-radius: 3px; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s; color:#000;} .downloads .links a.btn:hover {border-color:#00b259;} /* Terms & Privacy */ .policypage {float:left; width:100%; height:auto; display: block; position: relative; margin-top: 0px;color:#575757;} #terms {position: relative; float:left; width:100%;} #terms .terms {float:left; width:100%; display: block; position: relative; padding: 0; margin: 0 auto 25px auto;} #terms .terms.well {} #terms .terms.well h2 {padding: 0 0 9px; margin: 0 0 30px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); position: relative; font-size: 30px; font-weight: 400; font-family: 'Open Sans', sans-serif; color:#000; letter-spacing: 1.8px; line-height: 1.3;} #terms .terms.well h2:after {content: ''; position: absolute; left: 0; bottom: -1px; background: #009ddc; width: 33.336%; max-width: 352px; height: 1px;} #terms .terms.well p {color:#575757;} #terms .terms:not(.well):last-child {margin-bottom:0;} #terms .terms h3 {margin-bottom: 15px; position: relative; font-size: 16px; font-weight: 600;} #terms .terms p {margin-bottom: 15px;} #terms .terms p:last-child {margin-bottom:0;} #terms .terms p strong {font-weight: 600;} #terms .terms p.revised-date {} #terms .terms a {text-decoration: underline;} #privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 10px auto 0px auto; padding: 0; } #privacytable .table { background-color:#f9f9f9; margin-bottom:2rem;} #privacytable .table td {border-color:#e1e1e1; background-color:#fff; padding: .65rem .75rem;} #privacytable .table td a {text-decoration: none; border:none;} #privacytable > div:not(.table-responsive) {float:left; position: relative; width: 100%; display:block;} #privacytable > div .well {float:left; width:100%; height:auto; position: relative; margin-top:10px;margin-bottom: 20px; padding: 0 10px;} #privacytable h3 { position: relative; margin: 15px 0 20px 0; padding: 0 0 9px 0; font-weight: 400; font-size:24px; line-height:1.3; color:#000; border-bottom: solid 1px rgba(0, 0, 0, 0.2); font-family: 'Open Sans', sans-serif; letter-spacing: 1.8px;} #privacytable h3:after {content: ''; position: absolute; left: 0; bottom: -1px; background: #00B259; width: 33.336%; max-width: 352px; height: 1px;} #privacytable > h3 {margin: 0 0 15px 0; padding:0; border-bottom:0;} #privacytable > h3:after {display: none;} #privacytable p {margin: 0 0 10px;} #privacytable p > span {font-style: italic;} #privacytable p:last-child {margin: 0;} #privacytable h4 {margin: 0 0 10px;position: relative; font-size: 16px; font-weight: 600; } #privacytable ul {margin: 0 0 0 25px;position: relative;} #privacytable ul li {margin: 0 0 5px; list-style:disc; list-style-position: outside; position: relative;} #privacytable ul li:last-child {margin-bottom:0;} #privacytable ol {margin: 0 0 0px 25px; position: relative;} #privacytable ol li {margin: 0 0 5px 0; list-style:decimal; list-style-position: outside; position: relative;} #privacytable ol li:last-child {margin-bottom:0;} .formpage.accessibility h3 {text-align: center;} /* Mobile App */ body.mobileapp #main {background:none;} body.mobileapp .breadcrumbs {background:#fff;} body.mobileapp .container-fluid.apptop {background:#fff;} body.mobileapp .innercontent {padding-bottom: 0;} .apptop .subtitle h3 {color:#004b87; line-height: 1.5;} .apptop .row {position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .apptop p {font-weight: 400;margin: 0 0 15px 0;} .apptop h5 {margin: 20px 0 10px; font-size: 16px; float:left;width:100%;} .apptop ul {position: relative; float:left; width:100%;} .apptop ul li {position: relative; display:block; margin: 0 0 2px; padding: 0 0 0 15px;font-size: 16px;} .apptop ul li:last-child {margin: 0;} .apptop ul li i {font-size:9px; position: relative; line-height: 1; top:-3px; margin-right: 10px;} .apptop img {width:275px; position: relative; margin: 0px auto 0 auto; display:block;} .container-fluid.appbottom {padding-top: 50px; padding-bottom: 50px;} .container-fluid.appbottom .fullcolumn {padding-bottom: 0;} .appbottom .subtitle h3 {color:#000;margin-bottom: 15px; line-height: 1.5;} .appbottom p {color:#000; font-size: 16px; font-weight: 600;} .appbottom p a {color:#000;} .appbottom:before {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background:#009ddc; opacity: 0.7;} .appslides {position: relative; margin-top: 20px;padding: 0 0px;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;} .appbottom .appbox {width:100%; height:auto; position: relative; margin: 0 auto 0 auto; padding: 0; overflow: hidden; cursor: pointer; } .appbox > div { position: relative;overflow: hidden; margin: 15px 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); border-radius: 3px; background:#fff;} .appbottom .appbox div.instruct-list { position: relative;width:100%;height:250px; display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color:#fff; padding: 0 25px; } .appbox span.title {position: relative; display:block; width:100%; background:#000; padding: 20px 0px; font-weight:400; font-size:26px; color:#ffc425; z-index: 3; text-align: center; font-family: 'Open Sans', sans-serif; letter-spacing: 1.8px; line-height: 1.3;} .appbox span.title i.fab {position: relative; margin-right: 10px;} .appbox ul {position: relative; padding: 0px; width:100%; margin-left: 15px;padding-left: 10px; padding-right: 10px;} .appbox ul li {position: relative; text-align:left; padding: 0 0 4px 0px; margin: 0; list-style: decimal; list-style-position: outside; font-weight: 700; line-height: 1.5;} .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;} .appbottom #apphover {position:absolute; left: 0; top:73px; width:100%; height: 0; overflow:hidden; z-index:2; background-color:rgba(0, 0, 0,.85); display: block; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .appbottom #apphover button {border: 0 none; background-color:transparent; color:#fff; font-size: 28px; line-height: 30px;font-weight: 400; letter-spacing: 0; text-transform: uppercase; display:block; position: relative; padding: 0 10px; text-align: center; white-space: normal; width:100%; height: auto; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;} .appbottom #apphover button:hover {text-decoration: underline;color:#00b259;} .appbox > div:hover #apphover {height:250px;} /**** INFORMATION PAGES ****/ #mainimage {position: relative; float:left; width:100%;z-index: 1;background:#fff;} #mainimage > div {position: relative; width:100%; height:auto; overflow: hidden;} #mainimage > div img {width:100%; position: relative;} #mainimage .caption {position: absolute; z-index: 2; bottom:0; left: 0; right: 0; margin: 0 auto; width:100%;height: 100%; max-width:100%; 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; padding: 0 44px; } #mainimage .caption > div {padding: 0px; position: relative; width:auto; max-width:60%;} #mainimage .caption h1 {color:#004E83; font-family: 'Raleway', sans-serif; font-size: 32px; margin: 0; padding: 0;} #mainimage .caption p {color:#009DDC; font-size: 20px; font-weight: 700; padding-top:20px; line-height: 1.4} body.infopage #main {background:none;} #information {position: relative; float:left; width:100%; } #information > .container-fluid {position: relative; padding-top:50px;padding-bottom:75px;} #information > .container-fluid:after {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background:#009ddc; opacity: 0.7; z-index: 1;} #infoboxes {display:block; position: relative; height: auto; text-align: center; margin: 0 auto; padding: 0px 0 0 0; z-index: 2;} .flex-wrapper {clear: both;} .flex-wrapper > div {margin-top: 20px;} .flex-wrapper > div:last-child {margin-left: auto; margin-right:auto;} .flex-wrapper > div > div {position: relative; display:block; width: 100%; background: #fff; text-decoration: none; text-align: center; transition: all .25s ease; cursor: pointer; border-radius: 3px; border:0 none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);} .flex-wrapper .title {position: relative; display: block; width:100%; background:#000; padding: 20px 0px 20px; text-align: center; border-radius: 3px 3px 0px 0px;} .flex-wrapper .title h3 {color:#ffc425; font-size: 22px; position: relative; margin: 0; padding: 0; font-weight: 400; font-family: 'Open Sans', sans-serif; letter-spacing: 1.8px; } .flex-wrapper .flexcontent {padding: 25px 25px; } .flex-wrapper p {font-size: 16px; font-weight: 700; margin: 0 0 15px;} .flex-wrapper a.btn {text-transform: uppercase; width:100%; color: #004e83; font-size: 13px; line-height: 1; padding: 18px 10px 15px;display: block; position: relative; border: solid 1px rgba(0, 157, 220, 0.4);} .flex-wrapper a.btn:hover {border-color:#009ddc;} 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;} body.shrink-nav div.infobox {/*top: 110px;*/} 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: 40px; height: 30px; margin:0; z-index: 42; position: fixed; right: 72px; top: 48px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border: none;} a#closebox:hover {background:none;} a#closebox:hover > span {background:#009ddc;} a#closebox > span {display: block;width: 100%; height: 4px; background: #000; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; position: absolute; left: 0px; border-radius:9px;} a#closebox > span:first-child {top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg);} a#closebox > span:last-child {top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .insideinfo {display: block; position: relative; width:100%; height:auto; float:left;} .insideinfo > .container {padding-top: 45px; padding-bottom:45px; overflow:hidden;} .insideinfo h1.title {text-align: center;margin: 15px 0 35px; letter-spacing: normal;color:#004e83;} .insideinfo h1.title > span {display: block; position: relative;} body.infopage #preloader {z-index: 1032; position: fixed; top: 50%;} /* Program Information */ .infotext {padding: 25px 30px; -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); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,.1); overflow:hidden;} .infotext p {margin-bottom: 15px; color:#484641;} .infotext p span {font-weight: 600;} .infotext p:nth-child(2) {margin-bottom:10px;} .infotext ul {margin-left: 20px; margin-bottom: 24px;} .infotext ul li {list-style-type: disc; list-style-position: outside; margin-left: 10px; color:#484641; line-height: 1.6;} .infoform.formContainer {margin-top: 15px; } .infoform.formContainer form {padding: 0; } .infoform form label.error {font-weight: 400; font-style: italic;} .infoform.formContainer .form-group label.error {position: relative;opacity: 1; text-transform: none; color:red; font-size: 16px; text-align: center; padding: 0;} #formresponse2.contactinfoform .modal-body {text-align: center;} #formresponse2.contactinfoform .modal-body p {margin: 0;} /* Program Letter */ .formbody img.letterimage {width:900px; margin: 0 auto; display: block;} .contacttext2 {display: block;text-align: center; width:100%; height: auto; position: relative; margin: 0; padding: 0 0 10px; border-bottom:2px dashed rgba(0,0,0,0.1);} .contacttext2 > span { font-size:17px; line-height: 24px; display: block; margin: 0 0 5px; padding: 0; position: relative; } .contacttext2 > span > span {font-weight: 400; color:#111;} .contacttext2 > span i {font-size: 8px; line-height: 1; position: relative; display: inline-block; margin: 0 10px; top: -3px;} .contacttext2 > span br {display: 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 > span {} .contacttext > span i {font-size: 7px; line-height: 1; position: relative; display: inline-block; margin: 0 8px; top: -3px;} .contacttext > span br {display: none;} .formhead {width:100%; height:auto; position: relative; float:left;} .formbody {padding: 25px 20px; -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); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,.1); font-family: 'function-pro'; font-weight: 400; overflow:hidden;} .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;} .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: 13px; 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:15px; line-height: 21px;} .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: 13px; 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:#c3352b; 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 {min-width:150px; padding:12px 14px 9px;font-weight: 800; font-size: 16px; font-family: 'Gothic A1', sans-serif; line-height: 1;} .formbody table.formtable.formactions button.btn:hover {border-color:#00b259;} .formbody .popover {white-space: normal; text-align: center; font-size:13px;} .formbody table.formtable td.answer.error {border-color:red;} .formbody form span.initialfeeouter.error {border-color:red;} /* 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:#c3352b} #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:#c3352b;} #signature-modal .tooltip.right .tooltip-arrow {border-right-color:#c3352b;} #signature-modal .tooltip.top .tooltip-arrow {border-top-color:#c3352b;} body.infopage .tooltip-inner {background-color:#c3352b} 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:#c3352b;} body.infopage .tooltip.bs-tooltip-right .arrow:before {border-right-color:#c3352b;} body.infopage .tooltip.bs-tooltip-top .arrow:before {border-top-color:#c3352b;} body.infopage .tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color:#c3352b;} #signature-modal input.form-control {-webkit-box-shadow: none; box-shadow: none; width:100%; margin: 0 auto; border:1px solid #ddd; border-radius: 3px;font-family: 'Gothic A1', sans-serif; font-weight: 400; font-size:16px;} #signature-modal input.form-control:focus {border-color: #333;} #signature-modal .btn.btn-primary {background-color:#004e83; text-transform: none; border:none; border-radius: 3px; font-size: 16px; font-family: 'Gothic A1',sans-serif;font-weight: 700; border:none;} #signature-modal .btn.btn-default {background-color:#ddd;border:none; border-radius: 3px; font-size: 16px; font-family: 'Gothic A1',sans-serif; text-transform: none; font-weight: 700;border:none;} .pad-outer {text-align: center;border: 1px solid #e8e8e8;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: 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;} /* 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;} /* Response */ .formbody.success {width:90%; margin-left: 5%; background-color: #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: 'Gothic A1',sans-serif; font-weight: 400; color:#fff;} .formbody.success #formresponse {float:left; width:100%; height:auto; position: relative;} .formbody.success #formresponse a.btn {} .formbody.success #formresponse > div {background-color:transparent;} .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;} .formbody.success .rightoutput a.btn {text-decoration: none; width: auto; max-width: 100%; margin: 15px auto 0 auto; text-align: center; background-color:transparent; color:#fff; border-radius: 3px; padding: 15px 16px 12px; font-size: 14px; font-weight: 800; border: 1px solid #00B259; text-transform: uppercase; line-height: 1; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s;} .formbody.success .rightoutput a.btn:hover {border-color:#fff;} .formbody.success .rightoutput h3 {margin: 0; padding: 0; text-transform: none; font-weight: 700;} .formbody.success .rightoutput h5 {margin: 0; padding: 10px 0 10px 0; text-transform: none; font-size: 20px; font-weight: 700;} .formbody.success .otherLinks {float:left; width:100%; display: block; margin: 30px auto 0px auto; padding: 20px 0 0 0; border-top: 1px dashed rgba(255, 255, 255, 0.4);text-align: center; } .formbody.success .otherLinks a.btn {margin: 0 5px;text-decoration: none; width: auto; max-width: 100%; text-align: center; background-color:transparent; color:#fff; border-radius: 3px; padding: 15px 16px 12px; font-size: 14px; font-weight: 800; border: 1px solid #009DDC; text-transform: uppercase; line-height: 1; -webkit-transition: border 0.4s ease 0s; -moz-transition: border 0.4s ease 0s; transition: border 0.4s ease 0s;} .formbody.success .otherLinks a.btn:hover {border-color:#fff;} /* Example Page */ #examplepage { display: block; float:left;position: relative; width:100%;height:auto; padding-bottom: 20px;/*padding-top: 25px; margin-top:10px; border-top:1px solid #ddd;*/} #examplepage div.toptext {display: block; overflow: hidden; width:100%; position: relative; margin: 0 auto 25px auto;} #examplepage p {} #examplepage .center {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; padding:0;} #examplepage .slick-slide {padding: 10px 0 10px 0;} #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);} #examplepage .slick-center > div {-webkit-transform: scale(1); transform: scale(1);} #examplepage .item {position: relative; } #examplepage .item > img {width: 100%; height: auto; padding: 4px; border:0px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.42); border-radius: 3px; background:#fff;} #examplepage .slick-arrow {position: absolute; top:50%; width:30px; height:30px; margin-top:-15px; border: 0 none; background:none; padding: 0; font-size: 30px; line-height:30px; z-index: 2;} #examplepage .slick-arrow.slick-next {right: 0;} #examplepage .slick-arrow.slick-prev {left: 0;} #examplepage .examplemodal .modal-dialog {max-width:1000px;} #examplepage .item .iteminfo {text-align: center;} #examplepage .item .iteminfo h4 {margin-bottom:10px; font-size: 22px;} #examplepage .item .iteminfo h5 {margin-bottom: 10px;font-size: 18px;} #examplepage .zoomlink {display:none; margin: 15px auto 0px auto; position: relative; width:100%; text-align: center;} #examplepage .slick-center .zoomlink {display:block;} #examplepage .zoomlink a.btn {border-radius: 3px; font-size: 16px; padding: 7px 12px 5px; color:#fff; background-color:#009ddc; font-weight: 700; letter-spacing: normal; margin: 0px 5px; line-height: 24px;} #examplepage .zoomlink a.btn:hover {background-color:#00b259; color:#fff;} html.ie #examplepage .zoomlink a.btn {line-height: 1.2; padding:10px 12px 5px;} html.ie .extrabutton .btn {display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center; padding: 0 12px 0 45px; line-height: 1.2;} @media (max-width: 992px) { #examplepage .slick-slide {padding: 10px 20px;} /*#examplepage .slick-center .zoomlink {display:none;}*/ } @media (min-width: 1350px) { #infoboxes.examples {max-width: 1200px;} } /**** Holiday Shopping ****/ .holidayinfo {display: block; position: relative; width:100%; height:auto; margin: 0 auto; text-align: center;} .holidayinfo h3 {text-align:center;} .holidayinfo h5 {text-align:center;} .holidayoffers .offers {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position:relative; width:100%; height: auto; padding: 30px 0 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%;} .holidayoffers .card-body {position: relative; padding:20px 25px 30px; display: -webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; -ms-flex-direction:column; flex-direction:column;} .holidayoffers h5.card-title {position: relative; font-size: 1.25em; line-height: 1.2; font-weight: 700; color:#333; margin:0 0 10px; display: none;} .holidayoffers p.card-text {position: relative; margin:0;} .holidayoffers p.card-text.offertext {max-height:150px; overflow: hidden;} .holidayoffers p.card-text span {display:block; position: relative;} .holidayoffers p.card-text span:not(.smaller) {padding-left:12px;} .holidayoffers p.card-text span:not(.smaller):before {content: '•'; display: block; position: absolute; left: 0; top:0;} .holidayoffers p.card-text span.smaller {font-size: 0.85rem; margin-top:5px; font-style: italic;} .holidayoffers p.card-text span.smaller.alt {margin-top:2px; margin-bottom: 2px;padding-left:12px;} .holidayoffers a.btn {text-decoration: none; margin: 0; margin-top:1rem; flex-grow: 0; width:180px; max-width:100%; font-weight: 800;line-height: 1;padding: 12px 14px 9px; background-color: #fff;border: 1px solid #009ddc;border-radius: 3px;-webkit-transition: border 0.4s ease 0s;-moz-transition: border 0.4s ease 0s;transition: border 0.4s ease 0s;color: #000;font-size: 1rem;} .holidayoffers a.btn:hover {border-color: #00b259;} .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: 30px 0 30px 0px;} #navbarCollapse .navbar-nav > li.special > a {color:#ed1849;} } @media (min-width: 1200px) { .holidayoffers .card-img {width:175px;} } @media (min-width: 1400px) { .holidayoffers .offers .row > .col-xxl-3 {max-width:25%;} }