/* Minification failed. Returning unminified contents. (19199,96): run-time error CSS1031: Expected selector, found ')' (19199,96): run-time error CSS1025: Expected comma or open brace, found ')' (21122,92): run-time error CSS1031: Expected selector, found ')' (21122,92): run-time error CSS1025: Expected comma or open brace, found ')' */ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width: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;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.2.3 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: not-allowed; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. */ /* fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { width: 100%; border-radius: 0; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 75rem; margin-left: auto; margin-right: auto; } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row .row { max-width: none; margin-left: -0.625rem; margin-right: -0.625rem; } @media screen and (min-width: 40em) { .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 40em) { .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-collapse .row, .expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; } .small-centered { float: none; margin-left: auto; margin-right: auto; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } @media screen and (min-width: 746px) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-collapse .row, .expanded.row .medium-collapse.row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .medium-centered { float: none; margin-left: auto; margin-right: auto; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 64em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-collapse .row, .expanded.row .large-collapse.row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .large-centered { float: none; margin-left: auto; margin-right: auto; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.0625rem; } h6 { font-size: 1rem; } @media screen and (min-width: 40em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #1585cf; } a img { border: 0; } hr { max-width: 75rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; } kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #2199e8; color: #fefefe; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #1583cc; color: #fefefe; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .button.primary { background-color: #2199e8; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #147cc0; color: #fefefe; } .button.secondary { background-color: #777; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #5f5f5f; color: #fefefe; } .button.success { background-color: #3adb76; color: #fefefe; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #fefefe; } .button.warning { background-color: #ffae00; color: #fefefe; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe; } .button.alert { background-color: #ec5840; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #da3116; color: #fefefe; } .button.hollow { border: 1px solid #2199e8; color: #2199e8; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #0c4d78; color: #0c4d78; } .button.hollow.primary { border: 1px solid #2199e8; color: #2199e8; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c4d78; color: #0c4d78; } .button.hollow.secondary { border: 1px solid #777; color: #777; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2199e8; color: #fefefe; } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fefefe transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #0a0a0a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #fefefe; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #0a0a0a; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } .input-group .input-group-button { display: table-cell; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.5rem; max-width: 100%; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #fefefe; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, 0.1); border-color: #ec5840; } .is-invalid-label { color: #ec5840; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #ec5840; } .form-error.is-visible { display: block; } .accordion { list-style-type: none; background: #fefefe; margin-left: 0; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { display: block; padding: 1.25rem 1rem; line-height: 1; font-size: 0.75rem; color: #2199e8; position: relative; border: 1px solid #e6e6e6; border-bottom: 0; } :last-child:not(.is-active) > .accordion-title { border-radius: 0 0 0 0; border-bottom: 1px solid #e6e6e6; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { content: '+'; position: absolute; right: 1rem; top: 50%; margin-top: -0.5rem; } .is-active > .accordion-title::before { content: '–'; } .accordion-content { padding: 1rem; display: none; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .is-accordion-submenu-parent > a { position: relative; } .is-accordion-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 50%; margin-top: -4px; right: 1rem; } .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .badge { display: inline-block; padding: 0.3em; min-width: 2.1em; font-size: 0.6rem; text-align: center; border-radius: 50%; background: #2199e8; color: #fefefe; } .badge.secondary { background: #777; color: #fefefe; } .badge.success { background: #3adb76; color: #fefefe; } .badge.warning { background: #ffae00; color: #fefefe; } .badge.alert { background: #ec5840; color: #fefefe; } .breadcrumbs { list-style: none; margin: 0 0 1rem 0; } .breadcrumbs::before, .breadcrumbs::after { content: ' '; display: table; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; color: #0a0a0a; font-size: 0.6875rem; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { color: #cacaca; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; opacity: 1; } .breadcrumbs a { color: #2199e8; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .button-group { margin-bottom: 1rem; font-size: 0; } .button-group::before, .button-group::after { content: ' '; display: table; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded { margin-right: -1px; } .button-group.expanded::before, .button-group.expanded::after { display: none; } .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { margin-right: -6px; } .button-group.primary .button { background-color: #2199e8; color: #fefefe; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #147cc0; color: #fefefe; } .button-group.secondary .button { background-color: #777; color: #fefefe; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5f5f5f; color: #fefefe; } .button-group.success .button { background-color: #3adb76; color: #fefefe; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #fefefe; } .button-group.warning .button { background-color: #ffae00; color: #fefefe; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #fefefe; } .button-group.alert .button { background-color: #ec5840; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #da3116; color: #fefefe; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media screen and (min-width: 40em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; } } @media screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; position: relative; color: #0a0a0a; background-color: white; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #def0fc; } .callout.secondary { background-color: #ebebeb; } .callout.success { background-color: #e1faea; } .callout.warning { background-color: #fff3d9; } .callout.alert { background-color: #fce6e2; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .close-button { position: absolute; color: #8a8a8a; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { vertical-align: middle; } .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: 0.25rem; display: inline-block; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } @media screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-vertical > li { display: block; } } @media screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-vertical > li { display: block; } } .menu.simple li { line-height: 1; display: inline-block; margin-right: 1rem; } .menu.simple a { padding: 0; } .menu.align-right::before, .menu.align-right::after { content: ' '; display: table; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.expanded { width: 100%; display: table; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { display: block; margin: 0 auto 0.25rem; } .menu.nested { margin-left: 1rem; } .menu .active > a { color: #fefefe; background: #2199e8; } .menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #fefefe; top: 0; left: 0; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } .menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block !important; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; height: 100%; width: 100%; background: #fefefe; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown-pane { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 0; display: block; font-size: 1rem; padding: 1rem; position: absolute; visibility: hidden; width: 300px; z-index: 10; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } @media screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.medium-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } } @media screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.large-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.large-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -2px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fefefe; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; margin-top: -3px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.vimeo { padding-top: 0; } .label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #2199e8; color: #fefefe; } .label.secondary { background: #777; color: #fefefe; } .label.success { background: #3adb76; color: #fefefe; } .label.warning { background: #ffae00; color: #fefefe; } .label.alert { background: #ec5840; color: #fefefe; } .media-object { margin-bottom: 1rem; display: block; } .media-object img { max-width: none; } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } html, body { height: 100%; } .off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: auto; } .off-canvas-wrapper-inner { position: relative; width: 100%; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; } .off-canvas-wrapper-inner::after { clear: both; } .off-canvas-content, .off-canvas-content { min-height: 100%; background: #fefefe; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } .js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 254, 254, 0.25); cursor: pointer; transition: background 0.5s ease; } .off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.position-left { left: -250px; top: 0; width: 250px; } .is-open-left { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas.position-right { right: -250px; top: 0; width: 250px; } .is-open-right { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } @media screen and (min-width: 40em) { .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } } @media screen and (min-width: 64em) { .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } } .orbit { position: relative; } .orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; } .orbit-slide { width: 100%; max-height: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { margin: 0; width: 100%; max-width: 100%; } .orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #fefefe; background-color: rgba(10, 10, 10, 0.5); } .orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; background-color: #cacaca; border-radius: 50%; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { content: ' '; display: table; } .pagination::after { clear: both; } .pagination li { font-size: 0.875rem; margin-right: 0.0625rem; border-radius: 0; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; border-radius: 0; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #2199e8; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; } .pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; } .progress { background-color: #cacaca; height: 1rem; margin-bottom: 1rem; border-radius: 0; } .progress.primary .progress-meter { background-color: #2199e8; } .progress.secondary .progress-meter { background-color: #777; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #ec5840; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #2199e8; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #cacaca; background-color: #fefefe; border-radius: 0; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } } @media screen and (min-width: 40em) { .reveal .reveal { left: auto; right: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } } @media screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } } @media screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } } .reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #2199e8; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; border-radius: 0; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #1583cc; } .slider-handle.is-dragging { transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sticky-container { position: relative; } .sticky { position: absolute; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: absolute; left: auto; right: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .switch { margin-bottom: 1rem; outline: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fefefe; font-weight: bold; font-size: 0.875rem; } .switch-input { opacity: 0; position: absolute; } .switch-paddle { background: #cacaca; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0; color: inherit; font-weight: inherit; } input + .switch-paddle { margin: 0; } .switch-paddle::after { background: #fefefe; content: ''; display: block; position: absolute; height: 1.5rem; left: 0.25rem; top: 0.25rem; width: 1.5rem; transition: all 0.25s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; } input:checked ~ .switch-paddle { background: #2199e8; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { width: 100%; margin-bottom: 1rem; border-radius: 0; } table thead, table tbody, table tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } table caption { font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; } table thead, table tfoot { background: #f8f8f8; color: #0a0a0a; } table thead tr, table tfoot tr { background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } table tbody tr:nth-child(even) { background-color: #f1f1f1; } table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; } @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover tr:hover { background-color: #f9f9f9; } table.hover tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .tabs { margin: 0; list-style-type: none; background: #fefefe; border: 1px solid #e6e6e6; } .tabs::before, .tabs::after { content: ' '; display: table; } .tabs::after { clear: both; } .tabs.vertical > li { width: auto; float: none; display: block; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #2199e8; } .tabs.primary > li > a { color: #fefefe; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1893e4; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; line-height: 1; font-size: 0.75rem; } .tabs-title > a:hover { background: #fefefe; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; } .tabs-content { background: #fefefe; transition: all 0.5s ease; border: 1px solid #e6e6e6; border-top: 0; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { border: solid 4px #fefefe; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } .title-bar { background: #0a0a0a; color: #fefefe; padding: 0.5rem; } .title-bar::before, .title-bar::after { content: ' '; display: table; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .has-tip { border-bottom: dotted 1px #8a8a8a; font-weight: bold; position: relative; display: inline-block; cursor: help; } .tooltip { background-color: #0a0a0a; color: #fefefe; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 10; top: calc(100% + 0.6495rem); max-width: 10rem !important; border-radius: 0; } .tooltip::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent #0a0a0a; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: #0a0a0a transparent transparent; border-top-style: solid; border-bottom-width: 0; top: 100%; bottom: auto; } .tooltip.left::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent transparent #0a0a0a; border-left-style: solid; border-right-width: 0; bottom: auto; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent #0a0a0a transparent transparent; border-right-style: solid; border-left-width: 0; bottom: auto; left: auto; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after { content: ' '; display: table; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } @media screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } .top-bar-title { float: left; margin-right: 1rem; } .top-bar-left { float: left; } .top-bar-right { float: right; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 746px) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 746px) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 746px) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } /* Global Pageflip Styles */ #pageflip { width: 100%; background: #ffffff; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } #pf-pagerin { font-family: "Fauna One", "Lucida Grande", Helvetica, sans-serif; } #pf-stage { background: #ffffff; } /* Container HTML Page Styles */ body { margin: 0; } /* template 1 - Meet Pageflip Styles */ .pf-page-container.pf-left-side.meetpageflip { border-radius: 10px 0 0 10px; } #thevideo, .pf-page-container.pf-right-side.meetpageflip { border-radius: 0 10px 10px 0; } #pf-dropshadow.meetpageflip { border-radius: 20px; } .meetpageflip { font-size: 13px; font-family: "Fauna One", "Lucida Grande", Helvetica, sans-serif; } .meetpageflip a { color: #00B7F0; } .pf-page-container.meetpageflip { background: #f2f2f2; } .pf-page-container.meetpageflip.pf-outer { background: none; } .meetpageflip #userguide h1, .meetpageflip #userguide h2, .meetpageflip #thankyou h1, .meetpageflip #thankyou h2, .meetpageflip #developercontent h4, .meetpageflip .dintext { text-transform: uppercase; font-family: DINNextLTPro-Heavy, Impact, Helvetica; font-weight: normal; font-style: normal; } .meetpageflip .dintext a:hover, .meetpageflip .dintext a:focus { text-decoration: none; } .meetpageflip p { margin: 0 0 3px 0; padding: 0; line-height: 14px; color: #333; } .meetpageflip .pagenumber { float: right; } .meetpageflip .pf-left-side .pagenumber { float: left; margin-right: 32px; } .meetpageflip .footertext { position: absolute; bottom: 4px; left: 32px; width: 386px; } .meetpageflip .footertext p span.larger { font-size: 138%; } .meetpageflip .footertext p { color: #4d4d4d; } #page1.meetpageflip, #page2.meetpageflip, #page23.meetpageflip, #page24.meetpageflip { background: #f09600; } .meetpageflip #coverheading { position: absolute; top: 148px; left: 32px; } .meetpageflip #covertitles { position: absolute; top: 216px; right: 32px; text-align: right; } .meetpageflip #covertitles p { margin: 0 0 10px 0; font-size: 20px; line-height: 20px; color: #f2f2f2; } .meetpageflip #userguide { position: absolute; top: 140px; left: 60px; opacity: 0.2; } .meetpageflip #userguide:hover, .meetpageflip #userguide:focus { opacity: 0.7; } .meetpageflip #userguide h1, .meetpageflip #userguide h2, .meetpageflip #userguide p { margin: 0; padding: 0; color: #ffffff; } .meetpageflip #userguide h1 { font-size: 30px; } .meetpageflip #userguide h2 { font-size: 20px; } .meetpageflip #userguide p { margin: 26px 0 3px 0; line-height: 14px; } #page3.meetpageflip { background: #ededed; } .meetpageflip .header { position: absolute; top: 38px; left: 28px; max-width: 380px; } .meetpageflip #tocintro { position: absolute; top: 148px; left: 32px; opacity: 0.5; max-width: 386px; } .meetpageflip #toc { position: absolute; top: 280px; left: 0; font-size: 20px; } .meetpageflip .linklist ul { margin: 0; padding: 0; } .meetpageflip .linklist ul p { margin: 0 0 5px 0; padding: 0 0 0 32px; opacity: 0.25; } .meetpageflip .linklist ul li { list-style: none; margin: -4px 0 0 0; padding: 0 0 0 32px; width: 418px; color: #00b7f0; cursor: pointer; } .meetpageflip .linklist ul li:hover, .meetpageflip .linklist ul li:focus { background: url( ../template1_meet_pageflip/linkback.html) no-repeat left top; color: #f2f2f2; } .meetpageflip #featurelist { position: absolute; top: 174px; left: 0; max-width: 386px; } .meetpageflip .optionlist ul { margin: 0; padding: 0; } .meetpageflip .optionlist ul li { list-style: none; margin: -3px 0 0 0; padding: 5px 0 2px 32px; width: 418px; cursor: pointer; } .meetpageflip .optionlist ul li:hover, .meetpageflip .optionlist ul li:focus { background: url( ../template1_meet_pageflip/optionback.html) no-repeat left top; } .meetpageflip .optionlist ul li.selected, .meetpageflip .optionlist ul li.selected:hover, .meetpageflip .optionlist ul li.selected:focus { background: url( ../template1_meet_pageflip/optionback_selected.html) no-repeat left top; } .meetpageflip .optionlist ul li:hover, .meetpageflip .optionlist ul li:focus, .meetpageflip .optionlist ul li.selected { color: rgba( 255,255,255, 0.5 ); } .meetpageflip .optionlist li { color: rgba( 77,77,77, 0.5 ); } .meetpageflip .optionlist a:hover, .meetpageflip .optionlist a:focus { text-decoration: none; } .meetpageflip #browsericons { position: absolute; top: 460px; left: 32px; } #page5.meetpageflip, #page21.meetpageflip { background: #00b7f0; } #page19.meetpageflip, #page20.meetpageflip { background: rgba(0, 183, 240, 0.5); } .meetpageflip #videodescription { position: absolute; top: 148px; left: 32px; opacity: 0.5; max-width: 386px; } .meetpageflip #videodescription p { color: #ededed; } .meetpageflip video { -webkit-mask: url( ../template1_meet_pageflip/mask_right.html); } .meetpageflip #playpause { position: absolute; top: 196px; left: 32px; opacity: 0.5; cursor: pointer; } .meetpageflip #playpause:hover, .meetpageflip #playpause:focus { opacity: 1; } .meetpageflip .alt p { color: #ededed; } #page13.meetpageflip, #page15.meetpageflip { /*background: rgba(77,77,77,0.2);*/ background: rgba(0,183,240,0.3); } #page14.meetpageflip, #page16.meetpageflip { background: none; } #page17.meetpageflip { background: #00b7f0; } .meetpageflip #trasparencypage { position: absolute; top: 0; left: 0; } .meetpageflip #trasparencytext { position: absolute; top: 512px; left: 32px; opacity: 0.5; max-width: 386px; } .meetpageflip .features { position: absolute; top: 0; left: 0; width: 450px; height: 600px; overflow: hidden; opacity: 1; } .meetpageflip .features div { position: absolute; left: 66px; max-width: 318px; } .meetpageflip .features div p { color: #f2f2f2; opacity: 0.5; margin-left: 3px; } .meetpageflip .features.off { /*display: none;*/ opacity: 0; } .meetpageflip #feature1 { background: url( ../template1_meet_pageflip/feature1.html); } .meetpageflip #feature1 div { top: 408px; } .meetpageflip #feature2 { background: url( ../template1_meet_pageflip/feature2.html); } .meetpageflip #feature2 div { top: 470px; } .meetpageflip #feature3 { background: url( ../template1_meet_pageflip/feature3.html); } .meetpageflip #feature3 div { top: 392px; } .meetpageflip #feature4 { background: url( ../template1_meet_pageflip/feature4.html); } .meetpageflip #feature4 div { top: 425px; } .meetpageflip #feature5 { background: url( ../template1_meet_pageflip/feature5.html); } .meetpageflip #feature5 div { top: 460px; } .meetpageflip #feature6 { background: url( ../template1_meet_pageflip/feature6.html); } .meetpageflip #feature6 div { top: 350px; } .meetpageflip #feature7 { background: url( ../template1_meet_pageflip/feature7.html); } .meetpageflip #feature7 div { top: 432px; } .meetpageflip #feature8 { background: url( ../template1_meet_pageflip/feature8.html); } .meetpageflip #feature8 div { top: 310px; } .meetpageflip #feature9 { background: url( ../template1_meet_pageflip/feature9.html); } .meetpageflip #feature9 div { top: 486px; } .meetpageflip #feature10 { background: url( ../template1_meet_pageflip/feature10.html); } .meetpageflip #feature10 div { top: 312px; } .meetpageflip #feature11 { background: url( ../template1_meet_pageflip/feature11.html); } .meetpageflip #feature11 div { top: 312px; } .meetpageflip #feature12 { background: url( ../template1_meet_pageflip/feature12.html); } .meetpageflip #feature12 div { top: 306px; } .meetpageflip .textheader { margin-left: 4px; margin-top: 6px; opacity: 0.5; } .meetpageflip #textdemo { position: absolute; top: 132px; left: 32px; max-width: 386px; } .meetpageflip #textdemo2 { position: absolute; top: 42px; left: 32px; max-width: 386px; } .meetpageflip .textdemo p { font-size: 10px; margin: 0 0 12px 0; } .meetpageflip .leftimage { float: left; margin: 2px 24px 20px 0; } .meetpageflip #developercontent { position: absolute; top: 192px; left: 32px; max-width: 386px; } .meetpageflip #developercontent h4 { margin: 0 0 8px 0; padding: 0; opacity: 0.5; } .meetpageflip #developercontent p { margin: -8px 0 16px 0; padding: 0; font-size: 12px; } #page22.meetpageflip { background: #4d4d4d; } .meetpageflip #pdfconvertercontent { position: absolute; top: 200px; left: 32px; opacity: 0.5; max-width: 386px; } .meetpageflip #pdfconvertercontent p { color: #f2f2f2; } .meetpageflip #spiralwrapper { position: absolute; top: 0px; left: 0px; width: 450px; height: 600px; overflow: hidden; -webkit-mask: url( ../template1_meet_pageflip/mask_right.html) no-repeat; } .meetpageflip #spiral { position: absolute; top: -84px; left: -159px; width: 768px; height: 768px; overflow: hidden; background: url( ../template1_meet_pageflip/spiral.html) no-repeat center center; } /*.meetpageflip #spiral { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; } .meetpageflip #spiral { -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } @-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes rotate { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} }*/ .meetpageflip .animationcontrol { position: absolute; left: 32px; width: 215px; height: 41px; overflow: hidden; opacity: 0.7; } .meetpageflip .animationcontrol:hover, .meetpageflip .animationcontrol:focus { opacity: 1; } .meetpageflip #animateontop { top: 44px; background: url( ../template1_meet_pageflip/animate_top_off.html) no-repeat left top; } .meetpageflip #animateontop.selected { background: url( ../template1_meet_pageflip/animate_top_on.html) no-repeat left top; } .meetpageflip #animateonvisible { top: 94px; background: url( ../template1_meet_pageflip/animate_visible_off.html) no-repeat left top; } .meetpageflip #animateonvisible.selected { background: url( ../template1_meet_pageflip/animate_visible_on.html) no-repeat left top; } .meetpageflip #eventcontent { position: absolute; top: 194px; left: 32px; opacity: 0.5; max-width: 386px; } .meetpageflip #eventflags { position: absolute; top: 330px; left: 64px; width: 346px; } .meetpageflip #eventflags p { opacity: 0.5; } .meetpageflip #eventflags img { clear: left; float: left; margin-bottom: 9px; margin-right: 20px; opacity: 0.25; } .meetpageflip #eventflags img.selected { opacity: 1; } .meetpageflip .features { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; } .meetpageflip #userguide, .meetpageflip #thankyou, .meetpageflip #playpause, .meetpageflip .animationcontrol { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } .meetpageflip #animatecontent { position: absolute; top: 160px; left: 32px; opacity: 0.7; max-width: 386px; } .meetpageflip #thankyou { position: absolute; top: 342px; left: 66px; opacity: 0.2; text-align: center; width: 318px; } .meetpageflip #thankyou h2 { line-height: 90%; } .meetpageflip #thankyou:hover, .meetpageflip #thankyou:focus { opacity: 0.7; } .meetpageflip #thankyou h1, .meetpageflip #thankyou h2, .meetpageflip #thankyou p { margin: 0; padding: 0; color: #ffffff; } .meetpageflip #thankyou h1 { font-size: 30px; } .meetpageflip #thankyou h2 { font-size: 20px; } .meetpageflip #thankyou p { margin: 26px 0 3px 0; line-height: 14px; } .meetpageflip #backqr { position: absolute; top: 441px; left: 32px; width: 108px; height: 159px; background: #fff; overflow: hidden; } .meetpageflip #backqr img { opacity: 0.75; } .meetpageflip #backqr p { margin-left: 4px; } .meetpageflip #backcredits { position: absolute; top: 537px; left: 152px; } /* Template 2 - Demo Book 2 */ .demo2 g { bottom: 0px; padding: 12px 0; background: rgba( 80,80,80, 0.5 ); } .demo2 #pf-pagerin { color: rgba(255,255,255,0.8); } .demo2 .pf-control-bar-button g, .demo2 .pf-control-bar-pager g { fill: rgba(255,255,255,0.8); } .demo2 .pf-control-bar-button:not(.pf-disabled):hover g, .demo2 .pf-control-bar-button:not(.pf-disabled):focus g { fill: rgba(255,255,255,1); } .demo2-flexible-container { position: absolute; width: 100%; height: 100%; overflow: hidden; } .demo2-flexible-centered { position: absolute; margin: auto; width: 100%; bottom: 0; top: 0; } .demo2-highlight { margin: 0 48px; } .demo2-highlight, .demo2-highlight h1, .demo2-highlight h2 { font-family: "Syncopate", "Helvetica", sans-serif; color: #fff; } .demo2-highlight h1 { margin: 0; padding: 0; font-size: 50px; font-weight: 700; line-height: 84%; } .demo2-highlight h2 { margin: 0; padding: 0; font-size: 42px; font-weight: 400; line-height: 84%; } .demo2-highlight p { margin: 0; padding: 0; font-size: 22px; font-weight: normal; } div#demo2-page1 { background: #00c1fd; } div#demo2-page1 .demo2-flexible-centered { height: 200px; } div#demo2-page2 { background: #009fcf; } div#demo2-page3 { background: #000 url(../template2_demobook2/demopic1.html) no-repeat left center; background-size: 700px 700px; position: absolute; width: 100%; height: 100%; overflow: hidden; } div#demo2-page2 .demo2-flexible-centered { height: 200px; text-align: right; } div#demo2-page4 { background: #007ba0; position: absolute; width: 100%; height: 100%; overflow: hidden; } div#demo2-page4 .demo2-highlight { position: absolute; bottom: 64px; text-align: right; } div#demo2-page5 { background: #00607e url(../template2_demobook2/demopic2.html) no-repeat left bottom; background-size: 700px 350px; position: absolute; width: 100%; height: 100%; overflow: hidden; } div#demo2-page5 .demo2-highlight { position: absolute; margin: 0; top: 0; padding: 66px 48px 24px; background: #00607e; } div#demo2-page5 .demo2-highlight p, div#demo2-page6 .demo2-highlight p { font-size: 18px; } div#demo2-page6 { background: #00607e url(../template2_demobook2/demopic3.html) no-repeat right top; background-size: 700px 450px; position: absolute; width: 100%; height: 100%; overflow: hidden; } div#demo2-page6 .demo2-highlight { position: absolute; margin: 0; bottom: 0; padding: 24px 48px 66px; background: #00607e; } div#demo2-page7 .demo2-flexible-centered { height: 260px; } div#demo2-page7 .demo2-highlight p { font-size: 16px; } #page7.demo2 { background: url(../template2_demobook2/demopic6.html) no-repeat left center rgba( 0,0,0, 0.7 ); background-size: 700px 700px; } #page8.demo2 { background: url(../template2_demobook2/demopic7.html) no-repeat right center rgba( 0,0,0, 0.7 ); background-size: 700px 700px; } #page9.demo2 { background: url(../template2_demobook2/demopic4.html) no-repeat left center rgba( 40,40,50, 0.7 ); background-size: 700px 700px; } #page10.demo2 { background: url(../template2_demobook2/demopic5.html) no-repeat right center rgba( 40,40,50, 0.7 ); background-size: 700px 700px; } div#demo2-page11 .demo2-flexible-centered { height: 200px; } div#demo2-page11 { background: #00485e; } div#demo2-page11 a { font-weight: bold; color: #fff; text-decoration: none; } div#demo2-page11 a:hover, div#demo2-page11 a:focus { text-decoration: underline; } #pageflip { width: 100%; overflow: hidden; /*visibility: hidden;*/ display: block; /* use display:none only if needed! */ } .pageflip-container { padding-top: 1px; } .pf-book-container { pointer-events: none; } .pf-book-content { opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; } .pf-book-offset { -webkit-perspective: 5000px; -moz-perspective: 5000px; -ms-perspective: 5000px; perspective: 5000px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; -ms-perspective-origin-x: 50%; -ms-perspective-origin-y: 50%; perspective-origin-x: 50%; perspective-origin-y: 50%; pointer-events: all; } .pf-page-container { position: absolute; overflow: hidden; background-position: center center; background-repeat: no-repeat } #pf-dropshadow { -webkit-box-shadow: 0 10px 30px rgba(0,0,0,1); -moz-box-shadow: 0 10px 30px rgba(0,0,0,1); -o-box-shadow: 0 10px 30px rgba(0,0,0,1); -ms-box-shadow: 0 10px 30px rgba(0,0,0,1); box-shadow: 0 10px 30px rgba(0,0,0,1); } .pf-flip-shadowA { background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); } .pf-flip-shadowB { background-image: -o-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0)); } .pf-flip-topshadow { background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0)); } .pf-emboss-left { background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); pointer-events: none; } .pf-emboss-right { background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); pointer-events: none; } /* Controls layout/animation/hover fx ----------------------------------- */ #pageflip-controls { position: absolute; bottom: 0px; padding: 8px 0 16px; width: 100%; overflow: hidden; text-align: center; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; color: #888; font-size: 12px; } .pf-centered-buttons, .pf-left-buttons, .pf-right-buttons { height: 26px; overflow: visible; } .pf-centered-buttons { position: relative; top: 0px; left: auto; right: auto; margin: 0px auto; width: 254px; } .pf-left-buttons { float: left; width: 104px; margin-left: 32px; } .pf-right-buttons { float: right; width: 104px; margin-right: 32px; } .pf-control-bar-button { } .pf-control-bar-button, .pf-control-bar-pager { float: left; height: 26px; } .pf-right { float: right; } .pf-control-bar-pager { /* padding-top: 2px; */ width: 150px; text-align: center; } #pf-pagerin { color: rgba(0,0,0,0.3); border: none; width: 140px; height: 22px; padding: 0px; font-size: 14px; /*font-family: Helvetica, Arial, sans-serif;*/ border-style: none; border-color: Transparent; overflow: auto; background: none; text-align: center; } .pf-control-bar-button g, .pf-control-bar-pager g { fill: rgba(0,0,0,0.3); -webkit-transition: fill 0.2s; -moz-transition: fill 0.2s; -o-transition: fill 0.2s; -ms-transition: fill 0.2s; } .pf-disabled { opacity: 0.2; } .pf-control-bar-button:not(.pf-disabled):hover g, .pf-control-bar-button:not(.pf-disabled):focus g { fill: #FA0; } /*.control-bar-button.disabled:hover g, .control-bar-pager.disabled:hover g { fill: #888; }*/ #pageflip-controls { color: rgba(0,0,0,0.3); } /* Thumbnails layout/animation/hover fx ----------------------------------- */ #pageflip-thumbnails { position: absolute; top: 0px; width: 100%; overflow: hidden; -webkit-transition: top 0.5s, opacity 0.5s; -moz-transition: top 0.5s, opacity 0.5s; -o-transition: top 0.5s, opacity 0.5s; -ms-transition: top 0.5s, opacity 0.5s; } #pageflip-thumbnails.pf-hidden { top: -100px; opacity: 0; } #pf-thumbnail-container { width: 10px; } .pf-thumbnail-spread { } .pf-thumbnail-page { } .pf-thumbnail-spread, .pf-thumbnail-page { float: left; margin: 0 16px 16px 0px; /*margin: 0 8px 16px 8px;*/ background: #888; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); overflow: hidden; } .pf-thumbnail-button { float: left; margin: 0px; padding: 0px; } #pf-thleft { left: 0px; } #pf-thright { right: 0px; } #pf-thumbnail-container { cursor: -webkit-grab; } #pf-thumbnail-container.grabbed { cursor: -webkit-grabbing; } .pf-thumbnail-control { position: absolute; top: 0px; width: 96px; background: rgba( 0,0,0, 0.2 ); opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; } .pf-thumbnail-control.disabled { pointer-events: none; opacity: 0; } #pf-copyright-text { display: none; clear: both; padding-top: 10px; } .pageflip-credits { display: none; } /* Default Page setup */ .pf-left-side { background-color: #666; } .pf-right-side { background-color: #666; } .pf-outer { background: none; } .pf-hotspot { position: absolute; overflow: hidden; cursor: pointer; } /* Responsive design */ @media screen and (max-width: 600px) { .pf-control-bar-pager { display: none; } .pf-control-bar-pager { display: none; } .pf-centered-buttons { width: 104px; } } @media screen and (max-width: 440px) { .pf-centered-buttons { width: 160px; float: left; margin-left: 0; overflow: hidden; } .pf-centered-buttons { /*margin-left: 48px;*/ } .pf-left-buttons { display: none; } .pf-control-bar-button { width: 40px; } .pf-right-buttons { width: 160px; margin-right: 0px; } } @charset "UTF-8"; /** * @license * MyFonts Webfont Build ID 3270351, 2016-08-18T18:38:29-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: AvenirLTStd-Medium by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/ * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated. All Rights Reserved. * * Webfont: AvenirLTStd-Light by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/35-light/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: AvenirLTStd-LightOblique by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/35-light-oblique/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: AvenirLTStd-Oblique by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/55-oblique/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: AvenirLTStd-Roman by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/55-roman/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: AvenirLTStd-HeavyOblique by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy-oblique/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * Webfont: AvenirLTStd-Heavy by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3270351 * Licensed pageviews: 1,700,000 * * © 2016 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ /*@import url("//hello.myfonts.net/count/31e6cf");*/ @font-face { font-family: 'AvenirLTStd-Medium'; src: url("Styles/fonts/31E6CF_0_0.eot"); src: url("Styles/fonts/31E6CF_0_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_0_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_0_0.woff") format("woff"), url("Styles/fonts/31E6CF_0_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-Light'; src: url("Styles/fonts/31E6CF_1_0.eot"); src: url("Styles/fonts/31E6CF_1_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_1_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_1_0.woff") format("woff"), url("Styles/fonts/31E6CF_1_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-LightOblique'; src: url("Styles/fonts/31E6CF_2_0.eot"); src: url("Styles/fonts/31E6CF_2_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_2_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_2_0.woff") format("woff"), url("Styles/fonts/31E6CF_2_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-Oblique'; src: url("Styles/fonts/31E6CF_3_0.eot"); src: url("Styles/fonts/31E6CF_3_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_3_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_3_0.woff") format("woff"), url("Styles/fonts/31E6CF_3_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-Roman'; src: url("Styles/fonts/31E6CF_4_0.eot"); src: url("Styles/fonts/31E6CF_4_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_4_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_4_0.woff") format("woff"), url("Styles/fonts/31E6CF_4_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-HeavyOblique'; src: url("Styles/fonts/31E6CF_5_0.eot"); src: url("Styles/fonts/31E6CF_5_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_5_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_5_0.woff") format("woff"), url("Styles/fonts/31E6CF_5_0.ttf") format("truetype"); } @font-face { font-family: 'AvenirLTStd-Heavy'; src: url("Styles/fonts/31E6CF_6_0.eot"); src: url("Styles/fonts/31E6CF_6_0d41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/31E6CF_6_0.woff2") format("woff2"), url("Styles/fonts/31E6CF_6_0.woff") format("woff"), url("Styles/fonts/31E6CF_6_0.ttf") format("truetype"); } @font-face { font-family: 'GoodbyeNovember'; src: url("Styles/fonts/GoodbyeNovember.eot"); src: url("Styles/fonts/GoodbyeNovemberd41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/GoodbyeNovember.woff2") format("woff2"), url("Styles/fonts/GoodbyeNovember.woff") format("woff"), url("Styles/fonts/GoodbyeNovember.ttf") format("truetype"); } @font-face { font-family: 'HepburnsType'; src: url("Styles/fonts/HepburnsType.eot"); src: url("Styles/fonts/HepburnsTyped41d.eot?#iefix") format("embedded-opentype"), url("Styles/fonts/HepburnsType.svg") format("svg"), url("Styles/fonts/HepburnsType.woff") format("woff"), url("Styles/fonts/HepburnsType.ttf") format("truetype"); } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } html { margin: 0; padding: 0; height: 100%; width: 100%; position: relative !important;} body { margin: 0; padding: 0; height: auto; width: 100%; position: relative !important;} body.white-bg { background-color: #fff; } body.grey-bg { background-color: #4d4b48; } .alerts-wrapper-container { position:sticky; position: -webkit-sticky; z-index:1000; top:0; } .pointer { cursor: pointer; } #skip-to-content > a { left: -9999px; position: absolute; } #skip-to-content > a:focus { top: 1rem; left: 1rem; z-index: 1000; text-decoration: none; border-radius: 4px; outline: 0; padding: .7rem 1rem; color: #f18231; background-color: #fff; border: 1px solid #e0e0e0; } .validation-summary-errors { color: #f18231; font-weight: 300; font-size: 22px; font-family: AvenirLTStd-Light; } .validation-summary-errors li { list-style-type: disc; } main#montecito-app { margin: 0; padding: 0; position: relative !important; font-family: 'AvenirLTStd-Medium'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; width: 100%; -webkit-overflow-scrolling: touch; } .content-container { margin: 0 auto; width: 1024px; } .section-padding { padding: 50px 0; } .article-padding { padding: 15px 0; } .clearfix:after { content: ""; display: block; clear: both; } .float-left { display: inline-block; float: left; } .float-right { display: inline-block; float: right; } h1, h2, h3, h4, h5, h6 { font-family: 'AvenirLTStd-Heavy'; } small { font-size: .65em; } small a { font-size: 10px !important; } .btn-orange:focus { color: #fff; text-decoration: none; } .team-member-profile-link:focus { color: #f18231; text-decoration: none; } a { color: #f18231; text-decoration: none; } a:hover, a:active, a:focus { color: #f18231; text-decoration: none; } a.right-arrow { position: relative; } a.right-arrow:after { position: absolute; content: ''; display: inline-block; top: 50%; right: -20px; margin-top: -7px; width: 8px; height: 15px; background-image: url("../../static/p6/images/components/link_arrow_right.png"); background-repeat: no-repeat; background-size: 8px 15px; } #back-top-button { display: none; height: 0; width: 0; opacity: 0; transition: opacity .5s ease-in-out; } #back-top-button.active { display: block; height: 36px; width: 36px; opacity: 1; cursor: pointer; position: fixed; background-image: url("../../static/p6/images/back-top.png"); background-repeat: no-repeat; background-position: center; background-size: 36px 36px; bottom: 20px; right: 20px; } .centerText { text-align: center; } .underline { text-decoration: underline; } .valign-container { display: table-row; width: 100%; } .valign-cell { display: table-cell; width: 100%; vertical-align: middle; } .no-list-style { list-style: none; margin: 0; padding: 0; } .inline-list li { display: inline-block; float: left; } .show-for-large-only { display: block; } .show-for-small-only { display: none; } .tertiary-nav-scrolled { position: fixed; width: 100%; top: 0; z-index: 100000; background-color: #fff; } .fixed { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; } [class*='-tertiary-nav'] { background-color: #fff; } [class*='-tertiary-nav'].wealth-tertiary-nav { background-color: #53514e; } .application-form { box-sizing: border-box; position: relative; margin-top: 50px; margin-bottom: 50px; } .application-form .progress-container { width: 844px; margin: 0 auto; } .application-form .location-selection { margin-bottom: 60px; } .application-form .location-selection .locations-list { display: inline-block; float: left; height: 470px; padding-right: 0; overflow: scroll; max-width: 315px; } .application-form .location-selection .locations-list .location-single { font-family: AvenirLTStd-Light; color: #2c3e50; padding: 10px; border-top: 1px solid #e0e0e0; cursor: pointer; display: table; vertical-align: top; box-sizing: border-box; width: 100%; } .application-form .location-selection .locations-list .location-single:hover, .application-form .location-selection .locations-list .location-single:focus { background-color: #fafafa; } .application-form .location-selection .locations-list .location-thumbnail { width: 54px; height: 54px; display: table-cell; vertical-align: top; } .application-form .location-selection .locations-list .location-info { display: table-cell; padding-left: 10px; vertical-align: top; } .application-form .location-selection .locations-list .hidden-info { display: none; } .application-form .location-selection .locations-list h4 { font-family: AvenirLTStd-Medium; margin-bottom: 0px; font-size: 18px; } .application-form .location-selection .locations-list span { display: block; font-size: 16px; line-height: 1.4; } .application-form .location-selection .locations-list button { margin-top: 15px; margin-bottom: 5px; margin-right: 10px; height: 38px; font-family: AvenirLTStd-Medium; } .application-form .location-selection .locations-list .view-map { display: none; } .application-form .location-selection .locations-map { display: inline-block; float: left; width: 625px; height: 470px; background-color: #f9f9f9; border: 1px solid #efefef; } .application-form .smaller-content-text { font-size: 16px; } .application-form .application-error { margin: 20px 0; padding: 12px; background-color: #f55454; border-radius: 4px; } .application-form .application-error p.error-message { margin: 0; font-size: 15px; color: #fff; line-height: 1.2; } .application-form .application-section { min-height: 500px; padding: 50px 0; border-top: 1px solid #e0e0e0; } .application-form .application-section .row { width: 940px; } .application-form .application-section:nth-of-type(odd) { background-color: #fbfbfb; } .application-form .input-fields { display: block; } .application-form .input-fields::after { content: " "; visibility: hidden; display: block; height: 0; clear: both; margin-bottom: 20px; } .application-form .input-fields input[type="text"], .application-form .input-fields input[type='password'], .application-form .input-fields input[type='date'], .application-form .input-fields input[type='datetime'], .application-form .input-fields input[type='datetime-local'], .application-form .input-fields input[type='month'], .application-form .input-fields input[type='week'], .application-form .input-fields input[type='email'], .application-form .input-fields input[type='number'], .application-form .input-fields input[type='search'], .application-form .input-fields input[type='tel'], .application-form .input-fields input[type='time'], .application-form .input-fields input[type='url'], .application-form .input-fields input[type='color'], .application-form .input-fields select { width: 48.5%; margin-right: 1%; display: inline-block; float: left; } .application-form .input-fields input[type="text"]:nth-child(even), .application-form .input-fields input[type='password']:nth-child(even), .application-form .input-fields input[type='date']:nth-child(even), .application-form .input-fields input[type='datetime']:nth-child(even), .application-form .input-fields input[type='datetime-local']:nth-child(even), .application-form .input-fields input[type='month']:nth-child(even), .application-form .input-fields input[type='week']:nth-child(even), .application-form .input-fields input[type='email']:nth-child(even), .application-form .input-fields input[type='number']:nth-child(even), .application-form .input-fields input[type='search']:nth-child(even), .application-form .input-fields input[type='tel']:nth-child(even), .application-form .input-fields input[type='time']:nth-child(even), .application-form .input-fields input[type='url']:nth-child(even), .application-form .input-fields input[type='color']:nth-child(even), .application-form .input-fields select:nth-child(even) { float: right; margin-right: 0; } .application-form .input-fields .labeled-input-field select { float: none; } .application-form .input-fields .labeled-input-field label { display: block; } .application-form .input-fields input.has-error { border-color: #f55454; color: #f55454; } .application-form .businessType br { display: none; } .application-form .input { display: inline-block; width: auto; margin-bottom: 10px; } .application-form .input.block { display: block } .application-form .input .input-holder { display: inline-block; position: relative; } .application-form .input + label { display: inline-block; cursor: pointer; } .application-form .tip { position: relative; } .application-form .tip .tip-content { display: none; height: 0; width: 0; } .application-form .tip.active .tip-content { display: block; position: absolute; z-index: 1000; bottom: 35px; left: 0; height: auto; width: 258px; border-radius: 5px; background-color: #12a4d5; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; color: #ffffff; padding: 12px 18px; } .application-form .tip.active .tip-content::after { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #12a4d5; position: absolute; bottom: -10px; left: 25%; } .application-form .modal-link { color: #0c89b3; position: relative; } .application-form .modal-link .modal-content { display: none; height: 0; width: 0; } .application-form .modal-link:hover .modal-content, .application-form .modal-link:focus .modal-content { display: block; position: absolute; z-index: 1000; bottom: 30px; left: 0; height: auto; width: 258px; border-radius: 5px; background-color: #12a4d5; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; color: #ffffff; padding: 12px 18px; } .application-form .modal-link:hover .modal-content::after, .application-form .modal-link:focus .modal-content::after { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #12a4d5; position: absolute; bottom: -10px; left: 25%; } .application-form .title-input { display: table; width: 100%; } .application-form .title-input .title { display: table-cell; width: 200px; } .application-form .title-input .inputs { padding-left: .3em; display: table-cell; width: auto; } .application-form .square-accordian { margin: 0; padding: 0; } .application-form .square-accordian .accordian-panel { margin-bottom: 20px; } .application-form .square-accordian .accordian-panel .accordion-trigger { position: relative; height: 94px; width: 100%; border: solid 1px #979797; font-size: 26px; font-family: AvenirLTStd-Light; font-weight: 500; font-style: normal; font-stretch: normal; color: #2c3e50; text-align: left; line-height: 94px; padding: 0 30px; cursor: pointer; } .application-form .square-accordian .accordian-panel .accordion-trigger span { color: #f18231; padding-right: 30px; } .application-form .square-accordian .accordian-panel .accordion-trigger::after { content: "\e90d"; font-family: 'mbt-v1' !important; display: inline; position: absolute; top: 0; right: 30px; font-size: 80px; } .application-form .square-accordian .accordian-panel.active .accordion-trigger::after { content: "\e90e"; font-family: 'mbt-v1' !important; } .application-form .square-accordian .accordian-panel.active .accordion-content { display: block; width: 100%; padding: 50px 0 30px; border: none; background-color: transparent; } .application-form .square-accordian .accordian-panel.active .accordion-content h3, .application-form .square-accordian .accordian-panel.active .accordion-content p { text-align: left; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian { text-align: center; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian h3, .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian p { text-align: center; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian span { display: block; height: 80px; margin-bottom: 20px; line-height: 80px; color: #f18231; font-size: 150px; font-weight: 500; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content { display: table; width: 100%; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content .image { width: 40%; display: table-cell; height: 252px; border: 1px solid #efefef; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content .content { width: 55%; padding-left: 5%; display: table-cell; } @keyframes spinner { to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spinner { to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .application-form .spinner-container { position: relative; height: 60px; width: 100%; } .application-form .spinner { min-width: 30px; min-height: 30px; } .application-form .spinner:before { content: 'Loading...'; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .application-form .spinner:not(:required):before { content: ''; border-radius: 50%; border: 3px solid #ccc; border-top-color: #f18231; animation: spinner .6s linear infinite; -webkit-animation: spinner .6s linear infinite; } .application-form .document-box { width: 100%; height: 659px; border-radius: 4px; background-color: #fbfbfb; border: solid 1px #e0e0e0; margin: 0 auto 22px; } .application-form .adobe-reader-text { margin-bottom: 50px; } .application-form .adobe-reader-text img { float: left; margin-right: 20px; } .application-form .adobe-reader-text .content { padding-top: 0; } .application-form .adobe-reader-text .content p { margin: 0; font-size: 15px; line-height: 1.3; } .application-form .submit-group { text-align: center; } .application-form .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .application-form .submit-group input[type="submit"]:last-child { margin-right: 0; } .application-form .input-holder { position: relative; width: 18px; height: 18px; display: inline-block; box-sizing: border-box; padding: 0; margin: 0 .5em 1rem 0; line-height: normal; } .application-form input[type="radio"] { position: absolute; opacity: 0; width: 18px; height: 18px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; background-color: red; z-index: 1000; top: 0; left: 0; } input[type="checkbox"] + span, input[type="radio"] + span { display: inline-block; cursor: pointer; } input[type="radio"] + span::before, .application-form input[type="radio"] + label::before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; box-shadow: inset 0px 0px 0px 2px white; border-radius: 100px; } input[type="radio"]:checked + span::before, .application-form input[type="radio"]:checked + label::before { background: #f18231; border-color: #f18231; border-radius: 100px; } input[type="radio"]:focus:not(:checked) + span::before, .application-form input[type="radio"]:focus:not(:checked) + label::before { box-shadow: 0 0 0 2px #f2bf9e; background: #fff; border-color: #999999; border-radius: 100px; } input[type="radio"]:focus:checked + span::before, .application-form input[type="radio"]:focus:checked + label::before { box-shadow: inset 0px 0px 0px 2px white, 0 0 0 2px #f2bf9e, 0 0 0 2px #f18231, 0 0 0 5px #fff; width: 17px; height: 17px; border-radius: 100px; } .application-form input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; background-color: red; z-index: 1000; top: 0; left: 0; } input[type="checkbox"] + span::before, .application-form input[type="checkbox"] + label::before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; box-shadow: inset 0px 0px 0px 2px white; } input[type="checkbox"]:checked + span::before, .application-form input[type="checkbox"]:checked + label::before { background: #f18231; border-color: #f18231; } input[type="checkbox"]:focus:not(:checked) + span::before, .application-form input[type="checkbox"]:focus:not(:checked) + label::before { box-shadow: 0 0 0 2px #f2bf9e; background: #fff; border-color: #999999; } input[type="checkbox"]:focus:checked + span::before, .application-form input[type="checkbox"]:focus:checked + label::before { box-shadow: inset 0px 0px 0px 2px white, 0 0 0 2px #f2bf9e, 0 0 0 2px #f18231, 0 0 0 5px #fff; width: 17px; height: 17px; } .application-form h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; text-align: center; margin-bottom: 20px; } .application-form h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #2c3e50; margin-bottom: 20px; } .application-form p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .application-form hr { margin-bottom: 30px; margin-top: 0; } fieldset > legend, .application-form fieldset > legend.title, .application-form label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; display: inline-block; margin-right: 25px; } fieldset > legend.align-start { float: left; } .schedulevisit label.date { margin-right: 0px !important; text-align: center; display: block; } .schedulevisit label.time { margin-right: 0px !important; margin-bottom: 16px; } .application-form fieldset > legend.title:not(.no-width), .application-form label.title { margin-right: 0; width: 200px; } .application-form fieldset > legend.title.no-width { margin-right: 0; } .application-form input[type="submit"] { width: 194px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; display: block; } .application-form .inactive { opacity: .3; cursor: default; } .application-form .disclaimer-text { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .application-form .progress-bar { box-sizing: border-box; width: 100%; text-align: center; position: relative; display: table; margin-bottom: 50px; } .application-form .progress-bar .notch { display: table-cell; box-sizing: border-box; width: 20%; position: relative; height: 70px; vertical-align: top; border-bottom: 5px solid #d8d8d8; } .application-form .progress-bar .notch p { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; margin-bottom: 5px; opacity: 0.5; } .application-form .progress-bar .notch.active { border-color: #f18231; } .application-form .progress-bar .notch.active.current p { opacity: 1; } .application-form .progress-bar .notch.active p { color: #f18231; } @media screen and (max-width: 1070px) { .content-container { width: auto; } } @media screen and (max-width: 1024px) { #back-top-button { transition: opacity .5s ease-in-out; } #back-top-button.active { display: block; height: 28px; width: 28px; background-size: 28px 28px; bottom: 20px; right: 20px; } .application-form { margin-top: 40px; margin-bottom: 40px; } .application-form .location-selection { margin-bottom: 60px; } .application-form .location-selection .locations-list { display: inline-block; float: left; height: 470px; padding-right: 0; overflow: scroll; } .application-form .location-selection .locations-list .location-single { font-family: AvenirLTStd-Light; color: #2c3e50; padding: 10px; border-top: 1px solid #e0e0e0; cursor: pointer; display: table; vertical-align: top; box-sizing: border-box; width: 100%; } .application-form .location-selection .locations-list .location-single:hover, .application-form .location-selection .locations-list .location-single:focus { background-color: #fafafa; } .application-form .location-selection .locations-list .location-thumbnail { width: 54px; height: 54px; display: table-cell; vertical-align: top; } .application-form .location-selection .locations-list .location-info { display: table-cell; padding-left: 10px; vertical-align: top; } .application-form .location-selection .locations-list .hidden-info { display: none; } .application-form .location-selection .locations-list h4 { font-family: AvenirLTStd-Medium; margin-bottom: 0px; font-size: 18px; } .application-form .location-selection .locations-list span { display: block; font-size: 16px; line-height: 1.4; } .application-form .location-selection .locations-list button { margin-top: 15px; margin-bottom: 5px; margin-right: 10px; height: 38px; font-family: AvenirLTStd-Medium; } .application-form .location-selection .locations-list .view-map { display: none; } .application-form .location-selection .locations-map { display: inline-block; float: left; width: 625px; height: 470px; background-color: #f9f9f9; border: 1px solid #efefef; } .application-form .location-selection { margin-bottom: 30px; } .application-form .location-selection .locations-list { width: 100%; display: block; float: none; height: auto; overflow: auto; } .application-form .location-selection .locations-list .view-map { display: inline-block; } .application-form .location-selection .locations-map { display: none; } .application-form .show-for-small-only { display: none; } .application-form .smaller-content-text { font-size: 15px; } .application-form .application-error p.error-message { font-size: 14px; } .application-form .application-section { min-height: 350px; padding: 40px 0; border-top: 1px solid #e0e0e0; } .application-form .application-section .row { width: auto; padding: 0 20px; } .application-form .application-section:nth-of-type(odd) { background-color: #fbfbfb; } .application-form .document-box { width: 100%; height: 500px; border-radius: 4px; background-color: #fbfbfb; border: solid 1px #e0e0e0; margin: 0 auto 22px; } .application-form .adobe-reader-text { margin-bottom: 40px; } .application-form .adobe-reader-text img { float: left; margin-right: 20px; } .application-form .adobe-reader-text .content { padding-top: 0; } .application-form .adobe-reader-text .content p { margin: 0; font-size: 15px; line-height: 1.3; } .application-form .submit-group { text-align: center; } .application-form .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .application-form .submit-group input[type="submit"]:last-child { margin-right: 0; } .application-form .square-accordian .accordian-panel .accordion-trigger { position: relative; height: 70px; width: 100%; border: solid 1px #979797; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; color: #2c3e50; text-align: left; line-height: 70px; padding: 0 30px; cursor: pointer; } .application-form .square-accordian .accordian-panel.active .accordion-content { display: block; width: 100%; padding: 40px 0 20px; border: none; background-color: transparent; } .application-form .square-accordian .accordian-panel.active .accordion-content .responsive-icon .image { background-position: center center !important; background-size: cover !important; } .application-form h2 { font-size: 28px; } .application-form h3 { font-size: 24px; } .application-form p { font-size: 16px; } .application-form hr { margin-bottom: 30px; margin-top: 0; } fieldset + legend, .application-form fieldset + legend.title, .application-form label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; display: inline-block; margin-right: 25px; margin-left: 5px; } .schedulevisit label.date { margin-right: 0px !important; text-align: center; display: block; } .schedulevisit label.time { margin-right: 0px !important; margin-bottom: 16px; } .application-form fieldset + legend.title, .application-form label.title { margin-right: 0; width: 200px; } .application-form .disclaimer-text { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .application-form .progress-container { width: 100%; margin: 0 auto; } .show-for-large-only { display: none; } .show-for-medium-only { display: block; } .content-container { width: 100%; } .show-for-large-up { display: none; } .columns { padding-left: 15px; padding-right: 15px; } .splash-heading { overflow: hidden; } } @media screen and (max-width: 750px) { .nev-left.main-nav.float-left.show-for-medium { display: none; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .show-for-medium-up { display: none; } #back-top-button { transition: opacity .5s ease-in-out; } #back-top-button.active { height: 20px; width: 20px; background-size: 20px 20px; bottom: 20px; right: 20px; } .application-form { margin-top: 20px; margin-bottom: 20px; } .application-form .progress-container { width: 100%; margin: 0 auto; } .application-form .smaller-content-text { font-size: 13px; } .application-form .smaller-content-text a { font-size: 13px; } .application-form .application-error { margin: 20px 0; padding: 12px; background-color: #f55454; border-radius: 0; } .application-form .application-error p.error-message { margin: 0; font-size: 13px; color: #fff; line-height: 1.2; } .application-form .application-section { min-height: 400px; padding: 30px 0; border-top: 1px solid #e0e0e0; } .application-form .application-section .row { width: 100%; } .application-form .application-section:nth-of-type(odd) { background-color: #fbfbfb; } .application-form .input-fields { display: block; } .application-form .input-fields::after { content: " "; visibility: hidden; display: block; height: 0; clear: both; margin-bottom: 14px; } .application-form .input-fields input[type="text"], .application-form .input-fields input[type='password'], .application-form .input-fields input[type='date'], .application-form .input-fields input[type='datetime'], .application-form .input-fields input[type='datetime-local'], .application-form .input-fields input[type='month'], .application-form .input-fields input[type='week'], .application-form .input-fields input[type='email'], .application-form .input-fields input[type='number'], .application-form .input-fields input[type='search'], .application-form .input-fields input[type='tel'], .application-form .input-fields input[type='time'], .application-form .input-fields input[type='url'], .application-form .input-fields input[type='color'] { width: 100%; margin-right: 0; display: inline-block; float: none; margin-bottom: 14px; } .application-form .input-fields input[type="text"]:nth-child(even), .application-form .input-fields input[type="text"]:nth-child(even), .application-form .input-fields input[type='password']:nth-child(even), .application-form .input-fields input[type='date']:nth-child(even), .application-form .input-fields input[type='datetime']:nth-child(even), .application-form .input-fields input[type='datetime-local']:nth-child(even), .application-form .input-fields input[type='month']:nth-child(even), .application-form .input-fields input[type='week']:nth-child(even), .application-form .input-fields input[type='email']:nth-child(even), .application-form .input-fields input[type='number']:nth-child(even), .application-form .input-fields input[type='search']:nth-child(even), .application-form .input-fields input[type='tel']:nth-child(even), .application-form .input-fields input[type='time']:nth-child(even), .application-form .input-fields input[type='url']:nth-child(even), .application-form .input-fields input[type='color']:nth-child(even) { float: right; margin-right: 0; } .application-form .input-fields input.has-error { border-color: #f55454; color: #f55454; } .application-form .modal-link { color: #0c89b3; position: relative; } .application-form .modal-link .modal-content { display: none; height: 0; width: 0; } .application-form .modal-link:hover .modal-content, .application-form .modal-link:focus .modal-content { width: 250px; border-radius: 0; font-size: 13px; padding: 12px 18px; } .application-form .title-input { display: block; width: 100%; } .application-form .title-input .title { display: block; width: 100%; margin-bottom: 16px; } .application-form .title-input .inputs { padding-left: 0; display: block; width: auto; } .application-form .input { display: table; width: 100%; margin-bottom: 10px; } .application-form .input .input-holder { display: table-cell; } .application-form .input + label { display: table-cell; cursor: pointer; } .application-form .square-accordian { margin: 0; padding: 0; } .application-form .square-accordian .accordian-panel { margin-bottom: 20px; } .application-form .square-accordian .accordian-panel .accordion-trigger { position: relative; height: auto; width: 100%; border: solid 1px #979797; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; color: #2c3e50; text-align: left; line-height: 1.3; padding: 11px 35px 11px 11px; cursor: pointer; vertical-align: middle; } .application-form .square-accordian .accordian-panel .accordion-trigger span { color: #f18231; display: block; } .application-form .square-accordian .accordian-panel .accordion-trigger::after { content: "\e90d"; font-family: 'mbt-v1' !important; display: inline; position: absolute; right: -20px; font-size: 80px; line-height: normal; top: 50%; transform: translate(-50%, -50%); } .application-form .square-accordian .accordian-panel.active .accordion-trigger::after { content: "\e90e"; font-family: 'mbt-v1' !important; } .application-form .square-accordian .accordian-panel.active .accordion-content { display: block; width: 100%; padding: 30px 0 30px; border: none; background-color: transparent; } .application-form .square-accordian .accordian-panel.active .accordion-content h3, .application-form .square-accordian .accordian-panel.active .accordion-content p { text-align: left; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian { text-align: center; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian h3, .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian p { text-align: center; } .application-form .square-accordian .accordian-panel.active .accordion-content .thank-you-accordian span { display: block; height: 80px; margin-bottom: 20px; line-height: 80px; color: #f18231; font-size: 150px; font-weight: 500; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content { display: block; width: 100%; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content .image { width: 90%; min-height: 129px; display: block; height: auto; max-height: 252px; margin-left: 5%; margin-right: 5%; box-sizing: border-box; border: 1px solid #efefef; margin-bottom: 30px; } .application-form .square-accordian .accordian-panel.active .accordion-content .duo-content .content { width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box; display: block; } .application-form .square-accordian .accordian-panel.active .accordion-content .responsive-icon .image { background-position: center center !important; background-size: cover !important; display: inline-block !important; } .application-form .document-box { height: 360px; background-color: #fbfbfb; border: solid 1px #e0e0e0; margin: 0 auto 30px; } .application-form .adobe-reader-text { display: none; } .application-form .submit-group { text-align: center; } .application-form .submit-group input[type="submit"] { display: block; margin: 0 auto 20px auto; } .application-form .submit-group input[type="submit"]:last-child { margin: 0 auto 20px auto; } .application-form h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; text-align: center; margin-bottom: 20px; } .application-form h3 { font-size: 21px; } .application-form p { font-size: 15px; } .application-form hr { margin-bottom: 30px; margin-top: 0; } fieldset > legend, .application-form fieldset > legend.title, .application-form label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; display: inline-block; margin-right: 25px; margin-left: 5px;} .schedulevisit label.date { margin-right: 0px !important; text-align: center; display: block; } .schedulevisit label.time { margin-right: 0px !important; margin-bottom: 16px; } .application-form fieldset > legend.title:not(.no-width), .application-form label.title { margin-right: 0; width: 100%; display: block; margin-bottom: 16px; } .application-form fieldset > legend.title.no-width { margin-right: 0; display: block; margin-bottom: 16px; } .application-form input[type="submit"] { width: 194px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; display: block; } .application-form .inactive { opacity: .3; } .application-form .disclaimer-text { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .application-form .progress-bar.show-for-medium-up { display: none; } .application-form .mobile-progress-bar { margin-bottom: 30px; } .application-form .mobile-progress-bar.show-for-small-only { display: block; } .application-form .mobile-progress-bar .back-link { font-size: 12px; font-weight: 500; color: #999999; } .application-form .mobile-progress-bar p { font-family: AvenirLTStd-Medium; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #f18231; margin-bottom: 2px; } .application-form .mobile-progress-bar .bar-container { margin-top: 10px; width: 100%; height: 5px; background-color: #d8d8d8; } .application-form .mobile-progress-bar .bar-container .bar { height: 5px; background-color: #f18231; } .application-form .mobile-progress-bar .bar-container .bar.notch1 { width: 20%; } .application-form .mobile-progress-bar .bar-container .bar.notch2 { width: 40%; } .application-form .mobile-progress-bar .bar-container .bar.notch3 { width: 60%; } .application-form .mobile-progress-bar .bar-container .bar.notch4 { width: 80%; } .application-form .mobile-progress-bar .bar-container .bar.notch5 { width: 100%; } .application-form .mobile-progress-bar .bar-container .bar.notch20 { width: 20%; } .application-form .mobile-progress-bar .bar-container .bar.notch25 { width: 25%; } .application-form .mobile-progress-bar .bar-container .bar.notch40 { width: 40%; } .application-form .mobile-progress-bar .bar-container .bar.notch50 { width: 50%; } .application-form .mobile-progress-bar .bar-container .bar.notch60 { width: 60%; } .application-form .mobile-progress-bar .bar-container .bar.notch75 { width: 75%; } .application-form .mobile-progress-bar .bar-container .bar.notch80 { width: 80%; } .application-form .mobile-progress-bar .bar-container .bar.notch100 { width: 100%; } .mobile-align-left { text-align: left !important; } .show-for-medium-only { display: none; height: 0; width: 0; opacity: 0; } .splash-heading { overflow: initial; } .show-for-small-only { display: block; } .show-for-large-only { display: none; } } @media screen and (max-width: 480px) { .columns { padding-left: 20px; padding-right: 20px; } .section-padding { padding: 40px 0; } } .accordion-content, .accordion-trigger { padding: 16px 8px 16px 8px !important; cursor: pointer; } .accordion-content { padding-top: 8px !important; } section:not(.page-wealth) .accordion-trigger:after { right: 8px !important; } section.page-wealth .accordion-trigger:after { margin-right: 8px !important; } /* Set 'active' styles for accordion trigger panel */ section:not(.page-wealth) .accordian-panel.active .accordion-trigger { background-color: #f7f9fa; } section:not(.page-wealth) .accordian-panel.active .accordion-trigger:not(:focus) { border-bottom: 1px solid #e0e0e0 !important; } section.page-wealth .accordian-panel.active .accordion-trigger { background-color: #686663; } section.page-wealth .accordian-panel.active .accordion-trigger:not(:focus) { border-bottom: 1px solid #686663 !important; } /* Set focus outline style for all focusable/tabbable elements. This will overwrite the default browser styles (i.e. solid blue box in Chrome). */ *:focus:not(input), .mobile-menu-wrapper .menu .vertical.menu .arrow.active:focus, .mobile-menu-wrapper a:focus span.mobile-nav-logo, a#home-page-link:focus div.logo.show-for-medium-up, .tab-selector > .tab-trigger:focus > a { outline: 1px solid #f18231; } .firstDesc, .lastDesc, .btn:focus, .tab-selector > .tab-trigger:focus, .tab-selector .tab-trigger a:focus, .player-controls button:focus { outline: none !important; } .login-tabs .tab-selector .tab-trigger:focus a, .modal-login-tabs .tab-selector .tab-trigger:focus a { outline: none; border-top: 1px solid #f18231 !important; border-right: 1px solid #f18231 !important; border-bottom: 1px solid #f18231 !important; border-left: 1px solid #f18231 !important; border: 1px solid #f18231 !important; } .nav-selector{ display: flex; } .nav-selector > .nav-trigger > a:focus { height: 105px !important; } .nav-selector > .nav-trigger > a:focus, .tab-selector > .tab-trigger:focus > a { width: calc(100% - 1px) !important; } section:not(.page-wealth) .accordian-panel.active > .accordion-content:focus { border-top: 1px solid #f18231 !important; } /* END focus styles */ /* Styles for custom video player controls */ figure.player-wrapper { margin: 0 auto; position: relative; margin-bottom: 8px; } /* fullscreen */ html:-ms-fullscreen { width: 100%; } :-webkit-full-screen { background-color: transparent; } figure.player-wrapper[data-fullscreen=true] div.flex-video video:-webkit-full-screen + .player-controls { /*background: #ccc; required for Chrome which doesn't heed the transparent value set above */ } figure.player-wrapper[data-fullscreen=true] div.flex-video video:-webkit-full-screen + .player-controls .video-progress progress { margin-top: 0.5rem; } /* hide controls on fullscreen with WebKit TODO: Can't get custom controls to display on top of full-screen video so for the time being display native controls. */ figure.player-wrapper[data-fullscreen=true] div.flex-video video::-webkit-media-controls { /*display: none !important;*/ } figure.player-wrapper[data-fullscreen=true] div.flex-video video::-webkit-media-controls-enclosure { /*display: none !important;*/ } figure.player-wrapper[data-fullscreen=true] { max-width: 100%; width: 100%; margin: 0; padding: 0; max-height: 100%; } figure.player-wrapper[data-fullscreen=true] div.flex-video video { height: auto; } figure.player-wrapper[data-fullscreen=true] figcaption { display: none; } figure.player-wrapper[data-fullscreen=true] div.flex-video .player-controls { /*position: absolute; bottom: 2%; left: 0px; width: 100%; margin: 0 auto; z-index: 2147483647 !important;*/ display: none; } /*figure.player-wrapper[data-fullscreen=true] .player-controls div { width: 5%; } figure.player-wrapper[data-fullscreen=true] .player-controls .video-progress { width: 68%; }*/ /* END fullscreen */ /* Hide custom controls if the video tags native controls are enabled */ .player-wrapper div.flex-video video[controls] + .player-controls { display: none; } .player-wrapper div.flex-video .player-controls .subtitles-menu, .player-wrapper div.flex-video .player-controls { background: rgb(0,0,0); /* The black background is because of IE and Edge*/ } .player-wrapper div.flex-video .player-controls { z-index: 2147483647 !important; position: absolute; bottom: -68px; left: 0px; margin-top: -1em; width: 100%; height: 68px; line-height: 68px; padding: 0px 5px 0px 5px; } .player-wrapper div.flex-video .player-controls .subtitles-menu { display: none; position: absolute; bottom: 68px; right: 0px; list-style-type: none; margin: 0; padding: 0; width: 150px; padding: 10px; height: auto; } .player-wrapper div.flex-video .player-controls .subtitles-menu li { padding: 0; text-align: center; } .player-wrapper div.flex-video .player-controls .subtitles-menu li button { border: none; background: #ffffff; color: #000; cursor: pointer; width: 90%; padding: 2px 5px; border-radius: 2px; } .player-wrapper div.flex-video { border: solid #e6e6e6 1px; overflow: visible !important; margin-bottom: 68px; } .player-wrapper div.flex-video video { border: 0px; } .player-wrapper div.flex-video .player-controls[data-state=hidden] { display: none; } .player-wrapper div.flex-video .player-controls[data-state=visible] { display: block; } .player-wrapper div.flex-video .player-controls > * { float: left; width: 3.90625%; height: 100%; margin-left: 0.1953125%; display: block; } .player-wrapper div.flex-video .player-controls > *:first-child { margin-left: 0; } .player-wrapper div.flex-video .player-controls button { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: none; cursor: pointer; padding-bottom: 5px; } .player-wrapper div.flex-video .player-controls button > span::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; /*font weight must match the fontawesome style used: solid = 900; brand = 400*/ font-size: 1.5em; color: #ffffff; } .player-wrapper div.flex-video .player-controls .subtitles-menu li button:hover, .player-wrapper div.flex-video .player-controls .subtitles-menu li button:focus, .player-wrapper div.flex-video .player-controls button:hover, .player-wrapper div.flex-video .player-controls button:focus { opacity: 0.5; } .player-wrapper div.flex-video .player-controls button[data-state="play"] > span::before { content: "\f04b"; } .player-wrapper div.flex-video .player-controls button[data-state="pause"] > span::before { content: "\f04c"; } .player-wrapper div.flex-video .player-controls button[data-state="stop"] > span::before { content: "\f04d"; } .player-wrapper div.flex-video .player-controls button[data-state="mute"] > span::before { content: "\f026"; } .player-wrapper div.flex-video .player-controls button[data-state="unmute"] > span::before { content: "\f6a9"; } .player-wrapper div.flex-video .player-controls button[data-state="volup"] > span::before { font-family: "FontAwesome"; font-weight: 400; content: "\f028"; } .player-wrapper div.flex-video .player-controls button[data-state="voldown"] > span::before { content: "\f027"; } .player-wrapper div.flex-video .player-controls button[data-state="go-fullscreen"] > span::before { content: "\f065"; } .player-wrapper div.flex-video .player-controls button[data-state="subtitles"] > span::before { content: "\f20a"; } .player-wrapper div.flex-video .player-controls .video-progress { cursor: pointer; width: 75.390625%; position: relative; } .player-wrapper div.flex-video .player-controls .video-progress progress { position: relative; /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 16px; margin-top: 25px; border: none; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #e0e0e0; /*for IE10+*/ text-align: center; } .player-wrapper div.flex-video .player-controls .video-progress progress:not([value]), .player-wrapper div.flex-video .player-controls .video-progress progress[value] { background-color: #e0e0e0; } /* Only IE10+ natively supports progress bar and only partially. Firefox doesn't support ::before or ::after on progress bar. This style definition will currently work in Chrome only. */ /*player-wrapper div.flex-video .player-controls .video-progress progress[value]::before { content: attr(value)' / 'attr(max); color: #ffffff; position: absolute; top: 0px; font-size: 12px; left: 4px; height: 16px; line-height: 16px; }*/ .player-wrapper div.flex-video .player-controls .video-progress progress[data-state="fake"] { background: #e0e0e0; height: 16px; } .player-wrapper div.flex-video .player-controls .video-progress progress span { width: 0%; height: 100%; display: inline-block; } .player-wrapper div.flex-video .player-controls .video-progress > span { position: absolute; top: 25px; left: 0px; padding-left: 4px; background-color: transparent; color: #000; font-size: 12px; height: 16px; line-height: 16px; white-space: nowrap; text-align: left; width: auto; } /* Browser-specific properties that need to be set to ensure that Firefox and Chrome use the required colour for the progress bar. Although the same properties are set to the same value above, these rules need to be defined separately, otherwise Chrome ignores them. */ .player-wrapper div.flex-video .player-controls .video-progress progress::-moz-progress-bar { background-color: #e0e0e0; } .player-wrapper div.flex-video .player-controls .video-progress progress::-webkit-progress-bar { background-color: #e0e0e0; } /* we can change the progress value bar color in Chrome only, set to sites orange. */ .player-wrapper div.flex-video .player-controls .video-progress progress::-webkit-progress-value { background-color: #f18231; } div.transcript-wrapper > div.transcript-content, div.transcript-wrapper > div.transcript-content p { text-align: left !important; } div.transcript-wrapper > div.transcript-content { padding: 8px; border: solid 1px #e0e0e0; border-top: 0px; } div.transcript-wrapper > div.transcript-summary { cursor: pointer; padding-left: 22px; position: relative; border: solid 1px #e0e0e0; border-top: 0px; } div.transcript-wrapper > div.transcript-summary:before { position: absolute; top: 0px; left: 4px; font-family: "Font Awesome 5 Free"; font-weight: 900; /*font weight must match the fontawesome style used: solid = 900; brand = 400*/ font-size: 24px; margin-top: -7px; } div.transcript-wrapper > div.transcript-summary[aria-expanded="true"] { background-color: #f7f9fa; } div.transcript-wrapper > div.transcript-summary[aria-expanded="false"]:before { content: "\f0d7"; } div.transcript-wrapper > div.transcript-summary[aria-expanded="true"]:before { content: "\f0d8"; } @media screen and (max-width: 880px) { .player-wrapper div.flex-video .player-controls button:not(.subtitles-button) { height: 34px; line-height: 34px; margin-left: 0px; width: 14.28571428571429%; /*calc() function not working correctly in Edge, so width percentage is calculated at 100 / 7 (number of buttons). Will need to recalculate if additional buttons are added. */ } .player-wrapper div.flex-video .player-controls button > span::before { font-size: 1.5em; margin-top: 4px; } .player-wrapper div.flex-video .player-controls .video-progress { position: absolute; bottom: 0px; left: 1%; height: 25px; line-height: 25px; width: 98% !important; } .player-wrapper div.flex-video .player-controls .video-progress > span { top: 0px; /*left: 4px; background-color: transparent; color: #000; font-size: 12px; height: 16px; line-height: 16px; white-space: nowrap; width: auto;*/ } .player-wrapper div.flex-video .player-controls .video-progress progress { margin-top: 0px; } } /* Footnotes */ ol.footnotes li { font-size: 14px !important; list-style: decimal; line-height: 1.5em !important; font-family: AvenirLTStd-Light !important; color: #505050; } ol.footnotes :target { background: #f7f7f7 !important; border: 1px solid #e5e5e5 !important; outline: none; } a.footnote-back { font-size: 16px !important; font-weight: bold; text-align: center; border-bottom: 1px dotted #f18231; } a.footnote-back:before { content: "\21A9"; } /* abbr */ abbr { text-decoration: none !important; /* Chrome adds a text-decoration to this element by default, but foundation adds a bottom-border. Need to remove text-decoration. */ cursor: default; /* default cursor is help, but it was blocking the hover text, so changed to default (arrow) cursor. */ } abbr a { color: #f18231; } /*/about/careers header icon styles*/ .careers-awards { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .careers-awards img { width: 100%; max-width: 110px; margin: 10px; } /* collapsible table styles */ @media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) { /*Make all the table elements blocks and set the widths to 100%.*/ table.collapse-table, table.collapse-table > thead, table.collapse-table > tbody, table.collapse-table th, table.collapse-table tr { display: inline-block; width: 100% !important; } /*Add line separator between rows.*/ table.collapse-table > tbody tr:not(:first-child):before { content: "-"; margin: 2px 0px 2px 0px; transform: translateX(-50%); color: #ddd; display: inline-block; position: relative; top: 0px; left: 50%; font-size: .5em; background-color: #e5e5e5; width: 100%; height: 2px; } /*Move the table head off the page.*/ table.collapse-table > thead { position: absolute; top: -9999px; left: -9999px; } /*Make sure the table rows don't have a set height and no bottom border since we provide a row separator.*/ table.collapse-table tr { height: auto !important; border-bottom: 0px !important; } /*Set cell to relative position so we can set the column title with an absolute position and placed it to the right of the inner div which has a 40% margin providing space for it.*/ table.collapse-table td { position: relative; padding: 0px !important; display: inline-block; width: 100% !important; } table.collapse-table td div { float: left; margin-left: 40%; text-align: left !important; height: auto; position: relative; padding: 10px 0; } /*Set the column header text so it displays to the left of the cell content. The text is pulled from a data attribute (data-column) on the TD and should match the cell value in the table head. */ table.collapse-table td:before { position: absolute; top: 0px; left: 0px; width: calc(40% - 20px); padding: 10px 0; padding-right: 10px; content: attr(data-column); font-weight: bold; text-align: left !important; } /*Set a min-height for the cells. If a cell is empty it collapses and affects the layout.*/ table.collapse-table th, table.collapse-table td { min-height: 36px !important; } /*If the table body has a TH cell, then it is assumed that it is a header for the row, so we need to set the styles according. It will display above the other row cells (TD) as a header for the row. */ table.collapse-table th { font-family: AvenirLTStd-Medium !important; font-size: 20px !important; font-style: normal !important; font-stretch: normal !important; line-height: 1.4 !important; letter-spacing: .1px !important; color: #34495e !important; padding-left: 0px !important; text-align: left !important; } /*Outlier cases where the cell contains an icon or a button.*/ table.collapse-table span[class^="mbt-"], table.collapse-table span[class*=" mbt-"], table.collapse-table a.btn { margin-top: -35px !important; } } /*Disabled buttons*/ .btn.disabled, .btn:disabled { opacity: .65; cursor: not-allowed; } .btn-orange.disabled, .btn-orange:disabled { background-color: #f18231 !important; } .btn-blue.disabled, .btn-blue:disabled { background-color: #32a5b1 !important; } #js-modal-content { padding:10px; } #js-modal-content > h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; line-height: 1.44; letter-spacing: .2px; color: #2c3e50; margin-bottom: 20px; } #js-modal-content p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } #js-modal-content p:last-child{ margin:0; } .reveal{ border-radius: 4px; } .reveal .close-button { font-size: 1.5em; color: #2d3e4f; } .margin-bottom-2 { margin-bottom: calc(1rem * .5); } .header { width: 100%; height: 110px; padding: 0 50px; display: flex; justify-content:space-between; /* Header Themes */ /* Light Theme */ /* Dark Theme */ /* Header States */ } .header .logo { margin-top: 32px; margin-right: 27px; cursor: pointer; width: 156px; height: 38px; background-size: cover; } .header .mobile-page-title { display: none; margin-right: 0; cursor: pointer; width: 170px; height: auto; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0.1px; } .header .nav-right { position: relative; } .header .main-nav-right { /*width: 410px; overflow: hidden;*/ transition: all 0.5s ease; } /*.header .main-nav-right ul { width: 410px; }*/ .header .main-nav-right.slide-right { width: 0; height: 0; } .header .nav-search { width: 0; opacity: 0; height: 40px; position: absolute; top: 30px; right: 0; transition: all 0.5s ease; overflow: hidden; } .header .nav-search .nav-search-icon { cursor: pointer; } .header .nav-search.active { opacity: 1; width: 340px; height: 40px; background-color: #fff; display: inline-block; border-radius: 4px; border: solid 1px #e0e0e0; } .header .nav-search.active input { width: 300px; display: inline-block; box-sizing: border-box; border: none; box-shadow: none; } .header .nav-search.active .nav-search-icon { display: inline-block; background-color: #fff; box-sizing: border-box; border: none; } .header .nav-search.active .nav-search-icon::before { font-size: 35px; padding-bottom: 3px; font-weight: bold; color: #646464; vertical-align: middle; text-align: center; display: inline-block; padding-left: 10px; } .header secondRowMenu { margin-top: 20px; } .header nav ul { margin: 0; margin-top: 46px; list-style: none; } .header nav ul li { display: inline-block; float: left; } .header nav ul li a { position: relative; margin: 0 15px; padding: 0; font-size: 16px; font-family: 'AvenirLTStd-Medium'; line-height: 1; } .header nav.main-nav ul li a:hover:after, .header nav.main-nav ul li a:focus:after, .header nav.main-nav ul li a.active:after { display: block; position: absolute; content: ''; bottom: -5px; height: 1px; width: 100%; } .header nav.nav-right ul { margin: 0; margin-top: 42px; list-style: none; } .header nav.nav-right ul li a { margin: 0 12px; font-size: 13px; } .header nav.nav-right ul li.border-right a:after { content: ''; display: inline-block; position: relative; top: 2px; right: -12px; height: 13px; width: 1px; background-color: #fff; } .header nav.nav-right ul li.search-icon { width: 15px; height: 15px; margin-top: 5px; cursor: pointer; background-size: cover; } .header nav.nav-right ul li .icon-hamburger { margin-top: 0; cursor: pointer; padding: 30px; top: 7px; right: -15px; position: absolute; cursor: pointer; z-index: 100; } .header.scrolled { position: fixed; top: 0; left: 0; z-index: 99999; transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; } .header.light-header, .header.home-header.scrolled { background-color: #fff; } .header.light-header .logo, .header.home-header.scrolled .logo { background-image: url("../../static/p6/images/montecito_logo_blue%402x.png"); } .header.light-header .mobile-page-title, .header.home-header.scrolled .mobile-page-title { color: #2b3138; } .header.light-header nav ul li a, .header.home-header.scrolled nav ul li a { color: #646464; } .header.light-header nav ul li a:hover, .header.light-header nav ul li a:focus, .header.home-header.scrolled nav ul li a:hover, .header.home-header.scrolled nav ul li a:focus, .header.light-header nav ul li a.active, .header.home-header.scrolled nav ul li a.active { color: #f18231; } .header.light-header nav.main-nav ul li a:hover:after, .header.light-header nav.main-nav ul li a:focus:after, .header.home-header.scrolled nav.main-nav ul li a:hover:after, .header.home-header.scrolled nav.main-nav ul li a:focus:after, .header.light-header nav.main-nav ul li a.active:after, .header.home-header.scrolled nav.main-nav ul li a.active:after { background-color: #f18231; } .header.light-header nav.nav-right li.border-right a:after, .header.home-header.scrolled nav.nav-right li.border-right a:after { background-color: #646464; } .header.light-header nav.nav-right .icon-hamburger, .header.home-header.scrolled nav.nav-right .icon-hamburger { background-image: url("../../static/p6/images/icons/menu-grey.png"); } .header.light-header nav.nav-right li.search-icon, .header.home-header.scrolled nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search_black.png"); } .header.dark-header, .header.home-header, .header.wealth-header { background-color: #4d4b48; } .header.dark-header .logo, .header.home-header .logo, .header.wealth-header .logo { background-image: url("../../static/p6/images/montecito_logo.png"); } .header.dark-header .mobile-page-title, .header.home-header .mobile-page-title, .header.wealth-header .mobile-page-title { color: #fff; } .header.dark-header nav ul li a, .header.home-header nav ul li a, .header.wealth-header nav ul li a { color: #fff; } .header.dark-header nav ul li a:hover, .header.dark-header nav ul li a:focus, .header.home-header nav ul li a:hover, .header.home-header nav ul li a:focus, .header.wealth-header nav ul li a:hover, .header.wealth-header nav ul li a:focus, .header.dark-header nav ul li a.active, .header.home-header nav ul li a.active, .header.wealth-header nav ul li a.active { color: #38bfcd; } .header.dark-header nav.main-nav ul li a:hover, .header.dark-header nav.main-nav ul li a:focus, .header.home-header nav.main-nav ul li a:hover, .header.home-header nav.main-nav ul li a:focus, .header.wealth-header nav.main-nav ul li a:hover, .header.wealth-header nav.main-nav ul li a:focus, .header.dark-header nav.main-nav ul li a.active, .header.home-header nav.main-nav ul li a.active, .header.wealth-header nav.main-nav ul li a.active { color: #38bfcd; } .header.dark-header nav.main-nav ul li a:hover:after, .header.dark-header nav.main-nav ul li a:focus:after, .header.home-header nav.main-nav ul li a:hover:after, .header.home-header nav.main-nav ul li a:focus:after, .header.wealth-header nav.main-nav ul li a:hover:after, .header.wealth-header nav.main-nav ul li a:focus:after, .header.dark-header nav.main-nav ul li a.active:after, .header.home-header nav.main-nav ul li a.active:after, .header.wealth-header nav.main-nav ul li a.active:after { background-color: #38bfcd; } .header.dark-header nav.nav-right li.border-right a:after, .header.home-header nav.nav-right li.border-right a:after, .header.wealth-header nav.nav-right li.border-right a:after { background-color: #fff; } .header.dark-header nav.nav-right .icon-hamburger, .header.home-header nav.nav-right .icon-hamburger, .header.wealth-header nav.nav-right .icon-hamburger { background-image: url("../../static/p6/images/icons/hamburger.png"); } .header.dark-header nav.nav-right li.search-icon, .header.home-header nav.nav-right li.search-icon, .header.wealth-header nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search.png"); } .header.dark-header.main-nav ul li a:hover:after, .header.dark-header.main-nav ul li a:focus:after, .header.main-nav.home-header ul li a:hover:after, .header.main-nav.home-header ul li a:focus:after, .header.main-nav.wealth-header ul li a:hover:after, .header.main-nav.wealth-header ul li a:focus:after, .header.dark-header.main-nav ul li a.active:after, .header.main-nav.home-header ul li a.active:after, .header.main-nav.wealth-header ul li a.active:after { background-color: #fff; } .header.home-header { background-color: transparent; } .header.home-header .main-nav ul li a:hover, .header.home-header .main-nav ul li a:focus, .header.home-header .main-nav ul li a.active { color: #f18231 !important; } .header.home-header .main-nav ul li a:hover:after, .header.home-header .main-nav ul li a:focus:after, .header.home-header .main-nav ul li a.active:after { background-color: #f18231 !important; } .header.home-header nav ul li a:hover, .header.home-header nav ul li a:focus, .header.home-header nav ul li a.active { color: #f18231; } @media screen and (max-width: 1023px) { .nav-left.main-nav { /*display: none; width: 0; height: 0; opacity: 0;*/ } .main-nav-right { margin-right: 35px; } .nav-right .icon-hamburger { position: absolute; right: -15px; top: 10px; padding: 25px; margin: 0 !important; } .secondRowMenu { margin-top: 12px; } } @media screen and (max-width: 1170px) { .header.light-header nav.nav-right ul, .header.home-header.scrolled nav.nav-right ul { margin-top: 25px; } .header { padding: 0 20px; height: 74px; } .header .main-nav-right { width: auto; } .header .main-nav-right ul { width: auto; } .header .nav-search { top: 15px; } .header .logo { margin-top: 20px; margin-right: 12px; } .header .logo img { width: 125px; height: 30px; } .header nav ul { margin-top: 31px; } .header nav ul li a { margin: 0 7px; font-size: 14px; } .header nav.nav-right ul { margin-top: 24px; } .header nav.nav-right .icon-hamburger { margin-top: 27px; margin-left: 18px; cursor: pointer; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .nav-left.main-nav { display: none; width: 0; height: 0; opacity: 0; } .mobile-page-title.show-for-small-only { display: table-cell !important; } .header.light-header, .header.home-header.scrolled { border-bottom: 1px solid #e0e0e0; } header.header .mobile-page-title { width: 60%; vertical-align: middle; } header.header .mobile-page-title, header.header .nav-right { vertical-align: middle; height: 70px; } .header { padding: 0 20px; } .header.dark-header, .header.home-header, .header.wealth-header { border-bottom: 1px solid #777; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) { .header .logo { background-image: url("../../static/p6/images/montecito_logo%402x.png"); } .header nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search%402x.png"); } .header.dark-header .logo, .header.home-header .logo, .header.wealth-header .logo { background-image: url("../../static/p6/images/montecito_logo%402x.png"); } .header.dark-header nav.nav-right li.search-icon, .header.home-header nav.nav-right li.search-icon, .header.wealth-header nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search%402x.png"); } .header.light-header .logo, .header.home-header.scrolled .logo { background-image: url("../../static/p6/images/montecito_logo_blue%402x.png"); } .header.light-header nav.nav-right li.search-icon, .header.home-header.scrolled nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search_black%402x.png"); } .header.home-header .logo { background-image: url("../../static/p6/images/montecito_logo%402x.png"); } .header.home-header nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search%402x.png"); } .header.home-header.scrolled .logo { background-image: url("../../static/p6/images/montecito_logo_blue%402x.png"); } .header.home-header.scrolled nav.nav-right li.search-icon { background-image: url("../../static/p6/images/icons/search_black%402x.png"); } } /* Temporary for COVID link 9/16/20 */ @media only screen and (min-width: 1020px) and (max-width: 1048px) { ul.menu li:last-child a{ margin-right: 0 !important; } .resources-link { display:none !important; } } @media only screen and (min-width: 1170px) and (max-width: 1270px) { ul.menu li:last-child a { margin-right: 0 !important; } .resources-link { display: none !important; } } .footer { background-color: #f6f6f6; } .footer .footer-nav li { margin-bottom: 15px; line-height: 1; } .footer .footer-nav a { font-size: 14px; font-family: 'AvenirLTStd-Roman'; color: #34495e; } .footer .social-nav { margin-top: 25px; } .footer .social-nav p { margin-top: 0; margin-bottom: 30px; font-size: 14px; color: #34495e; } .footer .social-nav ul li { line-height: 1; margin-right: 20px; } .footer .copyright { margin-bottom: 0; margin-top: 46px; font-size: 12px; text-align: right; line-height: 1; color: #34495e; } @media screen and (max-width: 1024px) { .footer .footer-nav li { line-height: 1.6; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .footer .social-nav { padding: 20px 0 15px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; display: block; } .footer .social-nav p { margin-bottom: 20px; font-size: 12px; } .footer .social-nav ul { width: 80%; margin: 0 auto; } .footer .social-nav ul li { float: none; } .footer .social-nav ul li a span { width: 18px; height: 18px; background-size: contain; } .footer .social-nav ul li:last-child { margin-right: 0; } .footer .copyright { margin-top: 25px; text-align: center; float: none; display: block; } .footer .copyright li:first-child { display: block; width: 100%; text-align: center; } .footer .copyright li:last-child { display: block; width: 100%; margin-left: auto; margin-right: auto; text-align: center; } } .btn { display: inline-block; color: #fff; padding: 0 40px; text-align: center; border-radius: 100px; } .btn-large { height: 50px; line-height: 50px; } .btn-medium { height: 40px; line-height: 40px; } .btn-full { width: 100%; } .btn-orange { color: #fff; background-color: #f18231; } .btn-orange:hover, .btn-orange:focus { color: #fff; background-color: #e57c2f; } .btn-orange-border { color: #f18231; font-size: 18px; height: 45px; line-height: 45px; border: solid 1px #f18231; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select { border-radius: 4px; border: solid 1px #e0e0e0; font-size: 15px; padding-left: 17px; box-shadow: none; height: 40px; color: #808080; } /* Used for floating labels */ .input-wrapper { position: relative; margin-right: 5px; display: inline-block; float: left; } .input-wrapper label, .input-wrapper span:not(.field-validation-error) { position: absolute; top: 10px; left: 17px; font-size: 10px !important; font-family: AvenirLTStd-Medium !important; color: #808080 !important; text-transform: uppercase; opacity: 0; z-index: -1; } .field-validation-error, .input-wrapper .field-validation-error > span { color: #f04124 !important; font-size:12px !important; } .input-wrapper input.input-validation-error, .input-wrapper select.input-validation-error, .input-wrapper textarea.input-validation-error, input.input-validation-error, select.input-validation-error, textarea.input-validation-error { border-color: #f04124 !important; margin-bottom: 4px; } .input-wrapper span.field-validation-error, span.field-validation-error { display: inline-block; margin-bottom: 12px; } .input-wrapper span.field-validation-error span, span.field-validation-error span { position: relative; top: 0; left: 0; font-size: 16px; font-family: AvenirLTStd-Medium; color: #f04124; text-transform: none; opacity: 1; z-index: 0; } .input-wrapper label.visible, .input-wrapper span.visible { top: 3px; opacity: 1; z-index: 99; } /* Application specific styling */ .application-form .input-wrapper { width: 48.5%; } .application-form .input-wrapper > .input-wrapper { width: 100%; } .application-form .input-fields .input-wrapper input[type="text"], .application-form .input-fields .input-wrapper input[type="email"], .application-form .input-fields .input-wrapper input[type='password'], .application-form .input-fields .input-wrapper input[type='date'], .application-form .input-fields .input-wrapper input[type='datetime'], .application-form .input-fields .input-wrapper input[type='datetime-local'], .application-form .input-fields .input-wrapper input[type='month'], .application-form .input-fields .input-wrapper input[type='week'], .application-form .input-fields .input-wrapper input[type='number'], .application-form .input-fields .input-wrapper input[type='search'], .application-form .input-fields .input-wrapper input[type='tel'], .application-form .input-fields .input-wrapper input[type='time'], .application-form .input-fields .input-wrapper input[type='url'], .application-form .input-fields .input-wrapper input[type='color'] { width: 100% !important; } /* ContactUs specific styling */ #theContactForm br, #theApptForm br, .preferredContact, #registerButton { clear: both; } /*set bottom margin to the non-error value; being set to 4px further up in style sheet and it is causing the contact us form layout to break. */ #theContactForm input.input-validation-error { margin-bottom: 16px; } #theApptForm .input-wrapper.phone { margin-right: 4px; } #theApptForm .input-wrapper.email { margin-right: 0; } /* Login modal form styling */ .login-modal .input-wrapper { width: 65%; margin: 0; } .login-modal .input-wrapper input[type="text"] { width: 100% !important; } /* Home login form styling */ .pol-tab .input-wrapper, .bol-tab .input-wrapper { width: 100%; } /* Wealth specific styling */ .OAT-register-form-fields .input-wrapper { width: 33.3% !important; margin: 0 !important; } .OAT-register-form-fields .input-wrapper input { width: 95% !important; margin-left: 5px !important; margin-right: 5px !important; } .OAT-register-form-fields .input-wrapper input.placeholder-visible::placeholder { color: #615f5c !important; } .OAT-register-form-fields .input-wrapper label, .OAT-register-form-fields .input-wrapper span { color: #38bfcd; } input.placeholder-visible { padding-top: 12px !important; padding-bottom: 0px !important; } input.placeholder-visible::placeholder { color: #fff; } input.placeholder-visible::-ms-input-placeholder { color: #fff !important; opacity: 0 !important; } input.placeholder-attr-hidden::placeholder { color: #fff !important; opacity: 0 !important; } input.placeholder-attr-hidden:-ms-input-placeholder { color: #fff !important; opacity: 0 !important; } @media (max-width:745px) { .input-wrapper, .OAT-register-form-fields .input-wrapper { display: block; width: 100% !important; } } .icon { display: inline-block; background-repeat: no-repeat; background-position: center; } .icon-piggy { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/piggy.png"); background-size: 55px 56px; } .icon-credit-card { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/credit_card.png"); background-size: 56px 35px; } .icon-card-wallet { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/card_wallet.png"); background-size: 51px 56px; } .icon-greece { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/greece.png"); background-size: 56px 56px; } .icon-google-plus { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/google.png"); background-size: 23px 15px; } .icon-facebook { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/facebook.png"); background-size: 21px; } .icon-linked-in { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/linkedin.png"); background-size: 21px 19px; } .icon-twitter { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/twitter.png"); background-size: 21px 18px; } .icon-x { width: 14px; height: 14px; background-image: url("../../static/p6/images/icons/x.png"); background-size: 14px; cursor: pointer; } .icon-x-black { width: 14px; height: 14px; background-image: url("../../static/p6/images/icons/x_black.png"); background-size: 14px; cursor: pointer; } .icon-x-large { width: 31px; height: 30px; background-image: url("../../static/p6/images/icons/x_large.png"); background-size: 31px; cursor: pointer; } .icon-alert { width: 19px; height: 17px; background-image: url("../../static/p6/images/icons/alert.png"); background-size: 19px 17px; } .icon-palm-tree { width: 84px; height: 89px; background-image: url("../../static/p6/images/icons/palm_tree.png"); background-size: 84px 89px; } .icon-hamburger { width: 24px; height: 18px; background-image: url("../../static/p6/images/icons/hamburger.png"); background-size: 24px 18px; } .icon-caret-down { width: 14px; height: 8px; background-image: url("../../static/p6/images/icons/caret_down.png"); background-size: 14px 8px; } .icon-youtube { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/youtube.png"); background-size: 24px 16px; } .icon-instagram { width: 24px; height: 24px; background-image: url("../../static/p6/images/icons/instagram.png"); background-size: 21px 21px; } .icon-fdic { width: 37px; height: 23px; background-image: url("../../static/p6/images/icons/fdic.png"); background-size: 37px 23px; margin-left: 15px; } .icon-lender { width: 25px; height: 25px; background-image: url("../../static/p6/images/icons/lender.png"); background-size: 25px 25px; margin-left: 15px; } .icon-animal-care { height: 60px; background-image: url("../../static/p6/images/icons/animal-care.png"); background-size: 58px 60px; margin-bottom: 30px; } .icon-education-youth-services { background-image: url("../../static/p6/images/icons/education-youth-services.png"); height: 60px; background-size: 72px 60px; margin-bottom: 30px; } .icon-medical-health { background-image: url("../../static/p6/images/icons/medical-health.png"); height: 60px; background-size: 58px 60px; margin-bottom: 30px; } .icon-social-services { background-image: url("../../static/p6/images/icons/social-services.png"); height: 60px; background-size: 58px 60px; margin-bottom: 30px; } .icon-the-arts { background-image: url("../../static/p6/images/icons/the-arts.png"); height: 60px; background-size: 58px 60px; margin-bottom: 30px; } .icon-the-enviroment { background-image: url("../../static/p6/images/icons/the-enviroment.png"); height: 60px; background-size: 58px 60px; margin-bottom: 30px; } .icon-checking { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/checking.png"); background-size: 57px 39px; } .icon-home { width: 60px; height: 60px; background-image: url("../../static/p6/images/icons/home.png"); background-size: 54px 54px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) { .icon-home { background-image: url("../../static/p6/images/icons/home%402x.png"); } .icon-checking { background-image: url("../../static/p6/images/icons/checking%402x.png"); } .icon-animal-care { background-image: url("../../static/p6/images/icons/animal-care%402x.png"); } .icon-education-youth-services { background-image: url("../../static/p6/images/icons/education-youth-services%402x.png"); } .icon-medical-health { background-image: url("../../static/p6/images/icons/medical-health%402x.png"); } .icon-social-services { background-image: url("../../static/p6/images/icons/social-services%402x.png"); } .icon-the-arts { background-image: url("../../static/p6/images/icons/the-arts%402x.png"); } .icon-the-enviroment { background-image: url("../../static/p6/images/icons/the-enviroment%402x.png"); } .icon-fdic { background-image: url("../../static/p6/images/icons/fdic%402x.png"); } .icon-instagram { background-image: url("../../static/p6/images/icons/instagram%402x.png"); } .icon-youtube { background-image: url("../../static/p6/images/icons/youtube%402x.png"); } .icon-piggy { background-image: url("../../static/p6/images/icons/piggy%402x.png"); } .icon-credit-card { background-image: url("../../static/p6/images/icons/credit_card%402x.png"); } .icon-card-wallet { background-image: url("../../static/p6/images/icons/card_wallet%402x.png"); } .icon-greece { background-image: url("../../static/p6/images/icons/greece%402x.png"); } .icon-google-plus { background-image: url("../../static/p6/images/icons/google%402x.png"); } .icon-facebook { background-image: url("../../static/p6/images/icons/facebook%402x.png"); } .icon-linked-in { background-image: url("../../static/p6/images/icons/linkedin%402x.png"); } .icon-twitter { background-image: url("../../static/p6/images/icons/twitter%402x.png"); } .icon-x { background-image: url("../../static/p6/images/icons/x%402x.png"); } .icon-x-black { background-image: url("../../static/p6/images/icons/x_black%402x.png"); } .icon-x-large { background-image: url("../../static/p6/images/icons/x_large%402x.png"); } .icon-alert { background-image: url("../../static/p6/images/icons/alert%402x.png"); } .icon-palm-tree { background-image: url("../../static/p6/images/icons/palm_tree%402x.png"); } .icon-hamburger { background-image: url("../../static/p6/images/icons/hamburger%402x.png"); } .icon-caret-down { background-image: url("../../static/p6/images/icons/caret_down%402x.png"); } } /*! * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } /* New COVID-19 Icons version 5.13 */ .fa-user-nurse:before { content: "\f82f"; } .fa-user-md:before { content: "\f0f0"; } .fa-thermometer:before { content: "\f491"; } .fa-syringe:before { content: "\f48e"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-people-arrows:before { content: "\f968"; } .fa-microscope:before { content: "\f610"; } .fa-house-user:before { content: "\f965"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hands-wash:before { content: "\f95e"; } .fa-faucet:before { content: "\f905"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-biohazard:before { content: "\f780"; } .fa-ambulance:before { content: "\f0f9"; } .fa-viruses:before { content: "\f976"; } .fa-virus-slash:before { content: "\f975"; } .fa-virus:before { content: "\f974"; } .fa-toilet-paper-slash:before { content: "\f972"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-temperature-high:before { content: "\f769"; } .fa-lungs-virus:before { content: "\f967"; } .fa-laptop-house:before { content: "\f966"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital:before { content: "\f0f8"; } .fa-head-side-virus:before { content: "\f964"; } .fa-head-side-mask:before { content: "\f963"; } .fa-head-side-cough-slash:before { content: "\f962"; } .fa-head-side-cough:before { content: "\f961"; } .fa-handshake-slash:before { content: "\f960"; } .fa-handshake-alt-slash:before { content: "\f95f"; } .fa-hand-sparkles:before { content: "\f95d"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-holding-medical:before { content: "\f95c"; } .fa-box-tissue:before { content: "\f95b"; } .fa-temperature-low:before { content: "\f76b"; } .fa-stopwatch-20:before { content: "\f96f"; } .fa-soap:before { content: "\f96e"; } .fa-shield-virus:before { content: "\f96c"; } .fa-lungs:before { content: "\f604"; } .fa-disease:before { content: "\f7fa"; } .fa-pump-soap:before { content: "\f96b"; } .fa-pump-medical:before { content: "\f96a"; } .fa-plane-slash:before { content: "\f969"; } .fa-store-slash:before { content: "\f971"; } .fa-store-alt-slash:before { content: "\f970"; } /* Free Icons Version 5.12.1 */ .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-acquisitions-incorporated:before { content: "\f6af" } .fa-ad:before { content: "\f641" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adobe:before { content: "\f778" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-freshener:before { content: "\f5d0" } .fa-airbnb:before { content: "\f834" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-alipay:before { content: "\f642" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-ankh:before { content: "\f644" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-alt:before { content: "\f5d1" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-artstation:before { content: "\f77a" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-atlassian:before { content: "\f77b" } .fa-atom:before { content: "\f5d2" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-baby:before { content: "\f77c" } .fa-baby-carriage:before { content: "\f77d" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-bacon:before { content: "\f7e5" } .fa-bahai:before { content: "\f666" } .fa-balance-scale:before { content: "\f24e" } .fa-balance-scale-left:before { content: "\f515" } .fa-balance-scale-right:before { content: "\f516" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-bars:before { content: "\f0c9" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-bath:before { content: "\f2cd" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-battle-net:before { content: "\f835" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bezier-curve:before { content: "\f55b" } .fa-bible:before { content: "\f647" } .fa-bicycle:before { content: "\f206" } .fa-biking:before { content: "\f84a" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-biohazard:before { content: "\f780" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blender:before { content: "\f517" } .fa-blender-phone:before { content: "\f6b6" } .fa-blind:before { content: "\f29d" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-dead:before { content: "\f6b7" } .fa-book-medical:before { content: "\f7e6" } .fa-book-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-bookmark:before { content: "\f02e" } .fa-bootstrap:before { content: "\f836" } .fa-border-all:before { content: "\f84c" } .fa-border-none:before { content: "\f850" } .fa-border-style:before { content: "\f853" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .fa-bread-slice:before { content: "\f7ec" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-buffer:before { content: "\f837" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-business-time:before { content: "\f64a" } .fa-buy-n-large:before { content: "\f8a6" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-campground:before { content: "\f6bb" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-candy-cane:before { content: "\f786" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-crash:before { content: "\f5e1" } .fa-car-side:before { content: "\f5e4" } .fa-caravan:before { content: "\f8ff" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-carrot:before { content: "\f787" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cash-register:before { content: "\f788" } .fa-cat:before { content: "\f6be" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-centos:before { content: "\f789" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-cheese:before { content: "\f7ef" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-board:before { content: "\f43c" } .fa-chess-king:before { content: "\f43f" } .fa-chess-knight:before { content: "\f441" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-queen:before { content: "\f445" } .fa-chess-rook:before { content: "\f447" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-chromecast:before { content: "\f838" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clinic-medical:before { content: "\f7f2" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-meatball:before { content: "\f73b" } .fa-cloud-moon:before { content: "\f6c3" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-cloud-rain:before { content: "\f73d" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-cloud-sun:before { content: "\f6c4" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-concierge-bell:before { content: "\f562" } .fa-confluence:before { content: "\f78d" } .fa-connectdevelop:before { content: "\f20e" } .fa-contao:before { content: "\f26d" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-cotton-bureau:before { content: "\f89e" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-critical-role:before { content: "\f6c9" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-cross:before { content: "\f654" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-crutch:before { content: "\f7f7" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-dailymotion:before { content: "\f952" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-delicious:before { content: "\f1a5" } .fa-democrat:before { content: "\f747" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-dev:before { content: "\f6cc" } .fa-deviantart:before { content: "\f1bd" } .fa-dharmachakra:before { content: "\f655" } .fa-dhl:before { content: "\f790" } .fa-diagnoses:before { content: "\f470" } .fa-diaspora:before { content: "\f791" } .fa-dice:before { content: "\f522" } .fa-dice-d20:before { content: "\f6cf" } .fa-dice-d6:before { content: "\f6d1" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-directions:before { content: "\f5eb" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dog:before { content: "\f6d3" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-flatbed:before { content: "\f474" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dragon:before { content: "\f6d5" } .fa-draw-polygon:before { content: "\f5ee" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dumpster:before { content: "\f793" } .fa-dumpster-fire:before { content: "\f794" } .fa-dungeon:before { content: "\f6d9" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edit:before { content: "\f044" } .fa-egg:before { content: "\f7fb" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-ello:before { content: "\f5f1" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-ethernet:before { content: "\f796" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-evernote:before { content: "\f839" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fan:before { content: "\f863" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-fedex:before { content: "\f797" } .fa-fedora:before { content: "\f798" } .fa-female:before { content: "\f182" } .fa-fighter-jet:before { content: "\f0fb" } .fa-figma:before { content: "\f799" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-csv:before { content: "\f6dd" } .fa-file-download:before { content: "\f56d" } .fa-file-excel:before { content: "\f1c3" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-signature:before { content: "\f573" } .fa-file-upload:before { content: "\f574" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-firefox-browser:before { content: "\f907" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flushed:before { content: "\f579" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-minus:before { content: "\f65d" } .fa-folder-open:before { content: "\f07c" } .fa-folder-plus:before { content: "\f65e" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frog:before { content: "\f52e" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-funnel-dollar:before { content: "\f662" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gas-pump:before { content: "\f52f" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-ghost:before { content: "\f6e2" } .fa-gift:before { content: "\f06b" } .fa-gifts:before { content: "\f79c" } .fa-git:before { content: "\f1d3" } .fa-git-alt:before { content: "\f841" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-cheers:before { content: "\f79f" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glass-whiskey:before { content: "\f7a0" } .fa-glasses:before { content: "\f530" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-globe-europe:before { content: "\f7a2" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-gopuram:before { content: "\f664" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-lines:before { content: "\f7a4" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-guitar:before { content: "\f7a6" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hackerrank:before { content: "\f5f7" } .fa-hamburger:before { content: "\f805" } .fa-hammer:before { content: "\f6e3" } .fa-hamsa:before { content: "\f665" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-middle-finger:before { content: "\f806" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-handshake:before { content: "\f2b5" } .fa-hanukiah:before { content: "\f6e6" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-hat-wizard:before { content: "\f6e8" } .fa-hdd:before { content: "\f0a0" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-highlighter:before { content: "\f591" } .fa-hiking:before { content: "\f6ec" } .fa-hippo:before { content: "\f6ed" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hockey-puck:before { content: "\f453" } .fa-holly-berry:before { content: "\f7aa" } .fa-home:before { content: "\f015" } .fa-hooli:before { content: "\f427" } .fa-hornbill:before { content: "\f592" } .fa-horse:before { content: "\f6f0" } .fa-horse-head:before { content: "\f7ab" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hot-tub:before { content: "\f593" } .fa-hotdog:before { content: "\f80f" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-house-damage:before { content: "\f6f1" } .fa-houzz:before { content: "\f27c" } .fa-hryvnia:before { content: "\f6f2" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-ice-cream:before { content: "\f810" } .fa-icicles:before { content: "\f7ad" } .fa-icons:before { content: "\f86d" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-ideal:before { content: "\f913" } .fa-igloo:before { content: "\f7ae" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-instagram:before { content: "\f16d" } .fa-instagram-square:before { content: "\f955" } .fa-intercom:before { content: "\f7af" } .fa-internet-explorer:before { content: "\f26b" } .fa-invision:before { content: "\f7b0" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itch-io:before { content: "\f83a" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-java:before { content: "\f4e4" } .fa-jedi:before { content: "\f669" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-jira:before { content: "\f7b1" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-journal-whills:before { content: "\f66a" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-kaaba:before { content: "\f66b" } .fa-kaggle:before { content: "\f5fa" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-khanda:before { content: "\f66d" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kiwi-bird:before { content: "\f535" } .fa-korvue:before { content: "\f42f" } .fa-landmark:before { content: "\f66f" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laptop-code:before { content: "\f5fc" } .fa-laptop-medical:before { content: "\f812" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-layer-group:before { content: "\f5fd" } .fa-leaf:before { content: "\f06c" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-low-vision:before { content: "\f2a8" } .fa-luggage-cart:before { content: "\f59d" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mail-bulk:before { content: "\f674" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-markdown:before { content: "\f60f" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mask:before { content: "\f6fa" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-mdb:before { content: "\f8ca" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mendeley:before { content: "\f7b3" } .fa-menorah:before { content: "\f676" } .fa-mercury:before { content: "\f223" } .fa-meteor:before { content: "\f753" } .fa-microblog:before { content: "\f91a" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microscope:before { content: "\f610" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-square:before { content: "\f146" } .fa-mitten:before { content: "\f7b5" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mixer:before { content: "\f956" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-mosque:before { content: "\f678" } .fa-motorcycle:before { content: "\f21c" } .fa-mountain:before { content: "\f6fc" } .fa-mouse:before { content: "\f8cc" } .fa-mouse-pointer:before { content: "\f245" } .fa-mug-hot:before { content: "\f7b6" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neos:before { content: "\f612" } .fa-network-wired:before { content: "\f6ff" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-oil-can:before { content: "\f613" } .fa-old-republic:before { content: "\f510" } .fa-om:before { content: "\f679" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-orcid:before { content: "\f8d2" } .fa-osi:before { content: "\f41a" } .fa-otter:before { content: "\f700" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-pager:before { content: "\f815" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-parking:before { content: "\f540" } .fa-passport:before { content: "\f5ab" } .fa-pastafarianism:before { content: "\f67b" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-penny-arcade:before { content: "\f704" } .fa-people-carry:before { content: "\f4ce" } .fa-pepper-hot:before { content: "\f816" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-person-booth:before { content: "\f756" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-alt:before { content: "\f879" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-square-alt:before { content: "\f87b" } .fa-phone-volume:before { content: "\f2a0" } .fa-photo-video:before { content: "\f87c" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-square:before { content: "\f91e" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-pizza-slice:before { content: "\f818" } .fa-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-poo:before { content: "\f2fe" } .fa-poo-storm:before { content: "\f75a" } .fa-poop:before { content: "\f619" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-pray:before { content: "\f683" } .fa-praying-hands:before { content: "\f684" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-quran:before { content: "\f687" } .fa-r-project:before { content: "\f4f7" } .fa-radiation:before { content: "\f7b9" } .fa-radiation-alt:before { content: "\f7ba" } .fa-rainbow:before { content: "\f75b" } .fa-random:before { content: "\f074" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-reacteurope:before { content: "\f75d" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-record-vinyl:before { content: "\f8d9" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redhat:before { content: "\f7bc" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-remove-format:before { content: "\f87d" } .fa-renren:before { content: "\f18b" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-republican:before { content: "\f75e" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-restroom:before { content: "\f7bd" } .fa-retweet:before { content: "\f079" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-ring:before { content: "\f70b" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-vertical:before { content: "\f548" } .fa-running:before { content: "\f70c" } .fa-rupee-sign:before { content: "\f156" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-salesforce:before { content: "\f83b" } .fa-sass:before { content: "\f41e" } .fa-satellite:before { content: "\f7bf" } .fa-satellite-dish:before { content: "\f7c0" } .fa-save:before { content: "\f0c7" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-scroll:before { content: "\f70e" } .fa-sd-card:before { content: "\f7c2" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-shapes:before { content: "\f61f" } .fa-share:before { content: "\f064" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield-alt:before { content: "\f3ed" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopify:before { content: "\f957" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shower:before { content: "\f2cc" } .fa-shuttle-van:before { content: "\f5b6" } .fa-sign:before { content: "\f4d9" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signature:before { content: "\f5b7" } .fa-sim-card:before { content: "\f7c4" } .fa-simplybuilt:before { content: "\f215" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skating:before { content: "\f7c5" } .fa-sketch:before { content: "\f7c6" } .fa-skiing:before { content: "\f7c9" } .fa-skiing-nordic:before { content: "\f7ca" } .fa-skull:before { content: "\f54c" } .fa-skull-crossbones:before { content: "\f714" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-slash:before { content: "\f715" } .fa-sleigh:before { content: "\f7cc" } .fa-sliders-h:before { content: "\f1de" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-smog:before { content: "\f75f" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-sms:before { content: "\f7cd" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowboarding:before { content: "\f7ce" } .fa-snowflake:before { content: "\f2dc" } .fa-snowman:before { content: "\f7d0" } .fa-snowplow:before { content: "\f7d2" } .fa-socks:before { content: "\f696" } .fa-solar-panel:before { content: "\f5ba" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-down-alt:before { content: "\f884" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-amount-up-alt:before { content: "\f885" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-sourcetree:before { content: "\f7d3" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-speakap:before { content: "\f3f3" } .fa-speaker-deck:before { content: "\f83c" } .fa-spell-check:before { content: "\f891" } .fa-spider:before { content: "\f717" } .fa-spinner:before { content: "\f110" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-square-root-alt:before { content: "\f698" } .fa-squarespace:before { content: "\f5be" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stackpath:before { content: "\f842" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-star-of-david:before { content: "\f69a" } .fa-star-of-life:before { content: "\f621" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-suse:before { content: "\f7d6" } .fa-swatchbook:before { content: "\f5c3" } .fa-swift:before { content: "\f8e1" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-symfony:before { content: "\f83d" } .fa-synagogue:before { content: "\f69b" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablets:before { content: "\f490" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-teeth:before { content: "\f62e" } .fa-teeth-open:before { content: "\f62f" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-low:before { content: "\f76b" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tenge:before { content: "\f7d7" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-the-red-yeti:before { content: "\f69d" } .fa-theater-masks:before { content: "\f630" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-think-peaks:before { content: "\f731" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toilet:before { content: "\f7d8" } .fa-toilet-paper:before { content: "\f71e" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-tooth:before { content: "\f5c9" } .fa-torah:before { content: "\f6a0" } .fa-torii-gate:before { content: "\f6a1" } .fa-tractor:before { content: "\f722" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-traffic-light:before { content: "\f637" } .fa-trailer:before { content: "\f941" } .fa-train:before { content: "\f238" } .fa-tram:before { content: "\f7da" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-tree:before { content: "\f1bb" } .fa-trello:before { content: "\f181" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-ubuntu:before { content: "\f7df" } .fa-uikit:before { content: "\f403" } .fa-umbraco:before { content: "\f8e8" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-unity:before { content: "\f949" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-ups:before { content: "\f7e0" } .fa-usb:before { content: "\f287" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-usps:before { content: "\f7e1" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-vaadin:before { content: "\f408" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-vihara:before { content: "\f6a7" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-voicemail:before { content: "\f897" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f6a9" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vote-yea:before { content: "\f772" } .fa-vr-cardboard:before { content: "\f729" } .fa-vuejs:before { content: "\f41f" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-warehouse:before { content: "\f494" } .fa-water:before { content: "\f773" } .fa-wave-square:before { content: "\f83e" } .fa-waze:before { content: "\f83f" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-wind:before { content: "\f72e" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-bottle:before { content: "\f72f" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wpressr:before { content: "\f3e4" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yammer:before { content: "\f840" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yarn:before { content: "\f7e3" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yin-yang:before { content: "\f6ad" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-zhihu:before { content: "\f63f" } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: auto; src: url("Styles/fonts/free-fa-brands-400.eot"); src: url("Styles/fonts/free-fa-brands-400d41d.eot?#iefix") format("embedded-opentype"),url("Styles/fonts/free-fa-brands-400.woff2") format("woff2"),url("Styles/fonts/free-fa-brands-400.woff") format("woff"),url("Styles/fonts/free-fa-brands-400.ttf") format("truetype"),url("Styles/fonts/free-fa-brands-400.svg#fontawesome") format("svg") } .fab { font-family: "Font Awesome 5 Brands" } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: auto; src: url("Styles/fonts/free-fa-regular-400.eot"); src: url("Styles/fonts/free-fa-regular-400d41d.eot?#iefix") format("embedded-opentype"),url("Styles/fonts/free-fa-regular-400.woff2") format("woff2"),url("Styles/fonts/free-fa-regular-400.woff") format("woff"),url("Styles/fonts/free-fa-regular-400.ttf") format("truetype"),url("Styles/fonts/free-fa-regular-400.svg#fontawesome") format("svg") } .fab, .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url("Styles/fonts/free-fa-solid-900.eot"); src: url("Styles/fonts/free-fa-solid-900d41d.eot?#iefix") format("embedded-opentype"),url("Styles/fonts/free-fa-solid-900.woff2") format("woff2"),url("Styles/fonts/free-fa-solid-900.woff") format("woff"),url("Styles/fonts/free-fa-solid-900.ttf") format("truetype"),url("Styles/fonts/free-fa-solid-900.svg#fontawesome") format("svg") } .fa, .far, .fas { font-family: "Font Awesome 5 Free" } .fa, .fas { font-weight: 900 } @font-face { font-family: 'FontAwesome'; src: url("Styles/fonts/fontawesome-webfont93e3.eot?v=4.4.0"); src: url("Styles/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.4.0") format('embedded-opentype'), url("Styles/fonts/fontawesome-webfont93e3.woff2?v=4.4.0") format('woff2'), url("Styles/fonts/fontawesome-webfont93e3.woff?v=4.4.0") format('woff'), url("Styles/fonts/fontawesome-webfont93e3.ttf?v=4.4.0") format('truetype'), url("Styles/fonts/fontawesome-webfont93e3.svg?v=4.4.0#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; } .page-about .info-wrap .button-row .btn { width: 368px; } .page-about .offset-bot-50 { margin-bottom: 50px; } .page-about .thin-login-menu { border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 25px; } .page-about .thin-login-menu h3 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; text-align: left; padding-bottom: 15px; } .page-about .thin-login-menu h4 { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #34495e; text-align: left; padding-bottom: 14px; } .page-about .thin-login-menu h4::after { content: "\e90d"; float: right; vertical-align: middle; font-family: 'mbt-v1' !important; font-weight: bold; font-size: 45px; position: absolute; display: inline-block; top: -15px; right: 0; } .page-about .thin-login-menu p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #5a5a5a; text-align: left !important; } .page-about .thin-login-menu p.login-info { padding-bottom: 20px; } .page-about .thin-login-menu .button-row { margin: 13px 0; } .page-about .thin-login-menu .small a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.23; letter-spacing: 0.1px; text-align: center; color: #9b9b9b; } .page-about .thin-login-menu h4.accordion-trigger { margin: 0; padding: 0; cursor: pointer; position: relative; } .page-about .thin-login-menu .accordian-panel.active .accordion-content { display: inline-block; border: none; background-color: none; margin-top: 5px 0 0 0; padding: 10px 0 0 0; } .page-about .thin-login-menu .accordian-panel.active h4::after { content: "\e90e"; } .page-about .columns { text-align: center; } .page-about .columns .icon-container { height: 100px; width: 100px; } .page-about .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .page-about .columns p { margin: 0; font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; text-align: center; color: #666; } .page-about .learn-link { margin-top: 50px; text-align: center; } .page-about .learn-link a { font-size: 18px; } .page-about .overview-first-branch::before { background-image: url("../../static/p6/images/icons/bank_open.png"); content: ""; width: 60px; height: 43px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-bank-associates::before { background-image: url("../../static/p6/images/icons/spread.png"); content: ""; width: 43px; height: 43px; background-size: 42px 41px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-branch-locations::before { background-image: url("../../static/p6/images/icons/locations.png"); content: ""; width: 43px; height: 43px; background-size: 28px 40px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-branch-locations, .page-about .overview-bank-associates, .page-about .overview-first-branch { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; } .page-about .team-accordian { padding: 0 20px; } .page-about .team-accordian .accordian-panel { border-bottom: 1px solid #e0e0e0; padding-left: 0; padding-right: 0; } .page-about .team-accordian .accordian-panel:last-child { border-bottom: none; } .page-about .team-accordian .accordian-panel.active .accordion-content { display: flex; flex-wrap: wrap; } .page-about .team-accordian .accordian-panel.active > h3::after { background-image: url("../../static/p6/images/icons/accordian_down_up.png"); } .page-about .team-accordian .accordian-panel > h3 { /*margin: 30px 0 30px 30px;*/ font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 71px; height: 104px; vertical-align: middle; letter-spacing: 0.2px; text-align: left; color: #2c3e50; } .page-about .team-accordian .accordian-panel > h3::after { content: ""; margin-right: 8px; width: 30px; height: 71px; line-height: 71px; vertical-align: middle; background-size: 30px 30px; background-image: url("../../static/p6/images/icons/accordian_down_arrow.png"); background-position: center; background-repeat: no-repeat; float: right; cursor: pointer; } .page-about .team-accordian .accordion-content { padding: 0; display: none; border: none; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; width: 100%; } .page-about .team-accordian .accordion-content .team-member { margin-bottom: 40px; padding-left: 0px; padding-right:0px; } .page-about .team-accordian .accordion-content .team-member-image { display: block; margin: 0 auto 20px auto; } .page-about .team-accordian .accordion-content .team-member-name { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; text-align: center; color: #2c3e50; } .page-about .team-accordian .accordion-content .team-member-title { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; text-align: center; color: #505050; } .page-about .explore-opportunities { max-width: 275px; } .page-about .about-news-searchbar { margin: 10px 0 40px 0; } .page-about .about-news-searchbar input { width: 100%; display: inline-block; height: 60px; border-radius: 4px; border: solid 1px #e0e0e0; box-shadow: none; box-sizing: border-box; padding-left: 45px; margin: 0; float: left; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #808080; background: url("../images/icons/search_black.html") no-repeat scroll 15px 15px; background-position: 15px 50%; } .page-about .border-bottom-none { border-bottom: none; } .page-about .bio { margin-top: 50px; margin-bottom: 50px; padding-left: 20px; padding-right: 20px; } .page-about .bio .main { display: table; margin-bottom: 40px; } .page-about .bio .main .image { display: table-cell; vertical-align: middle; padding-right: 50px; } .page-about .bio .main .contact { display: table-cell; vertical-align: middle; } .page-about .bio .main .contact h3 { margin-bottom: 25px; font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .page-about .bio .main .contact .phone { margin-bottom: 0; font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; color: #2c3e50; line-height: 1.4; } .page-about .bio .main .contact .contact-links { margin-top: 15px; } .page-about .bio .main .contact .contact-links div { padding: 0 20px 0 15px; height: 44px; width: auto; line-height: 44px; } .page-about .bio .main .contact .contact-links div:last-child { border-top: 1px solid #d8d8d8; display: inline-block; } .page-about .bio .main .contact .contact-links a { color: #2c3e50; font-size: 15px; font-family: AvenirLTStd-Light; } .page-about .bio .main .contact .contact-links .icon { display: inline-block; float: left; margin-right: 10px; font-size: 42px; } .page-about .bio .blurb p, .page-about .bio .blurb li, .page-about .bio .investment-products p, .page-about .bio .investment-products li { text-align: left; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; color: #505050; } .page-about .bio .blurb p, .page-about .bio .blurb ul, .page-about .bio .investment-products p, .page-about .bio .investment-products ul { margin-bottom: 30px; } .page-about .bio .investment-products h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 20px; } .page-about .bio .investment-products ul { list-style: none; margin: 0; padding: 0; width: 100%; display: table; border: solid 1px #e0e0e0; border-bottom: none; border-right: none; margin-bottom: 20px; } .page-about .bio .investment-products ul li { width: 50%; text-align: center; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 16px 10px; border-bottom: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; } .page-about .bio .investment-products .subtext { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #5a5a5a; } .page-about .blurb { padding-top: 20px; margin-bottom: 20px; } .page-about .blurb h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #2c3e50; } .page-about .blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; text-align: center; color: #505050; } .page-about .overview-first-branch { text-align: center; } .page-about .overview-first-branch::before { content: ""; width: 60px; height: 43px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-bank-associates { text-align: center; } .page-about .overview-bank-associates::before { content: ""; width: 43px; height: 43px; background-size: 42px 41px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-branch-locations { text-align: center; } .page-about .overview-branch-locations::before { content: ""; width: 43px; height: 43px; background-size: 28px 40px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .page-about .overview-branch-locations, .page-about .overview-bank-associates, .page-about .overview-first-branch { text-align: center; font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; } .page-about .button-overlay { position: relative; display: table; } .page-about .button-overlay .overlay-content { text-align: center; position: relative; z-index: 10; margin-left: auto; margin-right: auto; display: table-cell; vertical-align: middle; width: 90%; } .page-about .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; } .page-about .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; } .page-about .splash { height: 440px; padding-top: 100px; margin-bottom: 50px; background-image: url("../../static/p6/images/about/about_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-about .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-about .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-about .exploreOurTeam, .page-about .throughTheYears, .page-about .workWithUs, .page-about .stayUpToDate { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; } .page-about .stayUpToDate { background-image: url("../../static/p6/images/about/stayUpToDate.png"); } .page-about .workWithUs { background-image: url("../../static/p6/images/about/workWithUs.png"); } .page-about .throughTheYears { background-image: url("../../static/p6/images/about/throughTheYears.png"); } .page-about .exploreOurTeam { background-image: url("../../static/p6/images/about/exploreOurTeam.png"); } .page-about .story-pharetra-magna-splash, .page-about .experience-mattis-splash, .page-about .come-visit-us-splash, .page-about .join-our-team-splash, .page-about .about-careers-splash { height: 450px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 5px; } .page-about .story-pharetra-magna-splash { background-image: url("../../static/p6/images/about/storyPharetraMagna.png"); } .page-about .experience-mattis-splash { background-image: url("../../static/p6/images/about/experienceMattis.png"); } .page-about .come-visit-us-splash { background-image: url("../../static/p6/images/about/comeVisitUs.png"); } .page-about .about-careers-splash { height: 755px; background-image: url("../../static/p6/images/about/about-careers-splash.png"); border-left: 5px solid #fff; border-right: 5px solid #fff; } .page-about .join-our-team-splash { margin-bottom: 0; background-image: url("../../static/p6/images/about/joinOurTeam.png"); position: relative; } .page-about .join-our-team-splash .article-blurb.white { position: absolute; margin-top: 0 !important; margin-bottom: 0; z-index: 10; margin-left: auto; margin-right: auto; right: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-about .position-table { vertical-align: middle; } .page-about .position-table thead, .page-about .position-table tbody { border: none; } .page-about .position-table thead tr, .page-about .position-table tbody tr { height: 80px; background-color: #fff; } .page-about .position-table tbody tr { border-bottom: 1px solid #e0e0e0; } .page-about .position-table tbody tr:last-child { border-bottom: none; } .page-about .position-table thead th { text-align: left; font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #2c3e50; padding: 0 20px 0 20px; } .page-about .position-table tbody td { padding: 0 20px 0 20px; text-align: left; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; } .page-about .position-table tbody td:nth-child(4) a { font-family: AvenirLTStd-Medium; font-weight: 500; color: #f18231; } .page-about .position-table tbody td:nth-child(4) a::after { content: ""; width: 8px; height: 15px; background-image: url("../../static/p6/images/about/orange-right-arrow.png"); padding-left: 8px; margin-left: 10px; background-repeat: no-repeat; background-position: center; } .page-about .splash-heading .splash-headline { width: 843px; height: 70px; font-family: HepburnsType; font-size: 86px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.81; letter-spacing: 5.7px; color: #ffffff; margin-top: 230px; text-align: left; } .page-about .section-heading h2 { margin-top: 35px; margin-bottom: 20px; font-size: 32px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #2c3e50; } .page-about .section-heading p { margin-bottom: 20px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.48; color: #505050; } .page-about .apple-pay a { font-size: 18px; } .page-about .apple-pay .montecito-card { margin-right: 30px; margin-top: 10px; } .page-about .apple-pay .apple-pay-logo { margin-top: 220px; } .page-about .apple-pay .card-logos { padding-right: 0; } .page-about .apple-pay img { display: inline-block; float: left; } .page-about .solutions { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-bottom: 0; background-color: #f7f9fa; } .page-about .solutions .section-heading { margin-bottom: 30px; text-align: center; } .page-about .solutions .section-heading h2 { margin-top: 0; } .page-about .solutions .section-heading p { margin: 0 auto 20px; width: 870px; } .page-about .latest-news { border-bottom: 1px solid #e0e0e0; padding: 32px; } .page-about .latest-news .section-heading { text-align: center; } .page-about .latest-news .section-heading h2 { margin-top: 0; font-size: 28px; } .page-about .latest-news .article-list ul { margin: 0; padding: 0; list-style: none; } .page-about .latest-news .article-title { margin-top: 5px; margin-bottom: 10px; font-size: 18px; color: #5a5a5a; } .page-about .latest-news .article-summary p { font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; color: #5a5a5a; } .page-about .article-list ul { margin: 0; padding: 0; list-style: none; } .page-about .article-image img { width: 100%; } .page-about .article-title { margin-bottom: 10px; font-size: 21px; color: #2c3e50; } .page-about .article-summary p { margin-bottom: 10px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #5a5a5a; } .page-about .article-blurb { margin-top: 50px; text-align: left; } .page-about .article-blurb.white { color: #fff; margin-top: 110px; } .page-about .article-blurb.white h2 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #ffffff; } .page-about .article-blurb.white p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #ffffff; } .page-about .article-blurb h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-about .article-blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-bottom: 20px; } .page-about .article-blurb .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; } .page-about a { font-size: inherit; } @media screen and (max-width: 1024px) { .page-about .info-wrap .button-row .btn { padding: 0 20px; width: 280px; font-size: 16px; } .page-about .blurb { padding-top: 40px; } .page-about .blurb h2 { font-size: 28px; } .page-about .blurb p { font-size: 16px; } .page-about .offset-bot-50 { margin-bottom: 40px; } .page-about .team-accordian .accordian-panel > h3 { font-size: 21px; } .page-about .team-accordian .accordion-content .team-member-name { font-size: 18px; } .page-about .team-accordian .accordion-content .team-member-title { font-size: 16px; } .page-about .solutions-tabs .tab-selector .tab-trigger a { height: 52px; font-size: 15px; line-height: 52px; } .page-about .solutions-tabs .tab-content-wrapper { padding: 40px 50px; margin-right: 5px; } .page-about .solutions-tabs .tab-content-wrapper .columns { padding: 0 30px; position: relative; } .page-about .solutions-tabs .tab-content-wrapper .columns .icon-wrap { position: absolute; top: 4px; left: 40px; } .page-about .solutions-tabs .tab-content-wrapper .columns .icon-wrap .icon { background-size: 100%; width: 32px; height: 32px; } .page-about .solutions-tabs .tab-content-wrapper .columns .icon-label { margin-bottom: 8px; padding-left: 60px; text-align: left; font-size: 16px; } .page-about .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 36px; padding-left: 60px; font-size: 15px; line-height: 1.47; text-align: left; } .page-about .solutions-tabs .tab-content-wrapper .learn-link { margin-top: 0; } .page-about .solutions-tabs .tab-content-wrapper .learn-link a { font-size: 15px; } .page-about .bio { margin-top: 40px; margin-bottom: 40px; } .page-about .bio .main { margin-bottom: 30px; } .page-about .bio .main .image { padding-right: 50px; } .page-about .bio .main .contact h3 { font-size: 28px; margin-bottom: 25px; } .page-about .bio .main .contact p { font-size: 18px; margin-bottom: 0; } .page-about .bio .blurb p, .page-about .bio .blurb li, .page-about .bio .investment-products p, .page-about .bio .investment-products li { font-size: 16px; } .page-about .bio .blurb p, .page-about .bio .blurb ul, .page-about .bio .investment-products p, .page-about .bio .investment-products ul { margin-bottom: 30px; } .page-about .bio .investment-products h3 { font-size: 21px; } .page-about .bio .investment-products ul li { font-size: 14px; } .page-about .bio .investment-products .subtext { font-size: 10px; } .page-about .secondary-nav .tab-content-wrapper .overview-branch-locations, .page-about .secondary-nav .tab-content-wrapper .overview-bank-associates, .page-about .secondary-nav .tab-content-wrapper .overview-first-branch { font-size: 45px; } .page-about .exploreOurTeam, .page-about .throughTheYears, .page-about .workWithUs, .page-about .stayUpToDate { min-width: 290px; height: 261px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; } .page-about .story-pharetra-magna-splash, .page-about .experience-mattis-splash, .page-about .come-visit-us-splash, .page-about .join-our-team-splash, .page-about .about-careers-splash { height: 310px; } .page-about .splash { height: 264px; background-position: center top; } .page-about .splash p { margin-bottom: 15px; font-size: 16px; } .page-about .splash-heading .splash-headline { margin-top: 54px; margin-bottom: 15px; font-size: 65px; line-height: 1.17; padding-left: 30px; } .page-about .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-about .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 80px; } .page-about .alt-heading h1 span { font-size: 38px; } .page-about .alt-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-about .section-heading { padding-right: 10px; } .page-about .section-heading h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px; } .page-about .section-heading p { margin-bottom: 15px; font-size: 16px; } .page-about .apple-pay a { font-size: 16px; } .page-about .apple-pay .card-logos { padding-left: 10px; } .page-about .apple-pay .montecito-card { margin-top: 0; margin-right: 18px; width: 263px; height: auto; } .page-about .apple-pay .apple-pay-logo { margin-top: 130px; width: 63px; height: auto; } .page-about .solutions .section-heading p { width: 100%; } .page-about .latest-news .section-heading h2 { margin-bottom: 25px; font-size: 24px; } .page-about .latest-news .article-list .columns { padding: 0; } .page-about .latest-news .article-summary.columns { padding: 0 15px; } .page-about .latest-news .article-summary.columns p { margin-bottom: 0; font-size: 14px; } .page-about .latest-news .article-title { margin-top: 0; margin-bottom: 7px; font-size: 15px; } .page-about .article-blurb { margin-top: 0; } .page-about .article-blurb p { font-size: 16px; } .page-about .article-blurb h2 { font-size: 28px; } .page-about .position-table thead th { padding: 0 15px 0 15px; font-size: 18px; } .page-about .position-table tbody td { padding: 0 15px 0 15px; font-size: 16px; text-align: left; } .page-about .article-image { margin-bottom: 15px; } .page-about .article-title { margin-bottom: 8px; font-size: 18px; } .page-about .article-summary { margin-bottom: 8px; } .page-about .article-summary p { font-size: 16px; } .page-about .article-blurb.white { margin-top: 20px; } .page-about .article-blurb.white h2 { font-size: 28px; } .page-about .article-blurb.white p { font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-about .secondary-nav .tab-content-wrapper .overview-branch-locations, .page-about .secondary-nav .tab-content-wrapper .overview-bank-associates, .page-about .secondary-nav .tab-content-wrapper .overview-first-branch { font-size: 60px; } .page-about .blurb { padding-top: 30px; } .page-about .blurb h2 { text-align: left; font-size: 26px; } .page-about .blurb p { text-align: left; font-size: 15px; } .page-about .article-blurb { text-align: left; } .page-about .article-blurb p { text-align: left; } .page-about .offset-bot-50 { margin-bottom: 30px; } .page-about .team-accordian .accordion-content .team-member-name { font-size: 15px; } .page-about .team-accordian .accordion-content .team-member-title { font-size: 14px; } .page-about .team-accordian .accordian-panel > h3 { text-align: left; font-size: 15px; margin: 20px 0 20px 0; } .page-about .bio { margin-top: 40px; margin-bottom: 40px; } .page-about .bio .main { margin-bottom: 30px; display: block; } .page-about .bio .main .image { padding: 0; display: block; text-align: center; width: 100%; margin-bottom: 22px; } .page-about .bio .main .contact { display: block; width: 100%; } .page-about .bio .main .contact h3 { font-size: 26px; margin-bottom: 15px; } .page-about .bio .main .contact p { font-size: 16px; margin-bottom: 0; } .page-about .bio .blurb p, .page-about .bio .blurb li, .page-about .bio .investment-products p, .page-about .bio .investment-products li { font-size: 15px; } .page-about .bio .blurb p, .page-about .bio .blurb ul, .page-about .bio .investment-products p, .page-about .bio .investment-products ul { margin-bottom: 30px; } .page-about .bio .investment-products h3 { font-size: 18px; } .page-about .bio .investment-products ul li { width: 100%; font-size: 14px; } .page-about .bio .investment-products .subtext { font-size: 10px; } .page-about .exploreOurTeam, .page-about .throughTheYears, .page-about .workWithUs, .page-about .stayUpToDate { min-width: 100%; background-size: cover; background-position: left top; } .page-about .story-pharetra-magna-splash, .page-about .experience-mattis-splash, .page-about .come-visit-us-splash, .page-about .about-careers-splash { height: 375px; } .page-about .story-pharetra-magna-splash .article-blurb.white, .page-about .experience-mattis-splash .article-blurb.white, .page-about .come-visit-us-splash .article-blurb.white, .page-about .about-careers-splash .article-blurb.white { margin-top: 125px; } .page-about .join-our-team-splash { height: 214px; width: 100%; min-width: 100%; } .page-about .join-our-team-splash .article-blurb.white { width: 90%; position: static; transform: none; padding-top: 20px; } .page-about .position-table thead th { font-size: 11px; display: inline-block; width: 33.33%; height: 20px; font-weight: bold; padding: 0 10px 0 10px; } .page-about .position-table tbody td { padding: 0 10px 0 10px; font-size: 11px; display: inline-block; width: 33.33%; vertical-align: text-top; padding-top: 10px; padding-bottom: 10px; } .page-about .position-table tbody td:last-child { width: 100%; text-align: left; vertical-align: middle; } .page-about .position-table tbody td:last-child a { font-family: AvenirLTStd-Medium; font-size: 11px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.91; letter-spacing: 0.1px; color: #f18231; } .page-about .position-table.collapse-table tbody td:last-child a, .page-about .position-table.collapse-table tbody td { font-size: 16px; } .page-about .position-table.collapse-table tbody tr { border-bottom: 0px; } .page-about .position-table thead tr, .page-about .position-table tbody tr { height: auto; } .page-about .article-list .columns { padding-right: 30px; padding-left: 30px; } .page-about .article-list .columns:first-child { padding-right: 30px; } .page-about .article-list .columns:last-child { padding-left: 30px; } .page-about .splash { height: 310px; } .page-about .splash-heading .splash-headline { font-size: 48px; width: 70%; margin-top: 100px; padding-left: 0; } .page-about .overview-bank-associates, .page-about .overview-branch-locations { margin-top: 20px; } .page-about .article-image { margin-bottom: 30px; } } @media (max-width: 420px) { .page-about .team-member-image { width: 100%;} } /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .page-about { .overview-first-branch { &::before { background-image: url('../static/p6/images/icons/bank_open@2x.png'); } } .overview-bank-associates { &::before { background-image: url('../static/p6/images/icons/spread@2x.png'); } } .overview-branch-locations { &::before { background-image: url('../static/p6/images/icons/locations@2x.png'); } } } }*/ .page-business .info-wrap .button-row .btn { width: 170px; } .page-business .amounLoanWarning { border-radius: 4px; background-color: #f55454; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.33; color: #ffffff; margin-bottom: 20px; padding: 10px 12px; } .page-business .splash-plain { height: 440px; background-image: url("../../static/p6/images/business/business_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-business h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .page-business p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-business .additional-services-list li { vertical-align: top; width: 32.3333333333%; display: inline-block; text-align: center; margin-bottom: 60px; font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #405a75; } .page-business .additional-services-list li span { display: block; font-size: 100px; } .page-business .overlay-content h3 { font-size: 28px; } .page-business .overlay-content p { width: 100%; max-width: 850px; margin: 30px auto 30px auto; } .page-business .offset-padding-50 { padding-top: 50px; padding-bottom: 50px; } .page-business .offset-50 { margin-top: 50px; margin-bottom: 50px; } .page-business .offset-50 .offset-50:first-child { margin-top: 0; margin-bottom: 0; } .page-business .offset-50 .offset-50:last-child { margin-top: 0; margin-bottom: 0; } .page-business .cashManagement-benefits { margin: 0; padding: 0; } .page-business .cashManagement-benefits li { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; padding-left: 15px; position: relative; } .page-business .cashManagement-benefits li::before { content: "- "; position: absolute; margin-left: -15px; } .page-business .calculatorsMain { box-sizing: border-box; padding-left: 50px; } .page-business .calculatorsMain h2 span { position: absolute; font-size: 80px; margin-left: -80px; margin-top: -10px; } .page-business .calculatorsMain .calculators { padding: 0; margin: 0; } .page-business .calculatorsMain .calculators li { display: inline-block; margin-right: 50px; padding: 0; } .page-business .calculatorsMain .calculators li:last-child { margin-right: 0; } .page-business .calculatorsMain .calculators a { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #f18231; } .page-business .credit-comparision-chart-main { text-align: center; font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; } .page-business .credit-comparision-chart-main h2 { margin-bottom: 30px; } .page-business .credit-comparision-chart-main .main-button { margin-bottom: 40px; } .page-business .credit-comparision-chart-main .main-button br { display: none; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li { position: relative; width: 18%; margin: 0 .4%; vertical-align: top; display: inline-block; height: 275px; border-radius: 4px; background-color: #f7f9fa; border: solid 1px #e0e0e0; padding: 30px 3px 3px 3px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li h3 { font-size: 20px; font-weight: bold; font-weight: 500; line-height: 1.4; color: #405a75; font-family: AvenirLTStd-Medium; letter-spacing: -0.4px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li p { font-size: 15px; font-weight: 300; line-height: 1.47; color: #5a5a5a; font-family: AvenirLTStd-Light; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li sup { font-size: 60%; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .button-row { width: 100%; text-align: center; position: absolute; bottom: 70px; left: 0; right: 0; margin: 0 auto; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .learn-more-link { width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .page-business .financing-solutions { padding: 0; margin: 0; margin-top: 56px; } .page-business .financing-solutions li { width: 19.5%; border-sizing: border-box; display: inline-block; font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #405a75; vertical-align: text-top; } .page-business .financing-solutions li span { display: block; font-size: 100px; } .page-business .offset-sides-20 { box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .page-business .offset-100-top { margin-top: 100px; } .page-business .offset-50-top { margin-bottom: 50px; } .page-business .offset-50-bottom { margin-bottom: 50px; } .page-business .table { display: table; } .page-business .table-cell { display: table-cell; vertical-align: middle; } .page-business hr { width: 100%; color: #e0e0e0; max-width: none; } .page-business .business-tertiary-nav { padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #e0e0e0; margin-top: 0; box-sizing: border-box; } .page-business .business-tertiary-nav.noBottomBorder { border-bottom: none; } .page-business .business-tertiary-nav ul { text-align: center; margin: 0; } .page-business .business-tertiary-nav ul li { display: inline-block; margin-right: 15px; } .page-business .business-tertiary-nav ul li:last-child { margin-right: 0; } .page-business .business-tertiary-nav ul li a { position: relative; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; } .page-business .business-tertiary-nav ul li a:hover { color: #f18231; } .page-business .business-tertiary-nav ul li a.active { color: #f18231; font-weight: bold; font-weight: 500; font-family: AvenirLTStd-Medium; } .page-business .business-tertiary-nav ul li a.active::after { display: block; position: absolute; content: ''; bottom: -5px; height: 1px; width: 100%; background-color: #f18231; } .page-business .headline-blurb { padding-top: 50px; padding-bottom: 50px; } .page-business .headline-blurb h1 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #2c3e50; margin-bottom: 20px; } .page-business .headline-blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; text-align: center; color: #505050; } .page-business .article-list article { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .page-business .article-list article:first-child { margin-top: 0; } .page-business .article-list article:last-child { border: none; } .page-business .article-list article:only-child { border: none; } .page-business .article-list article h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-business .article-list article h2 span.date { font-size: 18px; vertical-align: super; } .page-business .article-list article p, .page-business .article-list article a { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-business .article-list article a { color: #f18231; } .page-business .article-list article a button { border-radius: 100px; background-color: #f18231; color: #ffffff; padding: 18px 55px; font-weight: bold; font-weight: 500; font-family: AvenirLTStd-Medium; } .page-business .article-list ul { margin: 0; } .page-business .article-list .grey-box { padding: 30px; background-color: #f7f9fa; margin: 30px 0 0 0; } .page-business .article-list .grey-box .business-last-year h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-business .article-list .grey-box .business-last-year ul { width: 100%; display: table; } .page-business .article-list .grey-box .business-last-year ul li { width: 20%; display: table-cell; text-align: center; } .page-business .article-list .grey-box .business-last-year ul li p { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-business .article-list .grey-box .business-last-year ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-business .article-list .grey-box .business-volunteer-missions h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-business .article-list .grey-box .business-volunteer-missions ul { width: 100%; margin-top: 40px; } .page-business .article-list .grey-box .business-volunteer-missions ul li { width: 32%; display: inline-block; text-align: center; } .page-business .article-list .grey-box .business-volunteer-missions ul li p { font-weight: bold; font-weight: 500; font-family: AvenirLTStd-Medium; } .page-business .article-list .grey-box .business-volunteer-missions ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-business .hashtag { font-family: Helvetica; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; color: #3593dc; } .page-business .login { border-radius: 4px; border: solid 1px #e0e0e0; padding: 25px; margin-bottom: 50px; } .page-business .login h3 { font-family: AvenirLTStd-Light; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; } .page-business .login p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #5a5a5a; } .page-business .login p.forgotPassword { font-size: 13px; text-align: center; color: #9b9b9b; } .page-business .login button { border-radius: 100px; background-color: #f18231; width: 100%; padding: 18px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; margin: 10px 0; } .page-business .button-overlay { position: relative; display: table; overflow: hidden; } .page-business .button-overlay .overlay-content { text-align: center; z-index: 10; margin-left: auto; margin-right: auto; width: 90%; display: table-cell; vertical-align: middle; } .page-business .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; margin-bottom: 20px; } .page-business .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; margin-right: 20px; margin-left: 20px; } .page-business .lockbox-splash { height: 440px; width: 100%; background-image: url("../../static/p6/images/business/lockbox-splash.png"); display: table; overflow: hidden; } .page-business .lockbox-splash .wrapper { display: table-cell; vertical-align: bottom; padding-bottom: 80px; } .page-business .lockbox-splash .wrapper .content { max-width: 1200px; width: 100%; padding-left: 50px; margin-left: auto; margin-right: auto; } .page-business .lockbox-splash .button-row { display: inline-block; } .page-business .lockbox-splash h1 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: 0.2px; color: #ffffff; text-align: left; margin-bottom: 20px; width: 644px; } .page-business .additional-services, .page-business .business-accounts, .page-business .business-loans, .page-business .business-savings, .page-business .cash-management, .page-business .digital-banking, .page-business .sep-ira, .page-business .ach-manager, .page-business .lockbox-splash, .page-business .survey-4-charity { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; } .page-business .lockbox-splash { background-image: url("../../static/p6/images/business/lockbox-services.png"); } .page-business .ach-manager { background-image: url("../../static/p6/images/business/ach-manager.png"); } .page-business .business-savings { background-image: url("../../static/p6/images/business/business-savings.png"); } .page-business .business-loans { background-image: url("../../static/p6/images/business/business-loans.png"); } .page-business .business-accounts { background-image: url("../../static/p6/images/business/business-accounts.png"); } .page-business .additional-services { background-image: url("../../static/p6/images/business/additional-services.png"); } .page-business .cash-management { background-image: url("../../static/p6/images/business/cash-management.png"); } .page-business .digital-banking { background-image: url("../../static/p6/images/business/digital-banking.png"); } .page-business .sep-ira { background-image: url("../../static/p6/images/business/sep-ira.png"); } .page-business .survey-4-charity { background-image: url("../../static/p6/images/business/survey-4-charity.html"); } .page-business .splash { height: 440px; padding-top: 100px; margin-top: -30px; background-image: url("../../static/p6/images/business/business_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-business .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-business .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-business .lockbox-services, .page-business .merchant-services, .page-business .night-depository, .page-business .remote-deposit-capture { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; } .page-business .remote-deposit-capture { background-image: url("../../static/p6/images/business/remote-deposit-capture.png"); } .page-business .night-depository { background-image: url("../../static/p6/images/business/night-depository.png"); } .page-business .merchant-services { background-image: url("../../static/p6/images/business/merchant-services.png"); } .page-business .lockbox-services { background-image: url("../../static/p6/images/business/lockbox-services.png"); } .page-business ul, .page-business li { list-style: none; } .page-business #business-overview-blurbs { margin: 20px 0; } .page-business #business-overview-blurbs .content-container { padding: 20px 0; } .page-business #business-overview-blurbs .cta-content { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.4px; line-height: 1em; color: #2c3e50; } .page-business #business-overview-blurbs .text-content { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-business .business-videos { padding-top: 40px; } .page-business .business-videos .video { height: 197px; width: 100%; background-color: black; margin-bottom: 10px; } .page-business .business-videos p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #474747; } .page-business #business-overview-art, .page-business #business-events-triathlon, .page-business #business-volunteer-splash { width: 100%; height: 755px; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-business #business-overview-art { background-image: url("../../static/p6/images/business/business-overview.html"); } .page-business #business-events-triathlon { background-image: url("../../static/p6/images/business/group-3.html"); } .page-business #business-volunteer-splash { background-image: url("../../static/p6/images/business/business-volunteer-splash.html"); } .page-business .business-upcoming-events { height: 262px; width: 100%; background-color: #f7f9fa; margin: 5px 0 0 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .page-business .business-upcoming-events.button-overlay .overlay-content h4, .page-business .business-upcoming-events.button-overlay .overlay-content h3 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 30px; } .page-business .position-table { vertical-align: middle; } .page-business .position-table tbody { border: none; } .page-business .position-table tr { height: 80px; background-color: #fff; border-bottom: 1px solid #e0e0e0; } .page-business .position-table tr:last-child { border-bottom: none; } .page-business .position-table tr:first-child { border-bottom: none; } .page-business .position-table th { text-align: left; font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #405a75; padding: 0 3% 0 3%; } .page-business .position-table td { padding: 0 3% 0 3%; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; } .page-business .position-table td:nth-child(4) { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: left; color: #f18231; } .page-business .position-table td:nth-child(4)::after { content: ""; width: 8px; height: 15px; background-image: url("../../static/p6/images/business/orange-right-arrow.html"); padding-left: 8px; margin-left: 10px; background-repeat: no-repeat; background-position: center; } .page-business .splash-heading .splash-headline { width: 1000px; height: auto; font-family: HepburnsType; font-size: 86px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.81; letter-spacing: 5.7px; color: #ffffff; margin-top: 180px; } .page-business .events-splash { height: 440px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 5px; } .page-business .events-splash { background-image: url("../../static/p6/images/business/events-splash.html"); } .page-business .content-container { margin: 0 auto; width: 1024px; } .page-business .content-container .article-blurb.white { color: #fff; margin-top: 70px; } .page-business .content-container .article-blurb.white h2 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.93; letter-spacing: 0.2px; } .page-business .content-container .article-blurb.white h3.subscript { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; margin-bottom: 20px; } .page-business .content-container .article-blurb.white p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; } .page-business .content-container .article-blurb.white .button-row { display: inline-block; } .page-business .business-maximizer-table { border: none; } .page-business .business-maximizer-table tbody { border: none; } .page-business .business-maximizer-table tbody tr:nth-child(odd) { background-color: #fcfcfc; } .page-business .business-maximizer-table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-business .business-maximizer-table tbody tr:last-child { border-bottom: none; } .page-business .business-maximizer-table tbody tr { border-bottom: 1px solid #e5e5e5; } .page-business .business-maximizer-table tbody tr td:first-child, .page-business .business-maximizer-table tbody tr th:first-child { border-right: 1px solid #e5e5e5; } .page-business .business-maximizer-table tbody tr td:last-child, .page-business .business-maximizer-table tbody tr th:last-child { border-left: 1px solid #e5e5e5; } .page-business .business-maximizer-table tbody tr th { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #405a75; padding: 30px 40px; text-align: left; } .page-business .business-maximizer-table tbody tr td { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; padding: 20px 40px; border-sizing: border-box; } .page-business .business-maximizer-table tbody tr td ul { margin: 0; padding: 0; } .page-business .business-maximizer-table tbody tr td ul li { position: relative; padding-left: 15px; } .page-business .business-maximizer-table tbody tr td ul li::before { content: "- "; position: absolute; top: 0; left: 0; } .page-business .business-maximizer-table #business-loan-application-form .application-section { padding: 20px; } .page-business .business-maximizer-table #business-loan-application-form .application-section .row { width: 100%; } .page-business .business-maximizer-table #business-loan-application-form .application-section:nth-of-type(odd) { background-color: #fff; } .page-business .business-maximizer-table #business-loan-application-form .progress-container { width: 100%; } .page-business .business-maximizer-table #business-loan-application-form .back-link { font-size: 12px; color: #999; } .page-business .business-maximizer-table #business-loan-application-form .mobile-progress-bar p { margin-top: 5px; } .page-business .business-maximizer-table #business-loan-application-form .adobe-reader-text { display: none; } .page-business .business-maximizer-table #business-loan-application-form .smaller-content-text { font-size: 14px; } @media screen and (max-width: 1024px) { .page-business .info-wrap .button-row .btn { margin-left: 25px; width: 170px; font-size: 16px; } .page-business .additional-services-list li { margin-bottom: 55px; font-size: 16px; } .page-business .additional-services-list li span { display: block; font-size: 80px; } .page-business .article-list .grey-box.grey-box { padding: 25px; } .page-business .article-list .grey-box.grey-box .business-last-year h3 { font-size: 24px; } .page-business .article-list .grey-box.grey-box .business-last-year ul li p { font-size: 16px; text-align: center; } .page-business .article-list .grey-box.grey-box .business-last-year ul li span { font-size: 50px; } .page-business .article-list .grey-box.grey-box .business-volunteer-missions h3 { font-size: 21px; } .page-business .article-list .grey-box.grey-box .business-volunteer-missions ul li { vertical-align: text-top; } .page-business .article-list .grey-box.grey-box .business-volunteer-missions ul li p { font-size: 16px; } .page-business h2 { font-size: 28px; } .page-business p { font-size: 16px; } .page-business .calculatorsMain { padding-left: 35px; } .page-business .calculatorsMain h2 span { font-size: 60px; } .page-business .calculatorsMain .calculators li a { font-size: 16px; } .page-business #business-overview-blurbs .cta-content { font-size: 50px; } .page-business #business-overview-blurbs .text-content { font-size: 16px; padding-right: 50px; } .page-business #business-overview-art, .page-business #business-events-triathlon, .page-business #business-volunteer-splash { height: 453px; } .page-business .business-upcoming-events { height: 183px; } .page-business .business-upcoming-events.button-overlay .overlay-content h3 { font-size: 28px; } .page-business .lockbox-splash { height: 350px; } .page-business .lockbox-splash .wrapper { padding-bottom: 36px; } .page-business .lockbox-splash .wrapper .content { padding-left: 20px; } .page-business .lockbox-splash h1 { font-size: 34px; width: 443px; } .page-business .business-videos .video { height: 125px; } .page-business .business-videos p { font-size: 18px; } .page-business .splash { height: 264px; margin-top: -26px; background-position: center top; } .page-business .splash p { margin-bottom: 15px; font-size: 16px; } .page-business .splash-plain { height: 264px; background-position: center top; } .page-business .splash-plain p { margin-bottom: 15px; font-size: 16px; } .page-business .splash-heading .splash-headline { margin-top: 10px; margin-bottom: 15px; font-size: 58px; line-height: 1.17; padding-left: 30px; } .page-business .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-business .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 80px; } .page-business .alt-heading h1 span { font-size: 38px; } .page-business .alt-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-business .section-heading { padding-right: 10px; } .page-business .section-heading h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px; } .page-business .section-heading p { margin-bottom: 15px; font-size: 16px; } .page-business .article-blurb { margin-top: 0; } .page-business .article-blurb p { font-size: 16px; } .page-business .article-blurb h2 { font-size: 28px; } .page-business .position-table th { font-size: 18px; } .page-business .position-table td { font-size: 16px; text-align: left; } .page-business .article-image { margin-bottom: 15px; } .page-business .article-title { margin-bottom: 8px; font-size: 18px; } .page-business .article-summary { margin-bottom: 8px; } .page-business .article-summary p { font-size: 16px; } .page-business a { font-size: 16px; } .page-business .article-blurb.white { margin-top: 20px; } .page-business .article-blurb.white h2 { font-size: 28px; } .page-business .article-blurb.white p { font-size: 16px; } .page-business .login h3 { font-size: 18px; } .page-business .login p { font-size: 14px; } .page-business .login p.forgotPassword { font-size: 13px; } .page-business .login button { font-size: 15px; } .page-business .hashtag { font-size: 18px; } .page-business .article-list article { border-bottom: 1px solid #e0e0e0; margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 20px; } .page-business .article-list article:first-child { margin-top: 0; } .page-business .article-list article:last-child { border: none; } .page-business .article-list article h2 { font-size: 21px; } .page-business .article-list article h2.bigMedium { font-size: 28px; } .page-business .article-list article p, .page-business .article-list article a { font-size: 16px; } .page-business .article-list article a { color: #f18231; } .page-business .business-tertiary-nav { padding-bottom: 25px; padding-top: 25px; margin-top: 0; } .page-business .business-tertiary-nav ul { text-align: center; } .page-business .business-tertiary-nav ul li a { font-size: 12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; } .page-business .business-tertiary-nav ul li a .active { color: #f18231; } .page-business .lockbox-services, .page-business .merchant-services, .page-business .night-depository, .page-business .remote-deposit-capture, .page-business .business-accounts, .page-business .business-loans, .page-business .business-savings, .page-business .cash-management, .page-business .digital-banking, .page-business .additional-services, .page-business .lockbox-splash, .page-business .ach-manager, .page-business .sep-ira, .page-business .survey-4-charity { min-width: 100%; height: 300px; } .page-business .button-overlay .overlay-content h3 { font-size: 28px; } .page-business .headline-blurb { padding-top: 40px; padding-bottom: 40px; } .page-business .headline-blurb h1 { font-size: 28px; } .page-business .headline-blurb p { font-size: 16px; } .page-business .events-splash { height: 350px; width: auto; } .page-business .content-container { width: 100%; } .page-business .content-container .article-blurb.white { margin: 30px 0 0 20px; } .page-business .content-container .article-blurb.white h2 { font-size: 34px; } .page-business .content-container .article-blurb.white h3.subscript { font-size: 15px; } .page-business .content-container .article-blurb.white p { font-size: 16px; } .page-business .content-container .article-blurb.white .button-row { display: inline-block; } .page-business .overlay-content p { padding-left: 20px; padding-right: 20px; } .page-business .financing-solutions { padding: 0; margin: 0; margin-top: 34px; } .page-business .financing-solutions li { font-size: 16px; width: 19%; } .page-business .financing-solutions li span { display: block; font-size: 70px; } .page-business .cashManagement-benefits li { font-size: 16px; } .page-business .credit-comparision-chart-main { text-align: center; font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; } .page-business .credit-comparision-chart-main h2 { margin-bottom: 30px; } .page-business .credit-comparision-chart-main .main-button { margin-bottom: 40px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li { position: relative; width: 18%; margin: 0 .4%; vertical-align: top; display: inline-block; height: 225px; border-radius: 4px; background-color: #f7f9fa; border: solid 1px #e0e0e0; padding: 12px 1px 1px 1px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li h3 { font-size: 15px; font-weight: bold; font-weight: 500; color: #405a75; font-family: AvenirLTStd-Medium; line-height: 1.3; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li p { font-size: 15px; font-weight: 300; line-height: 1.47; color: #5a5a5a; font-family: AvenirLTStd-Light; letter-spacing: -0.8px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .button-row { width: 100%; text-align: center; position: absolute; bottom: 55px; left: 0; right: 0; margin: 0 auto; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .button-row .btn { height: 40px; line-height: 40px; padding-left: 10%; padding-right: 10%; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .learn-more-link { width: 100%; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-business .info-wrap .button-row .btn { margin-left: 0; width: 170px; font-size: 16px; } .page-business .amounLoanWarning { font-size: 13px; } .page-business #business-overview-blurbs .content-container { padding: 0; } .page-business #business-overview-blurbs .content-container .cta-content { font-size: 38px; } .page-business #business-overview-blurbs .content-container .text-content { padding-top: 10px; } .page-business .business-upcoming-events.button-overlay .overlay-content h3 { font-size: 26px; } .page-business #business-overview-art, .page-business #business-events-triathlon, .page-business #business-volunteer-splash { height: 188px; } .page-business .position-table th { font-size: 11px; display: inline-block; width: 33.33%; height: 20px; } .page-business .position-table td { font-size: 11px; display: inline-block; width: 33.33%; vertical-align: text-top; padding-top: 10px; padding-bottom: 10px; } .page-business .position-table td:nth-child(4) { width: 100%; text-align: left; vertical-align: text-bottom; font-size: 11px; } .page-business .position-table tr { height: auto; } .page-business .position-table tr:first-child { height: auto; } .page-business .article-list .columns { padding-right: 30px; padding-left: 30px; } .page-business .article-list .columns:first-child { padding-right: 30px; } .page-business .article-list .columns:last-child { padding-left: 30px; } .page-business .splash, .page-business .splash-plain { margin-top: 0; height: 310px; } .page-business .splash-heading .splash-headline { font-size: 48px; width: 85%; margin-top: 10px; padding-left: 0; word-spacing: 1000px; } .page-business .overview-bank-associates, .page-business .overview-branch-locations { margin-top: 20px; } .page-business .article-image { margin-bottom: 30px; } .page-business .article-list article { margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 0; } .page-business .article-list article:first-child { margin-top: 0; } .page-business .article-list article:last-child { border-bottom: 1px solid #e0e0e0; } .page-business .article-list article:only-child { border: none; } .page-business .article-list article h2 { font-size: 26px; } .page-business .article-list article h2.bigMedium { font-size: 26px; } .page-business .article-list article p, .page-business .article-list article a { font-size: 15px; } .page-business .article-list article a { color: #f18231; } .page-business .article-list article ul li { margin: 12px 0; } .page-business .article-list article .grey-box { padding: 20px; } .page-business .lockbox-services, .page-business .merchant-services, .page-business .night-depository, .page-business .remote-deposit-capture, .page-business .business-accounts, .page-business .business-loans, .page-business .business-savings, .page-business .cash-management, .page-business .digital-banking, .page-business .additional-services, .page-business .lockbox-splash, .page-business .ach-manager, .page-business .sep-ira, .page-business .survey-4-charity { min-width: 100%; height: 300px; display: table; } .page-business .lockbox-services .show-for-small-only, .page-business .merchant-services .show-for-small-only, .page-business .night-depository .show-for-small-only, .page-business .remote-deposit-capture .show-for-small-only, .page-business .business-accounts .show-for-small-only, .page-business .business-loans .show-for-small-only, .page-business .business-savings .show-for-small-only, .page-business .cash-management .show-for-small-only, .page-business .digital-banking .show-for-small-only, .page-business .additional-services .show-for-small-only, .page-business .lockbox-splash .show-for-small-only, .page-business .ach-manager .show-for-small-only, .page-business .sep-ira .show-for-small-only, .page-business .survey-4-charity .show-for-small-only { display: table-cell; vertical-align: middle; } .page-business .lockbox-services .show-for-small-only h2, .page-business .merchant-services .show-for-small-only h2, .page-business .night-depository .show-for-small-only h2, .page-business .remote-deposit-capture .show-for-small-only h2, .page-business .business-accounts .show-for-small-only h2, .page-business .business-loans .show-for-small-only h2, .page-business .business-savings .show-for-small-only h2, .page-business .cash-management .show-for-small-only h2, .page-business .digital-banking .show-for-small-only h2, .page-business .additional-services .show-for-small-only h2, .page-business .lockbox-splash .show-for-small-only h2, .page-business .ach-manager .show-for-small-only h2, .page-business .sep-ira .show-for-small-only h2, .page-business .survey-4-charity .show-for-small-only h2 { font-family: AvenirLTStd-Medium; font-size: 26px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #ffffff; } .page-business .lockbox-services .show-for-small-only .button-row, .page-business .merchant-services .show-for-small-only .button-row, .page-business .night-depository .show-for-small-only .button-row, .page-business .remote-deposit-capture .show-for-small-only .button-row, .page-business .business-accounts .show-for-small-only .button-row, .page-business .business-loans .show-for-small-only .button-row, .page-business .business-savings .show-for-small-only .button-row, .page-business .cash-management .show-for-small-only .button-row, .page-business .digital-banking .show-for-small-only .button-row, .page-business .additional-services .show-for-small-only .button-row, .page-business .lockbox-splash .show-for-small-only .button-row, .page-business .ach-manager .show-for-small-only .button-row, .page-business .sep-ira .show-for-small-only .button-row, .page-business .survey-4-charity .show-for-small-only .button-row { text-align: center; display: block; margin: 15px auto 0 auto; } .page-business .lockbox-splash.main { height: 377px; display: block; position: static; } .page-business .lockbox-splash.main .wrapper { width: 100%; max-width: 100%; display: table; height: 100%; position: static; } .page-business .lockbox-splash.main .wrapper .content { vertical-align: bottom; display: table-cell; position: static; padding: 0 20px; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .page-business .lockbox-splash.main .wrapper .content h1 { font-size: 26px; width: auto; } .page-business .button-overlay .overlay-content h3 { font-size: 26px; padding-left: 20px; padding-right: 20px; } .page-business .headline-blurb { padding: 20px; } .page-business .headline-blurb h1 { font-size: 26px; text-align: left; } .page-business .headline-blurb p { font-size: 15px; text-align: left; } .page-business .events-splash { height: 377px; } .page-business .calculatorsMain { padding-left: 20px; padding-right: 20px; } .page-business .calculatorsMain h2 { padding-left: 45px; } .page-business .calculatorsMain h2 span { margin-left: -45px; font-size: 60px; } .page-business .calculatorsMain .calculators li { display: block; margin-bottom: 15px; } .page-business .button-overlay .overlay-content .btn { padding-top: 8px; padding-bottom: 8px; } .page-business .content-container .article-blurb.white { margin: 50px 0 0 20px; } .page-business .content-container .article-blurb.white h2 { font-size: 26px; } .page-business .content-container .article-blurb.white h3.subscript { font-size: 12px; } .page-business .content-container .article-blurb.white p { font-size: 15px; } .page-business .content-container .article-blurb.white .button-row { display: inline-block; } .page-business .financing-solutions { padding: 0; margin: 0; margin-top: 34px; } .page-business .financing-solutions li { font-size: 16px; width: 100%; display: block; text-align: left; padding-left: 45px; position: relative; margin-bottom: 35px; } .page-business .financing-solutions li span { display: inline-block; font-size: 70px; position: absolute; left: 0; bottom: -20px; } .page-business .credit-comparision-chart-main { text-align: center; } .page-business .credit-comparision-chart-main h2 { text-align: left; padding-left: 20px; margin-bottom: 20px; } .page-business .credit-comparision-chart-main .main-button { margin-bottom: 20px; } .page-business .credit-comparision-chart-main .main-button .btn-large { margin-bottom: 0; height: auto; padding-top: 5px; padding-bottom: 5px; line-height: 1.5em; } .page-business .credit-comparision-chart-main .main-button .btn-large br { display: inline-block; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list { margin: 0; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li { position: relative; width: auto; margin: 20px; display: block; height: auto; padding: 20px 10px 10px 10px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li h3 { font-size: 18px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li p { font-size: 16px; margin-bottom: 20px; letter-spacing: 0.2px; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .button-row { width: 100%; text-align: center; position: relative; bottom: auto; left: auto; right: auto; margin: 15px auto; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .button-row .btn { height: 40px; line-height: 40px; padding-left: 10%; padding-right: 10%; } .page-business .credit-comparision-chart-main .credit-comparision-chart-list li .learn-more-link { width: 100%; text-align: center; position: relative; bottom: auto; left: auto; right: auto; margin: 0 auto; } .page-business .business-maximizer-table.show-for-small-only { display: table; } .page-business .business-maximizer-table .accordian-panel .accordion-trigger::after { content: "\e90d"; font-family: 'mbt-v1' !important; font-weight: bold; color: #5d6c7c; float: right; -ms-transform: scale(3); /* IE 9 */ -webkit-transform: scale(33); /* Safari */ transform: scale(3); } .page-business .business-maximizer-table .accordian-panel.active .accordion-trigger::after { content: "\e90e"; } .page-business .business-maximizer-table .accordian-panel.active .accordion-content { display: block; height: auto; width: auto; padding: 0; margin-top: 15px; border: none; color: #34495e; background-color: inherit; } .page-business .business-maximizer-table tbody tr:nth-child(even) { background-color: #fcfcfc; } .page-business .business-maximizer-table tbody tr:nth-child(odd) { background-color: #f7f7f7; } .page-business .business-maximizer-table tbody tr { border-top: 1px solid #e5e5e5; border-bottom: none; } .page-business .business-maximizer-table tbody tr td:first-child, .page-business .business-maximizer-table tbody tr th:first-child { border-right: none; } .page-business .business-maximizer-table tbody tr td:last-child, .page-business .business-maximizer-table tbody tr th:last-child { border-left: none; } .page-business .business-maximizer-table tbody tr th { font-size: 18px; padding: 16px 15px; } .page-business .business-maximizer-table tbody tr td { font-size: 15px; padding: 15px; } .page-business .business-maximizer-table tbody tr td *:only-child { margin-bottom: 0; } .page-business .business-maximizer-table tbody tr td ul li { position: relative; padding-left: 15px; } .page-business .business-maximizer-table tbody tr td ul li::before { content: "- "; position: absolute; top: 0; left: 0; } } .page-community .info-wrap .button-row .btn { width: 368px; } .page-community hr { width: 100%; color: #e0e0e0; max-width: none; } .page-community .community-tertiary-nav { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; margin-top: 0; } .page-community .community-tertiary-nav.noBottomBorder { border-bottom: none; } .page-community .community-tertiary-nav ul { text-align: center; margin: 0; } .page-community .community-tertiary-nav ul li { display: inline-block; margin-right: 15px; } .page-community .community-tertiary-nav ul li:last-child { margin-right: 0; } .page-community .community-tertiary-nav ul li a { position: relative; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; } .page-community .community-tertiary-nav ul li a:hover, .page-community .community-tertiary-nav ul li a:focus { color: #f18231; } .page-community .community-tertiary-nav ul li a.active { color: #f18231; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-community .community-tertiary-nav ul li a.active::after { display: block; position: absolute; content: ''; bottom: -5px; height: 1px; width: 100%; background-color: #f18231; } .page-community .headline-blurb { padding: 50px 0; } .page-community .headline-blurb h1 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #2c3e50; } .page-community .headline-blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; text-align: center; color: #505050; } .page-community .article-list article { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .page-community .article-list article:first-child { margin-top: 0; } .page-community .article-list article:last-child { border: none; } .page-community .article-list article:only-child { border: none; } .page-community .article-list article h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-community .article-list article h2 span.date { font-size: 18px; vertical-align: super; } .page-community .article-list article p, .page-community .article-list article a { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-community .article-list article a { color: #f18231; } .page-community .article-list article a button { border-radius: 100px; background-color: #f18231; color: #ffffff; padding: 18px 55px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } page-community .article-list article a button:focus { opacity: .8; } .page-community .article-list ul { margin: 0; } .page-community .article-list .grey-box { padding: 30px; background-color: #f7f9fa; margin: 30px 0 0 0; } .page-community .article-list .grey-box .community-last-year h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-community .article-list .grey-box .community-last-year ul { width: 100%; display: table; } .page-community .article-list .grey-box .community-last-year ul li { width: 20%; display: table-cell; text-align: center; } .page-community .article-list .grey-box .community-last-year ul li p { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-community .article-list .grey-box .community-last-year ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-community .article-list .grey-box .community-volunteer-missions h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-community .article-list .grey-box .community-volunteer-missions ul { width: 100%; margin-top: 40px; } .page-community .article-list .grey-box .community-volunteer-missions ul li { width: 32%; display: inline-block; text-align: center; } .page-community .article-list .grey-box .community-volunteer-missions ul li p { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-community .article-list .grey-box .community-volunteer-missions ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-community .hashtag { font-family: Helvetica; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; color: #3593dc; } .page-community .login { border-radius: 4px; border: solid 1px #e0e0e0; padding: 25px; margin-bottom: 50px; } .page-community .login h3 { font-family: AvenirLTStd-Light; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; } .page-community .login p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #5a5a5a; } .page-community .login p.forgotPassword { font-size: 13px; text-align: center; color: #9b9b9b; } .page-community .login button { border-radius: 100px; background-color: #f18231; width: 100%; padding: 18px; font-family: AvenirLTStd-Medium; font-weight: bold; font-weight: 500; margin: 10px 0; } .page-community .button-overlay { position: relative; display: table; overflow: hidden; } .page-community .button-overlay .overlay-content { text-align: center; z-index: 10; margin-left: auto; margin-right: auto; width: 90%; display: table-cell; vertical-align: middle; } .page-community .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; } .page-community .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; } .page-community .teach-children, .page-community .adult-financial-literacy, .page-community .elder-abuse, .page-community .cyber-security, .page-community .light-camera-save, .page-community .cali-saver, .page-community .sm-bus-month, .page-community .survey-4-charity { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; } .page-community .cyber-security { background-image: url("../../static/p6/images/community/cyber-security.png"); } .page-community .elder-abuse { background-image: url("../../static/p6/images/community/elder-abuse.png"); } .page-community .adult-financial-literacy { background-image: url("../../static/p6/images/community/adult-financial-literacy.png"); } .page-community .teach-children { background-image: url("../../static/p6/images/community/teach-children.png"); } .page-community .light-camera-save { background-image: url("../../static/p6/images/community/light-camera-save.png"); } .page-community .cali-saver { background-image: url("../../static/p6/images/community/cali-saver.png"); } .page-community .sm-bus-month { background-image: url("../../static/p6/images/community/sm-bus-month.png"); } .page-community .survey-4-charity { background-image: url("../../static/p6/images/community/survey-4-charity.png"); } .page-community .splash { height: 440px; padding-top: 100px; margin-top: -30px; background-image: url("../../static/p6/images/community/community_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-community .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-community .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-community ul, .page-community li { list-style: none; } .page-community #community-overview-blurbs { margin: 20px 0; } .page-community #community-overview-blurbs .content-container { padding: 20px 0; } .page-community #community-overview-blurbs .cta-content { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.4px; line-height: 1em; color: #2c3e50; } .page-community #community-overview-blurbs .text-content { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-community .community-videos { padding-top: 40px; } .page-community .community-videos .video { height: 197px; width: 100%; background-color: black; margin-bottom: 10px; } .page-community .community-videos p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #474747; } .page-community #community-overview-art, .page-community #community-events-triathlon, .page-community #community-volunteer-splash { width: 100%; height: 755px; background-repeat: repeat-x; background-size: contain; background-position: top center; } .page-community .bottom-splash { width: 100%; } .page-community .bottom-splash img { width: 100%; height: auto; } .page-community #community-overview-art { background-image: url("../../static/p6/images/community/community-overview.png"); } .page-community #community-events-triathlon { background-image: url("../../static/p6/images/community/group-3.png"); } .page-community #community-volunteer-splash { background-image: url("../../static/p6/images/community/community-volunteer-splash.png"); } .page-community .community-upcoming-events { height: 262px; width: 100%; background-color: #f7f9fa; margin: 5px 0 0 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .page-community .community-upcoming-events.button-overlay .overlay-content h3 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 30px; } .page-community .position-table { vertical-align: middle; } .page-community .position-table tbody { border: none; } .page-community .position-table tr { height: 80px; background-color: #fff; border-bottom: 1px solid #e0e0e0; } .page-community .position-table tr:last-child { border-bottom: none; } .page-community .position-table tr:first-child { border-bottom: none; } .page-community .position-table th { text-align: left; font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #2c3e50; padding: 0 3% 0 3%; } .page-community .position-table td { padding: 0 3% 0 3%; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; } .page-community .position-table td:nth-child(4) { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: left; color: #f18231; } .page-community .position-table td:nth-child(4)::after { content: ""; width: 8px; height: 15px; background-image: url("../../static/p6/images/community/orange-right-arrow.html"); padding-left: 8px; margin-left: 10px; background-repeat: no-repeat; background-position: center; } .page-community .splash-heading .splash-headline { width: 1000px; height: auto; font-family: HepburnsType; font-size: 86px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.81; letter-spacing: 5.7px; color: #ffffff; margin-top: 230px; } .page-community .events-splash { height: 440px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 5px; } .page-community .events-splash { background-image: url("../../static/p6/images/community/events-splash.png"); } .page-community .content-container { margin: 0 auto; width: 1024px; } .page-community .content-container .article-blurb.white { color: #fff; margin-top: 70px; } .page-community .content-container .article-blurb.white h2 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.93; letter-spacing: 0.2px; } .page-community .content-container .article-blurb.white h3.subscript { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; margin-bottom: 20px; } .page-community .content-container .article-blurb.white p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; } .page-community .content-container .article-blurb.white .button-row { display: inline-block; } @media screen and (max-width: 1024px) { .page-community .info-wrap .button-row .btn { padding: 0 20px; width: 280px; font-size: 16px; } .page-community .article-list .grey-box.grey-box { padding: 25px; } .page-community .article-list .grey-box.grey-box .community-last-year h3 { font-size: 24px; } .page-community .article-list .grey-box.grey-box .community-last-year ul li p { font-size: 16px; text-align: center; } .page-community .article-list .grey-box.grey-box .community-last-year ul li span { font-size: 50px; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions h3 { font-size: 21px; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions ul li { vertical-align: text-top; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions ul li p { font-size: 16px; } .page-community #community-overview-blurbs .cta-content { font-size: 50px; } .page-community #community-overview-blurbs .text-content { font-size: 16px; padding-right: 50px; } .page-community #community-overview-art, .page-community #community-events-triathlon, .page-community #community-volunteer-splash { height: 453px; } .page-community .community-upcoming-events { height: 183px; } .page-community .community-upcoming-events.button-overlay .overlay-content h3 { font-size: 28px; } .page-community .community-videos .video { height: 125px; } .page-community .community-videos p { font-size: 18px; } .page-community .splash { height: 264px; width: auto; margin-top: -26px; background-position: center top; } .page-community .splash p { margin-bottom: 15px; font-size: 16px; } .page-community .splash-heading .splash-headline { margin-top: 54px; margin-bottom: 15px; font-size: 58px; line-height: 1.17; padding-left: 30px; } .page-community .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-community .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 80px; } .page-community .alt-heading h1 span { font-size: 38px; } .page-community .alt-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-community .section-heading { padding-right: 10px; } .page-community .section-heading h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px; } .page-community .section-heading p { margin-bottom: 15px; font-size: 16px; } .page-community .article-blurb { margin-top: 0; } .page-community .article-blurb p { font-size: 16px; } .page-community .article-blurb h2 { font-size: 28px; } .page-community .position-table th { font-size: 18px; } .page-community .position-table td { font-size: 16px; text-align: left; } .page-community .article-image { margin-bottom: 15px; } .page-community .article-title { margin-bottom: 8px; font-size: 18px; } .page-community .article-summary { margin-bottom: 8px; } .page-community .article-summary p { font-size: 16px; } .page-community a { font-size: 16px; } .page-community .article-blurb.white { margin-top: 20px; } .page-community .article-blurb.white h2 { font-size: 28px; } .page-community .article-blurb.white p { font-size: 16px; } .page-community .login h3 { font-size: 18px; } .page-community .login p { font-size: 14px; } .page-community .login p.forgotPassword { font-size: 13px; } .page-community .login button { width: 100%; max-width: 350px; display: block; margin-left: auto; margin-right: auto; font-size: 15px; } .page-community .hashtag { font-size: 18px; } .page-community .article-list article { border-bottom: 1px solid #e0e0e0; margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 20px; } .page-community .article-list article:first-child { margin-top: 0; } .page-community .article-list article:last-child { border: none; } .page-community .article-list article h2 { font-size: 21px; } .page-community .article-list article h2.bigMedium { font-size: 28px; } .page-community .article-list article p, .page-community .article-list article a { font-size: 16px; } .page-community .article-list article a { color: #f18231; } .page-community .community-tertiary-nav { padding-top: 25px; padding-bottom: 25px; margin-top: 0; } .page-community .community-tertiary-nav ul { text-align: center; } .page-community .community-tertiary-nav ul li a { font-size: 12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: right; color: #646464; } .page-community .community-tertiary-nav ul li a .active { color: #f18231; } .page-community .teach-children, .page-community .adult-financial-literacy, .page-community .elder-abuse, .page-community .cyber-security, .page-community .light-camera-save, .page-community .cali-saver, .page-community .sm-bus-month, .page-community .survey-4-charity { min-width: 100%; height: 300px; } .page-community .button-overlay .overlay-content h3 { font-size: 28px; } .page-community .headline-blurb { padding: 40px 0; } .page-community .headline-blurb h1 { font-size: 28px; } .page-community .headline-blurb p { font-size: 16px; } .page-community .events-splash { height: 350px; width: auto; } .page-community .content-container { width: 100%; } .page-community .content-container .article-blurb.white { margin: 30px 0 0 20px; } .page-community .content-container .article-blurb.white h2 { font-size: 34px; } .page-community .content-container .article-blurb.white h3.subscript { font-size: 15px; } .page-community .content-container .article-blurb.white p { font-size: 16px; } .page-community .content-container .article-blurb.white .button-row { display: inline-block; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-community .twitter-feed { padding-left: 25px; padding-right: 25px; } .page-community .community-nav { height: 0; display: none; opacity: 0; } .page-community .article-list .grey-box.grey-box { padding: 20px; } .page-community .article-list .grey-box.grey-box .community-last-year h3 { font-size: 22px; } .page-community .article-list .grey-box.grey-box .community-last-year ul li { display: block; width: 100%; position: relative; } .page-community .article-list .grey-box.grey-box .community-last-year ul li p { font-size: 16px; text-align: left; line-height: initial; display: inline-block; width: 45%; position: relative; right: 0; } .page-community .article-list .grey-box.grey-box .community-last-year ul li p br { display: none; } .page-community .article-list .grey-box.grey-box .community-last-year ul li span { display: inline-block; position: relative; left: 0; width: 30%; font-size: 50px; text-align: right; margin-right: 16px; vertical-align: sub; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions h3 { font-size: 18px; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions ul { margin-top: 20px; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions ul li { width: 49%; } .page-community .article-list .grey-box.grey-box .community-volunteer-missions ul li p { font-size: 15px; } .page-community #community-overview-blurbs .content-container { padding: 0; } .page-community #community-overview-blurbs .content-container .cta-content { font-size: 38px; } .page-community #community-overview-blurbs .content-container .text-content { padding-top: 10px; } .page-community .community-upcoming-events.button-overlay .overlay-content h3 { font-size: 26px; } .page-community #community-overview-art, .page-community #community-events-triathlon, .page-community #community-volunteer-splash { height: 188px; } .page-community .position-table th { font-size: 11px; display: inline-block; width: 33.33%; height: 20px; } .page-community .position-table td { font-size: 11px; display: inline-block; width: 33.33%; vertical-align: text-top; padding-top: 10px; padding-bottom: 10px; } .page-community .position-table td:nth-child(4) { width: 100%; text-align: left; vertical-align: text-bottom; font-size: 11px; } .page-community .position-table tr { height: auto; } .page-community .position-table tr:first-child { height: auto; } .page-community .article-list .columns { padding-right: 30px; padding-left: 30px; } .page-community .article-list .columns:first-child { padding-right: 30px; } .page-community .article-list .columns:last-child { padding-left: 30px; } .page-community .splash { height: 310px; margin-top: 0; } .page-community .splash-heading .splash-headline { font-size: 40px; width: 85%; margin-top: 100px; padding-left: 0; } .page-community .overview-bank-associates, .page-community .overview-branch-locations { margin-top: 20px; } .page-community .article-image { margin-bottom: 30px; } .page-community .article-list article { margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 0; } .page-community .article-list article:first-child { margin-top: 0; } .page-community .article-list article:last-child { border-bottom: 1px solid #e0e0e0; } .page-community .article-list article:only-child { border: none; } .page-community .article-list article h2 { font-size: 26px; } .page-community .article-list article h2.bigMedium { font-size: 26px; } .page-community .article-list article p, .page-community .article-list article a { font-size: 15px; } .page-community .article-list article a { color: #f18231; } .page-community .article-list article ul li { margin: 12px 0; } .page-community .article-list article .grey-box { padding: 20px; } .page-community .teach-children, .page-community .adult-financial-literacy, .page-community .elder-abuse, .page-community .cyber-security, .page-community .light-camera-save, .page-community .cali-saver, .page-community .sm-bus-month, .page-community .survey-4-charity { min-width: 100%; height: 300px; } .page-community .button-overlay .overlay-content h3 { font-size: 26px; } .page-community .headline-blurb { padding: 20px 0; } .page-community .headline-blurb h1 { font-size: 26px; text-align: left; } .page-community .headline-blurb p { font-size: 15px; text-align: left; } .page-community .events-splash { height: 377px; } .page-community .content-container .article-blurb.white { margin: 50px 0 0 20px; } .page-community .content-container .article-blurb.white h2 { font-size: 26px; } .page-community .content-container .article-blurb.white h3.subscript { font-size: 12px; } .page-community .content-container .article-blurb.white p { font-size: 15px; } .page-community .content-container .article-blurb.white .button-row { display: inline-block; } } .gallery { position: relative; height: auto; width: 100%; } .gallery .swiper-container { width: 80%; height: 300px; margin-left: auto; margin-right: auto; } .gallery .image-section { width: 506px; height: 388px; display: table-cell; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: left; } .gallery .text-section { display: table-cell; width: 50%; height: auto; margin-left: 50px; } .gallery h2 { width: 101px; height: 42px; font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .gallery p { width: 506px; height: 200px; font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.9; letter-spacing: 0.1px; color: #646464; } .gallery .swiper-slide { background-size: cover; background-position: center; } .gallery .gallery-top { height: 440px; width: 80%; margin-bottom: 27px; } .gallery .gallery-top .swiper-slide { display: table; } .gallery .gallery-thumbs { height: 200px; box-sizing: border-box; padding: 10px 0; } .gallery .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; border-radius: 5px; } .gallery .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery .swiper-button-next { background-image: url("carousel-arrow-right.html"); } .gallery .swiper-button-prev { background-image: url("carousel-arrow-left.html"); } .gallery .swiper-button-next, .gallery .swiper-button-prev { position: absolute; top: 50%; width: 60px; height: 80px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 60px 80px; -webkit-background-size: 60px 80px; background-size: 60px 80px; background-position: center; background-repeat: no-repeat; } .page-home .info-wrap .button-row .btn { width: 368px; } .page-home .splash { background-color: rgb(27,66,152); height: 600px; padding-top: 100px; margin-top: -110px; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-home .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-home .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-home .splash-heading .splash-headline { margin-top: 30px; margin-bottom: 20px; font-size: 60px; line-height: 1.15; color: #ffffff; } .page-home .splash-heading .splash-subheadline { margin-bottom: 20px; color: #ffffff; font-family: 'AvenirLTStd-Medium'; font-size: 22px; line-height: 1.48; } .page-home .alt-heading h1 { margin-top: 35px; margin-bottom: 30px; font-family: 'HepburnsType'; font-size: 92px; line-height: 0.8; letter-spacing: 6px; color: #ffffff; } .page-home .alt-heading h1 span { position: relative; top: -17px; font-family: 'GoodbyeNovember'; font-size: 48px; letter-spacing: -2px; color: #ffffff; } .page-home .alt-heading .splash-subheadline { margin-bottom: 20px; color: #ffffff; font-family: 'AvenirLTStd-Medium'; font-size: 22px; line-height: 1.48; } .page-home .section-heading h2 { margin-top: 35px; margin-bottom: 20px; font-size: 32px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #2c3e50; } .page-home .section-heading p { margin-bottom: 20px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.48; color: #505050; } .page-home .apple-pay a { font-size: 18px; } .page-home .apple-pay .montecito-card { margin-right: 30px; margin-top: 10px; width: 77%; height: auto; } .page-home .apple-pay .apple-pay-logo { margin-top: 220px; width: 13%; height: auto; } .page-home .apple-pay .card-logos { padding-right: 0; } .page-home .apple-pay img { display: inline-block; float: left; } .page-home .solutions { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-bottom: 0; background-color: #f7f9fa; } .page-home .solutions .section-heading { margin-bottom: 30px; text-align: center; } .page-home .solutions .section-heading h2 { margin-top: 0; } .page-home .solutions .section-heading p { margin: 0 auto 20px; width: 870px; } .page-home .latest-news { border-bottom: 1px solid #e0e0e0; padding: 32px; } .page-home .latest-news .section-heading { text-align: center; } .page-home .latest-news .section-heading h2 { margin-top: 0; font-size: 28px; } .page-home .latest-news .article-list ul { margin: 0; padding: 0; list-style: none; } .page-home .latest-news .article-title { margin-top: 5px; margin-bottom: 10px; font-size: 18px; color: #5a5a5a; } .page-home .latest-news .article-summary p { font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; color: #5a5a5a; } .page-home .latest-news-large .article-list ul { margin: 0; padding: 0; list-style: none; } .page-home .latest-news-large .article-image { margin-bottom: 20px; } .page-home .latest-news-large .article-image img { width: 100%; } .page-home .latest-news-large .article-title { margin-bottom: 10px; font-size: 21px; color: #2c3e50; } .page-home .latest-news-large .article-summary p { margin-bottom: 10px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #5a5a5a; } .page-home .latest-news-large a { font-size: 18px; } @media screen and (max-width: 1024px) { .page-home .info-wrap .button-row .btn { padding: 0 20px; width: 280px; font-size: 16px; } .page-home .splash { height: 500px; margin-top: -74px; background-position: center top; } .page-home .splash p { margin-bottom: 15px; font-size: 16px; } .page-home .splash-heading .splash-headline { margin-top: 54px; margin-bottom: 15px; font-size: 48px; line-height: 1.17; } .page-home .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-home .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 80px; } .page-home .alt-heading h1 span { font-size: 38px; } .page-home .alt-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-home .section-heading { padding-right: 10px; } .page-home .section-heading h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px; } .page-home .section-heading p { margin-bottom: 15px; font-size: 16px; } .page-home .apple-pay a { font-size: 16px; } .page-home .apple-pay .card-logos { padding-left: 10px; } .page-home .apple-pay .montecito-card { margin-top: 0; margin-right: 18px; width: 80%; height: auto; } .page-home .apple-pay .apple-pay-logo { margin-top: 130px; width: 13%; height: auto; } .page-home .solutions .section-heading p { width: 100%; } .page-home .latest-news .section-heading h2 { margin-bottom: 25px; font-size: 24px; } .page-home .latest-news .article-list .columns { padding: 0; } .page-home .latest-news .article-summary.columns { padding: 0 15px; } .page-home .latest-news .article-summary.columns p { margin-bottom: 0; font-size: 14px; } .page-home .latest-news .article-title { margin-top: 0; margin-bottom: 7px; font-size: 15px; } .page-home .latest-news-large .article-list .columns:first-child { padding-right: 15px; } .page-home .latest-news-large .article-list .columns:last-child { padding-left: 15px; } .page-home .latest-news-large .article-image { margin-bottom: 15px; } .page-home .latest-news-large .article-title { margin-bottom: 8px; font-size: 18px; } .page-home .latest-news-large .article-summary { margin-bottom: 8px; } .page-home .latest-news-large .article-summary p { font-size: 16px; } .page-home .latest-news-large a { font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-home .info-wrap .button-row { margin: 0 auto 60px auto; height: auto; width: 100%; min-width: 250px; max-width: 375px; } .page-home .info-wrap .button-row .btn { width: 100%; font-size: 15px; } .page-home .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 48px; } .page-home .alt-heading h1 span { font-size: 22px; top: -7px; } .page-home .splash { height: auto; background-image: url("../../static/p6/images/home/home_splash_mobile%402x.png"); } .page-home .splash .splash-headline { margin-top: 25px; margin-bottom: 15px; font-size: 32px; } .page-home .splash .splash-subheadline { margin-bottom: 25px; font-size: 16px; } .page-home .splash p { margin: 0 auto 15px; text-align: center; font-size: 16px; } .page-home .section-heading h2 { text-align: left; font-size: 26px; } .page-home .section-heading p { text-align: left; } .page-home .apple-pay .section-heading { padding-right: 20px; } .page-home .apple-pay .section-heading h2 { font-size: 26px; } .page-home .apple-pay a { font-size: 15px; } .page-home .apple-pay .card-logos { padding-left: 20px; } .page-home .apple-pay .montecito-card { margin-right: 10px; margin-top: 20px; width: 222px; } .page-home .apple-pay .apple-pay-logo { width: 52px; height: auto; } .page-home .solutions .section-heading { margin-bottom: 5px; } .page-home .latest-news .section-heading h2 { margin-bottom: 20px; } .page-home .latest-news .article-list .columns .row { margin-bottom: 20px; } .page-home .latest-news-large .article-list .columns { margin-bottom: 20px; } .page-home .latest-news-large .article-list .columns:first-child { padding-right: 20px; } .page-home .latest-news-large .article-list .columns:last-child { margin-bottom: 0; padding-left: 20px; } .page-home .latest-news-large .article-list a { font-size: 15px; } } @charset "UTF-8"; .page-offline .info-wrap .button-row .btn { width: 368px; } .page-offline .splash { height: 600px; padding-top: 100px; margin-top: -110px; background-image: url("../../static/p6/images/misc/offline-splash.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .page-offline .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-offline .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-offline .heading h1 { margin-top: 35px; margin-bottom: 30px; font-family: AvenirLTStd-Medium; font-size: 60px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: 0.3px; color: #ffffff; } .page-offline .heading h1 span { position: relative; top: -17px; font-family: 'GoodbyeNovember'; font-size: 48px; letter-spacing: -2px; color: #ffffff; } .page-offline .heading .splash-subheadline { margin-bottom: 20px; color: #ffffff; font-family: 'AvenirLTStd-Medium'; font-size: 22px; line-height: 1.48; margin-bottom: 50px; } .page-misc .secondary-splash { padding-left: 15px; padding-right: 15px; } .page-misc .secondary-splash .splash-headline { width: 1000px; height: auto; font-family: HepburnsType; font-size: 86px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.81; letter-spacing: 5.7px; color: #ffffff; } @media screen and (max-width: 1024px) { .page-misc .secondary-splash .splash-headline { margin-top: 10px; margin-bottom: 15px; font-size: 58px; line-height: 1.17; padding-left: 30px; } .page-offline .info-wrap .button-row .btn { padding: 0 20px; width: 280px; font-size: 16px; } .page-offline .splash { height: 500px; margin-top: -74px; background-position: left bottom; } .page-offline .splash p { margin-bottom: 15px; font-size: 16px; } .page-offline .splash-heading .splash-headline { margin-top: 54px; margin-bottom: 15px; font-size: 48px; line-height: 1.17; } .page-offline .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-offline .heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 48px; } .page-offline .heading h1 span { font-size: 38px; } .page-offline .heading .splash-subheadline { margin-bottom: 37px; font-size: 16px; } } @media screen and (min-width: 746px) and (max-width: 1024px), handheld and (orientation: landscape) { .page-misc .secondary-splash .splash-headline { width: 100%; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-misc .secondary-splash .splash-headline { word-spacing: 0; font-size: 48px; width: 85%; margin-top: 10px; padding-left: 0; line-height: 1; } .page-offline .info-wrap .button-row { margin-bottom: 60px; } .page-offline .info-wrap .button-row .btn { width: 100%; } .page-offline .splash { height: auto; background-position: 25% 20%; } .page-offline .splash .splash-headline { margin-top: 25px; margin-bottom: 15px; font-size: 32px; } .page-offline .splash .splash-subheadline { margin-bottom: 25px; font-size: 16px; } .page-offline .splash p { width: 160px; margin: 0 auto 15px; text-align: center; font-size: 16px; } .page-offline .heading h1 { font-size: 40px; margin-top: 0; } .page-offline .section-heading h2 { text-align: left; font-size: 26px; } .page-offline .section-heading p { text-align: left; } } .page-misc hr { max-width: none; } .page-misc .link-list { list-style: none; margin: 0; padding: 0; margin-bottom: 50px; } .page-misc .link-list li { margin-bottom: 30px; font-size: 18px; } .page-misc .duo-content { margin: 0; padding: 0; display: table; } .page-misc .duo-content li { display: table-cell; width: 50%; box-sizing: border-box; padding-right: 30px; } .page-misc .duo-content li h3 { font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 20px; } .page-misc .duo-content li p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .online-request-form { margin: 30px auto 50px auto; width: 100%; max-width: 1118px; box-sizing: border-box; border: solid 1px #e0e0e0; } .page-misc .online-request-form .inputHolder { position: relative; width: 18px; height: 18px; display: inline-block; margin-right: .5rem; box-sizing: border-box; padding: 0; margin: 0 0 1rem; line-height: normal; } .page-misc .online-request-form input[type="radio"] { position: absolute; opacity: 0; width: 18px; height: 18px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; background-color: red; z-index: 1000; } .page-misc .online-request-form input[type="radio"] + span::before, .page-misc .online-request-form input[type="radio"] + label::before { content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; border-radius: 100px; } .page-misc .online-request-form input[type="radio"]:checked + span::before, .page-misc .online-request-form input[type="radio"]:checked + label::before { background: #f18231; border-color: #f18231; border-radius: 100px; } .page-misc .online-request-form .tabs { width: 100%; padding: 0; margin: 0; display: table; border: none; box-sizing: border-box; border-radius: 4px; } .page-misc .online-request-form .tabs .tab-trigger { display: inline-block; float: left; padding: 0; width: calc(99.9% / 3); } .page-misc .online-request-form .tabs .tab-trigger:first-child a { border-left: none; } .page-misc .online-request-form .tabs .tab-trigger:last-child a { border-right: none; } .page-misc .online-request-form .tabs .tab-trigger a { display: block; width: 100%; height: 82px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: 'AvenirLTStd-Roman'; font-size: 21px; line-height: 82px; color: #646464; border-top: none; } .page-misc .online-request-form .tabs .tab-trigger a.active { background-color: #fff; color: #f18231; border-bottom: solid 1px #fff; } .page-misc .online-request-form .main { padding: 50px 40px; box-sizing: border-box; position: relative; } .page-misc .online-request-form .main h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; text-align: center; margin-bottom: 20px; } .page-misc .online-request-form .main h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #2c3e50; margin-bottom: 20px; } .page-misc .online-request-form .main p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .page-misc .online-request-form .main hr { margin-bottom: 30px; margin-top: 0; } .page-misc .online-request-form .main textarea { height: 350px; border-radius: 4px; border: solid 1px #e0e0e0; margin-bottom: 30px; font-family: AvenirLTStd-Light; } .page-misc .online-request-form .main input[type="submit"] { width: 115px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-bottom: 50px; display: block; } .page-misc .online-request-form .main .inactive { opacity: .3; } .page-misc .online-request-form .main .disclaimer-text { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .page-misc .online-request-form .main .progress-bar { box-sizing: border-box; width: 100%; text-align: center; position: relative; display: table; margin-bottom: 50px; } .page-misc .online-request-form .main .progress-bar .notch { display: table-cell; box-sizing: border-box; width: 20%; position: relative; height: 70px; vertical-align: middle; border-bottom: 5px solid #d8d8d8; } .page-misc .online-request-form .main .progress-bar .notch p { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; margin-bottom: 5px; opacity: 0.5; } .page-misc .online-request-form .main .progress-bar .notch.active { border-color: #f18231; } .page-misc .online-request-form .main .progress-bar .notch.active.current p { opacity: 1; } .page-misc .online-request-form .main .progress-bar .notch.active p { color: #f18231; } .page-misc .online-request-form .main .submit-group { text-align: center; } .page-misc .online-request-form .main .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .page-misc .online-request-form .main .submit-group input[type="submit"]:last-child { margin-right: 0; } .page-misc .online-request-form .main .input { display: inline-block; margin-right: 1rem; } .page-misc .online-request-form .main .section1 .section1-form select { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: 0.1px; color: #808080; margin-bottom: 15px; border-radius: 4px; border: 1px solid #e0e0e0; } .page-misc .online-request-form .main .section1 .section1-form input[type="text"] { height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend, .page-misc .online-request-form .main .section1 .section1-form label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; display: inline-block; margin-right: 25px; } .page-misc .online-request-form .main .section1 .section1-form .input-wrapper label { font-size: 10px; font-family: AvenirLTStd-Medium; color: #cacaca; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend:not(.no-width), .page-misc .online-request-form .main .section1 .section1-form label.title { margin-right: 0; width: 200px; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend.no-width) { margin-right: 0; } .page-misc .online-request-form .main .section1 .section1-form .preferredContact, .page-misc .online-request-form .main .section1 .section1-form .preferredTime { display: block; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city, .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone, .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { display: inline-block; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city { width: 450px; } .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone { width: 300px; } .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { width: 145px; } .page-misc .online-request-form .main .section2 { height: 450px; display: table; margin-left: auto; margin-right: auto; } .page-misc .online-request-form .main .section2 .thank-you { display: table-cell; vertical-align: middle; width: 100%; max-width: 596px; font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; text-align: center; color: #2c3e50; } .page-misc .online-request-form .main .section2 .thank-you::before { content: "\e91f"; font-family: 'mbt-v1' !important; color: #f18231; font-size: 100px; display: block; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you { width: 540px; margin: 0 auto 40px auto; } .page-misc .online-request-form .main .section3 .help-you label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section3 .help-you select { font-family: AvenirLTStd-Light; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you .option { margin-bottom: 30px; } .page-misc .online-request-form .main .section3 .help-you .option:last-child { margin-bottom: 0; } .page-misc .online-request-form .main .section4 p { margin-bottom: 40px; } .page-misc .online-request-form .main .section4 .locations-searchbar { padding: 0; margin-bottom: 50px; } .page-misc .online-request-form .main .section4 .locations-searchbar form { padding: 0; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label .search-input { height: 40px; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label::before { top: -2px; } .page-misc .online-request-form .main .section4 .location-selection { min-height: 480px; height: auto; margin-bottom: 30px; border-bottom: 1px solid #e0e0e0; display: table; width: 100%; } .page-misc .online-request-form .main .section4 .location-selection .locations { display: table-cell; width: 40%; box-sizing: border-box; vertical-align: middle; } .page-misc .online-request-form .main .section4 .location-selection .locations ul { margin: 0; padding: 0; box-sizing: border-box; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #e0e0e0; padding: 20px 0 20px 25px; margin: 0; box-sizing: border-box; height: auto; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li p { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 0; display: block; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li .inputHolder { position: absolute; top: 20px; left: 2px; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li:last-child { border-bottom: none; } .page-misc .online-request-form .main .section4 .location-selection .map { display: table-cell; width: 60%; background-color: skyblue; } .page-misc .online-request-form .main .section5 .month { text-align: center; } .page-misc .online-request-form .main .section5 .month select { width: 261px; height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; display: inline-block; margin-bottom: 20px; } .page-misc .online-request-form .main .section5 .week-selection { height: 160px; background-color: #fafafa; display: table; width: 100%; left: 0; vertical-align: middle; overflow: hidden; } .page-misc .online-request-form .main .section5 .week-selection .day-selection { width: 80%; height: auto; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day { width: 101px; display: inline-block; height: 108px; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; margin-left: 15px; margin-right: 15px; text-align: center; padding: 10px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day .inputHolder { margin-bottom: 7px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p { font-family: AvenirLTStd-Medium; font-style: normal; font-stretch: normal; color: #2c3e50; margin-bottom: 3px; font-weight: 500; font-size: 18px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p:last-child { font-size: 16px; font-weight: 300; } .page-misc .online-request-form .main .section5 .week-selection button { display: table-cell; position: relative; width: 60px; height: 80px; margin-top: 16px; } .page-misc .online-request-form .main .section5 .week-selection button.previous { float: left; background-image: url("../../static/p6/images/gallery/carousel-arrow-left.png"); background-size: cover; top: -114px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.previous.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-left-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .week-selection button.next { float: right; background-image: url("../../static/p6/images/gallery/carousel-arrow-right.png"); background-size: cover; top: -114px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.next.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-right-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .schedule-times { margin-top: 30px; display: block; width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 0; } .page-misc .online-request-form .main .section5 .schedule-times ul { margin: 0; padding: 0; width: 100%; display: table; } .page-misc .online-request-form .main .section5 .schedule-times ul li { width: 38.5%; display: table-cell; position: relative; padding-left: 25px; margin-bottom: 30px; } .page-misc .online-request-form .main .section5 .schedule-times ul li p { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: 0.1px; color: #2c3e50; } .page-misc .online-request-form .main .section5 .schedule-times ul li .inputHolder { position: absolute; top: 0; left: 0; } .page-misc .online-request-form .main .section5 .schedule-times ul li:last-child { width: auto; } .page-misc .online-request-form .main .section6 { width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; } .page-misc .online-request-form .main .section6 .generalInformation { margin-bottom: 20px; } .page-misc .online-request-form .main .section6 .generalInformation .name { width: 100%; display: block; } .page-misc .online-request-form .main .section6 .generalInformation .email, .page-misc .online-request-form .main .section6 .generalInformation .phone { width: 49.55%; display: inline-block; } .page-misc .online-request-form .main .section6 fieldset legend, .page-misc .online-request-form .main .section6 label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section6 .preferTo { margin-bottom: 30px; } .page-misc .online-request-form .main .section6 .preferTo label { display: inline-block; margin-bottom: 0; } .page-misc .online-request-form .main .section6 .preferredTime label { display: inline-block; margin-right: 30px; } .page-misc .online-request-form .main .section6 .preferredTime label:last-child { margin-right: 0; } .page-misc .online-request-form .main .section7 .data-container { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .page-misc .online-request-form .main .section7 .data-container .data { width: 100%; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 20px 30px 25px 30px; margin-bottom: 10px; position: relative; } .page-misc .online-request-form .main .section7 .data-container .data a { position: absolute; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #f18231; top: 18px; right: 18px; } .page-misc .online-request-form .main .section7 .data-container .data h4 { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 10px; } .page-misc .online-request-form .main .section7 .data-container .data p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #505050; margin-bottom: 5px; } .page-misc .online-request-form .main .section8 { width: 100%; max-width: 720px; margin: 40px auto; text-align: center; } .page-misc .online-request-form .main .section8 ol { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; text-align: left; } .page-misc .online-request-form .main .section8 ol li { margin-bottom: 10px; } .page-misc .online-request-form .main .section8 ol li .btn { padding: 14px 22px; } .action-container { display: flex; flex-wrap: wrap; } .action-container .columns { display: flex; flex-wrap: nowrap; flex-direction: column; } .action-container .button-row { margin-top: auto; } .page-misc .contact-us-blurb { margin-bottom: 30px; margin-top: 50px; text-align: center; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .page-misc .contact-us-blurb h1 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-misc .contact-us-blurb p { max-width: 669px; font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-left: auto; margin-right: auto; } .page-misc .contact-us-blurb .button-row .btn { padding: 14px 37px; } .page-misc .contact-us-splash { background-image: url("../../static/p6/images/misc/contactUs.jpg"); } .page-misc .locations-blurb { box-sizing: border-box; padding: 0 20px; margin-top: 40px; margin-bottom: 30px; text-align: center; } .page-misc .locations-blurb h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-misc .locations-blurb p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .locations-searchbar { padding: 0 20px; box-sizing: border-box; } .page-misc .locations-searchbar form { position: relative; padding-right: 130px; } .page-misc .locations-searchbar .search-label { position: relative; } .page-misc .locations-searchbar .search-label::before { content: "\e90f"; font-family: 'mbt-v1' !important; position: absolute; top: 3px; left: 0; font-size: 25px; padding-left: 15px; } .page-misc .locations-searchbar .search-label .search-input { width: 100%; height: 50px; border-radius: 4px; border: solid 1px #e0e0e0; padding-left: 40px; } .page-misc .locations-searchbar .search-submit { position: absolute; top: 0; right: 0; width: 120px; height: 50px; border-radius: 100px; background-color: #f18231; border-style: none; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; } .page-misc .locations-map { width: 100%; margin-bottom: 40px; box-sizing: border-box; border: none; padding: 0 20px; } .page-misc .locations-map .container { height: 480px; border: solid 1px #e0e0e0; width: 100%; } .page-misc .locations { margin-bottom: 50px; padding: 0 20px; box-sizing: border-box; } .locations ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .locations ul li { min-height: 175px; margin-bottom: 20px; display: inline-block; flex-grow: 1; margin-right: 0.5rem; width: calc(25% - 0.5rem); } .locations h4, .location__title h4 { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: 500; line-height: 1.17; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 10px; } .locations li p, .location__description, .locations a:not(.btn) { font-size: 15px; line-height: 1.38; margin-bottom: 0; } .location__bubble{ width:300px; padding: 0.25rem; } .location__title{ display:flex; align-items: center; } .location__title h4 { margin: 0; } .location__img{ margin-right: 1rem; max-width: 54px; max-height: 54px; } .location__description{ margin-top: 1rem; } .inline-block { display: inline-block;} .page-misc .search-bar { height: 422px; padding-top: 80px; padding-left: 20px; padding-right: 20px; } .page-misc .search-bar.found-results { height: auto; min-height: 422px; position: relative; padding-bottom: 60px; } .page-misc .search-bar.found-results .search-result-pages { position: absolute; bottom: 20px; left: 20px; } .page-misc .search-bar.found-results .search-result-pages .number { color: #9b9b9b; padding: 3px; } .page-misc .search-bar.found-results .search-result-pages .number.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous, .page-misc .search-bar.found-results .search-result-pages .forward { font-size: 36px; color: #9b9b9b; font-weight: bold; vertical-align: middle; } .page-misc .search-bar.found-results .search-result-pages .previous.active, .page-misc .search-bar.found-results .search-result-pages .forward.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous { margin-right: 20px; } .page-misc .search-bar.found-results .search-result-pages .forward { margin-left: 20px; } .page-misc .search-bar label { position: relative; } .page-misc .search-bar label::before { content: "\e90f"; font-family: 'mbt-v1' !important; position: absolute; top: 8px; left: 0; font-size: 25px; padding-left: 15px; } .page-misc .search-bar label input { height: 60px; border-radius: 4px; border: solid 1px #e0e0e0; padding-left: 45px; } .page-misc .search-bar p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-bottom: 40px; } .page-misc .search-bar p b { font-family: AvenirLTStd-Medium; font-weight: bold; font-weight: 500; } .page-misc .search-bar article { margin-bottom: 40px; } .page-misc .search-bar .search-deeplinks p, .page-misc .search-bar .search-deeplinks article { margin-bottom: 0px; } .search-result-url { position: relative; top: -3px; } ul.deeplinks-list { list-style: disc !important; font-size: 1em; margin-top: 8px; margin-bottom: 40px; margin-left: 3rem; } .page-misc .search-bar article h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; } .page-misc .search-bar article p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .search-bar-error { margin-top: 50px; margin-bottom: 50px; text-align: center; padding-left: 20px; padding-right: 20px; } .page-misc .search-bar-error h1 { font-family: AvenirLTStd-Light; font-size: 40px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.05; letter-spacing: 0.2px; color: #474747; margin-bottom: 20px; } .page-misc .search-bar-error p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .page-misc input[type=submit][class='orange-submit'] { border-radius: 100px; background-color: #f18231; padding: 14px 37px; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; box-shadow: none; border: none; margin-left: auto; margin-right: auto; display: block; } .page-misc .enrolled-online-banking-radio-group, .page-misc .customer-type-radio-group { display: inline-block; margin: 30px auto 0px auto; text-align: left; } .page-misc .enrolled-online-banking-radio-group label, .page-misc .customer-type-radio-group label { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: 0.1px; color: #2c3e50; position: relative; padding-left: 30px; margin-bottom: 20px; } .page-misc .enrolled-online-banking-radio-group input[type="radio"], .page-misc .customer-type-radio-group input[type="radio"] { position: absolute; opacity: 0; transform: scale(2.2); z-index: 1000; } .page-misc .enrolled-online-banking-radio-group input[type="radio"] + span::before, .page-misc .customer-type-radio-group input[type="radio"] + span::before, .page-misc .enrolled-online-banking-radio-group input[type="radio"] + label::before, .page-misc .customer-type-radio-group input[type="radio"] + label::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; border-radius: 100px; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; } .page-misc .enrolled-online-banking-radio-group input[type="radio"]:checked + span::before, .page-misc .customer-type-radio-group input[type="radio"]:checked + span::before, .page-misc .enrolled-online-banking-radio-group input[type="radio"]:checked + label::before, .page-misc .customer-type-radio-group input[type="radio"]:checked + label::before { background: #f18231; border-color: #f18231; } .page-misc .agreement-submit-section { margin-bottom: 80px; margin-top: 30px; } .page-misc .enrolled-online-banking-radio-group { width: 700px; } .page-misc .customer-type-radio-group { width: 120px; } .page-misc p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-misc .sides-padding-20 { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .page-misc .more-questions { height: 262px; background-color: #f7f9fa; display: table; vertical-align: middle; width: 100%; text-align: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .page-misc .more-questions .more-questions-contents { display: table-cell; vertical-align: middle; } .page-misc .more-questions p { font-family: AvenirLTStd-Light; font-size: 40px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.05; letter-spacing: 0.2px; color: #474747; margin-bottom: 30px; } .page-misc .h2 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: 0.1px; text-align: center; color: #2c3e50; margin: 50px 0; padding: 0 20px; } .page-misc .secondary-splash { height: 440px; width: 100%; box-sizing: border-box; padding-top: 300px; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-misc .secondary-splash h1 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: 0.2px; color: #ffffff; padding-left: 20px; } .page-misc .error-splash { background-image: url("../../static/p6/images/misc/error-splash.jpg"); } .page-misc .small-12.medium-12.large-12.headline-blurb p:only-child { padding-left: 20px; padding-right: 20px; } .page-misc .margin-none { margin: 0 !important; } .page-misc .noMarginTop { margin-top: 0 !important; } .page-misc .noMarginBottom { margin-bottom: 0 !important; } .page-misc .marginBot50 { margin-bottom: 50px; } .page-misc ul { list-style: none; } .page-misc .separated-list { margin-bottom: 40px; text-align: center; margin-left: auto; margin-right: auto; } .page-misc .separated-list.three-columns li { display: inline-block; width: 33%; text-align: left; padding: 0 20px; vertical-align: top; box-sizing: border-box; } .page-misc .separated-list.three-columns li h3, .contact-us-blurb h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; } .page-misc .separated-list.three-columns li p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .separated-list.two-columns li { display: inline-block; width: 48%; text-align: left; padding: 0 20px; vertical-align: top; box-sizing: border-box; } .page-misc .separated-list.two-columns li h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; } .page-misc .separated-list.two-columns li p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .accountant-hand-writing { background-image: url("../../static/p6/images/misc/accountant-hand-writing.jpg"); } .page-misc .clients-reading-paper { background-image: url("../../static/p6/images/misc/clients-reading-paper.jpg"); } .page-misc .findUs { height: 262px; width: 100%; background-color: #f7f9fa; margin: 5px 0 0 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; padding-top: 50px; padding-bottom: 50px; } .page-misc .findUs.button-overlay .overlay-content h3 { font-size: 40px; color: #474747; font-weight: 300; margin-bottom: 20px; } .page-misc .findUs p { width: 850px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .page-misc .sqaure-backdrop { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; } .page-misc .button-overlay { position: relative; display: table; overflow: hidden; } .page-misc .button-overlay .overlay-content { text-align: center; z-index: 10; margin-left: auto; margin-right: auto; width: 90%; display: table-cell; vertical-align: middle; } .page-misc .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; margin-bottom: 20px; } .page-misc .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; margin-right: 20px; margin-left: 20px; } .page-misc .three-column-items { display: block; width: 100%; padding: 0; margin: 0 0 40px 0; text-align: center; } .page-misc .three-column-items li { width: 30%; display: inline-block; margin: 0 5px; vertical-align: top; height: 260px; position: relative; border-radius: 4px; background-color: #f7f9fa; border: solid 1px #e0e0e0; padding: 0 20px; max-width: 300px; } .page-misc .three-column-items li span { font-size: 100px; } .page-misc .three-column-items li p { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: center; color: #34495e; } .page-misc .three-column-items li .button-row { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; display: block; width: 100%; } .page-misc .three-column-items li .button-row a { display: inline-block; color: #fff; vertical-align: middle; line-height: 50px; } .page-misc .catergory-boxes,.catergory-boxes { margin-top: 50px; margin-bottom: 50px; } .page-misc .catergory-boxes .row { margin-top: 50px; margin-bottom: 50px; } .page-misc .catergory-boxes .row .catergory-image { height: 388px; width: auto; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; padding-left: 25px; padding-right: 25px; box-sizing: border-box; } .page-misc .catergory-boxes .row h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; } .page-misc .catergory-boxes .row .catergory-text { height: 388px; vertical-align: middle; padding-top: 90px; padding-left: 25px; padding-right: 25px; box-sizing: border-box; } .page-misc .catergory-boxes .row .catergory-text h2 { color: #2c3e50; margin-bottom: 20px; } .page-misc .catergory-boxes .row .catergory-text p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .page-misc .lady-coffee-checking-phone-splash { background: url("../images/misc/lady-coffee-checking-phone.html"); } .page-misc .card-in-hand-splash { background: url("../images/misc/card-in-hand-splash.html"); } .page-misc .bromance-at-work-splash { background: url("../images/misc/bromance-at-work.html"); } .page-misc .looking-intently-splash { background: url("../images/misc/looking-intently.html"); } .page-misc .work-gossip-splash { background: url("../images/misc/work-gossip.html"); } .page-misc .text-blocks { margin-bottom: 40px; margin-top: 50px; } .page-misc .text-blocks h1 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #2c3e50; margin-bottom: 50px; width: 732px; margin-left: auto; margin-right: auto; } .page-misc .text-blocks h2 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 20px; } .page-misc .text-blocks p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc .text-blocks p ~ h2 { margin-top: 40px; } .page-misc .text-blocks hr { margin-top: 30px; margin-bottom: 30px; } .page-misc .text-blocks ul { position: relative; margin: 0; padding: 0; } .page-misc .text-blocks ul li { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; padding-left: 20px; position: relative; list-style: none; margin-bottom: 30px; } .page-misc .text-blocks ul li:before { content: "- "; position: absolute; top: 0; left: 0; } .page-misc .text-blocks ul.bulleted li:before { content: "• "; } .page-misc .text-blocks table { border: none; } .page-misc .text-blocks table tbody { border: none; } .page-misc .text-blocks table tbody td, .page-misc .text-blocks table tbody th, .page-misc .text-blocks table tbody tr { background-color: transparent; font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; color: #2c3e50; letter-spacing: 0.1px; text-align: left; } .page-misc .text-blocks table tbody th { font-size: 21px; font-family: AvenirLTStd-Medium; font-weight: bold; font-weight: 500; line-height: 1; padding-bottom: 15px; } .page-misc .text-blocks table tbody td { font-size: 18px; font-weight: 300; line-height: 1.06; padding-bottom: 15px; padding-top: 15px; } .page-misc .text-blocks table tbody tr { border-bottom: #e0e0e0 1px solid; } .page-misc .text-blocks table tbody tr:last-child, .page-misc .text-blocks table tbody tr:first-child { border: none; } .page-misc .accordian { margin-bottom: 50px; padding: 0 20px; box-sizing: border-box; } .page-misc .accordian h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 40px; } .page-misc .accordian table { border: none; } .page-misc .accordian table tbody { border: none; } .page-misc .accordian table tbody tr { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .page-misc .accordian ul > li div.accordion-content, .page-misc .accordian table tbody tr td { padding: 16px 0; width: 100%; } .page-misc .accordian table tbody tr td:first-child { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: 0.1px; color: #2c3e50; position: relative; padding-right: 35px; display: block; } .page-misc .accordian table tbody tr td:first-child::after { content: "\e90a"; font-family: 'mbt-v1' !important; display: inline; position: absolute; top: 0; right: 0; font-size: 45px; } .page-misc .accordian table tbody tr:last-child { border: none; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-trigger { display: block; border-bottom: none; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-trigger::after { content: "\e90b"; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-content { display: block; border: none; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; padding-top: 0; padding-bottom: 30px; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-content p { font-family: inherit; font-weight: inherit; font-style: inherit; font-stretch: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-size: inherit; text-align: inherit; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-content p:last-child { margin-bottom: 0px; } .page-misc .headline-blurb { padding-top: 40px; padding-bottom: 40px; text-align: center; } .page-misc .headline-blurb h1, .page-misc .headline-blurb h2, .page-misc .headline-blurb h3, .page-misc .headline-blurb p, .page-misc .headline-blurb a { font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; text-align: center; } .page-misc .headline-blurb h1, .page-misc .headline-blurb h2, .page-misc .headline-blurb h3 { font-weight: 300; color: #2c3e50; } .page-misc .headline-blurb h1 { font-size: 32px; line-height: 1.31; letter-spacing: 0.2px; width: 732px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .page-misc .headline-blurb h1.no-width { width: auto !important; } .page-misc .headline-blurb h2 { font-size: 26px; line-height: 1.38; letter-spacing: 0.1px; } .page-misc .headline-blurb h3 { font-size: 24px; line-height: 1.38; letter-spacing: 0.1px; } .page-misc .headline-blurb p { font-size: 21px; font-weight: 300; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-misc .headline-blurb a { font-size: 16px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; line-height: 1.94; letter-spacing: 0.1px; color: #f18231; display: block; vertical-align: middle; } .page-misc .headline-blurb p a { display: inline; } .page-misc .headline-blurb .faq-links li { display: inline-block; } .page-misc .headline-blurb .faq-links li a { padding-left: 10px; } .page-misc .headline-blurb .faq-links li a::after { content: "|"; color: #acacac; display: inline; padding-left: 10px; } .page-misc .headline-blurb .faq-links li:last-child a::after { content: ""; padding-left: 0; } .page-misc .anchor-link-list { margin: 0; padding: 0; } .page-misc .anchor-link-list li a { font-family: AvenirLTStd-Light; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 10px; } .page-misc #depositing-checks-faq, .page-misc #general-questions-faq, .page-misc #managing-accounts-faq, .page-misc #paying-bills-faq { margin-top: 50px; margin-bottom: 50px; padding: 0 20px; } .page-misc #depositing-checks-faq h3, .page-misc #general-questions-faq h3, .page-misc #managing-accounts-faq h3, .page-misc #paying-bills-faq h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 30px; } .page-misc #depositing-checks-faq article:last-child, .page-misc #general-questions-faq article:last-child, .page-misc #managing-accounts-faq article:last-child, .page-misc #paying-bills-faq article:last-child { border-bottom: none; } .page-misc #depositing-checks-faq article, .page-misc #general-questions-faq article, .page-misc #managing-accounts-faq article, .page-misc #paying-bills-faq article { border-bottom: 1px solid #e0e0e0; margin-bottom: 16px; } .page-misc #depositing-checks-faq article h4, .page-misc #general-questions-faq article h4, .page-misc #managing-accounts-faq article h4, .page-misc #paying-bills-faq article h4 { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 16px; } .page-misc #depositing-checks-faq article p, .page-misc #general-questions-faq article p, .page-misc #managing-accounts-faq article p, .page-misc #paying-bills-faq article p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 25px; } .page-misc #depositing-checks-faq article ol, .page-misc #depositing-checks-faq article ul, .page-misc #general-questions-faq article ol, .page-misc #general-questions-faq article ul, .page-misc #managing-accounts-faq article ol, .page-misc #managing-accounts-faq article ul, .page-misc #paying-bills-faq article ol, .page-misc #paying-bills-faq article ul { margin-bottom: 25px; } .page-misc #depositing-checks-faq article ol li, .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ol li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ol li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ol li, .page-misc #paying-bills-faq article ul li { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ul li { list-style-type: disc; margin-bottom: 15px; } .page-misc #depositing-checks-faq article table, .page-misc #general-questions-faq article table, .page-misc #managing-accounts-faq article table, .page-misc #paying-bills-faq article table { margin-bottom: 30px; } .page-misc #depositing-checks-faq article table tbody, .page-misc #general-questions-faq article table tbody, .page-misc #managing-accounts-faq article table tbody, .page-misc #paying-bills-faq article table tbody { border: none; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; text-align: left; } .page-misc #depositing-checks-faq article table tbody tr, .page-misc #general-questions-faq article table tbody tr, .page-misc #managing-accounts-faq article table tbody tr, .page-misc #paying-bills-faq article table tbody tr { background-color: transparent; } .page-misc #depositing-checks-faq article table tbody tr td, .page-misc #general-questions-faq article table tbody tr td, .page-misc #managing-accounts-faq article table tbody tr td, .page-misc #paying-bills-faq article table tbody tr td { padding: 5px 0; } .page-misc #depositing-checks-faq article table tbody tr th, .page-misc #general-questions-faq article table tbody tr th, .page-misc #managing-accounts-faq article table tbody tr th, .page-misc #paying-bills-faq article table tbody tr th { font-weight: 300; padding: 15px 0; } @media screen and (max-width: 1024px) { .page-misc #depositing-checks-faq, .page-misc #general-questions-faq, .page-misc #managing-accounts-faq, .page-misc #paying-bills-faq { margin-top: 50px; margin-bottom: 40px; } .page-misc #depositing-checks-faq h3, .page-misc #general-questions-faq h3, .page-misc #managing-accounts-faq h3, .page-misc #paying-bills-faq h3 { font-size: 24px; margin-bottom: 25px; } .page-misc #depositing-checks-faq article, .page-misc #general-questions-faq article, .page-misc #managing-accounts-faq article, .page-misc #paying-bills-faq article { border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; } .page-misc #depositing-checks-faq article h4, .page-misc #general-questions-faq article h4, .page-misc #managing-accounts-faq article h4, .page-misc #paying-bills-faq article h4 { font-size: 21px; margin-bottom: 16px; } .page-misc #depositing-checks-faq article p, .page-misc #general-questions-faq article p, .page-misc #managing-accounts-faq article p, .page-misc #paying-bills-faq article p { font-size: 18px; margin-bottom: 20px; } .page-misc #depositing-checks-faq article ol, .page-misc #depositing-checks-faq article ul, .page-misc #general-questions-faq article ol, .page-misc #general-questions-faq article ul, .page-misc #managing-accounts-faq article ol, .page-misc #managing-accounts-faq article ul, .page-misc #paying-bills-faq article ol, .page-misc #paying-bills-faq article ul { margin-bottom: 20px; } .page-misc #depositing-checks-faq article ol li, .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ol li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ol li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ol li, .page-misc #paying-bills-faq article ul li { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ul li { list-style-type: disc; margin-bottom: 15px; } .page-misc #depositing-checks-faq article table, .page-misc #general-questions-faq article table, .page-misc #managing-accounts-faq article table, .page-misc #paying-bills-faq article table { margin-bottom: 25px; } .page-misc #depositing-checks-faq article table tbody, .page-misc #general-questions-faq article table tbody, .page-misc #managing-accounts-faq article table tbody, .page-misc #paying-bills-faq article table tbody { border: none; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; text-align: left; } .page-misc #depositing-checks-faq article table tbody tr, .page-misc #general-questions-faq article table tbody tr, .page-misc #managing-accounts-faq article table tbody tr, .page-misc #paying-bills-faq article table tbody tr { background-color: transparent; } .page-misc #depositing-checks-faq article table tbody tr td, .page-misc #general-questions-faq article table tbody tr td, .page-misc #managing-accounts-faq article table tbody tr td, .page-misc #paying-bills-faq article table tbody tr td { padding: 5px 0; } .page-misc #depositing-checks-faq article table tbody tr th, .page-misc #general-questions-faq article table tbody tr th, .page-misc #managing-accounts-faq article table tbody tr th, .page-misc #paying-bills-faq article table tbody tr th { font-weight: 300; padding: 15px 0; } .page-misc .locations-blurb h2 { font-size: 28px; margin-bottom: 15px; } .page-misc .locations-blurb p { font-size: 16px; } .page-misc .contact-us-blurb { margin-bottom: 20px; margin-top: 40px; text-align: center; } .page-misc .contact-us-blurb h1 { font-size: 28px; margin-bottom: 15px; } .page-misc .contact-us-blurb p { max-width: 464px; font-size: 16px; } .page-misc .locations-map .container { height: 316px; } .page-misc .locations { margin-bottom: 20px; } .page-misc .locations ul li { flex-basis: 33.33%; } .page-misc .search-bar { height: 223px; padding-top: 40px; } .page-misc .search-bar.found-results { height: auto; min-height: 223px; position: relative; padding-bottom: 60px; } .page-misc .search-bar.found-results .search-result-pages { position: absolute; bottom: 20px; left: 20px; } .page-misc .search-bar.found-results .search-result-pages .number { color: #9b9b9b; padding: 3px; } .page-misc .search-bar.found-results .search-result-pages .number.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous, .page-misc .search-bar.found-results .search-result-pages .forward { font-size: 36px; color: #9b9b9b; font-weight: bold; vertical-align: middle; } .page-misc .search-bar.found-results .search-result-pages .previous.active, .page-misc .search-bar.found-results .search-result-pages .forward.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous { margin-right: 20px; } .page-misc .search-bar.found-results .search-result-pages .forward { margin-left: 20px; } .page-misc .search-bar label::before { position: absolute; top: 0; left: 0; } .page-misc .search-bar label input { height: 44px; } .page-misc .search-bar p { font-size: 15px; margin-bottom: 40px; } .page-misc .search-bar article, ul.deeplinks-list { margin-bottom: 30px; } .page-misc .search-bar .search-deeplinks p, .page-misc .search-bar .search-deeplinks article { margin-bottom: 0px; } .page-misc .search-bar article h3 { font-size: 21px; } .page-misc .search-bar article p { font-size: 16px; } .page-misc .search-bar-error { margin-top: 50px; margin-bottom: 50px; text-align: center; } .page-misc .search-bar-error h1 { font-size: 28px; margin-bottom: 15px; } .page-misc .search-bar-error p { font-size: 16px; margin-bottom: 20px; } .page-misc .enrolled-online-banking-radio-group, .page-misc .customer-type-radio-group { display: inline-block; margin: 30px auto 0px auto; text-align: left; } .page-misc .enrolled-online-banking-radio-group label, .page-misc .customer-type-radio-group label { font-size: 16px; padding-left: 30px; margin-bottom: 20px; } .page-misc p { font-size: 16px; } .page-misc .sqaure-backdrop { min-width: 100%; height: 300px; } .page-misc .more-questions { height: 193px; } .page-misc .more-questions p { font-size: 28px; margin-bottom: 20px; } .page-misc .findUs { height: 183px; padding-top: 40px; padding-bottom: 40px; } .page-misc .findUs.button-overlay .overlay-content h3 { font-size: 28px; } .page-misc .findUs p { width: 573px; } .page-misc .secondary-splash { height: 350px; padding-top: 260px; } .page-misc .secondary-splash h1 { font-size: 34px; } .page-misc .separated-list { margin-bottom: 30px; } .page-misc .separated-list.three-columns li { display: inline-block; width: 30%; text-align: left; padding: 0 15px; vertical-align: top; } .page-misc .separated-list.three-columns li h3 { font-size: 24px; } .page-misc .separated-list.three-columns li p { font-size: 15px; } .page-misc .separated-list.two-columns li { display: inline-block; width: 48%; text-align: left; padding: 0 15px; vertical-align: top; } .page-misc .separated-list.two-columns li h3 { font-size: 24px; } .page-misc .separated-list.two-columns li p { font-size: 15px; } .page-misc .separated-list li.tablet-display-none { display: none !important; } .page-misc .separated-list.tablet-two-columns li { display: inline-block; width: 48%; text-align: left; padding: 15px 15px 0 15px; vertical-align: top; } .page-misc .three-column-items { display: block; width: 100%; padding: 0; margin: 0 0 40px 0; text-align: center; } .page-misc .three-column-items li { width: 30%; height: 220px; max-width: 100%; } .page-misc .three-column-items li span { font-size: 70px; } .page-misc .three-column-items li p { font-size: 16px; } .page-misc .three-column-items li .button-row { bottom: 23px; } .page-misc .three-column-items li .button-row a { line-height: 50px; } .page-misc .marginBot50 { margin-bottom: 30px; } .page-misc .link-list { margin-bottom: 41px; } .page-misc .link-list li { margin-bottom: 30px; font-size: 16px; } .page-misc .catergory-boxes { margin-top: 40px; margin-bottom: 40px; } .page-misc .catergory-boxes .row { margin-top: 40px; margin-bottom: 40px; } .page-misc .catergory-boxes .row .catergory-image { height: 261px; width: auto; } .page-misc .catergory-boxes .row h2 { font-size: 28px; } .page-misc .catergory-boxes .row .catergory-text { height: 261px; padding-top: 30px; } .page-misc .catergory-boxes .row .catergory-text h2 { color: #2c3e50; margin-bottom: 10px; } .page-misc .catergory-boxes .row .catergory-text p { font-size: 16px; margin-bottom: 20px; } .page-misc .accordian { margin-bottom: 50px; } .page-misc .accordian h3 { font-size: 21px; margin-bottom: 30px; } .page-misc .accordian.large .accordion-trigger { font-size: 21px; font-weight: 300; } .page-misc .accordian table tbody tr { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .page-misc .accordian table tbody tr td { padding: 15px 0; width: 100%; } .page-misc .accordian table tbody tr td:first-child { font-size: 18px; } .page-misc .accordian table tbody tr td:first-child::after { font-size: 30px; } .page-misc .accordian table tbody tr:last-child { border: none; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-trigger { display: block; border-bottom: none; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-trigger::after { content: "\e90b"; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-content { font-size: 16px; padding-bottom: 20px; } .page-misc .button-overlay .overlay-content h3 { font-size: 28px; } .page-misc .headline-blurb h1 { font-size: 28px; width: auto; margin-bottom: 15px; } .page-misc .headline-blurb p { font-size: 16px; } .page-misc .headline-blurb h2 { font-size: 21px; margin-bottom: 0; } .page-misc .headline-blurb .faq-links li { display: inline-block; } .page-misc .headline-blurb .faq-links li a { font-size: 15px; padding-left: 6px; } .page-misc .headline-blurb .faq-links li a::after { padding-left: 6px; } .page-misc .headline-blurb .faq-links li:last-child a::after { content: ""; padding-left: 0; } .page-misc .text-blocks h1 { width: auto; font-size: 28px; margin-bottom: 66px; } .page-misc .text-blocks hr { margin-top: 30px; margin-bottom: 30px; } .page-misc .text-blocks h2 { font-size: 21px; } .page-misc .text-blocks p { font-size: 16px; } .page-misc .text-blocks ul li { padding-left: 15px; font-size: 16px; } .page-misc .text-blocks table tbody th { padding-bottom: 12px; } .page-misc .text-blocks table tbody td { padding-top: 12px; padding-bottom: 12px; } .page-misc .online-request-form .tabs .tab-trigger { font-size: 18px; font-weight: 300; } .page-misc .online-request-form .main { padding: 40px 40px; } .page-misc .online-request-form .main h2 { font-size: 28px; margin-bottom: 20px; } .page-misc .online-request-form .main h3 { font-size: 21px; margin-bottom: 20px; } .page-misc .online-request-form .main p { font-size: 16px; margin-bottom: 20px; } .page-misc .online-request-form .main hr { margin-bottom: 20px; margin-top: 0; } .page-misc .online-request-form .main textarea { height: 350px; border-radius: 4px; border: solid 1px #e0e0e0; margin-bottom: 30px; } .page-misc .online-request-form .main input[type="submit"] { width: 115px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-bottom: 50px; display: block; } .page-misc .online-request-form .main .inactive { opacity: .3; } .page-misc .online-request-form .main .disclaimer-text { font-family: AvenirLTStd-Light-Book; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .page-misc .online-request-form .main .progress-bar { box-sizing: border-box; width: 100%; text-align: center; position: relative; display: table; margin-bottom: 50px; } .page-misc .online-request-form .main .progress-bar .notch { display: table-cell; box-sizing: border-box; width: 20%; position: relative; height: 70px; vertical-align: top; border-bottom: 5px solid #d8d8d8; } .page-misc .online-request-form .main .progress-bar .notch p { font-size: 12px; margin-bottom: 9px; } .page-misc .online-request-form .main .progress-bar .notch.active { border-color: #f18231; } .page-misc .online-request-form .main .progress-bar .notch.active p { color: #f18231; } .page-misc .online-request-form .main .submit-group { text-align: center; } .page-misc .online-request-form .main .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .page-misc .online-request-form .main .submit-group input[type="submit"]:last-child { margin-right: 0; } .page-misc .online-request-form .main .input { display: inline-block; margin-right: 1rem; } .page-misc .online-request-form .main .section1 .section1-form input[type="text"] { height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend:not(.no-width), .page-misc .online-request-form .main .section1 .section1-form label.title { margin-right: 0; width: 200px; display: block; margin-bottom: 10px; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend.no-width) { margin-right: 0; display: block; margin-bottom: 10px; } .page-misc .online-request-form .main .section1 .section1-form .preferredContact, .page-misc .online-request-form .main .section1 .section1-form .preferredTime { display: block; margin-bottom: 15px; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city, .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone, .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { display: inline-block; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city { width: 46%; } .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone { width: 46%; } .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { width: 46%; } .page-misc .online-request-form .main .section2 { height: 450px; display: table; margin-left: auto; margin-right: auto; } .page-misc .online-request-form .main .section2 .thank-you { font-size: 18px; } .page-misc .online-request-form .main .section2 .thank-you::before { content: "\e91f"; font-family: 'mbt-v1' !important; color: #f18231; font-size: 80px; display: block; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you { width: 100%; max-width: 540px; margin: 0 auto 40px auto; } .page-misc .online-request-form .main .section3 .help-you label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section3 .help-you select { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you .option { margin-bottom: 30px; } .page-misc .online-request-form .main .section3 .help-you .option:last-child { margin-bottom: 0; } .page-misc .online-request-form .main .section4 p { margin-bottom: 30px; } .page-misc .online-request-form .main .section4 .locations-searchbar { padding: 0; margin-bottom: 30px; } .page-misc .online-request-form .main .section4 .locations-searchbar form { padding: 0; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label .search-input { height: 40px; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label::before { top: -2px; } .page-misc .online-request-form .main .section4 .location-selection { min-height: 480px; height: auto; margin-bottom: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; display: table; width: 100%; } .page-misc .online-request-form .main .section4 .location-selection .locations { display: table-cell; width: 50%; box-sizing: border-box; vertical-align: middle; } .page-misc .online-request-form .main .section4 .location-selection .locations ul { margin: 0; padding: 0; box-sizing: border-box; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #e0e0e0; padding: 20px 0 20px 25px; margin: 0; box-sizing: border-box; height: auto; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li p { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 0; display: block; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li .inputHolder { position: absolute; top: 20px; left: 2px; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li h4 { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li:last-child { border-bottom: none; } .page-misc .online-request-form .main .section4 .location-selection .map { display: table-cell; width: 50%; background-color: skyblue; } .page-misc .online-request-form .main .section5 .month { text-align: center; } .page-misc .online-request-form .main .section5 .month select { width: 261px; height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; display: inline-block; margin-bottom: 20px; } .page-misc .online-request-form .main .section5 .week-selection { height: 145px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection { width: 80%; height: auto; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day { width: 82px; display: inline-block; height: 108px; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; margin-left: 2px; margin-right: 2px; text-align: center; padding: 8px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day .inputHolder { margin-bottom: 7px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p { font-family: AvenirLTStd-Medium; font-style: normal; font-stretch: normal; color: #2c3e50; margin-bottom: 3px; font-weight: 500; font-size: 18px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p:last-child { font-size: 16px; font-weight: 300; } .page-misc .online-request-form .main .section5 .week-selection button { display: table-cell; position: relative; width: 48px; height: 64px; margin-top: 23px; } .page-misc .online-request-form .main .section5 .week-selection button.previous { float: left; background-image: url("../../static/p6/images/gallery/carousel-arrow-left.png"); background-size: cover; top: -114px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.previous.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-left-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .week-selection button.next { float: right; background-image: url("../../static/p6/images/gallery/carousel-arrow-right.png"); background-size: cover; top: -114px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.next.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-right-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .schedule-times { margin-top: 30px; display: block; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .page-misc .online-request-form .main .section5 .schedule-times ul { margin: 0; padding: 0; width: 100%; display: table; } .page-misc .online-request-form .main .section5 .schedule-times ul li { width: 38.5%; display: table-cell; position: relative; padding-left: 25px; margin-bottom: 30px; } .page-misc .online-request-form .main .section5 .schedule-times ul li p { font-size: 16px; } .page-misc .online-request-form .main .section5 .schedule-times ul li .inputHolder { position: absolute; top: 0; left: 0; } .page-misc .online-request-form .main .section5 .schedule-times ul li:last-child { width: auto; } .page-misc .online-request-form .main .section6 { width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; } .page-misc .online-request-form .main .section6 .generalInformation { margin-bottom: 20px; } .page-misc .online-request-form .main .section6 .generalInformation .name { width: 100%; display: block; } .page-misc .online-request-form .main .section6 .generalInformation .email, .page-misc .online-request-form .main .section6 .generalInformation .phone { width: 49.55%; display: inline-block; } .page-misc .online-request-form .main .section6 fieldset legend, .page-misc .online-request-form .main .section6 label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section6 .preferTo { margin-bottom: 30px; } .page-misc .online-request-form .main .section6 .preferTo label { margin-bottom: 0; } .page-misc .online-request-form .main .section6 .preferredTime label { display: inline-block; margin-right: 30px; } .page-misc .online-request-form .main .section6 .preferredTime label:last-child { margin-right: 0; } .page-misc .online-request-form .main .section7 .data-container { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .page-misc .online-request-form .main .section7 .data-container .data { width: 100%; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 20px 30px 25px 30px; margin-bottom: 10px; position: relative; } .page-misc .online-request-form .main .section7 .data-container .data a { position: absolute; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #f18231; top: 18px; right: 18px; } .page-misc .online-request-form .main .section7 .data-container .data h4 { font-size: 18px; margin-bottom: 10px; } .page-misc .online-request-form .main .section7 .data-container .data p { font-size: 16px; margin-bottom: 3px; } .page-misc .online-request-form .main .section8 { width: 100%; max-width: 720px; margin: 20px auto; text-align: center; } .page-misc .online-request-form .main .section8 ol { font-size: 16px; margin-bottom: 30px; text-align: left; } .page-misc .online-request-form .main .section8 ol li { margin-bottom: 10px; } .page-misc .online-request-form .main .section8 ol li .btn { padding: 14px 22px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-misc p { font-size: 15px; } .page-misc .anchor-link-list { margin: 0; padding: 0; } .page-misc .anchor-link-list li { line-height: 1.3; margin-bottom: 15px; } .page-misc .anchor-link-list li a { margin-bottom: 10px; } .page-misc #depositing-checks-faq, .page-misc #general-questions-faq, .page-misc #managing-accounts-faq, .page-misc #paying-bills-faq { margin-top: 40px; margin-bottom: 30px; } .page-misc #depositing-checks-faq h3, .page-misc #general-questions-faq h3, .page-misc #managing-accounts-faq h3, .page-misc #paying-bills-faq h3 { font-size: 20px; margin-bottom: 15px; } .page-misc #depositing-checks-faq article, .page-misc #general-questions-faq article, .page-misc #managing-accounts-faq article, .page-misc #paying-bills-faq article { border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; } .page-misc #depositing-checks-faq article h4, .page-misc #general-questions-faq article h4, .page-misc #managing-accounts-faq article h4, .page-misc #paying-bills-faq article h4 { font-size: 18px; margin-bottom: 15px; } .page-misc #depositing-checks-faq article p, .page-misc #general-questions-faq article p, .page-misc #managing-accounts-faq article p, .page-misc #paying-bills-faq article p { font-size: 16px; margin-bottom: 20px; } .page-misc #depositing-checks-faq article ol, .page-misc #depositing-checks-faq article ul, .page-misc #general-questions-faq article ol, .page-misc #general-questions-faq article ul, .page-misc #managing-accounts-faq article ol, .page-misc #managing-accounts-faq article ul, .page-misc #paying-bills-faq article ol, .page-misc #paying-bills-faq article ul { margin-bottom: 20px; } .page-misc #depositing-checks-faq article ol li, .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ol li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ol li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ol li, .page-misc #paying-bills-faq article ul li { font-size: 16px; } .page-misc #depositing-checks-faq article ul li, .page-misc #general-questions-faq article ul li, .page-misc #managing-accounts-faq article ul li, .page-misc #paying-bills-faq article ul li { list-style-type: disc; margin-bottom: 15px; } .page-misc #depositing-checks-faq article table, .page-misc #general-questions-faq article table, .page-misc #managing-accounts-faq article table, .page-misc #paying-bills-faq article table { margin-bottom: 20px; } .page-misc #depositing-checks-faq article table tbody, .page-misc #general-questions-faq article table tbody, .page-misc #managing-accounts-faq article table tbody, .page-misc #paying-bills-faq article table tbody { font-size: 16px; } .page-misc #depositing-checks-faq article table tbody tr, .page-misc #general-questions-faq article table tbody tr, .page-misc #managing-accounts-faq article table tbody tr, .page-misc #paying-bills-faq article table tbody tr { background-color: transparent; } .page-misc #depositing-checks-faq article table tbody tr td, .page-misc #general-questions-faq article table tbody tr td, .page-misc #managing-accounts-faq article table tbody tr td, .page-misc #paying-bills-faq article table tbody tr td { padding: 5px 0; } .page-misc #depositing-checks-faq article table tbody tr th, .page-misc #general-questions-faq article table tbody tr th, .page-misc #managing-accounts-faq article table tbody tr th, .page-misc #paying-bills-faq article table tbody tr th { font-weight: 300; padding: 20px 0; } .page-misc .more-questions { height: 161px; } .page-misc .more-questions p { font-size: 26px; margin-bottom: 20px; } .page-misc .contact-us-splash { background-position: 70% center; } .page-misc .contact-us-blurb { margin-bottom: 10px; margin-top: 30px; text-align: left; } .page-misc .contact-us-blurb h1 { font-size: 26px; } .page-misc .contact-us-blurb p { width: auto; font-size: 15px; margin-bottom: 20px; margin-left: initial; margin-right: initial; } .page-misc .contact-us-blurb .action-container .columns:not(:first-child) { margin-top:20px; } .page-misc .locations-blurb { text-align: left; margin-top: 30px; margin-bottom: 20px; } .page-misc .locations-blurb p { font-size: 15px; } .page-misc .locations-searchbar form { position: relative; padding-right: 0; } .page-misc .locations-searchbar .search-label { position: relative; margin-bottom: 20px; } .page-misc .locations-searchbar .search-label::before { content: "\e90f"; font-family: 'mbt-v1' !important; position: absolute; top: -1px; left: 0; font-size: 25px; padding-left: 15px; } .page-misc .locations-searchbar .search-label .search-input { width: 100%; height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; padding-left: 40px; padding-right: 40px; } .page-misc .locations-searchbar .search-label button { cursor: pointer; } .page-misc .locations-searchbar .search-label button::after { content: "\e900"; font-family: 'mbt-v2' !important; position: absolute; z-index: 100; top: 0; right: 0; font-size: 35px; padding-left: 15px; padding-right: 15px; cursor: pointer; } .page-misc .locations-map { display: none; height: 0; width: 0; opacity: 0; } .page-misc .locations { margin-bottom: 20px; } .page-misc .locations ul { display:block;} .page-misc .locations ul li { height: auto; display: block; width: 100%; border-bottom: 1px solid #e0e0e0; } .page-misc .locations ul li .view-map { font-family: AvenirLTStd-Medium; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: 0.1px; color: #f18231; } .page-misc .locations ul li .view-map::after { content: "\e90c"; font-family: 'mbt-v1' !important; padding-left: 2px; font-size: 45px; font-weight: 500; vertical-align: middle; } .page-misc .locations ul li:last-child { border-bottom: none; } .page-misc .locations .sub-blurb { font-size: 10px; letter-spacing: 0.1px; } .page-misc .faqs-block { padding: 30px 0; text-align: center; background-color: #f7f9fa; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .page-misc .faqs-block h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #474747; margin-bottom: 20px; } .page-misc .search-bar { height: 229px; padding-top: 30px; } .page-misc .search-bar.found-results { height: auto; min-height: 229px; position: relative; padding-bottom: 60px; } .page-misc .search-bar.found-results .search-result-pages { position: absolute; bottom: 20px; left: 20px; } .page-misc .search-bar.found-results .search-result-pages .number { color: #9b9b9b; padding: 3px; } .page-misc .search-bar.found-results .search-result-pages .number.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous, .page-misc .search-bar.found-results .search-result-pages .forward { font-size: 36px; color: #9b9b9b; font-weight: bold; vertical-align: middle; } .page-misc .search-bar.found-results .search-result-pages .previous.active, .page-misc .search-bar.found-results .search-result-pages .forward.active { color: #f18231; } .page-misc .search-bar.found-results .search-result-pages .previous { margin-right: 20px; } .page-misc .search-bar.found-results .search-result-pages .forward { margin-left: 20px; } .page-misc .search-bar label::before { position: absolute; top: 0; left: 0; } .page-misc .search-bar label input { height: 44px; } .page-misc .search-bar p { font-size: 15px; margin-bottom: 30px; } .page-misc .search-bar article, ul.deeplinks-list { margin-bottom: 30px; } .page-misc .search-bar .search-deeplinks article, .page-misc .search-bar .search-deeplinks p { margin-bottom: 0px; } .page-misc .search-bar article h3 { font-size: 21px; margin-bottom: 15px; } .page-misc .search-bar article p { font-size: 16px; } .page-misc .search-bar-error { margin-top: 30px; margin-bottom: 30px; text-align: center; } .page-misc .search-bar-error h1 { font-size: 26px; margin-bottom: 15px; } .page-misc .enrolled-online-banking-radio-group { width: auto; } .page-misc .small-12.medium-12.large-12.headline-blurb p:only-child { padding-left: 0; padding-right: 0; padding-bottom: 20px; } .page-misc .h2 { text-align: left; font-size: 26px; margin-bottom: 30px; margin-top: 30px; } .page-misc .secondary-splash { height: 377px; padding-top: 270px; } .page-misc .secondary-splash h1 { font-size: 26px; } .page-misc .separated-list { margin-bottom: 15px; padding: 0 20px; } .page-misc .separated-list li { display: block !important; width: 100% !important; text-align: left !important; padding: 0 !important; vertical-align: top !important; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; } .page-misc .separated-list li.mobile-no-border-bottom { border: none; } .page-misc .separated-list li h3 { font-size: 21px; } .page-misc .separated-list li p { font-size: 15px; } .page-misc .headline-blurb { padding: 20px; text-align: left; } .page-misc .headline-blurb h1 { font-size: 26px; text-align: left; margin-bottom: 10px; } .page-misc .headline-blurb p { font-size: 15px; text-align: left; } .page-misc .headline-blurb a { text-align: left; margin-left: 0; margin-right: 0; line-height: 1; } .page-misc .headline-blurb h2 { text-align: left; } .page-misc .headline-blurb .faq-links { margin: 0; padding: 0; } .page-misc .headline-blurb .faq-links li { display: block; margin-bottom: 10px; } .page-misc .headline-blurb .faq-links li a { font-size: 15px; padding-left: 0; } .page-misc .headline-blurb .faq-links li a::after { content: ""; padding-left: 0; padding-left: 0; } .page-misc .headline-blurb .faq-links li:last-child a::after { content: ""; padding-left: 0; } .page-misc .sqaure-backdrop { min-width: 100%; height: 300px; display: table; } .page-misc .sqaure-backdrop .show-for-small-only { display: table-cell; vertical-align: middle; } .page-misc .sqaure-backdrop .show-for-small-only h2 { font-family: AvenirLTStd-Medium; font-size: 26px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #ffffff; } .page-misc .sqaure-backdrop .show-for-small-only .button-row { text-align: center; display: block; margin: 15px auto 0 auto; } .page-misc .findUs { padding: 30px 20px; } .page-misc .findUs .overlay-content h3 { font-size: 26px; } .page-misc .findUs p { width: auto; text-align: left; } .page-misc .findUs .overlay-content .button-row a.btn { display: inline-block; margin-bottom: 20px; line-height: 20px; } .page-misc .three-column-items { display: block; width: auto; padding: 0; margin: 0 0 40px 0; text-align: center; margin-left: 20px; margin-right: 20px; } .page-misc .three-column-items li { height: auto; width: 100%; display: block; margin: 0; max-width: 100%; margin-bottom: 20px; } .page-misc .three-column-items li span { font-size: 85px; } .page-misc .three-column-items li p { font-size: 16px; } .page-misc .three-column-items li .button-row { position: static; margin-bottom: 25px; } .page-misc .three-column-items li .button-row a { line-height: 50px; } .page-misc .link-list { margin: 0; padding: 0 10px; } .page-misc .link-list li { margin-bottom: 20px; font-size: 16px; } .page-misc .accordian table tbody tr.accordian-panel.active td.accordion-content { font-size: 15px; padding-top: 0; padding-bottom: 16px; } .page-misc .catergory-boxes { margin-top: 20px; margin-bottom: 20px; } .page-misc .catergory-boxes .row { margin-top: 20px; margin-bottom: 20px; } .page-misc .catergory-boxes .row .catergory-image { height: 214px; width: 100%; text-align: center; display: table; } .page-misc .catergory-boxes .row .catergory-image .show-for-small-only { display: table-cell; vertical-align: middle; } .page-misc .catergory-boxes .row h2 { font-family: AvenirLTStd-Medium; font-size: 26px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #ffffff; margin-bottom: 15px; } .page-misc .catergory-boxes .row .catergory-text { height: 214px; padding-top: 30px; text-align: center; } .page-misc .catergory-boxes .row .catergory-text h2 { color: #2c3e50; margin-bottom: 10px; } .page-misc .catergory-boxes .row .catergory-text p { font-size: 16px; margin-bottom: 20px; } .page-misc .button-overlay .overlay-content h3 { font-size: 26px; padding-left: 20px; padding-right: 20px; } .page-misc .text-blocks { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; margin-top: 30px; } .page-misc .text-blocks hr { margin-top: 20px; margin-bottom: 20px; } .page-misc .text-blocks p { font-size: 15px; margin-bottom: 30px; } .page-misc .text-blocks p ~ h2 { margin-top: auto; } .page-misc .text-blocks h2 { font-size: 21px; margin-bottom: 15px; } .page-misc .text-blocks h1 { font-size: 26px; margin-bottom: 30px; text-align: left; } .page-misc .text-blocks ul li { padding-left: 10px; font-size: 15px; } .page-misc .text-blocks ul.bulleted li { padding-left: 15px; } .page-misc .text-blocks ul.bulleted li:before { content: "• "; } .page-misc .text-blocks table tbody th { font-size: 15px; padding-bottom: 16px; padding-left: 0; } .page-misc .text-blocks table tbody td { font-size: 15px; padding-top: 16px; padding-bottom: 16px; padding-left: 0; } .page-misc .online-request-form .tabs { height: 56px; } .page-misc .online-request-form .tabs .tab-trigger { font-size: 13px; font-weight: 300; } .page-misc .online-request-form .tabs .tab-trigger.active { font-family: AvenirLTStd-Medium; font-weight: 500; } .page-misc .online-request-form .tabs .tab-trigger a { display: block; width: 100%; height: 56px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: 'AvenirLTStd-Roman'; font-size: 13px; font-weight: 300; line-height: 56px; color: #646464; border-top: none; } .page-misc .online-request-form .tabs .tab-trigger a.active { background-color: #fff; color: #f18231; border-bottom: solid 1px #fff; } .page-misc .online-request-form .main { padding: 20px 20px; } .page-misc .online-request-form .main h2 { text-align: left; font-size: 26px; margin-bottom: 15px; } .page-misc .online-request-form .main h3 { text-align: left; font-size: 21px; margin-bottom: 20px; } .page-misc .online-request-form .main p { font-size: 15px; margin-bottom: 20px; } .page-misc .online-request-form .main textarea { height: 350px; border-radius: 4px; border: solid 1px #e0e0e0; margin-bottom: 15px; } .page-misc .online-request-form .main input[type="submit"] { width: 115px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-bottom: 30px; display: block; } .page-misc .online-request-form .main .inactive { opacity: .3; } .page-misc .online-request-form .main .disclaimer-text { font-size: 10px; } .page-misc .online-request-form .main .progress-bar { box-sizing: border-box; width: 100%; text-align: center; position: relative; display: table; margin-bottom: 30px; } .page-misc .online-request-form .main .progress-bar.show-for-medium-up { display: none; } .page-misc .online-request-form .main .progress-bar .notch { display: table-cell; box-sizing: border-box; width: 20%; position: relative; height: 70px; vertical-align: top; border-bottom: 5px solid #d8d8d8; } .page-misc .online-request-form .main .progress-bar .notch p { font-size: 12px; margin-bottom: 9px; } .page-misc .online-request-form .main .progress-bar .notch.active { border-color: #f18231; } .page-misc .online-request-form .main .progress-bar .notch.active p { color: #f18231; } .page-misc .online-request-form .main .mobile-progress-bar { margin-bottom: 30px; } .page-misc .online-request-form .main .mobile-progress-bar p { font-family: AvenirLTStd-Medium; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #f18231; margin-bottom: 2px; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container { margin-top: 10px; width: 100%; height: 5px; background-color: #d8d8d8; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar { height: 5px; background-color: #f18231; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar.notch1 { width: 20%; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar.notch2 { width: 40%; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar.notch3 { width: 60%; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar.notch4 { width: 80%; } .page-misc .online-request-form .main .mobile-progress-bar .bar-container .bar.notch5 { width: 100%; } .page-misc .online-request-form .main .submit-group { text-align: center; } .page-misc .online-request-form .main .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .page-misc .online-request-form .main .submit-group input[type="submit"]:last-child { margin-right: 0; } .page-misc .online-request-form .main .input { display: block; } .page-misc .online-request-form .main .section1 .section1-form input[type="text"] { height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend, .page-misc .online-request-form .main .section1 .section1-form label { width: 43%; margin-right: 1%; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend:not(.no-width), .page-misc .online-request-form .main .section1 .section1-form label.title { margin-right: 0; width: 200px; display: block; margin-bottom: 10px; } .page-misc .online-request-form .main .section1 .section1-form fieldset legend.no-width { margin-right: 0; display: block; margin-bottom: 10px; } .page-misc .online-request-form .main .section1 .section1-form .preferredContact, .page-misc .online-request-form .main .section1 .section1-form .preferredTime { display: block; margin-bottom: 15px; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city, .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone, .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { display: inline-block; } .page-misc .online-request-form .main .section1 .section1-form .name, .page-misc .online-request-form .main .section1 .section1-form .address, .page-misc .online-request-form .main .section1 .section1-form .city { width: 100%; } .page-misc .online-request-form .main .section1 .section1-form .email, .page-misc .online-request-form .main .section1 .section1-form .apt, .page-misc .online-request-form .main .section1 .section1-form .phone { width: 100%; } .page-misc .online-request-form .main .section1 .section1-form .state, .page-misc .online-request-form .main .section1 .section1-form .zipcode { width: 48.6%; margin-right: 1%; } .page-misc .online-request-form .main .section1 .section1-form .zipcode { margin-right: 0; } .page-misc .online-request-form .main .section2 { height: 280px; display: table; margin-left: auto; margin-right: auto; } .page-misc .online-request-form .main .section2 .thank-you { font-size: 16px; } .page-misc .online-request-form .main .section2 .thank-you::before { content: "\e91f"; font-family: 'mbt-v1' !important; color: #f18231; font-size: 80px; display: block; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you { width: 100%; max-width: 540px; margin: 0 auto 40px auto; } .page-misc .online-request-form .main .section3 .help-you label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section3 .help-you select { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; margin-bottom: 0; } .page-misc .online-request-form .main .section3 .help-you .option { margin-bottom: 30px; } .page-misc .online-request-form .main .section3 .help-you .option:last-child { margin-bottom: 0; } .page-misc .online-request-form .main .section4 p { margin-bottom: 20px; } .page-misc .online-request-form .main .section4 .locations-searchbar { padding: 0; margin-bottom: 20px; } .page-misc .online-request-form .main .section4 .locations-searchbar form { padding: 0; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label .search-input { height: 40px; padding-right: 0; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label::before { top: -2px; } .page-misc .online-request-form .main .section4 .locations-searchbar .search-label::after { content: ""; padding-right: 0; } .page-misc .online-request-form .main .section4 .location-selection { min-height: 480px; height: auto; margin-bottom: 10px; border: none; display: table; width: 100%; } .page-misc .online-request-form .main .section4 .location-selection .locations { display: table-cell; width: 100%; padding: 0; box-sizing: border-box; vertical-align: middle; } .page-misc .online-request-form .main .section4 .location-selection .locations ul { margin: 0; padding: 0; box-sizing: border-box; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #e0e0e0; padding: 20px 0 20px 25px; margin: 0; box-sizing: border-box; height: auto; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li p { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 0; display: block; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li .inputHolder { position: absolute; top: 20px; left: 2px; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li h4 { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; } .page-misc .online-request-form .main .section4 .location-selection .locations ul li:last-child { border-bottom: none; } .page-misc .online-request-form .main .section4 .location-selection .map { display: table-cell; width: 0%; display: none; height: 0; width: 0; opacity: 0; background-color: skyblue; } .page-misc .online-request-form .main .section5 .month { text-align: center; } .page-misc .online-request-form .main .section5 .month select { width: 261px; height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; display: inline-block; margin-bottom: 20px; } .page-misc .online-request-form .main .section5 .week-selection { height: 145px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection { width: 95%; padding: 0; height: auto; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day { width: 40px; height: 80px; display: inline-block; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; margin-left: 0px; margin-right: 0px; text-align: center; padding: 2px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day .inputHolder { margin-bottom: 7px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p { font-size: 13px; } .page-misc .online-request-form .main .section5 .week-selection .day-selection .day p:last-child { font-size: 13px; } .page-misc .online-request-form .main .section5 .week-selection button { display: table-cell; position: relative; width: 26px; height: 34px; margin-top: 22px; } .page-misc .online-request-form .main .section5 .week-selection button.previous { float: left; background-image: url("../../static/p6/images/gallery/carousel-arrow-left.png"); background-size: cover; top: -83px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.previous.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-left-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .week-selection button.next { float: right; background-image: url("../../static/p6/images/gallery/carousel-arrow-right.png"); background-size: cover; top: -83px; z-index: 100; } .page-misc .online-request-form .main .section5 .week-selection button.next.swiper-button-disabled { background-image: url("../../static/p6/images/gallery/carousel-arrow-right-grey.png"); cursor: default; } .page-misc .online-request-form .main .section5 .schedule-times { margin-top: 30px; display: block; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .page-misc .online-request-form .main .section5 .schedule-times ul { margin: 0; padding: 0; width: 100%; display: table; } .page-misc .online-request-form .main .section5 .schedule-times ul li { width: 100%; display: block; position: relative; padding-left: 25px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .page-misc .online-request-form .main .section5 .schedule-times ul li p { font-size: 16px; } .page-misc .online-request-form .main .section5 .schedule-times ul li .inputHolder { position: absolute; top: 0; left: 0; } .page-misc .online-request-form .main .section5 .schedule-times ul li:last-child { width: 100%; } .page-misc .online-request-form .main .section6 { width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; } .page-misc .online-request-form .main .section6 .generalInformation { margin-bottom: 20px; } .page-misc .online-request-form .main .section6 .generalInformation .name { width: 100%; display: block; } .page-misc .online-request-form .main .section6 .generalInformation .email, .page-misc .online-request-form .main .section6 .generalInformation .phone { width: 100%; display: block; } .page-misc .online-request-form .main .section6 fieldset legend, .page-misc .online-request-form .main .section6 label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .page-misc .online-request-form .main .section6 .preferTo { margin-bottom: 30px; } .page-misc .online-request-form .main .section6 .preferTo label { margin-bottom: 0; } .page-misc .online-request-form .main .section6 .preferredTime label { display: inline-block; width: 45%; margin-right: 0; } .page-misc .online-request-form .main .section6 .preferredTime label:last-child { margin-right: 0; } .page-misc .online-request-form .main .section7 .data-container { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .page-misc .online-request-form .main .section7 .data-container .data { width: 100%; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 16px; margin-bottom: 10px; position: relative; } .page-misc .online-request-form .main .section7 .data-container .data a { font-size: 15px; top: 13px; right: 13px; } .page-misc .online-request-form .main .section7 .data-container .data h4 { font-size: 18px; margin-bottom: 10px; } .page-misc .online-request-form .main .section7 .data-container .data p { font-size: 15px; margin-bottom: 3px; } .page-misc .online-request-form .main .section8 { width: 100%; max-width: 720px; margin: 20px auto; text-align: center; } .page-misc .online-request-form .main .section8 ol { font-size: 16px; margin-bottom: 30px; text-align: left; } .page-misc .online-request-form .main .section8 ol li { margin-bottom: 10px; } .page-misc .online-request-form .main .section8 ol li .btn { padding: 14px 22px; } } .page-offline .info-wrap .button-row .btn { width: 368px; } .page-offline .splash { height: 600px; padding-top: 100px; margin-top: -110px; background-image: url("../../static/p6/images/misc/offline-splash.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .page-offline .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-offline .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-offline .heading h1 { margin-top: 35px; margin-bottom: 30px; font-family: AvenirLTStd-Medium; font-size: 60px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: 0.3px; color: #ffffff; } .page-offline .heading h1 span { position: relative; top: -17px; font-family: 'GoodbyeNovember'; font-size: 48px; letter-spacing: -2px; color: #ffffff; } .page-offline .heading .splash-subheadline { margin-bottom: 20px; color: #ffffff; font-family: 'AvenirLTStd-Medium'; font-size: 22px; line-height: 1.48; margin-bottom: 50px; } @media screen and (max-width: 1024px) { .page-offline .info-wrap .button-row .btn { padding: 0 20px; width: 280px; font-size: 16px; } .page-offline .splash { height: 500px; margin-top: -74px; background-position: left bottom; } .page-offline .splash p { margin-bottom: 15px; font-size: 16px; } .page-offline .splash-heading .splash-headline { margin-top: 54px; margin-bottom: 15px; font-size: 48px; line-height: 1.17; } .page-offline .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-offline .heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 48px; } .page-offline .heading h1 span { font-size: 38px; } .page-offline .heading .splash-subheadline { margin-bottom: 37px; font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-offline .info-wrap .button-row { margin-bottom: 60px; } .page-offline .info-wrap .button-row .btn { width: 100%; } .page-offline .splash { height: auto; background-position: 25% 20%; } .page-offline .splash .splash-headline { margin-top: 25px; margin-bottom: 15px; font-size: 32px; } .page-offline .splash .splash-subheadline { margin-bottom: 25px; font-size: 16px; } .page-offline .splash p { width: 160px; margin: 0 auto 15px; text-align: center; font-size: 16px; } .page-offline .heading h1 { font-size: 40px; margin-top: 0; } .page-offline .section-heading h2 { text-align: left; font-size: 26px; } .page-offline .section-heading p { text-align: left; } } @charset "UTF-8"; .page-personal .info-wrap .button-row .btn { width: 170px; } .page-personal h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .page-personal p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-personal .noMargin { margin: 0; } .page-personal #HEAL-form .section1 .preferredContact, .page-personal #HEAL-form .section1 .preferredTime, .page-personal #HEAL-form .section1 .co-applicant { display: block; margin-bottom: 15px; } .page-personal #HEAL-form, .page-personal #personalFinancialStatement-form { padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; position: relative; } .page-personal #HEAL-form .input-fields, .page-personal #personalFinancialStatement-form .input-fields { display: block; } .page-personal #HEAL-form .input-fields::after, .page-personal #personalFinancialStatement-form .input-fields::after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; margin-bottom: 20px; } .page-personal #HEAL-form .input-fields input[type="text"], .page-personal #personalFinancialStatement-form .input-fields input[type="text"] { width: 48.5%; margin-right: 1%; display: inline-block; float: left; } .page-personal #HEAL-form .input-fields input[type="text"]:nth-child(even), .page-personal #personalFinancialStatement-form .input-fields input[type="text"]:nth-child(even) { float: right; margin-right: 0; } .page-personal #HEAL-form .sqaure-accordian, .page-personal #personalFinancialStatement-form .sqaure-accordian { margin: 0; padding: 0; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel { margin-bottom: 20px; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel .accordion-trigger, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel .accordion-trigger { position: relative; height: 94px; width: 100%; border: solid 1px #979797; font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 500; font-style: normal; font-stretch: normal; color: #2c3e50; text-align: left; line-height: 94px; padding: 0 30px; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel .accordion-trigger span, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel .accordion-trigger span { color: #f18231; padding-right: 30px; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel .accordion-trigger::after, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel .accordion-trigger::after { content: "\e90d"; font-family: mbt-v1 !important; display: inline; position: absolute; top: 0; right: 30px; font-size: 80px; cursor: pointer; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-trigger::after, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-trigger::after { content: "\e90e"; font-family: mbt-v1 !important; cursor: pointer; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content { display: block; width: 100%; margin-top: 60px; margin-bottom: 50px; border: none; padding: 0; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content h3, .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content p, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content h3, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content p { text-align: left; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian { text-align: center; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian h3, .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian p, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian h3, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian p { text-align: center; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian span, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .thank-you-accordian span { color: #f18231; font-size: 100px; font-weight: 500; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content { display: table; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content .image, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content .image { width: 40%; display: table-cell; } .page-personal #HEAL-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content .content, .page-personal #personalFinancialStatement-form .sqaure-accordian .accordian-panel.active .accordion-content .duo-content .content { width: 55%; padding-left: 5%; display: table-cell; } @keyframes spinner { to { transform: rotate(360deg); } } @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } .page-personal #HEAL-form .spinner-container, .page-personal #personalFinancialStatement-form .spinner-container { position: relative; height: 60px; width: 100%; } .page-personal #HEAL-form .spinner, .page-personal #personalFinancialStatement-form .spinner { min-width: 30px; min-height: 30px; } .page-personal #HEAL-form .spinner:before, .page-personal #personalFinancialStatement-form .spinner:before { content: 'Loading…'; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .page-personal #HEAL-form .spinner:not(:required):before, .page-personal #personalFinancialStatement-form .spinner:not(:required):before { content: ''; border-radius: 50%; border: 3px solid #ccc; border-top-color: #f18231; animation: spinner .6s linear infinite; -webkit-animation: spinner .6s linear infinite; } .page-personal #HEAL-form .document-box, .page-personal #personalFinancialStatement-form .document-box { width: 100%; height: 659px; border-radius: 4px; background-color: #fbfbfb; border: solid 1px #e0e0e0; margin: 0 auto 22px; } .page-personal #HEAL-form .adobe-reader-text, .page-personal #personalFinancialStatement-form .adobe-reader-text { display: table; } .page-personal #HEAL-form .adobe-reader-text .content, .page-personal #personalFinancialStatement-form .adobe-reader-text .content { display: table-cell; } .page-personal #HEAL-form .adobe-reader-text .content p, .page-personal #personalFinancialStatement-form .adobe-reader-text .content p { font-size: 15px; } .page-personal #HEAL-form .submit-group, .page-personal #personalFinancialStatement-form .submit-group { text-align: center; } .page-personal #HEAL-form .submit-group input[type="submit"], .page-personal #personalFinancialStatement-form .submit-group input[type="submit"] { display: inline-block; margin-right: 20px; } .page-personal #HEAL-form .submit-group input[type="submit"]:last-child, .page-personal #personalFinancialStatement-form .submit-group input[type="submit"]:last-child { margin-right: 0; } .page-personal #HEAL-form .inputHolder, .page-personal #personalFinancialStatement-form .inputHolder { position: relative; width: 18px; height: 18px; display: inline-block; box-sizing: border-box; padding: 0; margin: 0 .5em 1rem 0; line-height: normal; } .page-personal #HEAL-form input[type="radio"], .page-personal #personalFinancialStatement-form input[type="radio"] { position: absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; width: 18px; height: 18px; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: red; z-index: 1000; } .page-personal #HEAL-form input[type="radio"] + label::before, .page-personal #personalFinancialStatement-form input[type="radio"] + label::before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; -o-box-shadow: inset 0px 0px 0px 2px white; border-radius: 100px; } .page-personal #HEAL-form input[type="radio"]:checked + label::before, .page-personal #personalFinancialStatement-form input[type="radio"]:checked + label::before { background: #f18231; border-color: #f18231; border-radius: 100px; } .page-personal #HEAL-form input[type="checkbox"], .page-personal #personalFinancialStatement-form input[type="checkbox"] { position: absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; width: 18px; height: 18px; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: red; z-index: 1000; } .page-personal #HEAL-form input[type="checkbox"] + label::before, .page-personal #personalFinancialStatement-form input[type="checkbox"] + label::before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; -o-box-shadow: inset 0px 0px 0px 2px white; } .page-personal #HEAL-form input[type="checkbox"]:checked + label::before, .page-personal #personalFinancialStatement-form input[type="checkbox"]:checked + label::before { background: #f18231; border-color: #f18231; } .page-personal #HEAL-form h2, .page-personal #personalFinancialStatement-form h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; text-align: center; margin-bottom: 20px; } .page-personal #HEAL-form h3, .page-personal #personalFinancialStatement-form h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #2c3e50; margin-bottom: 20px; } .page-personal #HEAL-form p, .page-personal #personalFinancialStatement-form p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .page-personal #HEAL-form hr, .page-personal #personalFinancialStatement-form hr { margin-bottom: 30px; margin-top: 0; } .page-personal #HEAL-form label, .page-personal #personalFinancialStatement-form label { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #505050; display: inline-block; margin-right: 25px; } .page-personal #HEAL-form label.title, .page-personal #personalFinancialStatement-form label.title { margin-right: 0; width: 200px; } .page-personal #HEAL-form input[type="submit"], .page-personal #personalFinancialStatement-form input[type="submit"] { width: 194px; height: 50px; border-radius: 100px; background-color: #f18231; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-style: none; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; display: block; } .page-personal #HEAL-form .inactive, .page-personal #personalFinancialStatement-form .inactive { opacity: .3; } .page-personal #HEAL-form .disclaimer-text, .page-personal #personalFinancialStatement-form .disclaimer-text { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; margin-bottom: 20px; } .page-personal #HEAL-form .progress-bar, .page-personal #personalFinancialStatement-form .progress-bar { box-sizing: border-box; width: 100%; text-align: center; position: relative; display: table; margin-bottom: 50px; } .page-personal #HEAL-form .progress-bar .notch, .page-personal #personalFinancialStatement-form .progress-bar .notch { display: table-cell; box-sizing: border-box; width: 20%; position: relative; height: 70px; vertical-align: top; border-bottom: 5px solid #d8d8d8; } .page-personal #HEAL-form .progress-bar .notch p, .page-personal #personalFinancialStatement-form .progress-bar .notch p { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; margin-bottom: 5px; opacity: 0.5; } .page-personal #HEAL-form .progress-bar .notch.active, .page-personal #personalFinancialStatement-form .progress-bar .notch.active { border-color: #f18231; } .page-personal #HEAL-form .progress-bar .notch.active.current p, .page-personal #personalFinancialStatement-form .progress-bar .notch.active.current p { opacity: 1; } .page-personal #HEAL-form .progress-bar .notch.active p, .page-personal #personalFinancialStatement-form .progress-bar .notch.active p { color: #f18231; } .page-personal .bank-card-img { text-align: center; margin-top: 40px; margin-bottom: 40px; } .page-personal .bank-card-img img { width: 100%; height: auto; max-width: 562px; } .page-personal p.small { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; line-height: 1.3; margin-top: 10px; margin-bottom: 10px; } .page-personal .personal-maximizer-table { border: none; } .page-personal .personal-maximizer-table tbody { border: none; } .page-personal .personal-maximizer-table tbody tr:nth-child(odd) { background-color: #fcfcfc; } .page-personal .personal-maximizer-table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-personal .personal-maximizer-table tbody tr th:first-child, .page-personal .personal-maximizer-table tbody tr td:first-child { border-right: 1px solid #e5e5e5; min-width: 275px; } .page-personal .personal-maximizer-table tbody tr td:last-child { border-left: 1px solid #e5e5e5; } .page-personal .personal-maximizer-table tbody tr th, .page-personal .personal-maximizer-table tbody tr td { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; padding: 20px 40px; border-sizing: border-box; } .page-personal .personal-maximizer-table tbody tr th { vertical-align: top !important; font-weight: 300 !important; } .page-personal .personal-maximizer-table tbody tr td ul { margin: 0; padding: 0; } .page-personal .personal-maximizer-table tbody tr td ul li { position: relative; padding-left: 15px; } .page-personal .personal-maximizer-table tbody tr td ul li::before { content: "- "; position: absolute; top: 0; left: 0; } .page-personal .margin-none { margin: 0 !important; } .page-personal .tone-bank-guide { counter-reset: guide-counter; margin: 0; padding: 0; margin-top: 50px; } .page-personal .tone-bank-guide li:before { content: counter(guide-counter); counter-increment: guide-counter; font-family: HepburnsType; font-size: 60px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.3px; text-align: left; color: #2c3e50; position: absolute; top: -35px; left: 0; } .page-personal .tone-bank-guide li { position: relative; margin-bottom: 50px; padding-left: 40px; vertical-align: middle; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-personal .text-block-row h2, .page-personal .text-block-row h3, .page-personal .text-block-row p { font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; font-weight: 300; } .page-personal .text-block-row h2 { font-size: 32px; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 40px; margin-top: 40px; } .page-personal .text-block-row h3 { font-size: 26px; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 20px; } .page-personal .text-block-row p { font-size: 18px; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 40px; } .page-personal .offset1 { padding-top: 0; padding-left: 20px; padding-right: 20px; } .page-personal .product-blurb { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-personal .product-blurb p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-personal .button-row .offset-sides { margin: 10px 20px 0 20px; } .page-personal .textLeft { text-align: left !important; } .page-personal .monte-app-section { text-align: center; } .page-personal .monte-app-section .phone-image { width: 100%; max-width: 468px; height: auto; } .page-personal .monte-app-section .digital-store-icons { margin: 0; padding: 0; list-style: none; display: block; width: 100%; } .page-personal .monte-app-section .digital-store-icons li { display: inline-block; margin: 20px 5px; } .page-personal .credit-card-chart-main h2 { font-family: AvenirLTStd-Light; font-size: 25px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: center; color: #2c3e50; margin-bottom: 30px; } .page-personal .credit-card-chart-main .credit-card-chart-list { text-align: center; margin: 0; padding: 0; } .page-personal .credit-card-chart-main .credit-card-chart-list.row-3 li { width: 32%; padding-left: .4%; padding-right: .4%; } .page-personal .credit-card-chart-main .credit-card-chart-list li:only-child { margin-left: auto; margin-right: auto; } .page-personal .credit-card-chart-main .credit-card-chart-list li { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; vertical-align: top; position: relative; height: 340px; } .page-personal .credit-card-chart-main .credit-card-chart-list li img { width: 100%; height: auto; max-width: 200px; margin-bottom: 18px; } .page-personal .credit-card-chart-main .credit-card-chart-list li h3 { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; } .page-personal .credit-card-chart-main .credit-card-chart-list li p { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; color: #5a5a5a; } .page-personal .credit-card-chart-main .credit-card-chart-list li .button-row { position: absolute; bottom: 80px; text-align: center; display: block; width: 100%; } .page-personal .credit-card-chart-main .credit-card-chart-list li .learnMore { position: absolute; bottom: 20px; text-align: center; display: block; width: 100%; vertical-align: middle; } .page-personal .credit-card-chart-main .credit-card-chart-list li .learnMore::after { content: "\e935"; font-family: 'mbt-v1' !important; font-size: 40px; vertical-align: middle; } .page-personal .icon-table { border: none; } .page-personal .icon-table.row-3 th, .page-personal .icon-table.row-3 td { width: 33.3333333333%; } .page-personal .icon-table tbody { border: none; } .page-personal .icon-table tbody th, .page-personal .icon-table tbody td { font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; padding: 20px; border-sizing: border-box; vertical-align: top; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .page-personal .icon-table tbody th:first-child, .page-personal .icon-table tbody td:first-child { border-left: none; } .page-personal .icon-table tbody th:last-child, .page-personal .icon-table tbody td:last-child { border-right: none; } .page-personal .icon-table tbody th { background-color: #f7f9fa; font-size: 18px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; text-align: center; color: #34495e; } .page-personal .icon-table tbody th span { display: block; font-size: 100px; } .page-personal .icon-table tbody td { background-color: #fcfcfc; font-size: 18px; font-weight: 300; color: #34495e; text-align: left; } .page-personal .team-testimonials { margin-top: 50px; margin-bottom: 50px; } .page-personal .team-testimonials .team-testimonials-image { height: 388px; max-width: 560px; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-personal .team-testimonials .team-testimonials-content { height: 100%; padding-top: 50px; } .page-personal .team-testimonials .team-testimonials-content h3 { font-family: AvenirLTStd-Medium; font-size: 25px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 20px; } .page-personal .team-testimonials .team-testimonials-content h4 { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; color: #2c3e50; margin-bottom: 10px; } .page-personal .team-testimonials .team-testimonials-content p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; color: #505050; } .page-personal .table-style-1 tbody { background-color: inherit; border: none; } .page-personal .table-style-1 tbody tr { background-color: inherit; height: 70px; border-bottom: #e0e0e0 1px solid; } .page-personal .table-style-1 tbody tr th { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #2c3e50; text-align: left; vertical-align: top; } .page-personal .table-style-1 tbody tr th:first-child { padding-left: 30px; } .page-personal .table-style-1 tbody tr th:last-child { padding-right: 30px; } .page-personal .table-style-1 tbody tr td { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; text-align: left; } .page-personal .table-style-1 tbody tr td:first-child { padding-left: 30px; } .page-personal .table-style-1 tbody tr td:last-child { padding-right: 30px; } .page-personal .table-style-1 tbody tr:last-child { border: none; } .page-personal .table-style-1 tbody tr:first-child { border: none; } .page-personal .additional-services-list li { vertical-align: top; width: 32.3333333333%; display: inline-block; text-align: center; margin-bottom: 60px; font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; } .page-personal .additional-services-list li span { display: block; font-size: 100px; } .page-personal .team-member { text-align: center; font-family: Georgia; font-weight: normal; font-style: normal; font-stretch: normal; } .page-personal .team-member img { border: none; } .page-personal .team-member .team-member-name { font-size: 21px; margin: 15px 0; } .page-personal .team-member .team-member-title { font-size: 18px; line-height: 1.56; margin-bottom: 5px; } .page-personal .team-member .team-member-profile-link { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center; display: block; position: relative; height: 16px; } .page-personal .team-member .team-member-profile-link::after { content: "\e935"; font-family: 'mbt-v1' !important; position: absolute; font-size: 40px; display: inline; line-height: 0; top: 12px; } .page-personal .wealth-statement { padding: 60px 0 50px 0; } .page-personal .wealth-statement h3 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.46; letter-spacing: 0.2px; color: #2c3e50; } .page-personal .wealth-statement p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-personal .wealth-statement .columns { vertical-align: middle; } .page-personal .wealth-statement .main, .page-personal .wealth-statement .title, .page-personal .wealth-statement .job { font-family: Georgia; font-weight: normal; font-stretch: normal; } .page-personal .wealth-statement .text-section { background-image: url("../../static/p6/images/wealth/quotes.png"); background-repeat: no-repeat; background-size: contain; background-position: top left; } .page-personal .wealth-statement .main { font-size: 25px; font-style: italic; line-height: 1.48; letter-spacing: 0.1px; color: #f4f2ef; margin-bottom: 20px; } .page-personal .wealth-statement .title { font-size: 21px; font-style: normal; color: #f4f2ef; margin-bottom: 9px; } .page-personal .wealth-statement .job { font-size: 18px; font-style: normal; line-height: 1.56; color: #b8b6b2; margin-bottom: 20px; } .page-personal .multirow-icons-text ul { margin: 50px auto; padding: 0; } .page-personal .multirow-icons-text .row-4 li, .page-personal .multirow-icons-text .row-3 li, .page-personal .multirow-icons-text .row-2 li { display: inline-block; text-align: center; vertical-align: top; } .page-personal .multirow-icons-text .row-4 li span, .page-personal .multirow-icons-text .row-3 li span, .page-personal .multirow-icons-text .row-2 li span { display: block; font-size: 80px; } .page-personal .multirow-icons-text .row-4 li { width: 24.5%; } .page-personal .multirow-icons-text .row-2, .page-personal .multirow-icons-text .row-3 { text-align: center; } .page-personal .multirow-icons-text .row-3 li { width: 24.5%; margin: 0 auto; } .page-personal .multirow-icons-text .row-3.full li { width: 30%; padding-left: 1%; padding-right: 1%; } .page-personal .multirow-icons-text .row-2 li { width: 25%; margin: 0 auto; } .page-personal .striped-accordian { margin: 0; padding: 0; } .page-personal .striped-accordian li .accordion-trigger, .page-personal .striped-accordian li .accordion-content { display: block; text-align: left; padding: 16px 15px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: 0.1px; color: #34495e; position: relative; } .page-personal .striped-accordian li .accordion-trigger h4, .page-personal .striped-accordian li .accordion-content h4 { font-family: AvenirLTStd-Medium; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; margin-bottom: 10px; } .page-personal .striped-accordian li .accordion-trigger p, .page-personal .striped-accordian li .accordion-content p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: 0.1px; color: #34495e; margin-bottom: 20px; } .page-personal .striped-accordian li .accordion-trigger p:last-child, .page-personal .striped-accordian li .accordion-content p:last-child { margin-bottom: 10px; } .page-personal .striped-accordian li .accordion-trigger { padding-right: 50px; } .page-personal .striped-accordian li .accordion-trigger::after { content: "\e90d" !important; display: inline; font-family: 'mbt-v1' !important; font-weight: bold; margin: 0; padding: 0; position: absolute; right: 14px; top: 0; font-size: 40px; cursor: pointer; } .page-personal .striped-accordian li .accordion-content { display: none !important; font-family: AvenirLTStd-Medium; font-size: 15px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; } .page-personal .striped-accordian li .accordion-content ul { margin: 0; padding: 0; } .page-personal .striped-accordian li .accordion-content table td, .page-personal .striped-accordian li .accordion-content table tr, .page-personal .striped-accordian li .accordion-content table tbody { font-family: AvenirLTStd-Medium; font-size: 15px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #2c3e50; border: none !important; width: auto !important; height: auto !important; text-align: left !important; background-color: inherit !important; } .page-personal .striped-accordian li:first-child .accordion-trigger { border-top: none; } .page-personal .striped-accordian li:last-child .accordion-trigger { border-bottom: none; } .page-personal .striped-accordian li:nth-child(even) .accordion-trigger { background-color: #f7f7f7; } .page-personal .striped-accordian li:nth-child(even) .accordion-content { background-color: #f7f9fa; } .page-personal .striped-accordian li:nth-child(odd) .accordion-trigger { background-color: #f7f9fa; } .page-personal .striped-accordian li:nth-child(odd) .accordion-content { background-color: #f7f7f7; } .page-personal .striped-accordian li.accordian-panel.active .accordion-content { display: block !important; } .page-personal .striped-accordian li.accordian-panel.active .accordion-trigger::after { content: "\e90e" !important; font-size: 40px; cursor: pointer; } .page-personal .offset-30 { margin-top: 30px; margin-bottom: 30px; } .page-personal .striped-table h2 { margin-bottom: 40px; } .page-personal .striped-table.row-3 table { margin-bottom: 40px; } .page-personal .striped-table.row-3 table td, .page-personal .striped-table.row-3 table th { width: 33.3333333333%; } .page-personal .striped-table.row-3 table td, .page-personal .striped-table.row-3 table th { text-align: center; } .page-personal .striped-table.row-3 table td:first-child, .page-personal .striped-table.row-3 table th:first-child { text-align: left; } .page-personal .striped-table table { border: none; } .page-personal .striped-table table tbody { border: none; background-color: #fcfcfc; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; } .page-personal .striped-table table:not(.personal-maximizer-table) tbody th { font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: left; color: #34495e; vertical-align: bottom; font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; color: #34495e; } .page-personal .striped-table table tbody th .btn { margin-top: 10px; padding: 0px 15px; font-size: 16px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; line-break: none; word-break: keep-all; } .page-personal .striped-table table tbody td { vertical-align: top; } .page-personal .striped-table table tbody td span { display: block; color: #f18231; font-size: 80px; } .page-personal .striped-table table tbody td ul { padding: 0; margin-left: 0; } .page-personal .striped-table table tbody td ul li { position: relative; padding-left: 20px; } .page-personal .striped-table table tbody td ul li::before { content: "- "; position: absolute; left: 0; top: 0; } .page-personal .striped-table table tbody td, .page-personal .striped-table table tbody th { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; height: 118px; text-align: left; padding: 33px 20px; border-sizing: border-box; max-width: 835px; } .page-personal .striped-table table tbody td:first-child, .page-personal .striped-table table tbody th:first-child { border-left: none; } .page-personal .striped-table table tbody td:last-child, .page-personal .striped-table table tbody th:last-child { border-right: none; } .page-personal .striped-table table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-personal .personal-compare-accounts .accordion-trigger { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: 0.1px; text-align: center; color: #2c3e50; vertical-align: middle; } .page-personal .personal-compare-accounts .accordion-trigger span { display: none; } .page-personal .personal-compare-accounts .accordion-trigger span.closed { display: inline; } .page-personal .personal-compare-accounts .accordion-trigger span.opened { display: none; } .page-personal .personal-compare-accounts .accordion-trigger::after { content: "\e90a"; font-family: 'mbt-v1' !important; font-size: 60px; padding-left: 5px; vertical-align: middle; margin-top: -10px; cursor: pointer; } .page-personal .personal-compare-accounts.active .accordion-content { display: block; border: none; } .page-personal .personal-compare-accounts.active .accordion-content table { border: none; } .page-personal .personal-compare-accounts.active .accordion-content table tbody { border: none; background-color: #f7f9fa; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; } .page-personal .personal-compare-accounts.active .accordion-content table tbody th { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: center; color: #34495e; vertical-align: bottom; min-width: 150px; } .page-personal .personal-compare-accounts.active .accordion-content table tbody th .btn { margin-top: 10px; padding: 0px 15px; font-size: 16px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; line-break: none; word-break: keep-all; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td { vertical-align: middle; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td span { display: block; color: #f18231; font-size: 80px; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td, .page-personal .personal-compare-accounts.active .accordion-content table tbody th { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; height: 118px; text-align: center; padding: 2% 1%; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td:first-child, .page-personal .personal-compare-accounts.active .accordion-content table tbody th:first-child { border-left: none; text-align: left; width: 194px; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td:last-child, .page-personal .personal-compare-accounts.active .accordion-content table tbody th:last-child { border-right: none; } .page-personal .personal-compare-accounts.active .accordion-content table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-personal .personal-compare-accounts.active .accordion-trigger span { display: inline; } .page-personal .personal-compare-accounts.active .accordion-trigger span.closed { display: none; } .page-personal .personal-compare-accounts.active .accordion-trigger span.opened { display: inline; } .page-personal .personal-compare-accounts.active .accordion-trigger::after { content: "\e90b"; font-family: 'mbt-v1' !important; cursor: pointer; } .page-personal .personal-compare-accounts p small { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; } .page-personal .overlay-content h3 { font-size: 28px; } .page-personal .overlay-content p { width: 100%; max-width: 850px; margin: 30px auto 30px auto; } .page-personal .offset-padding-50 { padding-top: 50px; padding-bottom: 50px; } .page-personal .offset-50 { margin-top: 50px; margin-bottom: 50px; } .page-personal .offset-50 .offset-50:first-child { margin-top: 0; margin-bottom: 0; } .page-personal .offset-50 .offset-50:last-child { margin-top: 0; margin-bottom: 0; } .page-personal .cashManagement-benefits { margin: 0; padding: 0; } .page-personal .cashManagement-benefits li { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; padding-left: 15px; } .page-personal .cashManagement-benefits li::before { content: "- "; position: absolute; margin-left: -15px; } .page-personal .calculatorsMain { box-sizing: border-box; padding-left: 50px; } .page-personal .calculatorsMain h2 span { position: absolute; font-size: 80px; margin-left: -80px; margin-top: -10px; } .page-personal .calculatorsMain .calculators { padding: 0; margin: 0; margin-bottom: 20px; } .page-personal .calculatorsMain .calculators li { display: inline-block; margin-right: 50px; padding: 0; } .page-personal .calculatorsMain .calculators li:last-child { margin-right: 0; } .page-personal .calculatorsMain .calculators a { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #f18231; } .page-personal .checking-accounts-chart-main { text-align: center; font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; } .page-personal .checking-accounts-chart-main h2 { margin-bottom: 30px; } .page-personal .checking-accounts-chart-main .main-button { margin-bottom: 40px; } .page-personal .checking-accounts-chart-main .main-button br { display: none; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list.fourItems li { width: 23%; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li { position: relative; width: 18%; margin: 0 .4%; vertical-align: top; display: inline-block; height: 305px; border-radius: 4px; background-color: #f7f9fa; border: solid 1px #e0e0e0; padding: 30px 5px 5px 5px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 { font-size: 20px; font-weight: bold; font-weight: 500; line-height: 1.4; color: #34495e; font-family: AvenirLTStd-Medium; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 span { display: block; font-size: 90px; margin-top: -30px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li p { font-size: 15px; font-weight: 300; line-height: 1.47; color: #5a5a5a; font-family: AvenirLTStd-Light; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .button-row { width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .page-personal .checking-accounts { padding: 0; margin: 0; margin-top: 56px; } .page-personal .checking-accounts li { width: 32.3333333333%; border-sizing: border-box; display: inline-block; font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; vertical-align: text-top; } .page-personal .checking-accounts li span { display: block; font-size: 100px; } .page-personal .offset-sides-20 { box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .page-personal .offset-100-top { margin-top: 100px; } .page-personal .offset-50-top { margin-bottom: 50px; } .page-personal .offset-50-bottom { margin-bottom: 50px; } .page-personal .table { display: table; } .page-personal .table-cell { display: table-cell; vertical-align: middle; } .page-personal hr { width: 100%; color: #e0e0e0; max-width: none; } .page-personal .personal-tertiary-nav { border-bottom: 1px solid #e0e0e0; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; } .page-personal .personal-tertiary-nav.noBottomBorder { border-bottom: none; } .page-personal .personal-tertiary-nav ul { text-align: center; margin: 0; } .page-personal .personal-tertiary-nav ul li { display: inline-block; max-width: auto; text-align: center; vertical-align: top; margin-right: 15px; } .page-personal .personal-tertiary-nav ul li:last-child { margin-right: 0; } .page-personal .personal-tertiary-nav ul li a { position: relative; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; color: #646464; } .page-personal .personal-tertiary-nav ul li a:hover { color: #f18231; } .page-personal .personal-tertiary-nav ul li a.active { color: #f18231; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-personal .personal-tertiary-nav ul li a.active::after { display: block; position: absolute; content: ''; bottom: -5px; height: 1px; width: 100%; background-color: #f18231; } .page-personal .headline-blurb { padding-top: 50px; padding-bottom: 50px; } .page-personal .headline-blurb h1 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #2c3e50; margin-bottom: 20px; } .page-personal .headline-blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; text-align: center; color: #505050; } .page-personal .article-list article { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .page-personal .article-list article:first-child { margin-top: 0; } .page-personal .article-list article:last-child { border: none; } .page-personal .article-list article:only-child { border: none; } .page-personal .article-list article h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-personal .article-list article h2 span.date { font-size: 18px; vertical-align: super; } .page-personal .article-list article p, .page-personal .article-list article a { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .page-personal .article-list article a { color: #f18231; } .page-personal .article-list article a button { border-radius: 100px; background-color: #f18231; color: #ffffff; padding: 18px 55px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-personal .article-list ul { margin: 0; } .page-personal .article-list .grey-box { padding: 30px; background-color: #f7f9fa; margin: 30px 0 0 0; } .page-personal .article-list .grey-box .personal-last-year h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-personal .article-list .grey-box .personal-last-year ul { width: 100%; display: table; } .page-personal .article-list .grey-box .personal-last-year ul li { width: 20%; display: table-cell; text-align: center; } .page-personal .article-list .grey-box .personal-last-year ul li p { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-personal .article-list .grey-box .personal-last-year ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-personal .article-list .grey-box .personal-volunteer-missions h3 { font-family: AvenirLTStd-Light; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #2c3e50; } .page-personal .article-list .grey-box .personal-volunteer-missions ul { width: 100%; margin-top: 40px; } .page-personal .article-list .grey-box .personal-volunteer-missions ul li { width: 32%; display: inline-block; text-align: center; } .page-personal .article-list .grey-box .personal-volunteer-missions ul li p { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-personal .article-list .grey-box .personal-volunteer-missions ul li span { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 4.4px; color: #2c3e50; display: block; } .page-personal .hashtag { font-family: Helvetica; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; color: #3593dc; } .page-personal .login { border-radius: 4px; border: solid 1px #e0e0e0; padding: 25px; margin-bottom: 50px; } .page-personal .login h3 { font-family: AvenirLTStd-Light; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; } .page-personal .login p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #5a5a5a; } .page-personal .login p.forgotPassword { font-size: 13px; text-align: center; color: #9b9b9b; } .page-personal .login button { border-radius: 100px; background-color: #f18231; width: 100%; padding: 18px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; margin: 10px 0; } .page-personal .button-overlay { position: relative; display: table; overflow: hidden; } .page-personal .button-overlay .overlay-content { text-align: center; z-index: 10; margin-left: auto; margin-right: auto; width: 90%; display: table-cell; vertical-align: middle; } .page-personal .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; margin-bottom: 20px; } .page-personal .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; margin-right: 20px; margin-left: 20px; } .page-personal .secondary-splash { height: 440px; width: 100%; display: table; overflow: hidden; } .page-personal .secondary-splash .wrapper { display: table-cell; vertical-align: bottom; padding-bottom: 80px; } .page-personal .secondary-splash .wrapper .content { width: 100%; padding-left: 50px; margin-left: auto; margin-right: auto; } .page-personal .secondary-splash .wrapper .content h1 { text-align: left; margin-bottom: 20px; width: 644px; margin: 0 auto; } .page-personal .secondary-splash .wrapper .shared-content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0; position: relative; } .page-personal .secondary-splash .wrapper .shared-content li { margin: 0; vertical-align: middle; padding-left: 20px; padding-right: 20px; } .page-personal .secondary-splash .wrapper .shared-content li:first-child { display: inline-block; width: 60%; box-sizing: border-box; } .page-personal .secondary-splash .wrapper .shared-content li:first-child h1 { text-align: left; margin-bottom: 20px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child { display: inline-block; padding-left: 50px; width: 25%; min-width: auto; float: right; box-sizing: border-box; } .page-personal .secondary-splash .wrapper .shared-content li:last-child h2 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #ffffff; } .page-personal .secondary-splash .wrapper .shared-content li:last-child p { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #ffffff; } .page-personal .secondary-splash .center-wrapper { display: table-cell; vertical-align: middle; text-align: center; } .page-personal .secondary-splash .center-wrapper .content { text-align: center; } .page-personal .secondary-splash .center-wrapper .content h1 { margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; } .page-personal .secondary-splash .button-row { display: inline-block; } .page-personal .secondary-splash h1 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: 0.2px; color: #ffffff; } .page-personal .hands-on-wheel, .page-personal .guy-looking-at-phone, .page-personal .card-in-hand-splash, .page-personal .bank-loans, .page-personal .construction, .page-personal .secure-family, .page-personal .mortgage-splash, .page-personal .family-shot, .page-personal .cash-calculator { background-color: black; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-personal .card-in-hand-splash { background-image: url("../../static/p6/images/personal/card-in-hand-splash.png"); } .page-personal .bank-loans { background-image: url("../../static/p6/images/personal/bank-loans.png"); } .page-personal .cash-calculator { background-image: url("../../static/p6/images/personal/cash-calculator.png"); } .page-personal .family-shot { background-image: url("../../static/p6/images/personal/family-shot.png"); } .page-personal .mortgage-splash { background-image: url("../../static/p6/images/personal/mortgage-splash.png"); } .page-personal .secure-family { background-image: url("../../static/p6/images/personal/secure-family.png"); } .page-personal .construction { background-image: url("../../static/p6/images/personal/construction.png"); } .page-personal .guy-looking-at-phone { background-image: url("../../static/p6/images/personal/guy-looking-at-phone.jpg"); } .page-personal .hands-on-wheel { background-image: url("../../static/p6/images/personal/hands-on-wheel.png"); } .page-personal .additional-services, .page-personal .personal-accounts, .page-personal .personal-loans, .page-personal .personal-savings, .page-personal .cash-management, .page-personal .digital-banking, .page-personal .sep-ira, .page-personal .ach-manager, .page-personal .mortage-and-home, .page-personal .notary, .page-personal .lock-box { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; } .page-personal .mortage-and-home { background-image: url("../../static/p6/images/personal/mortage-and-home.png"); } .page-personal .sep-ira { background-image: url("../../static/p6/images/business/sep-ira.png"); } .page-personal .ach-manager { background-image: url("../../static/p6/images/business/ach-manager.png"); } .page-personal .personal-savings { background-image: url("../../static/p6/images/business/business-savings.png"); } .page-personal .personal-loans { background-image: url("../../static/p6/images/business/business-loans.png"); } .page-personal .personal-accounts { background-image: url("../../static/p6/images/business/business-accounts.png"); } .page-personal .additional-services { background-image: url("../../static/p6/images/business/additional-services.png"); } .page-personal .cash-management { background-image: url("../../static/p6/images/business/cash-management.png"); } .page-personal .digital-banking { background-image: url("../../static/p6/images/business/digital-banking.png"); } .page-personal .notary { background-image: url("../../static/p6/images/personal/notary.png"); } .page-personal .lock-box { background-image: url("../../static/p6/images/business/lockbox-services.png"); } .page-personal .old-man-crossed-arms { background-image: url("../../static/p6/images/about/shutterstock-426215854.png"); } .page-personal .splash { height: 440px; padding-top: 100px; margin-top: 0; background-image: url("../../static/p6/images/personal/personal_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-personal .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-personal .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-personal .business-accounts, .page-personal .personal-accounts, .page-personal .homeEquityCredit, .page-personal .constructionLandBridge, .page-personal .mortgage, .page-personal .manufactureHome, .page-personal .card-in-hand, .page-personal .overdraft-protection, .page-personal .vehicle-loans, .page-personal .wealth-maximizer, .page-personal .lady-writing-pen, .page-personal .man-checking-phone, .page-personal .man-working-keyboard { min-width: 480px; height: 388px; width: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; } .page-personal .card-in-hand { background-image: url("../../static/p6/images/personal/card-in-hand.png"); } .page-personal .overdraft-protection { background-image: url("../../static/p6/images/personal/overdraft-protection.png"); } .page-personal .vehicle-loans { background-image: url("../../static/p6/images/personal/vehicle-loans.png"); } .page-personal .wealth-maximizer { background-image: url("../../static/p6/images/personal/wealth-maximizer.png"); } .page-personal .constructionLandBridge { background-image: url("../../static/p6/images/personal/constructionLandBridge.png"); } .page-personal .homeEquityCredit { background-image: url("../../static/p6/images/personal/homeEquityCredit.png"); } .page-personal .personal-accounts { background-image: url("../../static/p6/images/personal/man-with-pen.png"); } .page-personal .business-accounts { background-image: url("../../static/p6/images/personal/business-accounts.png"); } .page-personal .mortgage { background-image: url("../../static/p6/images/personal/mortgage.png"); } .page-personal .manufactureHome { background-image: url("../../static/p6/images/personal/manufactureHome.png"); } .page-personal .lady-writing-pen { background-image: url("../../static/p6/images/personal/lady-writing-pen.png"); } .page-personal .man-checking-phone { background-image: url("../../static/p6/images/personal/man-checking-phone.png"); } .page-personal .man-working-keyboard { background-image: url("../../static/p6/images/personal/man-working-keyboard.png"); } .page-personal ul, .page-personal li { list-style: none; } .page-personal #personal-overview-blurbs { margin: 20px 0; } .page-personal #personal-overview-blurbs .content-container { padding: 20px 0; } .page-personal #personal-overview-blurbs .cta-content { font-family: HepburnsType; font-size: 70px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.4px; line-height: 1em; color: #2c3e50; } .page-personal #personal-overview-blurbs .text-content { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; } .page-personal .personal-videos { padding-top: 40px; } .page-personal .personal-videos .video { height: 197px; width: 100%; background-color: black; margin-bottom: 10px; } .page-personal .personal-videos p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #474747; } .page-personal #personal-overview-art, .page-personal #personal-events-triathlon, .page-personal #personal-volunteer-splash { width: 100%; height: 755px; background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-personal #personal-overview-art { background-image: url("../../static/p6/images/personal/personal-overview.html"); } .page-personal #personal-events-triathlon { background-image: url("../../static/p6/images/personal/group-3.html"); } .page-personal #personal-volunteer-splash { background-image: url("../../static/p6/images/personal/personal-volunteer-splash.html"); } .page-personal .personal-upcoming-events { height: 262px; width: 100%; background-color: #f7f9fa; margin: 5px 0 0 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .page-personal .personal-upcoming-events.button-overlay .overlay-content h3 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 30px; } .page-personal .position-table { vertical-align: middle; } .page-personal .position-table tbody { border: none; } .page-personal .position-table tr { height: 80px; background-color: #fff; border-bottom: 1px solid #e0e0e0; } .page-personal .position-table tr:last-child { border-bottom: none; } .page-personal .position-table tr:first-child { border-bottom: none; } .page-personal .position-table th { text-align: left; font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #2c3e50; padding: 0 3% 0 3%; } .page-personal .position-table td { padding: 0 3% 0 3%; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; } .page-personal .position-table td:nth-child(4) { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: left; color: #f18231; } .page-personal .position-table td:nth-child(4)::after { content: ""; width: 8px; height: 15px; background-image: url("../../static/p6/images/personal/orange-right-arrow.html"); padding-left: 8px; margin-left: 10px; background-repeat: no-repeat; background-position: center; } .page-personal .splash-heading .splash-headline { width: 1000px; height: auto; font-family: HepburnsType; font-size: 86px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.81; letter-spacing: 5.7px; color: #ffffff; margin-top: 180px; } .page-personal .events-splash { height: 440px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 5px; } .page-personal .events-splash { background-image: url("../../static/p6/images/personal/events-splash.html"); } .page-personal .content-container { margin: 0 auto; width: 1024px; } .page-personal .content-container .article-blurb.white { color: #fff; margin-top: 70px; } .page-personal .content-container .article-blurb.white h2 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.93; letter-spacing: 0.2px; } .page-personal .content-container .article-blurb.white h3.subscript { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; margin-bottom: 20px; } .page-personal .content-container .article-blurb.white p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; } .page-personal .content-container .article-blurb.white .button-row { display: inline-block; } @media screen and (max-width: 1024px) { .page-personal .info-wrap .button-row .btn { margin-left: 25px; width: 170px; font-size: 16px; } .page-personal .mobile-offset-sides { padding-left: 20px; padding-right: 20px; } .page-personal .personal-nav { height: auto; } .page-personal .offset1 { padding-top: 40px; } .page-personal .team-testimonials { margin-top: 30px; margin-bottom: 30px; margin-left: 20px; margin-right: 20px; } .page-personal .team-testimonials .team-testimonials-image { height: 261px; max-width: auto; } .page-personal .team-testimonials .team-testimonials-content { height: 100%; } .page-personal .team-testimonials .team-testimonials-content h3 { font-size: 21px; } .page-personal .team-testimonials .team-testimonials-content h4 { font-size: 18px; } .page-personal .team-testimonials .team-testimonials-content p { font-size: 16px; } .page-personal .product-blurb { padding-left: 20px; padding-right: 20px; font-size: 16; } .page-personal .product-blurb p { font-size: 16px; } .page-personal .text-block-row h2, .page-personal .text-block-row h3, .page-personal .text-block-row p { font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; font-weight: 300; } .page-personal .text-block-row h2 { font-size: 28px; margin-top: 40px; margin-bottom: 30px; } .page-personal .text-block-row h3 { font-size: 21px; margin-bottom: 15px; } .page-personal .text-block-row p { font-size: 16px; margin-bottom: 30px; } .page-personal .tone-bank-guide { margin-top: 40px; } .page-personal .tone-bank-guide li { font-size: 16px; } .page-personal .monte-app-section { text-align: center; } .page-personal .monte-app-section .phone-image { max-width: 374px; } .page-personal .monte-app-section .digital-store-icons { margin: 0; padding: 0; list-style: none; display: block; width: 100%; } .page-personal .monte-app-section .digital-store-icons li { display: inline-block; margin: 20px 5px; } .page-personal .icon-table { border: none; } .page-personal .icon-table.row-3 th, .page-personal .icon-table.row-3 td { width: 33.3333333333%; } .page-personal .icon-table tbody th { font-size: 16px; } .page-personal .icon-table tbody th span { font-size: 80px; } .page-personal .icon-table tbody td { font-size: 15px; } .page-personal .credit-card-chart-main h2 { font-size: 21px; margin-bottom: 20px; } .page-personal .credit-card-chart-main .credit-card-chart-list li:only-child { margin-left: auto; margin-right: auto; } .page-personal .credit-card-chart-main .credit-card-chart-list li { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; vertical-align: top; position: relative; height: 360px; } .page-personal .credit-card-chart-main .credit-card-chart-list li img { width: 100%; height: auto; max-width: 150px; margin-bottom: 18px; } .page-personal .credit-card-chart-main .credit-card-chart-list li h3 { font-size: 16px; } .page-personal .credit-card-chart-main .credit-card-chart-list li p { font-size: 15px; } .page-personal .table-style-1 { box-sizing: border-box; } .page-personal .table-style-1 tbody tr { height: 60px; } .page-personal .table-style-1 tbody tr th { font-size: 21px; } .page-personal .table-style-1 tbody tr th:first-child { font-size: 18px; padding-left: 30px; } .page-personal .table-style-1 tbody tr th:last-child { padding-right: 30px; } .page-personal .table-style-1 tbody tr td { font-size: 16px; } .page-personal .table-style-1 tbody tr td:first-child { padding-left: 30px; } .page-personal .table-style-1 tbody tr td:last-child { padding-right: 30px; } .page-personal .table-style-1 tbody tr:last-child { border: none; } .page-personal .table-style-1 tbody tr:first-child { border: none; } .page-personal .team-member img { border: none; } .page-personal .team-member .team-member-name { font-size: 18px; margin: 14px 0; } .page-personal .team-member .team-member-title { font-size: 16px; margin-bottom: 5px; } .page-personal .additional-services-list li { margin-bottom: 55px; font-size: 16px; } .page-personal .additional-services-list li span { display: block; font-size: 80px; } .page-personal .wealth-statement { padding: 50px 0 30px 0; } .page-personal .wealth-statement .main { font-size: 21px; margin-bottom: 15px; } .page-personal .wealth-statement .title { font-size: 18px; } .page-personal .wealth-statement .job { font-size: 16px; margin-bottom: 16px; } .page-personal .striped-table { padding-left: 20px; padding-right: 20px; border-sizing: border-box; } .page-personal .striped-table h2 { margin-bottom: 30px; } .page-personal .striped-table table { border: none; } .page-personal .striped-table table tbody { border: none; background-color: #fcfcfc; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; } .page-personal .striped-table table tbody th { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; vertical-align: bottom; } .page-personal .striped-table table tbody th .btn { margin-top: 10px; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 12px; font-family: AvenirLTStd-Medium; font-weight: bold; font-weight: 500; line-break: none; word-break: keep-all; } .page-personal .striped-table table tbody td span { display: block; color: #f18231; font-size: 80px; } .page-personal .striped-table table tbody td, .page-personal .striped-table table tbody th { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 15px; height: 118px; padding: 26px 20px; min-width: 100px; } .page-personal .striped-table table tbody td:first-child, .page-personal .striped-table table tbody th:first-child { border-left: none; } .page-personal .striped-table table tbody td:last-child, .page-personal .striped-table table tbody th:last-child { border-right: none; } .page-personal .striped-table table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-personal .personal-compare-accounts .accordion-trigger { font-size: 18px; } .page-personal .personal-compare-accounts .accordion-trigger span { display: none; } .page-personal .personal-compare-accounts .accordion-trigger::after { margin-top: 10px; font-size: 40px; cursor: pointer; } .page-personal .personal-compare-accounts.active .accordion-content { display: block; border: none; } .page-personal .personal-compare-accounts.active .accordion-content table { border: none; } .page-personal .personal-compare-accounts.active .accordion-content table tbody { border: none; background-color: #f7f9fa; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; } .page-personal .personal-compare-accounts.active .accordion-content table tbody th { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: center; color: #34495e; vertical-align: bottom; } .page-personal .personal-compare-accounts.active .accordion-content table tbody th .btn { margin-top: 10px; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 12px; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; line-break: none; word-break: keep-all; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td span { display: block; color: #f18231; font-size: 80px; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td, .page-personal .personal-compare-accounts.active .accordion-content table tbody th { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 15px; height: 118px; text-align: center; padding: 2% 1%; min-width: 100px; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td:first-child, .page-personal .personal-compare-accounts.active .accordion-content table tbody th:first-child { border-left: none; text-align: left; width: 100px; vertical-align: middle; } .page-personal .personal-compare-accounts.active .accordion-content table tbody td:last-child, .page-personal .personal-compare-accounts.active .accordion-content table tbody th:last-child { border-right: none; } .page-personal .personal-compare-accounts.active .accordion-content table tbody tr:nth-child(even) { background-color: #f7f7f7; } .page-personal .personal-compare-accounts.active .accordion-trigger span { display: inline; } .page-personal .personal-compare-accounts.active .accordion-trigger::after { content: "\e90b"; font-family: 'mbt-v1' !important; cursor: pointer; } .page-personal .personal-compare-accounts p small { font-size: 10px; } .page-personal .article-list .grey-box.grey-box { padding: 25px; } .page-personal .article-list .grey-box.grey-box .personal-last-year h3 { font-size: 24px; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li p { font-size: 16px; text-align: center; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li span { font-size: 50px; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions h3 { font-size: 21px; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions ul li { vertical-align: text-top; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions ul li p { font-size: 16px; } .page-personal h2 { font-size: 28px; } .page-personal p { font-size: 16px; } .page-personal .calculatorsMain { padding-left: 35px; } .page-personal .calculatorsMain h2 span { font-size: 60px; } .page-personal .calculatorsMain .calculators li a { font-size: 16px; } .page-personal #personal-overview-blurbs .cta-content { font-size: 50px; } .page-personal #personal-overview-blurbs .text-content { font-size: 16px; padding-right: 50px; } .page-personal #personal-overview-art, .page-personal #personal-events-triathlon, .page-personal #personal-volunteer-splash { height: 453px; } .page-personal .personal-upcoming-events { height: 183px; } .page-personal .personal-upcoming-events.button-overlay .overlay-content h3 { font-size: 28px; } .page-personal .secondary-splash { height: 350px; } .page-personal .secondary-splash .wrapper { padding-bottom: 36px; } .page-personal .secondary-splash .wrapper .content { padding-left: 20px; } .page-personal .secondary-splash .wrapper .content h1 { width: 443px; } .page-personal .secondary-splash .wrapper .shared-content { width: 100%; max-width: auto; margin-left: auto; margin-right: auto; padding: 0; position: relative; } .page-personal .secondary-splash .wrapper .shared-content li { margin: 0; vertical-align: middle; } .page-personal .secondary-splash .wrapper .shared-content li:first-child { display: inline-block; width: 50%; box-sizing: border-box; padding-left: 20px; padding-right: 10px; } .page-personal .secondary-splash .wrapper .shared-content li:first-child h1 { text-align: left; margin-bottom: 20px; font-size: 34px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child { display: inline-block; padding-left: 10px; width: 25%; min-width: auto; float: right; box-sizing: border-box; padding-right: 20px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child h2 { font-size: 16px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child p { font-size: 13px; } .page-personal .secondary-splash h1 { font-size: 34px; width: 443px; } .page-personal .personal-videos .video { height: 125px; } .page-personal .personal-videos p { font-size: 18px; } .page-personal .splash { height: 264px; margin-top: 0; background-position: center top; } .page-personal .splash p { margin-bottom: 15px; font-size: 16px; } .page-personal .splash-heading .splash-headline { margin-top: 10px; margin-bottom: 15px; font-size: 58px; line-height: 1.17; padding-left: 30px; } .page-personal .splash-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-personal .alt-heading h1 { margin-top: 44px; margin-bottom: 12px; font-size: 80px; } .page-personal .alt-heading h1 span { font-size: 38px; } .page-personal .alt-heading .splash-subheadline { margin-bottom: 15px; font-size: 16px; } .page-personal .section-heading { padding-right: 10px; } .page-personal .section-heading h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px; } .page-personal .section-heading p { margin-bottom: 15px; font-size: 16px; } .page-personal .article-blurb { margin-top: 0; } .page-personal .article-blurb p { font-size: 16px; } .page-personal .article-blurb h2 { font-size: 28px; } .page-personal .position-table th { font-size: 18px; } .page-personal .position-table td { font-size: 16px; text-align: left; } .page-personal .article-image { margin-bottom: 15px; } .page-personal .article-title { margin-bottom: 8px; font-size: 18px; } .page-personal .article-summary { margin-bottom: 8px; } .page-personal .article-summary p { font-size: 16px; } .page-personal a { font-size: 16px; } .page-personal .article-blurb.white { margin-top: 20px; } .page-personal .article-blurb.white h2 { font-size: 28px; } .page-personal .article-blurb.white p { font-size: 16px; } .page-personal .login h3 { font-size: 18px; } .page-personal .login p { font-size: 14px; } .page-personal .login p.forgotPassword { font-size: 13px; } .page-personal .login button { font-size: 15px; } .page-personal .hashtag { font-size: 18px; } .page-personal .personal-maximizer-table.show-for-small-only { display: table; } .page-personal .personal-maximizer-table .accordian-panel { width: 100%; } .page-personal .personal-maximizer-table .accordian-panel .accordion-trigger { position: relative; } .page-personal .personal-maximizer-table .accordian-panel .accordion-trigger span[class^="mbt"] { position: relative; vertical-align: middle; margin-right: 64px; } .page-personal .personal-maximizer-table .accordian-panel .accordion-trigger span[class^="mbt"]::before { position: absolute; font-size: 50px; top: -18px; left: 0; } .page-personal .personal-maximizer-table .accordian-panel .accordion-trigger::after { content: "\e90d"; font-family: 'mbt-v1' !important; font-weight: bold; color: #5d6c7c; float: right; cursor: pointer; -ms-transform: scale(3); /* IE 9 */ -webkit-transform: scale(3); /* Safari */ transform: scale(3); } .page-personal .personal-maximizer-table .accordian-panel.active .accordion-trigger::after { content: "\e90e"; cursor: pointer; } .page-personal .personal-maximizer-table .accordian-panel.active .accordion-content { display: block; height: auto; width: auto; padding: 0; margin-top: 15px; border: none; color: #34495e; background-color: inherit; } .page-personal .personal-maximizer-table tbody { width: 100%; } .page-personal .personal-maximizer-table tbody tr td:first-child { min-width: auto; } .page-personal .personal-maximizer-table tbody tr td { font-size: 15px; padding: 15px; } .page-personal .personal-maximizer-table tbody tr td ul li { position: relative; padding-left: 15px; } .page-personal .personal-maximizer-table tbody tr td ul li::before { content: "- "; position: absolute; top: 0; left: 0; } .page-personal .article-list article { border-bottom: 1px solid #e0e0e0; margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 20px; } .page-personal .article-list article:first-child { margin-top: 0; } .page-personal .article-list article:last-child { border: none; } .page-personal .article-list article h2 { font-size: 21px; } .page-personal .article-list article h2.bigMedium { font-size: 28px; } .page-personal .article-list article p, .page-personal .article-list article a { font-size: 16px; } .page-personal .article-list article a { color: #f18231; } .page-personal .personal-tertiary-nav { padding-top: 25px; padding-bottom: 25px; } .page-personal .personal-tertiary-nav ul { text-align: center; } .page-personal .personal-tertiary-nav ul li a { font-size: 12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #646464; } .page-personal .personal-tertiary-nav ul li a .active { color: #f18231; } .page-personal .business-accounts, .page-personal .personal-accounts, .page-personal .homeEquityCredit, .page-personal .constructionLandBridge, .page-personal .personal-accounts, .page-personal .personal-loans, .page-personal .personal-savings, .page-personal .cash-management, .page-personal .digital-banking, .page-personal .sep-ira, .page-personal .additional-services, .page-personal .mortage-and-home, .page-personal .ach-manager, .page-personal .notary, .page-personal .lock-box, .page-personal .manufactureHome, .page-personal .card-in-hand, .page-personal .overdraft-protection, .page-personal .vehicle-loans, .page-personal .wealth-maximizer, .page-personal .lady-writing-pen, .page-personal .man-checking-phone, .page-personal .man-working-keyboard, .page-personal .mortgage { min-width: 100%; height: 300px; } .page-personal .button-overlay .overlay-content h3 { font-size: 28px; } .page-personal .headline-blurb { padding-top: 40px; padding-bottom: 40px; } .page-personal .headline-blurb h1 { font-size: 28px; } .page-personal .headline-blurb p { font-size: 16px; } .page-personal .events-splash { height: 350px; width: auto; } .page-personal .content-container { width: 100%; } .page-personal .content-container .article-blurb.white { margin: 30px 0 0 20px; } .page-personal .content-container .article-blurb.white h2 { font-size: 34px; } .page-personal .content-container .article-blurb.white h3.subscript { font-size: 15px; } .page-personal .content-container .article-blurb.white p { font-size: 16px; } .page-personal .content-container .article-blurb.white .button-row { display: inline-block; } .page-personal .overlay-content p { padding-left: 20px; padding-right: 20px; } .page-personal .checking-accounts { padding: 0; margin: 0; margin-top: 34px; } .page-personal .checking-accounts li { font-size: 16px; } .page-personal .checking-accounts li span { display: block; font-size: 70px; } .page-personal .multirow-icons-text ul { margin: 50px auto; padding: 0; } .page-personal .multirow-icons-text .row-4, .page-personal .multirow-icons-text .row-3, .page-personal .multirow-icons-text .row-2 { padding: 0; } .page-personal .multirow-icons-text .row-4 li, .page-personal .multirow-icons-text .row-3 li, .page-personal .multirow-icons-text .row-2 li { display: inline-block; text-align: center; vertical-align: top; font-size: 16px; } .page-personal .multirow-icons-text .row-4 li span, .page-personal .multirow-icons-text .row-3 li span, .page-personal .multirow-icons-text .row-2 li span { display: block; font-size: 60px; } .page-personal .multirow-icons-text .row-4 li { width: 24%; } .page-personal .multirow-icons-text .row-3, .page-personal .multirow-icons-text .row-2 { text-align: center; } .page-personal .multirow-icons-text .row-2 li, .page-personal .multirow-icons-text .row-3 li { width: 24%; margin: 0 auto; } .page-personal .cashManagement-benefits li { font-size: 16px; } .page-personal .checking-accounts-chart-main { text-align: center; font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; } .page-personal .checking-accounts-chart-main h2 { margin-bottom: 30px; } .page-personal .checking-accounts-chart-main .main-button { margin-bottom: 40px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li { position: relative; width: 18%; margin: 0 .4%; vertical-align: top; display: inline-block; height: 270px; border-radius: 4px; background-color: #f7f9fa; border: solid 1px #e0e0e0; padding: 20px 5px 5px 5px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 { font-size: 15px; font-weight: bold; font-weight: 500; line-height: 1.4; color: #34495e; font-family: AvenirLTStd-Medium; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 span { margin-top: -10px; font-size: 60px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li p { font-size: 15px; font-weight: 300; line-height: 1.47; color: #5a5a5a; font-family: AvenirLTStd-Light; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .button-row { width: 100%; text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .button-row .btn { height: 40px; line-height: 40px; padding-left: 10%; padding-right: 10%; } } @media screen and (max-width: 720px) { .page-personal .secondary-splash { overflow: hidden; } .page-personal .secondary-splash .wrapper { position: relative; } .page-personal .secondary-splash .wrapper .shared-content { width: 100%; max-width: auto; height: 100%; margin-left: auto; margin-right: auto; padding: 0; position: relative; } .page-personal .secondary-splash .wrapper .shared-content li { margin: 0; vertical-align: middle; } .page-personal .secondary-splash .wrapper .shared-content li:first-child { position: absolute; display: block; width: 100%; max-width: 350px; top: 190px; left: 0; box-sizing: border-box; padding-left: 20px; padding-right: 10px; overflow: hidden; } .page-personal .secondary-splash .wrapper .shared-content li:first-child h1 { text-align: left; font-size: 26px; width: auto; } .page-personal .secondary-splash .wrapper .shared-content li:last-child { position: absolute; top: 80px; left: 0; height: 110px; display: block; padding-left: 20px; width: 100%; min-width: auto; max-width: 400px; float: none; box-sizing: border-box; padding-right: 20px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child h2 { font-size: 16px; } .page-personal .secondary-splash .wrapper .shared-content li:last-child p { font-size: 13px; } } @media screen and (min-width: 746px) and (max-width: 1024px), handheld and (orientation: landscape) { .page-personal .splash-heading .splash-headline { width: 100%; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-personal .info-wrap .button-row .btn { margin-left: 0; width: 170px; font-size: 16px; } .page-personal .text-block-row { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .page-personal .offset-padding-50 { padding-top: 20px; padding-bottom: 20px; } .page-personal .striped-table table { box-sizing: border-box; } .page-personal .striped-table table tbody tr { border-top: 1px solid #e6e6e6; height: auto; } .page-personal .striped-table table tbody tr td { height: auto; } .page-personal .striped-table table tbody tr td *:only-child { margin-bottom: 0; } .page-personal .striped-table table tbody tr td ul { padding: 0; margin-left: 0; } .page-personal .striped-table table tbody tr:nth-child(even) { background-color: #fcfcfc; } .page-personal .striped-table table tbody tr:nth-child(odd) { background-color: #f7f7f7; } .page-personal .personal-compare-accounts.active .accordion-content table tbody tr th { padding: 20px 20px; vertical-align: middle; height: auto; border-bottom: 1px solid #e5e5e5; } .page-personal .personal-compare-accounts.active .accordion-content table tbody tr td { padding: 10px 20px; width: auto; height: auto; vertical-align: text-top; } .page-personal .personal-compare-accounts.active .accordion-content table tbody tr td:first-child { width: auto; } .page-personal .personal-maximizer-table tbody tr { border-top: 1px solid #e5e5e5; } .page-personal .personal-maximizer-table tbody tr td { padding: 20px; } .page-personal .personal-maximizer-table tbody tr td p b span { font-size: 50px; margin-right: 10px; vertical-align: middle; } .page-personal .personal-maximizer-table tbody tr td:last-child { border-left: none; } .page-personal .personal-maximizer-table tbody tr td:first-child { border: none; } .page-personal .personal-maximizer-table tbody tr *:only-child { margin-bottom: 0; } .page-personal .personal-maximizer-table tbody tr:nth-child(even) { background-color: #fcfcfc; } .page-personal .personal-maximizer-table tbody tr:nth-child(odd) { background-color: #f7f7f7; } .page-personal .personal-maximizer-table tbody tr:last-child { border-bottom: none; } .page-personal .text-block-row h2, .page-personal .text-block-row h3, .page-personal .text-block-row p { font-family: AvenirLTStd-Light; font-style: normal; font-stretch: normal; font-weight: 300; } .page-personal .text-block-row h2 { font-size: 26px; margin-top: 30px; margin-bottom: 20px; } .page-personal .text-block-row p { font-size: 15px; margin-bottom: 20px; } .page-personal .product-blurb { margin-top: 35px; font-size: 15px; } .page-personal .product-blurb p { font-size: 15px; } .page-personal .bank-card-img { margin-top: 20px; margin-bottom: 30px; } .page-personal .team-testimonials { margin-top: 0; margin-bottom: 20px; } .page-personal .team-testimonials .team-testimonials-image { height: 261px; max-width: auto; } .page-personal .team-testimonials .team-testimonials-content { height: 100%; padding-top: 20px; padding-left: 0; padding-right: 0; } .page-personal .team-testimonials .team-testimonials-content h3 { font-size: 18px; } .page-personal .team-testimonials .team-testimonials-content h4 { font-size: 15px; } .page-personal .team-testimonials .team-testimonials-content p { font-size: 15px; } .page-personal .tone-bank-guide { margin-top: 40px; } .page-personal .tone-bank-guide li:before { top: -20px; } .page-personal .tone-bank-guide li { font-size: 15px; padding-left: 30px; } .page-personal .button-row .offset-sides { margin: 5px; } .page-personal .table-style-1 tbody { background-color: inherit; border: none; } .page-personal .table-style-1 tbody tr { background-color: inherit; height: auto; border-bottom: #e0e0e0 1px solid; } .page-personal .table-style-1 tbody tr th { font-size: 11px; height: auto; } .page-personal .table-style-1 tbody tr th:first-child { padding-left: 0; font-size: 11px; } .page-personal .table-style-1 tbody tr th:last-child { padding-right: 0; } .page-personal .table-style-1 tbody tr td { font-size: 11px; padding-top: 15px; padding-bottom: 15px; } .page-personal .table-style-1 tbody tr td:first-child { padding-left: 0; } .page-personal .table-style-1 tbody tr td:last-child { padding-right: 0; } .page-personal .table-style-1 tbody tr:last-child { border: none; } .page-personal .table-style-1 tbody tr:first-child { border: none; } .page-personal .monte-app-section { text-align: center; } .page-personal .monte-app-section .phone-image { max-width: 280px; } .page-personal .monte-app-section .digital-store-icons { margin: 0; padding: 0; list-style: none; display: block; width: 100%; } .page-personal .monte-app-section .digital-store-icons li { display: inline-block; margin: 20px 5px; box-sizing: border-box; } .page-personal .monte-app-section .digital-store-icons li img { height: 38.2px; width: auto; } .page-personal .team-member img { border: none; } .page-personal .team-member .team-member-name { font-size: 15px; margin: 16px 0 5px 0; } .page-personal .team-member .team-member-title { font-size: 14px; margin-bottom: 5px; } .page-personal .offset1 { padding-top: 0; padding-left: 20px; padding-right: 20px; } .page-personal .wealth-statement { padding: 30px 0 30px 0; } .page-personal .wealth-statement .main { font-size: 18px; margin-top: 26px; } .page-personal .wealth-statement .title { font-size: 15px; margin-bottom: 5px; } .page-personal .wealth-statement .job { font-size: 14px; margin-bottom: 16px; } .page-personal .additional-services-list { margin: 0; padding: 0; } .page-personal .additional-services-list li { margin-bottom: 30px; margin-top: 30px; font-size: 16px; display: block; width: 100%; text-align: left; vertical-align: middle; position: relative; padding-left: 50px; } .page-personal .additional-services-list li span { display: inline; font-size: 60px; position: absolute; left: 0; top: -20px; } .page-personal .offset-50 { margin-top: 30px; margin-bottom: 30px; } .page-personal .small-offset-sides20 { padding-left: 20px; padding-right: 20px; } .page-personal .personal-nav { height: 0; display: none; opacity: 0; } .page-personal .secondary-splash { height: 377px; } .page-personal .secondary-splash .wrapper .content h1 { font-size: 26px; width: 280px; } .page-personal .secondary-splash .center-wrapper .content { width: 100%; } .page-personal .secondary-splash .center-wrapper .content h1 { font-size: 26px; max-width: 280px; margin-bottom: 15px; } .page-personal .credit-card-chart-main h2 { font-size: 16px; } .page-personal .credit-card-chart-main .credit-card-chart-list.row-3 li { width: 99%; padding-left: .4%; padding-right: .4%; } .page-personal .credit-card-chart-main .credit-card-chart-list li:only-child { margin-left: auto; margin-right: auto; } .page-personal .credit-card-chart-main .credit-card-chart-list li { display: block; height: auto; } .page-personal .credit-card-chart-main .credit-card-chart-list li img { max-width: 150px; margin-bottom: 18px; } .page-personal .credit-card-chart-main .credit-card-chart-list li h3 { font-size: 16px; } .page-personal .credit-card-chart-main .credit-card-chart-list li p { font-size: 15px; } .page-personal .credit-card-chart-main .credit-card-chart-list li .button-row { display: block; position: static; } .page-personal .credit-card-chart-main .credit-card-chart-list li .learnMore { display: block; position: static; margin-bottom: 50px; } .page-personal .credit-card-chart-main .credit-card-chart-list li:last-child .learnMore { margin-bottom: 10px; } .page-personal .article-list .grey-box.grey-box { padding: 20px; } .page-personal .article-list .grey-box.grey-box .personal-last-year h3 { font-size: 22px; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li { display: block; width: 100%; position: relative; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li p { font-size: 16px; text-align: left; line-height: initial; display: inline-block; width: 45%; position: relative; right: 0; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li p br { display: none; } .page-personal .article-list .grey-box.grey-box .personal-last-year ul li span { display: inline-block; position: relative; left: 0; width: 30%; font-size: 50px; text-align: right; margin-right: 16px; vertical-align: sub; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions h3 { font-size: 18px; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions ul { margin-top: 20px; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions ul li { width: 49%; } .page-personal .article-list .grey-box.grey-box .personal-volunteer-missions ul li p { font-size: 15px; } .page-personal #personal-overview-blurbs .content-container { padding: 0; } .page-personal #personal-overview-blurbs .content-container .cta-content { font-size: 38px; } .page-personal #personal-overview-blurbs .content-container .text-content { padding-top: 10px; } .page-personal .personal-upcoming-events.button-overlay .overlay-content h3 { font-size: 26px; } .page-personal #personal-overview-art, .page-personal #personal-events-triathlon, .page-personal #personal-volunteer-splash { height: 188px; } .page-personal .position-table th { font-size: 11px; display: inline-block; width: 33.33%; height: 20px; } .page-personal .position-table td { font-size: 11px; display: inline-block; width: 33.33%; vertical-align: text-top; padding-top: 10px; padding-bottom: 10px; } .page-personal .position-table td:nth-child(4) { width: 100%; text-align: left; vertical-align: text-bottom; font-size: 11px; } .page-personal .position-table tr { height: auto; } .page-personal .position-table tr:first-child { height: auto; } .page-personal .article-list .columns { padding-right: 30px; padding-left: 30px; } .page-personal .article-list .columns:first-child { padding-right: 30px; } .page-personal .article-list .columns:last-child { padding-left: 30px; } .page-personal .splash { height: 310px; margin-top: 0; } .page-personal .splash-heading .splash-headline { font-size: 48px; width: 85%; margin-top: 10px; padding-left: 0; word-spacing: 1000px; line-height: 1; } .page-personal .overview-bank-associates, .page-personal .overview-branch-locations { margin-top: 20px; } .page-personal .article-image { margin-bottom: 30px; } .page-personal .article-list article { margin: 30px 0 0 0; padding-bottom: 30px; padding-left: 0; } .page-personal .article-list article:first-child { margin-top: 0; } .page-personal .article-list article:last-child { border-bottom: 1px solid #e0e0e0; } .page-personal .article-list article:only-child { border: none; } .page-personal .article-list article h2 { font-size: 26px; } .page-personal .article-list article h2.bigMedium { font-size: 26px; } .page-personal .article-list article p, .page-personal .article-list article a { font-size: 15px; } .page-personal .article-list article a { color: #f18231; } .page-personal .article-list article ul li { margin: 12px 0; } .page-personal .article-list article .grey-box { padding: 20px; } .page-personal .business-accounts, .page-personal .personal-accounts, .page-personal .homeEquityCredit, .page-personal .constructionLandBridge, .page-personal .personal-accounts, .page-personal .personal-loans, .page-personal .personal-savings, .page-personal .cash-management, .page-personal .digital-banking, .page-personal .sep-ira, .page-personal .additional-services, .page-personal .mortage-and-home, .page-personal .ach-manager, .page-personal .notary, .page-personal .lock-box, .page-personal .manufactureHome, .page-personal .card-in-hand, .page-personal .overdraft-protection, .page-personal .vehicle-loans, .page-personal .wealth-maximizer, .page-personal .lady-writing-pen, .page-personal .man-checking-phone, .page-personal .man-working-keyboard, .page-personal .mortgage { min-width: 100%; height: 300px; display: table; } .page-personal .business-accounts .show-for-small-only, .page-personal .personal-accounts .show-for-small-only, .page-personal .homeEquityCredit .show-for-small-only, .page-personal .constructionLandBridge .show-for-small-only, .page-personal .personal-accounts .show-for-small-only, .page-personal .personal-loans .show-for-small-only, .page-personal .personal-savings .show-for-small-only, .page-personal .cash-management .show-for-small-only, .page-personal .digital-banking .show-for-small-only, .page-personal .sep-ira .show-for-small-only, .page-personal .additional-services .show-for-small-only, .page-personal .mortage-and-home .show-for-small-only, .page-personal .ach-manager .show-for-small-only, .page-personal .notary .show-for-small-only, .page-personal .lock-box .show-for-small-only, .page-personal .manufactureHome .show-for-small-only, .page-personal .card-in-hand .show-for-small-only, .page-personal .overdraft-protection .show-for-small-only, .page-personal .vehicle-loans .show-for-small-only, .page-personal .wealth-maximizer .show-for-small-only, .page-personal .lady-writing-pen .show-for-small-only, .page-personal .man-checking-phone .show-for-small-only, .page-personal .man-working-keyboard .show-for-small-only, .page-personal .mortgage .show-for-small-only { display: table-cell; vertical-align: middle; } .page-personal .business-accounts .show-for-small-only h2, .page-personal .personal-accounts .show-for-small-only h2, .page-personal .homeEquityCredit .show-for-small-only h2, .page-personal .constructionLandBridge .show-for-small-only h2, .page-personal .personal-accounts .show-for-small-only h2, .page-personal .personal-loans .show-for-small-only h2, .page-personal .personal-savings .show-for-small-only h2, .page-personal .cash-management .show-for-small-only h2, .page-personal .digital-banking .show-for-small-only h2, .page-personal .sep-ira .show-for-small-only h2, .page-personal .additional-services .show-for-small-only h2, .page-personal .mortage-and-home .show-for-small-only h2, .page-personal .ach-manager .show-for-small-only h2, .page-personal .notary .show-for-small-only h2, .page-personal .lock-box .show-for-small-only h2, .page-personal .manufactureHome .show-for-small-only h2, .page-personal .card-in-hand .show-for-small-only h2, .page-personal .overdraft-protection .show-for-small-only h2, .page-personal .vehicle-loans .show-for-small-only h2, .page-personal .wealth-maximizer .show-for-small-only h2, .page-personal .lady-writing-pen .show-for-small-only h2, .page-personal .man-checking-phone .show-for-small-only h2, .page-personal .man-working-keyboard .show-for-small-only h2, .page-personal .mortgage .show-for-small-only h2 { font-family: AvenirLTStd-Medium; font-size: 26px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; text-align: center; color: #ffffff; } .page-personal .business-accounts .show-for-small-only .button-row, .page-personal .personal-accounts .show-for-small-only .button-row, .page-personal .homeEquityCredit .show-for-small-only .button-row, .page-personal .constructionLandBridge .show-for-small-only .button-row, .page-personal .personal-accounts .show-for-small-only .button-row, .page-personal .personal-loans .show-for-small-only .button-row, .page-personal .personal-savings .show-for-small-only .button-row, .page-personal .cash-management .show-for-small-only .button-row, .page-personal .digital-banking .show-for-small-only .button-row, .page-personal .sep-ira .show-for-small-only .button-row, .page-personal .additional-services .show-for-small-only .button-row, .page-personal .mortage-and-home .show-for-small-only .button-row, .page-personal .ach-manager .show-for-small-only .button-row, .page-personal .notary .show-for-small-only .button-row, .page-personal .lock-box .show-for-small-only .button-row, .page-personal .manufactureHome .show-for-small-only .button-row, .page-personal .card-in-hand .show-for-small-only .button-row, .page-personal .overdraft-protection .show-for-small-only .button-row, .page-personal .vehicle-loans .show-for-small-only .button-row, .page-personal .wealth-maximizer .show-for-small-only .button-row, .page-personal .lady-writing-pen .show-for-small-only .button-row, .page-personal .man-checking-phone .show-for-small-only .button-row, .page-personal .man-working-keyboard .show-for-small-only .button-row, .page-personal .mortgage .show-for-small-only .button-row { text-align: center; display: block; margin: 15px auto 0 auto; } .page-personal .button-overlay .overlay-content h3 { font-size: 26px; padding-left: 20px; padding-right: 20px; } .page-personal .headline-blurb { padding: 20px 15px; } .page-personal .headline-blurb h1 { font-size: 26px; text-align: left; } .page-personal .headline-blurb p { font-size: 16px; text-align: left; } .page-personal .small-12.medium-10.medium-offset-1.large-10.large-offset-1 { padding-left: 20px; padding-right: 20px; } .page-personal .events-splash { height: 377px; } .page-personal .calculatorsMain { padding-left: 0; padding-right: 0; } .page-personal .calculatorsMain h2 { padding-left: 45px; } .page-personal .calculatorsMain h2 span { margin-left: -45px; font-size: 60px; } .page-personal .calculatorsMain .calculators li { display: block; margin-bottom: 15px; } .page-personal .button-overlay .overlay-content .btn { padding-top: 8px; padding-bottom: 8px; } .page-personal .content-container .article-blurb.white { margin: 50px 0 0 20px; } .page-personal .content-container .article-blurb.white h2 { font-size: 26px; } .page-personal .content-container .article-blurb.white h3.subscript { font-size: 12px; } .page-personal .content-container .article-blurb.white p { font-size: 15px; } .page-personal .content-container .article-blurb.white .button-row { display: inline-block; } .page-personal .multirow-icons-text { padding: 0 20px; box-sizing: border-box; } .page-personal .multirow-icons-text br { display: none; } .page-personal .multirow-icons-text ul { margin: 0 auto; padding: 0 20px; border-sizing: border-box; } .page-personal .multirow-icons-text .row-4 li, .page-personal .multirow-icons-text .row-3 li, .page-personal .multirow-icons-text .row-2 li { display: block; text-align: left; vertical-align: top; font-size: 16px; margin: 0 0 50px 0; position: relative; padding-left: 50px; } .page-personal .multirow-icons-text .row-4 li span, .page-personal .multirow-icons-text .row-3 li span, .page-personal .multirow-icons-text .row-2 li span { display: inline-block; font-size: 60px; position: absolute; left: 0; top: -15px; } .page-personal .multirow-icons-text .row-4 li, .page-personal .multirow-icons-text .row-3 li, .page-personal .multirow-icons-text .row-2 li { width: 100%; } .page-personal .multirow-icons-text .row-3.full li { width: 100%; padding-left: 50px; padding-right: 0; } .page-personal .checking-accounts { padding: 0; margin: 34px 20px; } .page-personal .checking-accounts li { font-size: 16px; width: 100%; display: block; text-align: left; padding-left: 65px; position: relative; margin-bottom: 35px; } .page-personal .checking-accounts li span { display: inline-block; font-size: 70px; position: absolute; left: 0; bottom: -20px; } .page-personal .checking-accounts li span.cash-valet { font-size: 48px; bottom: -11px; } .page-personal .striped-table table.show-for-small-only { display: table; } .page-personal .striped-table.row-2 table { width: 100%; } .page-personal .striped-table.row-2 table tbody th { border-bottom: 1px solid #e5e5e5; padding: 18px 15px; } .page-personal .striped-table.row-2 table tbody td { height: auto; padding: 18px 15px; vertical-align: middle; } .page-personal .striped-table.row-2 table tbody td span.mbt-081 { text-align: center; } .page-personal .striped-table.row-2 table tbody td.botBorder { border-bottom: 1px solid #e0e0e0; } .page-personal .checking-accounts-chart-main { text-align: center; } .page-personal .checking-accounts-chart-main h2 { text-align: left; padding-left: 20px; margin-bottom: 20px; } .page-personal .checking-accounts-chart-main .main-button { margin-bottom: 20px; } .page-personal .checking-accounts-chart-main .main-button .btn-large { margin-bottom: 0; height: auto; padding-top: 5px; padding-bottom: 5px; line-height: 1.5em; } .page-personal .checking-accounts-chart-main .main-button .btn-large br { display: inline-block; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list { margin: 0; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list.fourItems li { width: auto; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li { position: relative; width: auto; margin: 20px; display: block; height: auto; padding: 20px 10px 10px 10px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 { font-size: 18px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li h3 span { font-size: 70px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li p { font-size: 16px; margin-bottom: 20px; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .button-row { width: 100%; text-align: center; position: relative; bottom: auto; left: auto; right: auto; margin: 15px auto; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .button-row .btn { height: 40px; line-height: 40px; padding-left: 10%; padding-right: 10%; } .page-personal .checking-accounts-chart-main .checking-accounts-chart-list li .learn-more-link { width: 100%; text-align: center; position: relative; bottom: auto; left: auto; right: auto; margin: 0 auto; } .page-personal .splash-heading .splash-headline { word-spacing: 0; } } .page-wealth { background-color: #53514e; color: #e2dfda; } .page-wealth .bg-color-gray1 { background-color: #5f5e59; } .page-wealth .bg-color-gray2 { background-color: #595855; } .page-wealth .bg-color-gray3 { background-color: #53514e; } .page-wealth .bg-color-gray4 { background-color: #4d4b48; } .page-wealth .offset-sides { padding-left: 30px; padding-right: 30px; box-sizing: border-box; } .page-wealth .offset-2-top { padding-top: 50px; } .page-wealth .offset-2-bottom { padding-bottom: 50px; } .page-wealth .offset-2 { padding-top: 50px; padding-bottom: 50px; } .page-wealth .offset-3 { padding-top: 25px; padding-bottom: 25px; } .page-wealth .offset-4 { padding-top: 25px; padding-bottom: 50px; } .page-wealth .text-align-right { text-align: right; } .page-wealth .text-align-center { text-align: center; } .page-wealth .info-wrap .button-row .btn { width: 368px; } .page-wealth .inline-block { display: inline-block; } .page-wealth .btn-blue { color: #fff; background-color: #32a5b1; } .page-wealth .btn-blue:hover,.page-wealth .btn-blue:focus { background-color: #2c949f; /* 10% darker */ } .page-wealth h2 { font-family: Georgia; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.2px; color: #f4f2ef; margin-bottom: 30px; } .page-wealth hr { border-bottom: 1px solid #757472; } .page-wealth h3 { font-family: Georgia; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; color: #f4f2ef; margin-bottom: 15px; } .page-wealth p { font-family: Georgia; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; color: #e2dfda; margin-bottom: 30px; } .page-wealth li { list-style: none; padding: 0; margin: 0; } .numbered-list::marker { color: #d2b46d; font-weight:bold; } .page-wealth .numbered-list { list-style: numbers; text-align: left; margin:0 2em 0 2em; } .page-wealth a { color: #38bfcd; } .page-wealth .diamond-icon { box-sizing: border-box; padding-left: 90px; position: relative; } .page-wealth .diamond-icon.trusted-partner::before, .page-wealth .diamond-icon.personal-approach::before, .page-wealth .diamond-icon.access-team::before { content: ""; width: 60px; height: 60px; display: inline-block; position: absolute; left: 0; top: 0; border-radius: 0px 20px; background-repeat: no-repeat; background-size: cover; background-position: top center; background-size: 60px 60px; } .page-wealth .diamond-icon.trusted-partner::before { background-image: url("../../static/p6/images/wealth/trusted-partner.png"); } .page-wealth .diamond-icon.personal-approach::before { background-image: url("../../static/p6/images/wealth/personal-approach.png"); } .page-wealth .diamond-icon.access-team::before { background-image: url("../../static/p6/images/wealth/access-team.png"); } .page-wealth ul.asset-allocation-list { margin: 0; margin-bottom: 50px; padding: 0; display: table; width: 100%; } .page-wealth ul.asset-allocation-list li { text-align: center; width: 25%; display: table-cell; font-size: 20px; font-family: Georgia; } .page-wealth ul.asset-allocation-list li .tax_efficient, .page-wealth ul.asset-allocation-list li .fixed_income, .page-wealth ul.asset-allocation-list li .equity_management, .page-wealth ul.asset-allocation-list li .retirement_planning, .page-wealth ul.asset-allocation-list li .porfolio_management, .page-wealth ul.asset-allocation-list li .porfolio_design, .page-wealth ul.asset-allocation-list li .asset-allocation { width: 62px; height: 62px; display: block; margin: 0 auto 23px auto; } .page-wealth .accordian-panel { margin: 30px 0; } .page-wealth .accordian-panel > h3::after { content: "\e90a"; font-family: 'mbt-v1' !important; font-size: 60px; margin-top: -10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; float: right; cursor: pointer; } .page-wealth .accordian-panel .accordion-content { height: 0; display: none; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; padding: 1rem; display: none; border: none; border-bottom: 0; background-color: inherit; color: #f4f2ef; } .page-wealth .accordian-panel.active > h3::after { font-family: 'mbt-v1' !important; content: "\e90b"; } .page-wealth .accordian-panel.active .accordion-content { display: flex; flex-wrap: wrap; height: auto; } .page-wealth .offset1 { padding-top: 40px; } .page-wealth .team-member { text-align: center; font-family: Georgia; font-weight: normal; font-style: normal; font-stretch: normal; margin-bottom: 40px; } .page-wealth .team-member img { border: none; } .page-wealth .team-member .team-member-name { font-size: 21px; color: #f4f2ef; margin: 10px 0px 0px 0px; } .page-wealth .team-member .team-member-title { font-size: 18px; line-height: 1.56; color: #b8b6b2; margin-bottom: 5px; } .page-wealth .team-member .team-member-profile-link { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center; color: #38bfcd; display: block; position: relative; height: 16px; } .page-wealth .team-member .team-member-profile-link::after { content: "\e935"; font-family: 'mbt-v1' !important; position: absolute; font-size: 40px; display: inline; line-height: 0; top: 12px; } .page-wealth .services-boxes .digital-banking-splash { background-image: url("../../static/p6/images/wealth/digital-banking-splash.png"); } .page-wealth .services-boxes .signature-services-splash { background-image: url("../../static/p6/images/wealth/signature-services-splash.png"); } .page-wealth .services-boxes .philanthropic-services-splash { background-image: url("../../static/p6/images/wealth/philanthropic-services-splash.png"); } .page-wealth .services-boxes .trust-estate-splash { background-image: url("../../static/p6/images/wealth/octopus.png"); } .page-wealth .services-boxes .investment-management-splash { background-image: url("../../static/p6/images/wealth/striped-fish.png"); } .page-wealth .services-boxes .row { padding: 0 15px 30px 15px; } .page-wealth .services-boxes ul { margin-bottom: 3px; } .page-wealth .services-boxes ul li { height: 374px; text-align: center; padding-top: 120px; background-repeat: no-repeat; background-size: cover; background-position: top center; border: 10px solid #5f5e59; box-sizing: border-box; } .page-wealth .services-boxes ul li.dark-border { border-color: #53514e; } .page-wealth .services-boxes ul li:first-child { border-left: none; } .page-wealth .services-boxes ul li:last-child { border-right: none; } .page-wealth .services-boxes ul li h3 { margin-bottom: 25px; } .page-wealth .services-boxes.duo ul { margin-bottom: 3px; } .page-wealth .services-boxes.duo ul li { height: 388px; border: none; } .page-wealth .services-boxes.duo ul li:first-child { border-right: solid 25px #53514e; border-left: solid 50px #53514e; } .page-wealth .services-boxes.duo ul li:last-child { border-left: solid 25px #53514e; border-right: solid 50px #53514e; } .page-wealth .services-boxes.duo ul li h3 { margin-bottom: 25px; } .page-wealth .splash-backdrop { height: 450px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; margin: 5px 0; } .page-wealth .splash-backdrop .columns { margin-top: 90px; } .page-wealth .splash-backdrop.investment-management { background-image: url("../../static/p6/images/wealth/striped-fish.png"); } .page-wealth .splash-backdrop.trust-estate { background-image: url("../../static/p6/images/wealth/octopus.png"); } .page-wealth .wealth-management-team { margin-bottom: 0; margin-top: 30px; padding: 0 20px; } .page-wealth .wealth-statement { padding: 60px 0 50px 0; } .page-wealth .wealth-statement .main, .page-wealth .wealth-statement .title, .page-wealth .wealth-statement .job { font-family: Georgia; font-weight: normal; font-stretch: normal; } .page-wealth .wealth-statement .text-section { background-image: url("../../static/p6/images/wealth/quotes.png"); background-repeat: no-repeat; background-size: contain; background-position: top left; } .page-wealth .wealth-statement .main { font-size: 25px; font-style: italic; line-height: 1.48; letter-spacing: 0.1px; color: #f4f2ef; margin-bottom: 20px; } .page-wealth .wealth-statement .title { font-size: 21px; font-style: normal; color: #f4f2ef; margin-bottom: 9px; } .page-wealth .wealth-statement .job { font-size: 18px; font-style: normal; line-height: 1.56; color: #b8b6b2; margin-bottom: 20px; } .page-wealth .title-bar-heading { height: 100px; display: table; } .page-wealth .title-bar-heading * { display: table-cell; vertical-align: middle; } .page-wealth .title-bar-heading h2 { padding-top: 20px; } .page-wealth .button-overlay { position: relative; display: table; } .page-wealth .button-overlay .overlay-content { text-align: center; position: relative; z-index: 10; margin-left: auto; margin-right: auto; display: table-cell; vertical-align: middle; width: 90%; } .page-wealth .button-overlay .overlay-content h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; text-align: center; color: #ffffff; } .page-wealth .button-overlay .overlay-content .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; white-space: nowrap; } .page-wealth .splash { height: 440px; padding-top: 100px; background-image: url("../../static/p6/images/wealth/wealth_splash.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; } .page-wealth .splash p { margin-bottom: 20px; font-size: 19px; color: #ffffff; } .page-wealth .splash p a { color: inherit; font-size: inherit; text-decoration: underline; } .page-wealth .splash-heading .splash-headline { width: 843px; height: 70px; font-family: Georgia; font-size: 50px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: .5; letter-spacing: 0.1px; color: #f4f2ef; margin-top: 175px; position: relative; } .page-wealth .splash-heading .splash-headline::after { content: "\e910"; font-family: 'mbt-v1' !important; margin-left: 25px; top: 30px; font-size: 100px; position: relative; } .page-wealth .section-heading h2 { margin-top: 35px; margin-bottom: 20px; font-size: 32px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #2c3e50; } .page-wealth .section-heading p { margin-bottom: 20px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.48; color: #505050; } .page-wealth .article-list ul { margin: 0; padding: 0; list-style: none; } .page-wealth .article-image img { width: 100%; } .page-wealth .article-title { margin-bottom: 10px; font-size: 21px; color: #2c3e50; } .page-wealth .article-summary p { margin-bottom: 10px; font-size: 21px; font-family: 'AvenirLTStd-Light'; line-height: 1.31; color: #5a5a5a; } .page-wealth .article-blurb { margin-top: 50px; text-align: left; } .page-wealth .article-blurb.white { color: #fff; margin-top: 110px; } .page-wealth .article-blurb.white h2 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #ffffff; } .page-wealth .article-blurb.white p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #ffffff; } .page-wealth .article-blurb h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .page-wealth .article-blurb p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-bottom: 20px; } .page-wealth .article-blurb .btn { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; display: inline; clear: both; padding: 14px 28px; } .page-wealth a { font-size: 18px; } .page-wealth .wealth-tertiary-nav { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #6f6f6f; margin-top: 0; } .page-wealth .wealth-tertiary-nav.noBottomBorder { border-bottom: none; } .page-wealth .wealth-tertiary-nav ul { text-align: center; margin: 0; } .page-wealth .wealth-tertiary-nav ul.alignLeft { text-align: center; } .page-wealth .wealth-tertiary-nav ul li { display: inline-block; margin-right: 15px; } .page-wealth .wealth-tertiary-nav ul li:last-child { margin-right: 0; } .page-wealth .wealth-tertiary-nav ul li a { position: relative; font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: center; color: #dddddd; } .page-wealth .wealth-tertiary-nav ul li a:hover, .page-wealth .wealth-tertiary-nav ul li a:focus { color: #38bfcd; } .page-wealth .wealth-tertiary-nav ul li a.active { color: #38bfcd; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .page-wealth .wealth-tertiary-nav ul li a.active::after { display: block; position: absolute; content: ''; bottom: -5px; height: 1px; width: 100%; background-color: #38bfcd; } .page-wealth .trust-splash { height: 388px; width: auto; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0px; } .page-wealth .trust-splash.sea-snail { background-image: url("../../static/p6/images/wealth/sea-snail.png"); } .page-wealth .trust-splash.star-fish { background-image: url("../../static/p6/images/wealth/star-fish.png"); } .page-wealth .trust-splash.octopus { background-image: url("../../static/p6/images/wealth/octopus.png"); } .page-wealth .trust-splash.spiny-star { background-image: url("../../static/p6/images/wealth/spiny-star.png"); } .page-wealth .trust-splash.old-man { background-image: url("../../static/p6/images/about/shutterstock-426215854.png"); } .page-wealth .trust-splash.orange-fishes { background-image: url("../../static/p6/images/wealth/orange-fishes.png"); } .page-wealth .trust-splash.spiny-balls { background-image: url("../../static/p6/images/wealth/spiny-balls.png"); } .page-wealth .trust-splash.spiny-spiral { background-image: url("../../static/p6/images/wealth/spiny-spiral.png"); } .page-wealth .trust-splash.turtle { background-image: url("../../static/p6/images/wealth/turtle.png"); } .page-wealth .trust-splash.nubbies-n-fish { background-image: url("../../static/p6/images/wealth/nubbies-n-fish.png"); } .page-wealth .logo-arbor-day-foundation-color { margin-bottom: 15px; } .page-wealth .padded-container { padding: 35px; margin: 40px 0; } .page-wealth .wealth-trust-services { text-align: center; margin-top: 40px; margin-left: 0; } .page-wealth .wealth-trust-services li { display: inline-block; width: 32.5%; margin: 0 auto; font-family: Georgia; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; text-align: center; } .page-wealth .wealth-trust-services li span::before { content: ""; width: 62px; height: 62px; display: block; background-image: url("../../static/p6/images/wealth/mbnt-logo.png"); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 auto 25px auto; } .page-wealth .wealth-trust-services li span.trusted-partner::before { background-image: url("../../static/p6/images/wealth/trusted-partner.png"); } .page-wealth .wealth-trust-services li span.community-dividend::before { background-image: url("../../static/p6/images/wealth/community-dividend.png"); } .page-wealth .wealth-trust-services li span.proud-trustees::before { background-image: url("../../static/p6/images/wealth/proud-trustees.png"); } .page-wealth table { border: none; font-family: Georgia; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #e2dfdb; } .page-wealth table ul { margin-left: 0; } .page-wealth table tbody { border: none; } .page-wealth table tbody tr:nth-child(even) { background-color: #686663; } .page-wealth table tbody tr:nth-child(odd) { background-color: #615f5c; } .page-wealth table tbody tr td:nth-child(1) { border-right: 1px solid #9e9e9e; } .page-wealth table tbody tr td:nth-child(2) { color: #b8b6b2; } .page-wealth table tbody td { padding: 40px 33px; } .page-wealth .button-group .button-row { margin: 15px 20px; } .page-wealth .button-group .button-row .btn { padding: 0 15px; font-family: AvenirLTStd-Medium; } .page-wealth p.small { font-family: Georgia; font-size: 13px; } @media screen and (max-width: 1024px) { .page-wealth h2 { font-size: 28px; margin-bottom: 15px; } .page-wealth p { font-size: 16px; margin-bottom: 20px; } .page-wealth h3 { font-size: 21px; } .page-wealth .splash { height: 264px; } .page-wealth .splash .splash-heading .splash-headline { font-size: 38px; height: auto; padding-left: 30px; margin-top: 45px; line-height: 1; } .page-wealth .splash .splash-heading .splash-headline::after { margin-left: 20px; margin-top: -8px; font-size: 80px; position: absolute; } .page-wealth .diamond-icon { box-sizing: border-box; padding-left: 70px; position: relative; } .page-wealth .diamond-icon.trusted-partner::before, .page-wealth .diamond-icon.personal-approach::before, .page-wealth .diamond-icon.access-team::before { content: ""; width: 45px; height: 45px; background-size: 45px 45px; } .page-wealth .splash-backdrop { height: 269px; width: 100%; margin: 5px 0; } .page-wealth .splash-backdrop .columns { margin-top: 20px; } .page-wealth .offset-2-top { padding-top: 30px; } .page-wealth .offset-2-bottom { padding-bottom: 30px; } .page-wealth .offset-2 { padding-top: 30px; padding-bottom: 30px; } .page-wealth .services-boxes ul { margin-bottom: 3px; } .page-wealth .services-boxes ul li { padding-top: 40px; border-width: 2px; height: 226px; } .page-wealth .services-boxes.duo ul { margin-bottom: 3px; } .page-wealth .services-boxes.duo ul li { height: 245px; border: none; padding-top: 60px; } .page-wealth .services-boxes.duo ul li:first-child { border-right: solid 14px #53514e; border-left: solid 28px #53514e; } .page-wealth .services-boxes.duo ul li:last-child { border-left: solid 14px #53514e; border-right: solid 28px #53514e; } .page-wealth .services-boxes.duo ul li h3 { margin-bottom: 25px; } .page-wealth ul.asset-allocation-list { margin-top: 42px; margin-bottom: 42px; } .page-wealth ul.asset-allocation-list li { width: 25%; font-size: 16px; border-sizing: border-box; padding: 0 10px; } .page-wealth ul.asset-allocation-list li br { display: none; } .page-wealth ul.asset-allocation-list li .tax_efficient, .page-wealth ul.asset-allocation-list li .fixed_income, .page-wealth ul.asset-allocation-list li .equity_management, .page-wealth ul.asset-allocation-list li .retirement_planning, .page-wealth ul.asset-allocation-list li .porfolio_management, .page-wealth ul.asset-allocation-list li .porfolio_design, .page-wealth ul.asset-allocation-list li .asset-allocation { width: 40px; height: 40px; margin: 0 auto 10px auto; } .page-wealth .wealth-statement { padding: 50px 0 30px 0; } .page-wealth .wealth-statement .main { font-size: 21px; margin-bottom: 15px; } .page-wealth .wealth-statement .title { font-size: 18px; } .page-wealth .wealth-statement .job { font-size: 16px; margin-bottom: 16px; } .page-wealth .button-row .btn-blue { font-size: 16px; } .page-wealth .team-member img { border: none; } .page-wealth .team-member .team-member-name { font-size: 18px; margin: 14px 0; } .page-wealth .team-member .team-member-title { font-size: 16px; margin-bottom: 5px; } .page-wealth .wealth-tertiary-nav { padding-top: 25px; padding-bottom: 25px; margin-top: 0; } .page-wealth .wealth-tertiary-nav ul { text-align: center; } .page-wealth .wealth-tertiary-nav ul li a { font-size: 12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.1px; text-align: right; color: #dddddd; } .page-wealth .wealth-tertiary-nav ul li a .active { color: #38bfcd; } .page-wealth .wealth-trust-services li { font-size: 16px; padding-left: 1%; padding-right: 1%; vertical-align: top; } .page-wealth .wealth-trust-services li br { display: none; } .page-wealth .wealth-trust-services li span:before { width: 40px; height: 40px; } .page-wealth .trust-splash { height: 245px; margin: 0px; } .page-wealth .padded-container { padding: 25px; margin: 30px 0; } .page-wealth table { font-size: 15px; } .page-wealth table tbody td { padding: 33px 20px; } .page-wealth p.small { font-size: 11px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .page-wealth .splash { margin-top: 0; height: 310px; } .page-wealth .splash .splash-content { margin-top: 120px; } .page-wealth .splash .splash-heading .splash-headline { font-size: 28px; padding-left: 0; margin-top: 110px; display: inline; position: static; } .page-wealth .splash .splash-heading .splash-headline::after { position: absolute; top: 180px; left: 40%; right: 50%; } .page-wealth h2 { font-size: 26px; } .page-wealth h2 br { display: none; } .page-wealth h3 { font-size: 22px; } .page-wealth p { font-size: 16px; } .page-wealth .diamond-icon { box-sizing: border-box; padding-left: 50px; position: relative; } .page-wealth .diamond-icon.trusted-partner::before, .page-wealth .diamond-icon.personal-approach::before, .page-wealth .diamond-icon.access-team::before { content: ""; width: 40px; height: 40px; background-size: 34px 34px; } .page-wealth ul.asset-allocation-list { margin-top: 0; margin-bottom: 0; } .page-wealth ul.asset-allocation-list li { width: 100%; border-sizing: border-box; display: block; text-align: left; position: relative; vertical-align: middle; padding: 30px 0 0 65px; } .page-wealth ul.asset-allocation-list li br { display: none; } .page-wealth ul.asset-allocation-list li .tax_efficient, .page-wealth ul.asset-allocation-list li .fixed_income, .page-wealth ul.asset-allocation-list li .equity_management, .page-wealth ul.asset-allocation-list li .retirement_planning, .page-wealth ul.asset-allocation-list li .porfolio_management, .page-wealth ul.asset-allocation-list li .porfolio_design, .page-wealth ul.asset-allocation-list li .asset-allocation { position: absolute; width: 40px; height: 40px; margin: -10px 0 0 -65px; } .page-wealth .services-boxes .digital-banking-splash { background-image: url("../../static/p6/images/wealth/digital-banking-splash.png"); } .page-wealth .services-boxes .signature-services-splash { background-image: url("../../static/p6/images/wealth/signature-services-splash.png"); } .page-wealth .services-boxes .philanthropic-services-splash { background-image: url("../../static/p6/images/wealth/philanthropic-services-splash.png"); } .page-wealth .services-boxes .row { padding: 0; } .page-wealth .services-boxes ul { margin-bottom: 3px; } .page-wealth .services-boxes ul li { height: 375px; padding-top: 120px; border: none; margin: 5px 0; } .page-wealth .services-boxes ul li.dark-border { height: 214px; padding-top: 40px; border-left: 15px solid #53514e !important; border-right: 15px solid #53514e !important; margin: 10px 0; } .page-wealth .services-boxes ul li:first-child { border-left: none; } .page-wealth .services-boxes ul li:last-child { border-right: none; } .page-wealth .services-boxes ul li h3 { margin-bottom: 25px; } .page-wealth .services-boxes.duo ul li { height: 214px; border: none; padding-top: 40px; margin-bottom: 20px; } .page-wealth .services-boxes.duo ul li:first-child { border-right: solid 20px #53514e; border-left: solid 20px #53514e; } .page-wealth .services-boxes.duo ul li:last-child { border-left: solid 20px #53514e; border-right: solid 20px #53514e; } .page-wealth .services-boxes.duo ul li h2 { margin-bottom: 35px; } .page-wealth .text-align-small { text-align: center; } .page-wealth .splash-backdrop { height: 375px; width: 100%; margin: 5px 0; } .page-wealth .splash-backdrop .columns { margin-top: 120px; text-align: center; } .page-wealth .accordian-panel { margin: 15px 0; } .page-wealth .accordian-panel > h3::after { font-size: 30px; } .page-wealth .accordian-panel .accordion-trigger { font-size: 15px; margin: 0; padding: 0; } .page-wealth .wealth-statement { padding: 30px 0 30px 0; } .page-wealth .wealth-statement .main { font-size: 18px; margin-top: 26px; } .page-wealth .wealth-statement .title { font-size: 15px; margin-bottom: 5px; } .page-wealth .wealth-statement .job { font-size: 14px; margin-bottom: 16px; } .page-wealth .offset1 { padding-top: 0; padding-left: 20px; padding-right: 20px; } .page-wealth .team-member img { border: none; } .page-wealth .team-member .team-member-name { font-size: 15px; margin: 16px 0 5px 0; } .page-wealth .team-member .team-member-title { font-size: 14px; margin-bottom: 5px; } .page-wealth .wealth-trust-services { text-align: left; margin-top: 40px; margin-bottom: 0; } .page-wealth .wealth-trust-services li { display: block; width: 100%; font-size: 16px; text-align: left; height: 50px; margin-bottom: 16px; position: relative; padding-left: 60px; } .page-wealth .wealth-trust-services li br { display: none; } .page-wealth .wealth-trust-services li span::before { content: ""; display: inline-block; margin: 0 15px -10px 0; position: absolute; left: 0px; } .page-wealth .trust-splash { height: 214px; margin: 0; } .page-wealth .trust-splash .show-for-small-only { padding-top: 50px; text-align: center; } .page-wealth .trust-splash .show-for-small-only h2 { width: 75%; margin: 0 auto; padding-bottom: 15px; } .page-wealth .offset-3 { padding-top: 10px; padding-bottom: 10px; } .page-wealth .padded-container { padding: 20px; } .page-wealth table { font-size: 16px; } .page-wealth table tbody tr { background-color: transparent; border-top: 1px solid #9e9e9e; } .page-wealth table tbody tr:last-child { border-bottom: 1px solid #9e9e9e; } .page-wealth table tbody tr td:first-child { border-right: none; } .page-wealth table tbody tr td:nth-child(odd) { background-color: #615f5c; } .page-wealth table tbody tr td:nth-child(even) { background-color: #686663; } .page-wealth table tbody td { display: block; padding: 20px; border: none; } } .about-nav .tab-selector .tab-trigger { display: inline-block; float: left; padding: 0; width: 20%; } .about-nav .tab-selector .tab-trigger a { display: block; width: 100%; height: 106px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: 'AvenirLTStd-Medium'; font-size: 16px; line-height: 106px; color: #646464; font-weight: 300; } .about-nav .tab-selector .tab-trigger a span { font-size: 70px; display: block; text-align: center; margin-bottom: -50px; } .about-nav .tab-selector .tab-trigger a.active { background-color: #fff; color: #f18231; border-bottom: solid 1px #fff; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } @media screen and (max-width: 1024px) { .about-nav .tab-selector .tab-trigger a { font-size: 12px; line-height: 1em; padding: 0; height: 64px; } .about-nav .tab-selector .tab-trigger a span { font-size: 35px; margin-bottom: 0; } } .about_news_articles { border-radius: 4px; border: solid 1px #e0e0e0; text-align: left; } .about_news_articles ul { list-style: none; margin: 0; padding: 0; } .about_news_articles li { margin: 0; padding: 0 20px 35px 0; overflow: hidden; box-sizing: border-box; } .about_news_articles li p { text-overflow: ellipsis; } .about_news_articles .tab-selector .tab-trigger { display: inline-block; float: left; padding: 0; width: calc(99.9%/3); width: -webkit-calc(99.9%/3); width: -moz-calc(99.9%/3); } .about_news_articles .tab-selector .tab-trigger:first-child a { border-left: none; } .about_news_articles .tab-selector .tab-trigger:last-child a { border-right: none; } .about_news_articles .tab-selector .tab-trigger a { display: block; width: 100%; height: 82px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: 'AvenirLTStd-Roman'; font-size: 21px; line-height: 82px; color: #646464; border-top: none; } .about_news_articles .tab-selector .tab-trigger a.active { background-color: #fff; color: #f18231; border-bottom: solid 1px #fff; } .about_news_articles .about-news-searchbar { margin: 40px 0; } .about_news_articles .about-news-searchbar input { width: 100%; display: inline-block; height: 60px; border-radius: 4px; border: solid 1px #e0e0e0; box-shadow: none; box-sizing: border-box; padding-left: 45px; margin: 0; float: left; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #808080; background: url("../images/icons/search_black.html") no-repeat scroll 15px 15px; background-position: 15px 50%; } .about_news_articles .tab-content { margin: 0; padding: 0; position: relative; height: 800px; width: 100%; overflow: hidden; } .about_news_articles .tab-content .articles-container { position: absolute; width: 100%; height: 96%; top: 0; left: 0; right: 0; overflow-y: scroll; padding: 20px 30px 30px 30px; } .about_news_articles .tab-content .articles-container .row { margin: 0; padding: 0; } .about_news_articles .tab-content .pagination-container { text-align: center; position: absolute; height: 4%; width: 100%; bottom: 0; left: 0; right: 0; overflow: hidden; } .about_news_articles .tab-content .pagination-container .pagination { margin: 0 auto; display: inline-block; } .about_news_articles .tab-content .pagination-container .pagination a { display: inline-block; font-family: Avenir-Roman; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 2px; text-align: center; color: #9b9b9b; padding: 0; } .about_news_articles .tab-content .pagination-container .pagination a.active { color: #f18231; } .about_news_articles .tab-content .pagination-container .pagination .pagination-left-arrow { width: 7px; height: 14px; display: inline-block; margin-right: 28px; background-image: url("../../static/p6/images/about/grey-left-arrow.png"); background-repeat: no-repeat; } .about_news_articles .tab-content .pagination-container .pagination .pagination-right-arrow { width: 7px; height: 14px; display: inline-block; margin-left: 28px; background-image: url("../../static/p6/images/about/grey-left-arrow.png"); background-repeat: no-repeat; } .about_news_articles .tab-content .pagination-container .pagination .pagination-right-arrow.active { background-image: url("../../static/p6/images/about/orange-right-arrow.png"); } .about_news_articles .tab-content h3 { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #2c3e50; text-align: left; margin-bottom: 40px; margin-top: 20px; } .about_news_articles .tab-content h4 { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #2c3e50; text-align: left; margin-bottom: 13px; } .about_news_articles .tab-content p { font-family: AvenirLTStd-Light; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.1px; color: #505050; text-align: left !important; } .about_news_articles .tab-content hr { text-align: left; max-width: 200px; color: #e0e0e0; margin-left: 0; } @media screen and (max-width: 1024px) { .about_news_articles li { /*height: 160px;*/ } .about_news_articles .tab-content .articles-container h3 { font-size: 18px; } .about_news_articles .tab-content .articles-container h4 { font-size: 16px; } .about_news_articles .tab-content .articles-container p { font-size: 14px; } .about_news_articles .tab-selector .tab-trigger a { font-size: 18px; } .about_news_articles .solutions-tabs .tab-selector .tab-trigger a { height: 52px; font-size: 15px; line-height: 52px; } .about_news_articles .solutions-tabs .tab-content-wrapper { padding: 40px 50px; margin-right: 5px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns { padding: 0 30px; position: relative; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns .icon-wrap { position: absolute; top: 4px; left: 40px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns .icon-wrap .icon { background-size: 100%; width: 32px; height: 32px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns .icon-label { margin-bottom: 8px; padding-left: 60px; text-align: left; font-size: 16px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 36px; padding-left: 60px; font-size: 15px; line-height: 1.47; text-align: left; } .about_news_articles .solutions-tabs .tab-content-wrapper .learn-link { margin-top: 0; } .about_news_articles .solutions-tabs .tab-content-wrapper .learn-link a { font-size: 15px; } } @media screen and (max-width: 745px) { .about_news_articles li { height: auto; /*max-height: 200px;*/ } .about_news_articles .tab-content .articles-container h3 { font-size: 16px; } .about_news_articles .tab-content .articles-container h4 { font-size: 15px; } .about_news_articles .tab-content .articles-container p { font-size: 11px; } .about_news_articles .tab-selector .tab-trigger a { font-size: 13px; } .about_news_articles .solutions-tabs .tab-selector .tab-trigger { padding: 0 2px; } .about_news_articles .solutions-tabs .tab-selector .tab-trigger a { font-size: 12px; } .about_news_articles .solutions-tabs .tab-selector .tab-trigger:last-child a { padding: 10px 5px 0; line-height: 1.23; } .about_news_articles .solutions-tabs .tab-content-wrapper { margin-left: 2px; margin-right: 2px; padding: 30px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns { padding: 10px 0 5px; border-bottom: 1px solid #e0e0e0; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns .accordion-content-p { display: none; background-color: transparent; border: none; clear: both; margin-bottom: 15px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns p { background-color: none; border: none; padding-left: 53px; padding-right: 0; margin-bottom: 0; font-size: 14px; } .about_news_articles .solutions-tabs .tab-content-wrapper .columns.active .icon-caret-down { background-image: url("../../static/p6/images/icons/caret_up%402x.png"); } .about_news_articles .solutions-tabs .tab-content-wrapper .accordion-trigger { position: relative; height: 24px; } .about_news_articles .solutions-tabs .tab-content-wrapper .accordion-trigger .icon-wrap { display: inline-block; float: left; position: relative; top: 0; left: 0; } .about_news_articles .solutions-tabs .tab-content-wrapper .accordion-trigger .icon-wrap .icon { width: 30px; height: 30px; } .about_news_articles .solutions-tabs .tab-content-wrapper .accordion-trigger .icon-label { display: inline-block; margin: 0; margin-top: 5px; float: left; padding-left: 20px; } .about_news_articles .solutions-tabs .tab-content-wrapper .accordion-trigger .icon-caret-down { display: inline-block; position: absolute; top: 6px; right: 0; width: 20px; height: 20px; } .about_news_articles .solutions-tabs .tab-content-wrapper .learn-link { margin-top: 30px; } .about_news_articles .solutions-tabs .tab-content-wrapper .learn-link a { position: relative; left: -10px; font-size: 15px; } } .alerts-wrapper .alert { background-color: #406ac4; padding: 10px 50px; position: relative; border-bottom: 1px solid #fff; } .alerts-wrapper .alert p { margin: 0; padding-right: 25px; font-size: 15px; font-family: 'AvenirLTStd-Roman'; color: #fff; } .alerts-wrapper .alert .icon-alert { float: left; margin-top: 3px; margin-right: 10px; } .alerts-wrapper .alert .icon-x { position: absolute; top: 15px; right: 50px; float: right; } .alerts-wrapper .alert .holiday { background-color: #232f43; } .alerts-wrapper .alert:last-child { border-bottom: none; } .alerts-wrapper .holiday { background-color: #232f43; padding: 10px 50px; position: relative; border-bottom: 1px solid #fff; } .alerts-wrapper .holiday p { margin: 0; padding-right: 25px; font-size: 15px; font-family: 'AvenirLTStd-Roman'; color: #fff; } .alerts-wrapper .holiday .icon-alert { float: left; margin-top: 3px; margin-right: 10px; } .alerts-wrapper .holiday .icon-x { position: absolute; top: 15px; right: 50px; float: right; } .alerts-wrapper .holiday .holiday { background-color: #232f43; } .alerts-wrapper .holiday:last-child { border-bottom: none; } @media screen and (max-width: 1024px) { .alerts-wrapper .alert { padding: 10px 30px; } .alerts-wrapper .alert .icon-x { right: 30px; } .alerts-wrapper .holiday { padding: 10px 30px; } .alerts-wrapper .holiday .icon-x { right: 30px; } } @media screen and (max-width: 767px) { .alerts-wrapper .alert { padding: 10px 20px; } .alerts-wrapper .alert .icon-x { right: 20px; } .alerts-wrapper .holiday { padding: 10px 20px; } .alerts-wrapper .holiday .icon-x { right: 20px; } } .business-nav .thin-login-menu { border-radius: 4px; background-color: #53514e; border: solid 1px #e0e0e0; padding: 25px; } .business-nav .thin-login-menu h3 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 15px; } .business-nav .thin-login-menu h4 { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 14px; } .business-nav .thin-login-menu p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #dddddd; text-align: left !important; } .business-nav .thin-login-menu p.login-info { padding-bottom: 20px; } .business-nav .thin-login-menu .button-row { margin: 13px 0; } .business-nav .thin-login-menu .small a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.23; letter-spacing: 0.1px; text-align: center; color: #9b9b9b; } .business-nav .thin-login-menu h4.accordion-trigger { margin: 0; padding: 0; cursor: pointer; } .business-nav .thin-login-menu .accordian-panel.active .accordion-content { display: inline-block; border: none; background-color: none; margin-top: 5px 0 0 0; padding: 10px 0 0 0; } .business-nav .tab-selector .tab-trigger { display: inline-block; float: left; padding: 0; width: 12.5%; } .business-nav .tab-selector .tab-trigger a { display: block; width: 100%; height: 106px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: AvenirLTStd-Light; font-size: 16px; line-height: 1em; color: #646464; font-weight: 300; } .business-nav .tab-selector .tab-trigger a span { font-size: 70px; display: block; text-align: center; margin-bottom: -5px; } .business-nav .tab-selector .tab-trigger a.active { background-color: #ffffff; color: #f18231; border-bottom: none; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .business-nav .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 40px 0 45px; } .business-nav .tab-content-wrapper .columns { text-align: center; } .business-nav .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .business-nav .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .business-nav .tab-content-wrapper .columns p { margin: 0; font-size: 16px; font-family: AvenirLTStd-Light; line-height: 1.31; text-align: center; color: #666; } @media screen and (max-width: 1024px) { .business-nav .tab-selector .tab-trigger a { font-size: 12px; line-height: 1em; padding: 0; height: 64px; } .business-nav .tab-selector .tab-trigger a span { font-size: 35px; margin-bottom: 0; } .business-nav .tab-content-wrapper .blurb h2 { font-size: 28px; } .business-nav .tab-content-wrapper .blurb p { font-size: 16px; } .business-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { font-size: 21px; } .business-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 18px; } .business-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 16px; } .business-nav h2 { font-size: 28px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .business-nav { height: 0; } .business-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 15px; } .business-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 14px; } .business-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { text-align: left; font-size: 15px; margin: 20px 0 20px 0; } .business-nav .tab-content-wrapper .blurb h2 { text-align: left; font-size: 26px; } .business-nav .tab-content-wrapper .blurb p { text-align: left; font-size: 15px; } } .community-nav .thin-login-menu { border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 25px; } .community-nav .thin-login-menu h3 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #34495e; text-align: left; padding-bottom: 15px; } .community-nav .thin-login-menu h4 { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #34495e; text-align: left; padding-bottom: 14px; } .community-nav .thin-login-menu p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #5a5a5a; text-align: left !important; } .community-nav .thin-login-menu p.login-info { padding-bottom: 20px; } .community-nav .thin-login-menu .button-row { margin: 13px 0; } .community-nav .thin-login-menu .small a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.23; letter-spacing: 0.1px; text-align: center; color: #9b9b9b; } .community-nav .thin-login-menu h4.accordion-trigger { margin: 0; padding: 0; cursor: pointer; } .community-nav .thin-login-menu .accordian-panel.active .accordion-content { display: inline-block; border: none; background-color: none; margin-top: 5px 0 0 0; padding: 10px 0 0 0; } .community-nav .tab-selector .tab-trigger { display: inline-block; float: left; padding: 0; width: 16.6666666667%; } .community-nav .tab-selector .tab-trigger a { display: block; width: 100%; height: 106px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: AvenirLTStd-Light; font-size: 15px; line-height: 106px; color: #646464; font-weight: 300; } .community-nav .tab-selector .tab-trigger a span { font-size: 70px; display: block; text-align: center; margin-bottom: -50px; } .community-nav .tab-selector .tab-trigger a.active { background-color: #fff; color: #f18231; border-bottom: solid 1px #fff; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .community-nav .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 40px 0 45px; } .community-nav .tab-content-wrapper .columns { text-align: center; } .community-nav .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .community-nav .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .community-nav .tab-content-wrapper .columns p { margin: 0; font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; text-align: center; color: #666; } @media screen and (max-width: 1024px) { .community-nav .tab-selector .tab-trigger a { font-size: 12px; line-height: 1em; padding: 0; height: 64px; } .community-nav .tab-selector .tab-trigger a span { font-size: 35px; margin-bottom: 0; } .community-nav .tab-content-wrapper .blurb h2 { font-size: 28px; } .community-nav .tab-content-wrapper .blurb p { font-size: 16px; } .community-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { font-size: 21px; } .community-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 18px; } .community-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .community-nav { height: 0; } .community-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 15px; } .community-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 14px; } .community-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { text-align: left; font-size: 15px; margin: 20px 0 20px 0; } .community-nav .tab-content-wrapper .blurb h2 { text-align: left; font-size: 26px; } .community-nav .tab-content-wrapper .blurb p { text-align: left; font-size: 15px; } } .iras-tabs br.showSmall { display: none; } .iras-tabs .tab-selector { width: 100%; } .iras-tabs .tab-selector .tab-trigger:first-child a { border-top-left-radius: 4px; } .iras-tabs .tab-selector .tab-trigger:first-child a.active { border-right: none; } .iras-tabs .tab-selector .tab-trigger:last-child a { border-top-right-radius: 4px; } .iras-tabs .tab-selector .tab-trigger:last-child a.active { border-left: none; } .iras-tabs .tab-selector .tab-trigger { width: 50%; height: 75px; display: inline-block; float: left; } .iras-tabs .tab-selector .tab-trigger a { width: 100%; height: 100%; display: block; background-color: #f7f9fa; border: solid 1px #e0e0e0; height: 75px; line-height: 75px; text-align: center; font-size: 21px; font-weight: 300; color: #646464; } .iras-tabs .tab-selector .tab-trigger a.active { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; border-bottom: none; background-color: #ffffff; color: #f18231; } .iras-tabs .tab-content-wrapper.privacy-policy a.download { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #f18231; margin-bottom: 40px; display: block; vertical-align: middle; position: relative; padding-left: 30px; } .iras-tabs .tab-content-wrapper.privacy-policy a.download::before { content: "\e981"; font-family: 'mbt-v1' !important; font-size: 30px; vertical-align: top; position: absolute; top: -10px; left: 0; } .iras-tabs .tab-content-wrapper.privacy-policy .thank-you-message p { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; text-align: center; color: #2c3e50; margin-top: 60px; margin-bottom: 70px; } .iras-tabs .tab-content-wrapper.privacy-policy .thank-you-message p::before { content: "\e91f"; font-family: 'mbt-v1' !important; display: block; color: #f18231; font-size: 100px; font-weight: 100; line-height: 1; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form label { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 35px; margin-left: 0; padding-left: 30px; position: relative; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form label b { font-weight: bold; font-weight: 500; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form .inputHolder { position: relative; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="radio"] { position: absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; width: 22px; /*Desired width*/ height: 22px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; background-color: red; z-index: 1000; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="radio"] + label::before { content: ""; display: block; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: white; border: solid 2px #999999; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; -o-box-shadow: inset 0px 0px 0px 2px white; border-radius: 100px; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="radio"]:checked + label::before { background: #f18231; border-color: #f18231; border-radius: 100px; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="text"] { width: 300px; height: 40px; border-radius: 4px; border: solid 1px #e0e0e0; display: inline-block; margin-right: 10px; margin-bottom: 15px; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="text"]:-webkit-input-placeholder { font-family: AvenirNext; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-family: AvenirNext; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="text"]:-moz-placeholder { /* Firefox 19+ */ font-family: AvenirNext; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type="text"]:-ms-input-placeholder { font-family: AvenirNext; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #808080; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type=submit][class='orange-submit'] { margin: 10px 0 30px 0; } .iras-tabs .tab-content-wrapper.privacy-policy h4 { text-decoration: underline; margin-bottom: 20px; } .iras-tabs .tab-content-wrapper.privacy-policy p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 30px; } .iras-tabs .tab-content-wrapper.privacy-policy p b { font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .iras-tabs .tab-content-wrapper.privacy-policy ul { list-style-type: disc; margin-bottom: 30px; } .iras-tabs .tab-content-wrapper.privacy-policy ul li { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 15px; } .iras-tabs .tab-content-wrapper { padding: 40px; box-sizing: border-box; border: solid 1px #e0e0e0; border-top: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-bottom: 50px; } .iras-tabs .tab-content-wrapper p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; } .iras-tabs .tab-content-wrapper h3 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .iras-tabs .tab-content-wrapper h4 { font-family: AvenirLTStd-Light; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #2c3e50; text-shadow: 1px 1px #fff; } .iras-tabs .tab-content-wrapper h4::after { content: ""; width: 100%; border-bottom: 1px solid #000; } .iras-tabs .tab-content-wrapper table { border: none; margin-bottom: 30px; margin-top: 30px; } .iras-tabs .tab-content-wrapper table ul { margin-left: 0; padding-left: 0; } .iras-tabs .tab-content-wrapper table tbody { border: none; } .iras-tabs .tab-content-wrapper table tbody tr { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; border-bottom: 1px solid #e0e0e0; } .iras-tabs .tab-content-wrapper table tbody tr:last-child { border-bottom: none; } .iras-tabs .tab-content-wrapper table tbody tr p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; } .iras-tabs .tab-content-wrapper table tbody tr th { font-family: AvenirLTStd-Medium; font-size: 18px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; color: #34495e; text-align: left; } .iras-tabs .tab-content-wrapper table tbody tr td, .iras-tabs .tab-content-wrapper table tbody tr th { padding: 20px; border-left: 1px solid #e5e5e5; vertical-align: top; } .iras-tabs .tab-content-wrapper table tbody tr td:first-child, .iras-tabs .tab-content-wrapper table tbody tr th:first-child { border: none; } .iras-tabs .tab-content-wrapper table tbody tr th { background-color: #f7f9fa; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(even) { background-color: #fcfcfc; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(odd) { background-color: #f7f7f7; } @media screen and (max-width: 1024px) { .iras-tabs .tab-selector .tab-trigger:first-child a { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:first-child a.active { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:last-child a { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:last-child a.active { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger a { font-size: 18px; } .iras-tabs .tab-content-wrapper { margin-bottom: 40px; border-radius: 0; } .iras-tabs .tab-content-wrapper p { font-size: 16px; } .iras-tabs .tab-content-wrapper table { border: none; margin-bottom: 30px; margin-top: 30px; } .iras-tabs .tab-content-wrapper table ul { margin-left: 0; padding-left: 0; } .iras-tabs .tab-content-wrapper table tbody { border: none; } .iras-tabs .tab-content-wrapper table tbody tr { font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr p { font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr th { font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr td, .iras-tabs .tab-content-wrapper table tbody tr th { padding: 20px; border-left: 1px solid #e5e5e5; vertical-align: top; } .iras-tabs .tab-content-wrapper table tbody tr td:first-child, .iras-tabs .tab-content-wrapper table tbody tr th:first-child { border: none; } .iras-tabs .tab-content-wrapper table tbody tr th { background-color: #f7f9fa; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(even) { background-color: #fcfcfc; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(odd) { background-color: #f7f7f7; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .iras-tabs hr.show-for-small-only { width: 100%; margin: 40px 0 30px; } .iras-tabs .striped-accordian { margin: 20px 0; } .iras-tabs br.showSmall { display: block; } .iras-tabs .tab-selector .tab-trigger:first-child a { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:first-child a.active { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:last-child a { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger:last-child a.active { border-radius: 0; } .iras-tabs .tab-selector .tab-trigger a { padding-top: 22px; font-size: 13px; line-height: 20px; } .iras-tabs .tab-content-wrapper { margin-bottom: 0; border-radius: 0; padding: 20px; border: none; } .iras-tabs .tab-content-wrapper p { font-size: 16px; } .iras-tabs .tab-content-wrapper table { border: none; margin-bottom: 30px; margin-top: 30px; } .iras-tabs .tab-content-wrapper table ul { margin-left: 0; padding-left: 0; } .iras-tabs .tab-content-wrapper table tbody { border: none; } .iras-tabs .tab-content-wrapper table tbody tr { border-top: 1px solid #e6e6e6; border-bottom: none; font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr *:only-child { margin-bottom: 0; } .iras-tabs .tab-content-wrapper table tbody tr p { font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr th { font-size: 15px; } .iras-tabs .tab-content-wrapper table tbody tr td, .iras-tabs .tab-content-wrapper table tbody tr th { padding: 20px; border-left: 1px solid #e5e5e5; vertical-align: top; } .iras-tabs .tab-content-wrapper table tbody tr td:first-child, .iras-tabs .tab-content-wrapper table tbody tr th:first-child { border: none; } .iras-tabs .tab-content-wrapper table tbody tr th { background-color: #f7f9fa; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(odd) { background-color: #f7f7f7; } .iras-tabs .tab-content-wrapper table tbody tr:nth-child(even) { background-color: #fcfcfc; } .iras-tabs .tab-content-wrapper.privacy-policy a.download { font-size: 15px; } .iras-tabs .tab-content-wrapper.privacy-policy a.download::before { font-size: 30px; } .iras-tabs .tab-content-wrapper.privacy-policy .thank-you-message p { font-size: 16px; } .iras-tabs .tab-content-wrapper.privacy-policy .thank-you-message p::before { font-size: 90px; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form label { font-size: 15px; } .iras-tabs .tab-content-wrapper.privacy-policy #CPP-form input[type=submit][class='orange-submit'] { margin: 10px 0 30px 0; } .iras-tabs .tab-content-wrapper.privacy-policy h3 { font-size: 26px; margin-bottom: 15px; } .iras-tabs .tab-content-wrapper.privacy-policy h4 { font-size: 21px; margin-bottom: 15px; } .iras-tabs .tab-content-wrapper.privacy-policy p { font-size: 16px; margin-bottom: 20px; } .iras-tabs .tab-content-wrapper.privacy-policy ul { list-style-type: disc; margin-bottom: 30px; } .iras-tabs .tab-content-wrapper.privacy-policy ul li { font-size: 16px; margin-bottom: 15px; } } .login-modal { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 410px; padding: 64px 0; z-index: 1000; background-color: #fff; } .login-modal .tabs { width: 560px; margin: 0 auto; background-color: #fff; border-radius: 4px; overflow: hidden; margin-top: -15px; } .login-modal .tabs .tab-selector { width: 100%; overflow: hidden; } .login-modal .tabs .tab-selector .tab-trigger { display: inline-block; float: left; width: 33.33333334%; height: 60px; } .login-modal .tabs .tab-selector .tab-trigger a { display: block; width: 100%; font-family: 'AvenirLTStd-Roman'; text-align: center; height: 60px; line-height: 60px; font-size: 13px; color: #646464; background-color: #fafafa; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .login-modal .tabs .tab-selector .tab-trigger a.active { border-bottom: none; color: #f18231; background-color: #ffffff; } .login-modal .tabs .tab-selector .tab-trigger:first-child a { border-left: none; } .login-modal .tabs .tab-selector .tab-trigger:last-child a { border-right: none; } .login-modal .tabs .tab-content-wrapper { padding: 40px 70px; height: 240px; width: 100%; background-color: #fff; } .login-modal .tabs .tab-content-wrapper .tab-content-heading { margin-bottom: 15px; font-size: 18px; font-family: 'AvenirLTStd-Roman'; line-height: 1.4; color: #34495e; } .login-modal .tabs .tab-content-wrapper .tab-content p { margin-bottom: 12px; font-size: 14px; font-family: 'AvenirLTStd-Light'; color: #505050; line-height: 1.43; } .login-modal .tabs .tab-content-wrapper form { display: block; overflow: hidden; margin-bottom: 10px; } .login-modal .tabs .tab-content-wrapper form input[type="text"] { display: inline-block; float: left; width: 65%; margin-bottom: 10px; } .login-modal .tabs .tab-content-wrapper form .btn { width: 30%; margin-left: 5%; display: inline-block; float: left; } .login-modal .tabs .tab-content-wrapper .small { display: block; width: 100%; margin-bottom: 0; text-align: center; } .login-modal .tabs .tab-content-wrapper .small a { font-size: 14px; color: #f18231; font-family: 'AvenirLTStd-Roman'; } .login-modal .tabs .tab-content-wrapper .small.create { text-align: left; } .login-modal .tabs .tab-content-wrapper .small.options a:first-child { float: left; } .login-modal .tabs .tab-content-wrapper .small.options a:last-child { float: right; } .login-modal .tabs .tab-content-wrapper .cc-tab .small, .login-modal .tabs .tab-content-wrapper .wm-tab .small { text-align: left; } .login-modal .tabs .tab-content-wrapper .cc-tab .btn, .login-modal .tabs .tab-content-wrapper .wm-tab .btn { margin-bottom: 10px; padding: 0 10px; } .login-modal .tabs .tab-content-wrapper .cc-tab .tab-content-heading, .login-modal .tabs .tab-content-wrapper .wm-tab .tab-content-heading { margin-bottom: 10px; } .login-modal .icon-x-large { position: absolute; top: 20px; right: 20px; height: 20px; width: 20px; background-size: 100%; } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .login-modal { overflow: scroll; height: 100vh; min-height: 100%; } .login-modal .tabs { width: 100%; border-bottom: none; } .login-modal .tabs .tab-selector .tab-trigger a { font-size: 13px; } .login-modal .tabs .tab-selector .tab-trigger:last-child a { padding-top: 22px; line-height: 1; } .login-modal .tabs .tab-content-wrapper { padding: 25px 20px; height: auto; border-bottom: 0; } .login-modal .tabs .tab-content-wrapper form { display: block; overflow: hidden; margin-bottom: 25px; } .login-modal .tabs .tab-content-wrapper form input[type="text"] { display: block; float: none; width: 100%; margin-bottom: 15px; } .login-modal .tabs .tab-content-wrapper form .btn { display: block; float: none; margin-left: auto; margin-right: auto; width: 100%; min-width: 240px; max-width: 375px; font-size: 15px; } .login-modal .tabs .tab-content-wrapper .btn { display: block; float: none; margin-left: auto; margin-right: auto; width: 100%; min-width: 240px; max-width: 375px; font-size: 15px; } .login-modal .tabs .tab-content-wrapper .small { display: block; width: 100%; margin-bottom: 10px; text-align: center; } .login-modal .tabs .tab-content-wrapper .small.create { text-align: center; float: none; } .login-modal .tabs .tab-content-wrapper .small.forgot { text-align: center; float: none; } .login-modal .tabs .tab-content-wrapper .small.options a { padding: 0 8px; white-space: nowrap; } .login-modal .tabs .tab-content-wrapper .small.options a:first-child { float: none; } .login-modal .tabs .tab-content-wrapper .small.options a:last-child { float: none; } .login-modal .tabs .tab-content-wrapper .cc-tab .small, .login-modal .tabs .tab-content-wrapper .wm-tab .small { text-align: center; } } /* Login box */ .modal-login input { margin-bottom: 6px !important; } .cc-content-btn-wrapper { display: flex; flex-direction: column; width: 100%; min-height: 200px; text-align: center; justify-content: space-around; padding-top: 15px; } .modal-content.tabs .cc-content-btn-wrapper { min-height: 150px; padding-top: 0px; } @media screen and (min-width: 746px) { .modal-login { display: flex; } .modal-login .text-box:first-child { margin-right: 10px; } .login-modal .tabs .tab-content-wrapper form .button-row { clear: both; text-align: center; } .login-modal .tabs .tab-content-wrapper form .btn { float: none; } .login-modal .options { display: flex !important; justify-content: space-between; flex-wrap: wrap; } } .login-tabs { margin-top: 46px; border-radius: 4px; width: 448px; background-color: #fff; overflow: hidden; } .login-tabs.glow { border: solid 1px #f18231; box-sizing: border-box; -webkit-animation: glowEffect 1.5s ease-in-out infinite alternate; -moz-animation: glowEffect 1.5s ease-in-out infinite alternate; animation: glowEffect 1.5s ease-in-out infinite alternate; } @keyframes glowEffect { from { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.69); } to { box-shadow: 0 0 30px 0 white; } } @-moz-keyframes glowEffect { 0% { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.69); } 100% { box-shadow: 0 0 30px 0 white; } } .login-tabs .login-fail { width: 100%; height: 18px; border-radius: 0 0 4px 4px; background-color: #f55454; position: relative; bottom: 0; left: 0; font-family: AvenirLTStd-Light; font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; color: #ffffff; padding-left: 14px; display: none; } .login-tabs .login-fail.active { display: table; } .login-tabs .tab-selector { display: inline-block; float: left; width: 136px; } .login-tabs .tab-selector .tab-trigger { display: table-row; height: 107px; } .login-tabs .tab-selector .tab-trigger a { display: table-cell; padding: 0.75rem; font-size: 16px; font-family: 'AvenirLTStd-Roman'; vertical-align: middle; color: #646464; background-color: #fafafa; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .login-tabs .tab-selector .tab-trigger a.active { background-color: #fff; border-right: none; color: #f18231; } .login-tabs .tab-selector .tab-trigger:last-child a { border-bottom: none; } .login-tabs .input-wrapper { width: 100%; } .login-tabs .tab-content-wrapper { display: inline-block; float: left; padding: 20px 25px; width: 310px; height: 322px; background-color: #fff; } .login-tabs .tab-content-wrapper .tab-content-heading { margin-bottom: 12px; font-size: 20px; font-family: 'AvenirLTStd-Roman'; line-height: 1.4; color: #34495e; } .login-tabs .tab-content-wrapper .tab-content p { margin-bottom: 12px; font-size: 14px; font-family: 'AvenirLTStd-Light'; color: #505050; line-height: 1.43; } .login-tabs .tab-content-wrapper form { display: block; margin-bottom: 10px; } .login-tabs .tab-content-wrapper form input[type="text"] { margin-bottom: 10px; } .login-tabs .tab-content-wrapper .small { margin-bottom: 0; text-align: left; } .login-tabs .tab-content-wrapper .small a { font-size: 13px; color: #9b9b9b; font-family: 'AvenirLTStd-Roman'; } .login-tabs .tab-content-wrapper .small a:hover, .login-tabs .tab-content-wrapper .small a:focus { color: #f18231; } .login-modal .tabs .tab-content-wrapper .small.options a:first-child, .login-modal .tabs .tab-content-wrapper .small.options a:last-child { float: none; } .login-tabs .tab-content-wrapper .cc-tab .btn, .login-tabs .tab-content-wrapper .wm-tab .btn { margin-bottom: 10px; padding: 0 10px; } .login-tabs .tab-content-wrapper .cc-tab .tab-content-heading, .login-tabs .tab-content-wrapper .wm-tab .tab-content-heading { margin-bottom: 10px; } .login-tabs input[type="password"] { margin-bottom: 8px; } .remember-me { font-size: 13px; color: #9b9b9b; font-family: 'AvenirLTStd-Roman'; clear: both; display: flex; align-items: center; margin-bottom: 8px; } .remember-me input { margin: 0 .5rem 0 0; } @media screen and (max-width: 1180px) { .login-tabs { width: auto; height: auto; } .login-tabs .tab-selector .tab-trigger { height: 100px; } .login-tabs .tab-content-wrapper { height: 300px; width: 250px; } } .mobile-menu-wrapper { display: none; position: absolute; top: 0; right: 0; padding: 80px 30px 50px; width: 480px; height: 100%; height: 100vh; background-color: #fff; z-index: 1000000000; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5); overflow: hidden; } .mobile-menu-wrapper .menu:not(.nested) { padding-bottom: 30px; } .mobile-menu-wrapper .icon-x-black { position: absolute; top: 15px; right: 3px; width: 57px; height: 50px; cursor: pointer; z-index: 1000001; } .mobile-menu-wrapper .mobile-nav-logo { position: absolute; top: 25px; left: 20px; width: 125px; height: 30px; background-image: url("../../static/p6/images/montecito_logo_blue.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; z-index: 1000001; } /* MENU ITEMS */ .mobile-menu-wrapper .menu-container .vertical.menu li > div a { margin: 0; max-width: calc(100% - 44px); /* Make sure button text doesn't overlap toggle icon*/ padding-right: 8px; } .mobile-menu-wrapper .menu-container li > div a, .mobile-menu-wrapper .menu-container li.mobile_menu_container > div .arrow, .mobile-menu-wrapper .menu-container .vertical.menu li > div div.arrow, .mobile-menu-wrapper .menu-container .vertical.menu li > div a { height: 48px; line-height: 48px; } .mobile-menu-wrapper .menu-container .vertical.menu li > div a { font-size: 18px; font-family: 'AvenirLTStd-Medium'; cursor: pointer; position: relative; color: #34495e; } .mobile-menu-wrapper .menu-container .vertical.menu li > div a:visited, .mobile-menu-wrapper .menu-container .vertical.menu li > div a:active, .mobile-menu-wrapper .menu-container .vertical.menu li > div a:link, .mobile-menu-wrapper .menu-container-footer ul a { text-decoration: none; } .mobile-menu-wrapper .menu-container .menu.vertical.nested, .mobile-menu-wrapper .menu-container ul.vertical.menu > li > div, .mobile-menu-wrapper .menu-container ul.vertical.menu:not(.nested) > li.mobile_menu_container.last-child { border-bottom: 1px solid #e0e0e0; } .mobile-menu-wrapper .menu-container ul.menu.vertical li ul.menu.vertical.nested.last-child { border-top: 1px solid #e0e0e0; } .mobile-menu-wrapper .menu-container ul.menu.vertical li ul.menu.vertical.nested.last-child, .mobile-menu-wrapper .menu-container ul.vertical.menu li:last-child > div.last-child { border-bottom: none; } .mobile-menu-wrapper .menu-container .menu.vertical.nested { background-color: #f9f9f9; padding-left: 20px; } .mobile-menu-wrapper .menu-container .vertical.menu ul.menu.vertical.nested li > div a { margin: 0; height: auto; width: auto; background-color: #f9f9f9; border: none; } .mobile-menu-wrapper .menu-container .vertical.menu ul.menu.vertical.nested li > div a { font-size: 15px; font-family: 'AvenirLTStd-Roman'; margin: 0; padding: 0; border-top: none; } .mobile-menu-wrapper .menu-container .vertical.menu ul.menu.vertical.nested li > div div.arrow, .mobile-menu-wrapper .menu-container .vertical.menu ul.menu.vertical.nested li > div a { height: 42px; line-height: 42px; } .mobile-menu-wrapper .menu-container .menu.vertical.nested li > div a > p { width: 100%; } .mobile-menu-wrapper .menu-container li { position:relative; } .mobile-menu-wrapper .menu-container li > div a { display: block; padding-left: 0; padding-top: 0; padding-bottom: 0; color: #34495e; font-size: 18px; font-family: 'AvenirLTStd-Medium'; cursor: pointer; position: relative; } .mobile-menu-wrapper .menu-container li > div a.menu-single p, .mobile-menu-wrapper .menu-container li > div a.menu-parent p { line-height: inherit; margin-bottom: 0; } .mobile-menu-wrapper .menu-container li.mobile_menu_container > div .arrow { position: absolute; width: 34px; top: 0; right: 10px; background-image: url("../../static/i/caret_down_wider.png"); background-repeat: no-repeat; background-position: right center; background-size: 34px 7px; cursor: pointer; } .mobile-menu-wrapper .menu-container li.mobile_menu_container .arrow.active { background-image: url("../../static/i/caret_up_wider.png"); } .mobile-menu-wrapper .misc-links { margin: 15px 0; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .mobile-menu-wrapper .misc-links ul { margin: 0; padding: 0; list-style: none; } .mobile-menu-wrapper .misc-links ul li { width: 48%; margin-right: 1%; display: inline-block; margin-bottom: 10px; } .mobile-menu-wrapper .misc-links ul li a { color: #34495e; font-weight: 100; font-family: 'AvenirLTStd-Medium'; } .mobile-menu-wrapper .menu-container ul li ul.nested { display: none; margin-left: 0; border-bottom: 1px solid #e0e0e0; } .mobile-menu-wrapper .menu-container ul li ul li { background-color: #f9f9f9; } .mobile-menu-wrapper .menu-container ul li ul li a { font-size: 15px; height: 42px; line-height: 42px; font-family: 'AvenirLTStd-Roman'; } .mobile-menu-wrapper .search-input-mobile { padding-left: 36px; background-image: url("../../static/p6/images/icons/search_black.png"); background-size: 18px; background-position: 10px; background-repeat: no-repeat; } .mobile-menu-wrapper .menu-container-footer { display: table; margin-bottom: 20px; vertical-align: top; width: 100%; } .mobile-menu-wrapper .menu-container-footer ul { display: table-cell; list-style: none; width: 50%; padding: 0; } .mobile-menu-wrapper .menu-container-footer ul li a { margin-bottom: 7px; font-size: 13px; opacity: 0.7; color: #34495e; font-family: AvenirLTStd-Medium; display: inline-block } .mobile-menu-wrapper .menu-container-footer:after { content: ""; display: table; clear: both; } .mobile-menu-wrapper .menu-container-social-media li { margin-right: 20px; } /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .mobile-menu-wrapper { ul li a.menu-parent:after { background-image: url('../static/p6/images/icons/caret_down@2x.png'); } ul li a.menu-parent.active:after { background-image: url('../static/p6/images/icons/caret_up@2x.png'); } } }*/ @media screen and (max-width: 480px) { .mobile-menu-wrapper { display: none; width: 100%; padding: 80px 20px 20px; } } .off-site-modal { z-index: 2000000000000; display: none; height: 0; width: 0; opacity: 0; } .off-site-modal.active { display: block; height: 100%; width: 100%; opacity: 1; } .off-site-modal .modal-content { position: fixed; width: 850px; height: auto; top: 50%; left: 50%; margin-top: -195px; margin-left: -425px; background-color: #ffffff; padding: 20px; box-sizing: border-box; text-align: center; } .off-site-modal .modal-content .exit-modal { display: block; text-align: right; margin: 0; padding: 0; clear: both; width: 100%; height: 40px; } .off-site-modal .modal-content .exit-modal::after { content: "\e939"; font-family: 'mbt-v1' !important; font-size: 60px; position: absolute; top: -10px; right: 20px; color: #2d3e4f; } .off-site-modal .modal-content h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .off-site-modal .modal-content p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; width: 650px; margin-left: auto; margin-right: auto; } .off-site-modal .modal-content p.date { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; text-align: left; } .off-site-modal .modal-content .btn { margin-top: 30px; } .off-site-modal .backdrop-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; background-color: #000000; } /* Suspected unused code - ACOY 9/16/20 .ECA-modal { z-index: 2000000000000; display: none; height: 0; width: 0; opacity: 0; } .ECA-modal.active { display: block; height: 100%; width: 100%; opacity: 1; } .ECA-modal .modal-content { position: fixed; width: 850px; height: 590px; top: 50%; left: 50%; margin-top: -290px; margin-left: -425px; background-color: #ffffff; padding: 30px 60px; box-sizing: border-box; text-align: center; } .ECA-modal .modal-content .exit-modal { display: block; text-align: right; margin: 0; padding: 0; clear: both; width: 100%; height: 40px; margin-bottom: -20px; } .ECA-modal .modal-content .exit-modal::after { content: "\e939"; font-family: 'mbt-v1' !important; font-size: 60px; position: absolute; top: -10px; right: 20px; color: #2d3e4f; } .ECA-modal .modal-content h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; margin-bottom: 20px; } .ECA-modal .modal-content p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.1px; color: #505050; margin-left: auto; margin-right: auto; text-align: left; } .ECA-modal .modal-content p.date { font-family: AvenirLTStd-Light; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #5a5a5a; text-align: left; } .ECA-modal .backdrop-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; background-color: #000000; } .ECA-modal a.btn { margin: 0; font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #ffffff; border-radius: 100px; padding-top: 14px; padding-bottom: 14px; background-color: #f18231; } .ECA-modal .modals-action-list { margin: 0; padding: 0; display: table; } .ECA-modal .modals-action-list li { display: table-cell; vertical-align: middle; display: inline-block; margin-right: 30px; } .ECA-modal .modals-action-list li:last-child { margin-right: 0; } .ECA-modal .sqaure { width: 100%; height: 292px; display: block; overflow-y: scroll; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 20px 20px 0 20px; margin-bottom: 15px; } .ECA-modal .sqaure p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; text-align: left; width: 100%; } @media screen and (max-width: 1024px) { .off-site-modal .modal-content { width: 620px; height: 330px; margin-top: -175px; margin-left: -310px; padding: 20px; } .off-site-modal .modal-content .exit-modal { display: block; text-align: right; margin: 0; padding: 0; clear: both; width: 100%; height: 30px; } .off-site-modal .modal-content .exit-modal::after { content: "\e939"; font-family: 'mbt-v1' !important; font-size: 60px; position: absolute; top: -10px; right: 20px; color: #2d3e4f; } .off-site-modal .modal-content h2 { font-size: 28px; } .off-site-modal .modal-content p { font-size: 16px; width: 494px; } .off-site-modal .modal-content .btn { margin-top: 20px; } .off-site-modal .backdrop-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; background-color: #000000; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .off-site-modal { z-index: 2000000000000; display: none; height: 0; width: 0; opacity: 0; } .off-site-modal.active { display: block; height: 100%; width: 100%; opacity: 1; } .off-site-modal .modal-content { position: fixed; width: 90%; height: 90%; top: 0; left: 0; margin-top: 5%; margin-left: 5%; background-color: #ffffff; padding: 20px; box-sizing: border-box; text-align: center; } .off-site-modal .modal-content .exit-modal { display: block; text-align: right; margin: 0; padding: 0; clear: both; width: 100%; height: 40px; } .off-site-modal .modal-content .exit-modal::after { content: "\e939"; font-family: 'mbt-v1' !important; font-size: 60px; position: absolute; top: -10px; right: 20px; color: #2d3e4f; } .off-site-modal .modal-content h2 { font-size: 22px; } .off-site-modal .modal-content p { font-size: 15px; width: auto; } .off-site-modal .modal-content a { word-break: break-all; } .off-site-modal .modal-content .btn { margin-top: 20px; } .off-site-modal .backdrop-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; background-color: #000000; } } */ .online_access_tools .tab-selector .tab-trigger { display: table; float: left; padding: 0 5px; width: calc(99.9%/2); width: -webkit-calc(99.9%/2); width: -moz-calc(99.9%/2); } .online_access_tools .tab-selector .tab-trigger a { display: table-cell; width: 100%; height: 82px; font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.1px; text-align: center; vertical-align: middle; color: #dddddd; background-color: #686663; border-radius: 5px 5px 0 0; } .online_access_tools .tab-selector .tab-trigger a.active { background-color: #615f5c; color: #38bfcd; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .online_access_tools .mobile-links { display: none; } .online_access_tools .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 25px 0; background-color: #615f5c; height: auto; min-height: 230px; color: #e2dfda; } .online_access_tools .tab-content-wrapper .columns { text-align: center; } .online_access_tools .tab-content-wrapper .columns form .OAT-register-form-fields { margin-top: 35px; margin-bottom: 20px; } .online_access_tools .tab-content-wrapper .columns form .OAT-register-form-fields input { width: 29%; padding: 0; padding-left: 17px; box-sizing: border-box; display: inline-block; margin-left: 10px; margin-right: 10px; border-radius: 4px; border: solid 1px #8d8d8d; background-color: #615f5c; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: 0.1px; color: #c7c7c6; } .online_access_tools .tab-content-wrapper .columns form .thank-you-message::before { content: ""; background-image: url("../../static/p6/images/wealth/blue-circle-check.png"); width: 58px; height: 58px; display: block; background-size: 58px 58px; margin: 20px auto; } .online_access_tools .tab-content-wrapper .columns form .submit { display: inline-block; color: #fff; padding: 0 40px; text-align: center; border-radius: 100px; background-color: #32a5b1; height: 50px; line-height: 50px; width: 210px; border-style: none; } .online_access_tools .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .online_access_tools .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .online_access_tools .tab-content-wrapper .columns p { font-family: Georgia; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; text-align: center; color: #e2dfda; } .online_access_tools .tab-content-wrapper .learn-link { margin-top: 50px; text-align: center; } .online_access_tools .tab-content-wrapper .learn-link a { font-size: 18px; } @media screen and (max-width: 1024px) { .online_access_tools .tab-selector .tab-trigger { height: 72px; } .online_access_tools .tab-selector .tab-trigger a { font-size: 15px; line-height: 1.33; letter-spacing: 0.1px; } .online_access_tools .tab-content-wrapper .columns form .OAT-register-form-fields input { width: 27%; padding-left: 17px; margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .online_access_tools { margin-top: 30px; height: auto; } .online_access_tools .tab-selector { display: none; } .online_access_tools .tab-content-wrapper { margin: 0; padding: 0; background-color: initial; height: auto; color: #e2dfda; } .online_access_tools .tab-content-wrapper .columns form .OAT-register-form-fields { margin: 0; } .online_access_tools .tab-content-wrapper .columns form .OAT-register-form-fields input { width: 100%; padding: 0 0 0 15px; box-sizing: border-box; display: block; margin: 0 0 15px 0; } .online_access_tools .tab-content-wrapper .columns form .thank-you-message::before { content: ""; background-image: url("../../static/p6/images/wealth/blue-circle-check.png"); width: 58px; height: 58px; display: block; background-size: 58px 58px; margin: 20px auto; } .online_access_tools .tab-content-wrapper .columns form .submit { display: block; color: #fff; padding: 0 40px; margin: 0; } .online_access_tools .tab-content-wrapper .tab-content { padding: 20px 0; } .online_access_tools .mobile-links { border-top: 1px solid #706f6c; padding-top: 20px; padding-bottom: 20px; display: block; } .online_access_tools .mobile-links a { font-family: Georgia; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: 0.1px; color: #e9e9e9; cursor: pointer; display: block; padding: 5px 0; } .online_access_tools .mobile-links a::after { content: "\e90a"; font-family: 'mbt-v1' !important; font-size: 30px; margin-top: -5px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; float: right; cursor: pointer; } .online_access_tools .mobile-links a.active::after { font-family: 'mbt-v1' !important; content: "\e90b"; } } .personal-nav { height: auto; } .personal-nav .thin-login-menu { border-radius: 4px; background-color: #53514e; border: solid 1px #e0e0e0; padding: 25px; } .personal-nav .thin-login-menu h3 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 15px; } .personal-nav .thin-login-menu h4 { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 14px; } .personal-nav .thin-login-menu p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #dddddd; text-align: left !important; } .personal-nav .thin-login-menu p.login-info { padding-bottom: 20px; } .personal-nav .thin-login-menu .button-row { margin: 13px 0; } .personal-nav .thin-login-menu .small a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.23; letter-spacing: 0.1px; text-align: center; color: #9b9b9b; } .personal-nav .thin-login-menu h4.accordion-trigger { margin: 0; padding: 0; cursor: pointer; } .personal-nav .thin-login-menu .accordian-panel.active .accordion-content { display: inline-block; border: none; background-color: none; margin-top: 5px 0 0 0; padding: 10px 0 0 0; } .personal-nav .nav-selector .nav-trigger { padding: 0; flex: 1; } .personal-nav .nav-selector .nav-trigger a { display: block; width: 100%; height: 106px; text-align: center; background-color: #f7f9fa; border: solid 1px #e0e0e0; border-radius: 0; font-family: 'AvenirLTStd-Medium'; font-size: 16px; line-height: 1em; color: #646464; font-weight: 300; } .personal-nav .nav-selector .nav-trigger a span { font-size: 70px; display: block; text-align: center; margin-bottom: -5px; } .personal-nav .nav-selector .nav-trigger a.active { background-color: #ffffff; color: #f18231; border-bottom: none; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .personal-nav .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 40px 0 45px; } .personal-nav .tab-content-wrapper .columns { text-align: center; } .personal-nav .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .personal-nav .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .personal-nav .tab-content-wrapper .columns p { margin: 0; font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; text-align: center; color: #666; } @media screen and (max-width: 1024px) { .personal-nav { height: 85px; } .personal-nav .nav-selector .nav-trigger a { font-size: 12px; line-height: 1em; padding: 0; height: 64px; } .personal-nav .nav-selector .nav-trigger a span { font-size: 35px; margin-bottom: 0; } .personal-nav .tab-content-wrapper .blurb h2 { font-size: 28px; } .personal-nav .tab-content-wrapper .blurb p { font-size: 16px; } .personal-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { font-size: 21px; } .personal-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 18px; } .personal-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .personal-nav { height: 0; } .personal-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 15px; } .personal-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 14px; } .personal-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { text-align: left; font-size: 15px; margin: 20px 0 20px 0; } .personal-nav .tab-content-wrapper .blurb h2 { text-align: left; font-size: 26px; } .personal-nav .tab-content-wrapper .blurb p { text-align: left; font-size: 15px; } } table.product-table { border: 1px solid #e5e5e5; } .product-table thead td, .product-table th { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: .1px; text-align: left; padding: 30px 40px; border-right: 1px solid #e5e5e5; } .product-table th:last-child { border-right: 0; } .page-wealth thead { background-color: #686663; color: #e2dfdb; border: none; } @charset "UTF-8"; .questionnaire { background-color: #f7f9fa; position: relative; height: 600px; } .questionnaire .content-header { position: absolute; width: 100%; height: 60px; top: 0; left: 0; right: 0; overflow: hidden; padding: 60px 40px; } .questionnaire .content-header .tagline { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; color: #2c3e50; line-height: 80px; position: absolute; display: block; text-align: center; top: 0; left: 0; right: 0; width: 100%; } .questionnaire .content-header .icon.icon-x-large { position: absolute; top: 30px; right: 40px; } .questionnaire .content-header .back-button { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; color: #f18231; position: absolute; top: 5px; left: 40px; } .questionnaire .content-header .back-button::before { content: "\e934"; font-family: 'mbt-v1' !important; font-size: 50px; display: inline; vertical-align: middle; } .questionnaire .question { padding: 20px 0; text-align: center; } .questionnaire .question span { display: block; font-size: 120px; margin-bottom: 10px; } .questionnaire .question p { font-family: AvenirLTStd-Medium; font-size: 15px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; text-align: center; color: #6f7b85; } .questionnaire .question h3 { font-family: AvenirLTStd-Medium; font-size: 32px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.31; text-align: center; color: #1a2c3d; margin-bottom: 40px; } .questionnaire .question ul { margin: 0; padding: 0; list-style: none; width: 100%; } .questionnaire .question ul li { display: inline-block; text-align: center; color: #f18231; font-weight: bold; font-weight: 500; font-family: AvenirLTStd-Medium; font-size: 16px; height: 44px; line-height: 44px; border-radius: 100px; border: solid 1px #f18231; } .questionnaire .question ul li.active { color: #fff; background-color: #f18231; } .questionnaire .question ul li:hover, .questionnaire .question ul li:focus { color: #fff; background-color: #f18231; } .questionnaire .question ul.options3 { margin: 0 auto; } .questionnaire .question ul.options3 a { text-align: center; display: block; } .questionnaire .question ul.options3 li { width: 300px; margin: 8px; } .questionnaire .question ul.options4 { margin: 0 auto; } .questionnaire .question ul.options4 li { width: 220px; margin: 8px; } .questionnaire .question ul.options4 a:nth-child(2):after { content: "\A"; white-space: pre; } .questionnaire .question ul.options5 { margin: 0 auto; } .questionnaire .question ul.options5 li { width: 220px; margin: 8px; } .questionnaire .question ul.options5 a:nth-child(3):after { content: "\A"; white-space: pre; } .questionnaire .question ul.options6 { margin: 0 auto; } .questionnaire .question ul.options6 li { width: 260px; margin: 8px; } .questionnaire .question ul.options6 a:nth-child(3):after { content: "\A"; white-space: pre; } .questionnaire .loading-results { height: 250px; } .questionnaire .loading-results p { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #1a2c3d; position: absolute; top: 62%; left: 50%; width: 562px; height: 27px; margin-top: -13px; margin-left: -275px; } @keyframes spinner { to { transform: rotate(360deg); } } @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } .questionnaire .loading-results .spinner { min-width: 30px; min-height: 30px; } .questionnaire .loading-results .spinner:before { content: 'Loading…'; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .questionnaire .loading-results .spinner:not(:required):before { content: ''; border-radius: 50%; border: 3px solid #ccc; border-top-color: #f18231; animation: spinner .6s linear infinite; -webkit-animation: spinner .6s linear infinite; } .questionnaire .questionnaire-counter { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; } .questionnaire .questionnaire-counter ul { height: 3px; width: 100%; padding: 0 40px 60px 40px; box-sizing: border-box; margin: 0; list-style: none; text-align: center; } .questionnaire .questionnaire-counter ul li { height: 100%; height: 3px; width: 16%; padding: 0 4px; box-sizing: border-box; background-color: #bebebe; display: inline-block; } .questionnaire .questionnaire-counter ul li.active { background-color: #f18231; } .questionnaire .recommendations { display: table; padding: 60px 20px; margin: 0 auto; width: 80%; } .questionnaire .recommendations main, .questionnaire .recommendations aside { display: table-cell; margin: 0 auto; box-sizing: border-box; vertical-align: top; } .questionnaire .recommendations main h3, .questionnaire .recommendations aside h3 { font-family: AvenirLTStd-Medium; font-size: 21px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.1px; color: #1a2c3d; } .questionnaire .recommendations main { width: 66%; padding-right: 40px; } .questionnaire .recommendations main h1 { font-family: AvenirLTStd-Medium; font-size: 45px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.07; color: #2c3e50; margin-bottom: 20px; } .questionnaire .recommendations main h3 { margin-top: -30px; } .questionnaire .recommendations main h3::before { content: "\e938"; font-size: 100px; vertical-align: middle; font-family: 'mbt-v1' !important; padding-right: 10px; } .questionnaire .recommendations main p { font-family: AvenirLTStd-Light; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: 0.1px; color: #505050; margin-bottom: 20px; } .questionnaire .recommendations aside { width: 33%; border-left: 1px solid #e0e0e0; padding-left: 30px; } .questionnaire .recommendations aside h3 { margin-bottom: 25px; } .questionnaire .recommendations aside article { margin-bottom: 20px; } .questionnaire .recommendations aside article h4 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; color: #2c3e50; } .questionnaire .recommendations aside article p { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: 0.1px; color: #505050; margin-bottom: 10px; } .questionnaire .recommendations aside article a { font-family: AvenirLTStd-Medium; font-size: 16px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 0.1px; text-align: center; color: #f18231; } .questionnaire .recommendations aside article a::after { content: "\e935"; font-family: 'mbt-v1' !important; font-size: 35px; vertical-align: middle; } @media screen and (max-width: 1024px) { .questionnaire { height: 500px; } .questionnaire .content-header { position: absolute; width: 100%; height: 80px; padding: 30px 30px; } .questionnaire .content-header .tagline { font-size: 17px; top: 25px; left: 0; right: 0; width: 100%; padding: 0 20px; } .questionnaire .content-header .icon.icon-x-large { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background-size: 20px; } .questionnaire .content-header .back-button { top: -5px; left: 20px; } .questionnaire .question { padding: 20px 0; text-align: center; } .questionnaire .question span { display: block; font-size: 75px; margin-top: 10px; margin-bottom: 0; } .questionnaire .question p { font-size: 14px; margin-bottom: 6px; } .questionnaire .question h3 { font-size: 28px; margin-bottom: 30px; } .questionnaire .recommendations { display: table; padding: 40px 20px; margin: 0 auto; width: 100%; } .questionnaire .recommendations main, .questionnaire .recommendations aside { display: table-cell; margin: 0 auto; box-sizing: border-box; vertical-align: top; } .questionnaire .recommendations main h3, .questionnaire .recommendations aside h3 { font-size: 18px; } .questionnaire .recommendations main { width: 60%; padding-right: 15px; } .questionnaire .recommendations main h1 { font-size: 32px; margin-bottom: 15px; } .questionnaire .recommendations main h3 { margin-top: -35px; } .questionnaire .recommendations main h3::before { content: "\e938"; font-size: 100px; vertical-align: middle; font-family: 'mbt-v1' !important; padding-right: 10px; } .questionnaire .recommendations main p { font-size: 16px; margin-bottom: 15px; } .questionnaire .recommendations aside { width: 40%; border-left: 1px solid #e0e0e0; padding-left: 15px; } .questionnaire .recommendations aside h3 { margin-bottom: 25px; } .questionnaire .recommendations aside article { margin-bottom: 20px; } .questionnaire .recommendations aside article h4 { font-size: 16px; margin-bottom: 6px; } .questionnaire .recommendations aside article p { font-size: 15px; margin-bottom: 10px; } .questionnaire .recommendations aside article a { font-size: 15px; } .questionnaire .recommendations aside article a::after { content: "\e935"; font-family: 'mbt-v1' !important; font-size: 35px; vertical-align: middle; } } @media screen and (max-width: 850px) { .questionnaire .question ul.options3, .questionnaire .question ul.options4, .questionnaire .question ul.options5, .questionnaire .question ul.options6 { margin: 0 auto; } .questionnaire .question ul.options3 li, .questionnaire .question ul.options4 li, .questionnaire .question ul.options5 li, .questionnaire .question ul.options6 li { width: 220px; margin: 8px 0; } .questionnaire .question ul.options3 a:nth-child(2):after, .questionnaire .question ul.options4 a:nth-child(2):after, .questionnaire .question ul.options5 a:nth-child(2):after, .questionnaire .question ul.options6 a:nth-child(2):after { content: ""; white-space: normal; } .questionnaire .question ul.options3 a:nth-child(3):after, .questionnaire .question ul.options4 a:nth-child(3):after, .questionnaire .question ul.options5 a:nth-child(3):after, .questionnaire .question ul.options6 a:nth-child(3):after { content: ""; white-space: normal; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .questionnaire { height: auto; padding: 0 20px 20px 20px; } .questionnaire .content-header { position: relative; width: 100%; height: auto; top: 0; left: 0; right: 0; overflow: hidden; padding: 75px 0 0 0; } .questionnaire .content-header .tagline { font-size: 16px; position: static; display: block; text-align: center; bottom: 0; left: 0; right: 0; width: 100%; line-height: 1; padding: 0; } .questionnaire .content-header .icon.icon-x-large { position: absolute; top: 20px; right: 0; } .questionnaire .content-header .back-button { left: 0; } .questionnaire .question { padding: 0; text-align: center; } .questionnaire .question span { display: block; font-size: 65px; margin: 0; } .questionnaire .question p { font-size: 14px; } .questionnaire .question h3 { font-size: 26px; margin-bottom: 20px; } .questionnaire .question ul.options3 li, .questionnaire .question ul.options4 li, .questionnaire .question ul.options5 li, .questionnaire .question ul.options6 li { display: block; text-align: center; margin-left: auto; margin-right: auto; } .questionnaire .questionnaire-counter { position: absolute; top: 45px; left: 0; right: 0; height: 30px; } .questionnaire .questionnaire-counter ul { height: 3px; width: 100%; padding: 0 20px; box-sizing: border-box; margin: 0; list-style: none; text-align: center; } .questionnaire .questionnaire-counter ul li { height: 100%; height: 3px; width: 15%; padding: 0 4px; box-sizing: border-box; background-color: #bebebe; display: inline-block; } .questionnaire .questionnaire-counter ul li.active { background-color: #f18231; } .questionnaire .recommendations { display: block; padding: 0; margin: 0 auto; width: 100%; } .questionnaire .recommendations main, .questionnaire .recommendations aside { display: block; margin: 0 auto; box-sizing: border-box; vertical-align: top; } .questionnaire .recommendations main h3, .questionnaire .recommendations aside h3 { font-size: 16px; } .questionnaire .recommendations main { width: 100%; padding: 0 0 15px 0; border-bottom: 1px solid #e0e0e0; } .questionnaire .recommendations main h1 { font-size: 26px; } .questionnaire .recommendations main h3 { margin-top: -35px; } .questionnaire .recommendations main h3::before { content: "\e938"; font-size: 65px; vertical-align: middle; font-family: 'mbt-v1' !important; padding-right: 10px; } .questionnaire .recommendations main p { font-size: 15px; margin-bottom: 15px; } .questionnaire .recommendations aside { width: 100%; border: none; padding-left: 0; margin-top: 15px; } .questionnaire .recommendations aside h3 { margin-bottom: 25px; } .questionnaire .recommendations aside article { margin-bottom: 20px; } .questionnaire .recommendations aside article h4 { font-size: 16px; margin-bottom: 6px; } .questionnaire .recommendations aside article p { font-size: 15px; margin-bottom: 5px; } .questionnaire .recommendations aside article a { font-size: 15px; } .questionnaire .recommendations aside article a::after { content: "\e935"; font-family: 'mbt-v1' !important; font-size: 35px; vertical-align: middle; } } .solutions-tabs .tab-selector .tab-trigger { display: inline-block; float: left; padding: 0 5px; width: 33.3333333333%; } .solutions-tabs .tab-selector .tab-trigger a { display: block; width: 100%; height: 82px; text-align: center; background-color: #eff3f5; border: solid 1px #e0e0e0; border-radius: 4px 4px 0 0; font-family: 'AvenirLTStd-Roman'; font-size: 21px; line-height: 82px; color: #646464; } .solutions-tabs .tab-selector .tab-trigger a.active { background-color: #f7f9fa; color: #f18231; border-bottom: solid 1px #f7f9fa; } .solutions-tabs .tab-content.ng-hide { height: 0; width: 0; opacity: 0; } .solutions-tabs .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 74px 60px 40px; border: 1px solid #e0e0e0; border-bottom: 0; } .solutions-tabs .tab-content-wrapper .columns { text-align: center; margin-bottom: 40px; } .solutions-tabs .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .solutions-tabs .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .solutions-tabs .tab-content-wrapper .columns p { margin: 0; font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; text-align: center; color: #666; } .solutions-tabs .tab-content-wrapper .learn-link { margin-top: 50px; text-align: center; } .solutions-tabs .tab-content-wrapper .learn-link a { font-size: 18px; } @media screen and (max-width: 1024px) { .solutions-tabs .tab-selector .tab-trigger a { height: 52px; font-size: 15px; line-height: 52px; } .solutions-tabs .tab-content-wrapper { padding: 40px 50px; margin-right: 5px; } .solutions-tabs .tab-content-wrapper .columns { padding: 0 30px; position: relative; } .solutions-tabs .tab-content-wrapper .columns .icon-wrap { position: absolute; top: 4px; left: 40px; } .solutions-tabs .tab-content-wrapper .columns .icon-wrap .icon { background-size: 100%; width: 32px; height: 32px; } .solutions-tabs .tab-content-wrapper .columns .icon-label { margin-bottom: 8px; padding-left: 60px; text-align: left; font-size: 16px; } .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 36px; padding-left: 60px; font-size: 15px; line-height: 1.47; text-align: left; } .solutions-tabs .tab-content-wrapper .learn-link { margin-top: 0; } .solutions-tabs .tab-content-wrapper .learn-link a { font-size: 15px; } } @media screen and (max-width: 745px) { .solutions-tabs .tab-selector .tab-trigger:last-child { padding-right: 0; } .solutions-tabs .tab-content-wrapper { padding: 20px; margin-right: 0; } .solutions-tabs .tab-content-wrapper .columns p { padding-left: 0; } } @media handheld and (orientation: landscape) { .solutions-tabs .tab-selector .tab-trigger:last-child { padding-right: 0; } .solutions-tabs .tab-content-wrapper { padding: 20px; margin-right: 0; } .solutions-tabs .tab-content-wrapper .columns { margin-bottom: 15px; } .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 0; } } @media screen and (max-width: 375px) { .solutions-tabs .tab-selector .tab-trigger:last-child { padding-right: 0; } .solutions-tabs .tab-content-wrapper { padding: 20px; margin-right: 0; } .solutions-tabs .tab-content-wrapper .columns { margin-bottom: 15px; } .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 0; } .solutions-tabs .tab-content-wrapper .columns { width: 100%; } .solutions-tabs .tab-content-wrapper .columns .icon-label { margin-bottom: 16px; padding-left: 60px; } .solutions-tabs .tab-content-wrapper .columns p { margin-bottom: 30px; padding-left: 0; } } .wealth-nav .tertiary-nav-scrolled { background-color: #53514e; } .wealth-nav .thin-login-menu { border-radius: 4px; background-color: #53514e; border: solid 1px #6f6f6f; padding: 25px; } .wealth-nav .thin-login-menu h3 { font-family: AvenirLTStd-Medium; font-size: 20px; font-weight: bold; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 15px; } .wealth-nav .thin-login-menu h4 { font-family: AvenirLTStd-Light; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: 0.1px; color: #dddddd; text-align: left; padding-bottom: 14px; } .wealth-nav .thin-login-menu p { font-family: AvenirLTStd-Light; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.47; color: #dddddd; text-align: left !important; } .wealth-nav .thin-login-menu p.login-info { padding-bottom: 20px; } .wealth-nav .thin-login-menu .button-row { margin: 13px 0; } .wealth-nav .thin-login-menu .small a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.23; letter-spacing: 0.1px; text-align: center; color: #9b9b9b; } .wealth-nav .thin-login-menu h4.accordion-trigger { margin: 0; padding: 0; cursor: pointer; } .wealth-nav .thin-login-menu .accordian-panel.active .accordion-content { display: inline-block; border: none; background-color: none; margin-top: 5px 0 0 0; padding: 10px 0 0 0; } .wealth-nav .nav-selector .nav-trigger { padding: 0; flex: 1; } .wealth-nav .nav-selector .nav-trigger a { display: block; width: 100%; height: 106px; text-align: center; background-color: #5d5a58; border: solid 1px #6f6f6f; border-radius: 0; font-family: 'AvenirLTStd-Medium'; font-size: 16px; line-height: 1em; color: #dddddd; font-weight: 300; } .wealth-nav .nav-selector .nav-trigger a span { font-size: 70px; display: block; text-align: center; margin-bottom: -5px; } .wealth-nav .nav-selector .nav-trigger a.active { background-color: #53514e; color: #38bfcd; border-bottom: none; font-weight: bold; font-family: AvenirLTStd-Medium; font-weight: 500; } .wealth-nav .tab-content-wrapper { margin-top: -1px; margin-left: 5px; margin-right: 6px; padding: 40px 0 45px; } .wealth-nav .tab-content-wrapper .columns { text-align: center; } .wealth-nav .tab-content-wrapper .columns .icon-container { height: 100px; width: 100px; } .wealth-nav .tab-content-wrapper .columns .icon-label { margin-top: 10px; margin-bottom: 15px; text-align: center; font-size: 18px; color: #2c3e50; } .wealth-nav .tab-content-wrapper .columns p { margin: 0; font-size: 16px; font-family: 'AvenirLTStd-Roman'; line-height: 1.31; text-align: center; color: #666; } @media screen and (max-width: 1024px) { .wealth-nav .nav-selector .nav-trigger a { font-size: 12px; line-height: 1em; padding: 0; height: 64px; } .wealth-nav .nav-selector .nav-trigger a span { font-size: 35px; margin-bottom: 0; } .wealth-nav .tab-content-wrapper .blurb h2 { font-size: 28px; } .wealth-nav .tab-content-wrapper .blurb p { font-size: 16px; } .wealth-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { font-size: 21px; } .wealth-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 18px; } .wealth-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 16px; } } @media screen and (max-width: 745px), handheld and (orientation: landscape) { .wealth-nav { height: 0; } .wealth-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-name { font-size: 15px; } .wealth-nav .tab-content-wrapper .team-accordian .accordion-content .team-member-title { font-size: 14px; } .wealth-nav .tab-content-wrapper .team-accordian .accordian-panel > h3 { text-align: left; font-size: 15px; margin: 20px 0 20px 0; } .wealth-nav .tab-content-wrapper .blurb h2 { text-align: left; font-size: 26px; } .wealth-nav .tab-content-wrapper .blurb p { text-align: left; font-size: 15px; } } .gallery { position: relative; height: auto; width: 100%; margin: 20px 0; } .gallery .swiper-container { height: 300px; margin-left: auto; margin-right: auto; } .gallery .image-section { width: 48%; padding-right: 2%; height: auto; display: table-cell; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; } .gallery .text-section { display: table-cell; width: 42%; height: auto; padding-left: 30px; padding-top: 9px; } .gallery .text-section h2 { font-family: AvenirLTStd-Light; font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.2px; color: #2c3e50; } .gallery .text-section p { font-family: AvenirLTStd-Light; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.9; letter-spacing: 0.1px; color: #646464; } .gallery .swiper-slide { background-size: cover; background-position: center; } .gallery .gallery-top { height: 440px; width: 92%; max-width: 1200px; margin-bottom: 27px; } .gallery .gallery-top .swiper-slide { display: table; } .gallery .gallery-thumbs { width: 92%; max-width: 1200px; height: 100px; box-sizing: border-box; padding: 10px 0; } .gallery .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; border-radius: 5px; } .gallery .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery .swiper-button-next { background-image: url("../../static/p6/images/gallery/carousel-arrow-right.png"); right: 0; } .gallery .swiper-button-prev { background-image: url("../../static/p6/images/gallery/carousel-arrow-left.png"); left: 0; } .gallery .swiper-button-next, .gallery .swiper-button-prev { position: absolute; top: 50%; width: 60px; height: 80px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 60px 80px; -webkit-background-size: 60px 80px; background-size: 60px 80px; background-position: center; background-repeat: no-repeat; } .gallery .sliderImage1 { background-image: url("../../static/p6/images/about/shutterstock-426215854.png"); } .gallery .sliderImage2 { background-image: url("../../static/p6/images/about/shutterstock-426215855.png"); } .gallery .sliderImage3 { background-image: url("../../static/p6/images/community/exampleImage.png"); } .gallery .sliderImage4 { background-image: url("../../static/p6/images/community/exampleImage2.png"); } .gallery .sliderImage5 { background-image: url("../../static/p6/images/community/teach-children-slider.png"); } .gallery .sliderImage6 { background-image: url("../../static/p6/images/community/shutterstock-335452592.png"); } .gallery .sliderImage7 { background-image: url("../../static/p6/images/community/volunteer.png"); } .gallery .sliderImage8 { background-image: url("../../static/p6/images/wealth/striped-fish.png"); } .gallery .sliderImage9 { background-image: url("../../static/p6/images/wealth/sea-snail.png"); } .gallery .sliderImage10 { background-image: url("../../static/p6/images/wealth/reef.png"); } .gallery-swiper.offset { overflow: hidden; } .gallery-swiper.offset .gallery { margin: 0; } .gallery-swiper.offset .gallery .gallery-top { height: 506px; } .gallery-swiper.offset .gallery .swiper-container { overflow: inherit; } .gallery-swiper.offset .gallery .swiper-slide { width: 120%; } .gallery-swiper.offset .gallery .swiper-slide:first-child { margin-left: -10%; } .gallery-swiper.offset .gallery .image-section { width: 100%; padding-right: 2%; height: auto; border-radius: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } @media screen and (max-width: 1024px) { .gallery .image-section { width: 48%; padding-right: 2%; height: auto; display: table-cell; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; } .gallery .text-section h2 { font-size: 21px; } .gallery .text-section p { font-size: 16px; line-height: 24px; } .gallery .swiper-button-next, .gallery .swiper-button-prev { width: 48px; height: 64px; -moz-background-size: 48px 64px; -webkit-background-size: 48px 64px; background-size: 48px 64px; } .gallery .gallery-top { width: 70%; } .gallery .gallery-thumbs { width: 70%; } .gallery-swiper.offset .gallery { margin: 0; } .gallery-swiper.offset .gallery .gallery-top { height: 332px; } } @media screen and (max-width: 745px) { .gallery { display: block; } .gallery .image-section { width: 100%; padding: 0%; height: 200px; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; } .gallery .text-section { width: 100%; display: block; padding: 30px 0 0 0; } .gallery .text-section h2 { font-size: 21px; } .gallery .text-section p { font-size: 16px; } .gallery .swiper-button-next, .gallery .swiper-button-prev { top: 20%; width: 35px; height: 46px; -moz-background-size: 35px 46px; -webkit-background-size: 35px 46px; background-size: 35px 46px; } .gallery .gallery-top { width: 80%; height: auto; } .gallery .gallery-thumbs { display: none; opacity: 0; } .gallery-swiper.offset { margin-top: 30px; } .gallery-swiper.offset .gallery .image-section { display: table-cell; } .gallery-swiper.offset .gallery .swiper-button-next, .gallery-swiper.offset .gallery .swiper-button-prev { top: 50%; } .gallery-swiper.offset .gallery .gallery-top { height: 182px; } .gallery-swiper.offset .gallery .swiper-slide:first-child { margin-left: -10%; } } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @font-face { font-family: 'mbt-v1'; src: url("Styles/fonts/mbt-v14e1d.eot?scur93"); src: url("Styles/fonts/mbt-v14e1d.eot?scur93#iefix") format("embedded-opentype"), url("Styles/fonts/mbt-v14e1d.ttf?scur93") format("truetype"), url("Styles/fonts/mbt-v14e1d.woff?scur93") format("woff"), url("Styles/fonts/mbt-v14e1d.svg?scur93#mbt-v1") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'mbt-v2'; src: url("Styles/fonts/mbt-v2680b.eot?2hf7t0"); src: url("Styles/fonts/mbt-v2680b.eot?2hf7t0#iefix") format("embedded-opentype"), url("Styles/fonts/mbt-v2680b.ttf?2hf7t0") format("truetype"), url("Styles/fonts/mbt-v2680b.woff?2hf7t0") format("woff"), url("Styles/fonts/mbt-v2680b.svg?2hf7t0#mbt-v2") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('Styles/fonts/icomoonaccb.eot?5fcm9f'); src: url('Styles/fonts/icomoonaccb.eot?5fcm9f#iefix') format('embedded-opentype'), url('Styles/fonts/icomoonaccb.ttf?5fcm9f') format('truetype'), url('Styles/fonts/icomoonaccb.woff?5fcm9f') format('woff'), url('Styles/fonts/icomoonaccb.svg?5fcm9f#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="mbt2-"], [class*=" mbt2-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mbt-v2' !important; } [class^="mbt-"], [class*=" mbt-"] , [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; } [class^="icon-"], [class*=" icon-"], [class^="mbt2-"], [class*=" mbt2-"], [class^="mbt-"], [class*=" mbt-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-126:before { content: "\e97d"; } .icon-127:before { content: "\e97e"; } .icon-128:before { content: "\e97f"; } .icon-129:before { content: "\e980"; } .icon-130:before { content: "\e981"; } .icon-131:before { content: "\e982"; } .icon-132:before { content: "\e983"; } .icon-133:before { content: "\e984"; } .icon-134:before { content: "\e985"; } .icon-135:before { content: "\e986"; } .icon-136:before { content: "\e989"; } .icon-137:before { content: "\e98a"; } .mbt2-123:before { content: "\e899"; } .mbt2-124:before { content: "\e900"; } .mbt2-125:before { content: "\e901"; } .mbt-001:before { content: "\e901"; } .mbt-002:before { content: "\e902"; } .mbt-003:before { content: "\e903"; } .mbt-004:before { content: "\e904"; } .mbt-005:before { content: "\e905"; } .mbt-006:before { content: "\e906"; } .mbt-007:before { content: "\e907"; } .mbt-008:before { content: "\e908"; } .mbt-009:before { content: "\e909"; } .mbt-010:before { content: "\e90a"; } .mbt-011:before { content: "\e90b"; } .mbt-012:before { content: "\e90c"; } .mbt-013:before { content: "\e90d"; } .mbt-014:before { content: "\e90e"; } .mbt-015:before { content: "\e90f"; } .mbt-016:before { content: "\e910"; } .mbt-017:before { content: "\e911"; } .mbt-018:before { content: "\e912"; } .mbt-019:before { content: "\e913"; } .mbt-020:before { content: "\e914"; } .mbt-021:before { content: "\e915"; } .mbt-022:before { content: "\e916"; } .mbt-023:before { content: "\e917"; } .mbt-024:before { content: "\e918"; } .mbt-025:before { content: "\e919"; } .mbt-026:before { content: "\e91a"; } .mbt-027:before { content: "\e91b"; } .mbt-028:before { content: "\e91c"; } .mbt-029:before { content: "\e91d"; } .mbt-030:before { content: "\e91e"; } .mbt-031:before { content: "\e91f"; } .mbt-032:before { content: "\e920"; } .mbt-033:before { content: "\e921"; } .mbt-034:before { content: "\e922"; } .mbt-035:before { content: "\e923"; } .mbt-036:before { content: "\e924"; } .mbt-037:before { content: "\e925"; } .mbt-038:before { content: "\e926"; } .mbt-039:before { content: "\e927"; } .mbt-040:before { content: "\e928"; } .mbt-041:before { content: "\e929"; } .mbt-042:before { content: "\e92a"; } .mbt-043:before { content: "\e92b"; } .mbt-044:before { content: "\e92c"; } .mbt-045:before { content: "\e92d"; } .mbt-046:before { content: "\e92e"; } .mbt-047:before { content: "\e92f"; } .mbt-048:before { content: "\e930"; } .mbt-049:before { content: "\e931"; } .mbt-050:before { content: "\e932"; } .mbt-051:before { content: "\e933"; } .mbt-052:before { content: "\e934"; } .mbt-053:before { content: "\e935"; } .mbt-054:before { content: "\e936"; } .mbt-055:before { content: "\e937"; } .mbt-056:before { content: "\e938"; } .mbt-057:before { content: "\e939"; } .mbt-058:before { content: "\e93a"; } .mbt-059:before { content: "\e93b"; } .mbt-060:before { content: "\e93c"; } .mbt-061:before { content: "\e93d"; } .mbt-062:before { content: "\e93e"; } .mbt-063:before { content: "\e93f"; } .mbt-064:before { content: "\e940"; } .mbt-065:before { content: "\e941"; } .mbt-066:before { content: "\e942"; } .mbt-067:before { content: "\e943"; } .mbt-068:before { content: "\e944"; } .mbt-069:before { content: "\e945"; } .mbt-070:before { content: "\e946"; } .mbt-071:before { content: "\e947"; } .mbt-072:before { content: "\e948"; } .mbt-073:before { content: "\e949"; } .mbt-074:before { content: "\e94a"; } .mbt-075:before { content: "\e94b"; } .mbt-076:before { content: "\e94c"; } .mbt-077:before { content: "\e94d"; } .mbt-078:before { content: "\e94e"; } .mbt-079:before { content: "\e94f"; } .mbt-080:before { content: "\e950"; } .mbt-081:before { content: "\e951"; } .mbt-082:before { content: "\e952"; } .mbt-083:before { content: "\e953"; } .mbt-084:before { content: "\e954"; } .mbt-085:before { content: "\e955"; } .mbt-086:before { content: "\e956"; } .mbt-087:before { content: "\e957"; } .mbt-088:before { content: "\e958"; } .mbt-089:before { content: "\e959"; } .mbt-090:before { content: "\e95a"; } .mbt-091:before { content: "\e95b"; } .mbt-092:before { content: "\e95c"; } .mbt-093:before { content: "\e95d"; } .mbt-094:before { content: "\e95e"; } .mbt-095:before { content: "\e95f"; } .mbt-096:before { content: "\e960"; } .mbt-097:before { content: "\e961"; } .mbt-098:before { content: "\e962"; } .mbt-099:before { content: "\e963"; } .mbt-100:before { content: "\e964"; } .mbt-101:before { content: "\e965"; } .mbt-102:before { content: "\e966"; } .mbt-103:before { content: "\e967"; } .mbt-104:before { content: "\e968"; } .mbt-105:before { content: "\e969"; } .mbt-106:before { content: "\e96a"; } .mbt-107:before { content: "\e96b"; } .mbt-108:before { content: "\e96c"; } .mbt-109:before { content: "\e96d"; } .mbt-110:before { content: "\e96e"; } .mbt-111:before { content: "\e96f"; } .mbt-112:before { content: "\e970"; } .mbt-113:before { content: "\e971"; } .mbt-114:before { content: "\e972"; } .mbt-115:before { content: "\e973"; } .mbt-116:before { content: "\e974"; } .mbt-117:before { content: "\e975"; } .mbt-118:before { content: "\e976"; } .mbt-119:before { content: "\e977"; } .mbt-120:before { content: "\e978"; } .mbt-121:before { content: "\e979"; } .mbt-122:before { content: "\e97a"; } .mbt-123:before { content: "\e97b"; } .mbt-124:before { content: "\e97c"; } .mbt-125:before { content: "\e97d"; } .mbt-126:before { content: "\e97e"; } .mbt-127:before { content: "\e97f"; } .mbt-128:before { content: "\e980"; } .mbt-129:before { content: "\e981"; } .mbt-130:before { content: "\e982"; } .mbt-131:before { content: "\e983"; } .mbt-132:before { content: "\e984"; } .mbt-133:before { content: "\e985"; } .mbt-134:before { content: "\e986"; } .mbt-135:before { content: "\e900"; } .mbt-136:before { content: "\e987"; } .mbt-137:before { content: "\e988"; } .mbt-138:before { content: "\e989"; } .mbt-139:before { content: "\e98a"; } .mbt-140:before { content: "\e98b"; } .mbt-141:before { content: "\e98c"; } .text-danger { margin-left: 10px; }