@charset "UTF-8"; .owl-carousel, .owl-carousel .owl-wrapper { display: none; position: relative; } .bg-img-cover, .ui-icon { background-repeat: no-repeat; } .owl-controls, html { -webkit-tap-highlight-color: transparent; } .ui-dialog, .ui-menu, a:active, a:hover { outline: 0; } .ui-button, .ui-spinner, .ui-spinner-input, img, picture { vertical-align: middle; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .grabbing { cursor: url(grabbing.png) 8 8, move; } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /*! * * JP Morgan and Chase Co. Career * http://careers.jpmorgan.com * * ---------------------------------------------- * By default all styles are shared between JPMC and JPM. * Style variation is done via the "body." class * For instance, it is or * Refer to "core/_variables" for the theme namespace. * * ---------------------------------------------- * * AUTHOR(s) * * Razorfish * http://razorfish.com * **/ /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ 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 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents 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; } /** * Addresses 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 ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ 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. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ 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. * 4. Improves appearance and consistency in all browsers. */ 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. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ 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: default; } /** * 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; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ 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. */ 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. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ 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; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { animation-name: fadeInUp; } .module.accordion ul, .module.accordion ol, .accordion ul, .accordion ol { padding-left: 45.304px; padding-right: 45.304px; } .img-hover-dim:after { background-clip: padding-box; } *, *:before, *:after { box-sizing: border-box; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } @font-face { font-family: "Amplitude Light"; font-weight: normal; font-style: normal; src: url("../fonts/amplitude-light/amplitude-light.eot"); src: url("../fonts/amplitude-light/amplitude-light.eot?#iefix") format("embedded-opentype"), url("../fonts/amplitude-light/amplitude-light.woff") format("woff"), url("../fonts/amplitude-light/amplitude-light.ttf") format("truetype"), url("../fonts/amplitude-light/amplitude-light.svg#Amplitude Light") format("svg"); } @font-face { font-family: "JPMC Icons"; font-weight: normal; font-style: normal; src: url("../fonts/jpmc-icons/jpmc-icons.eot"); src: url("../fonts/jpmc-icons/jpmc-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/jpmc-icons/jpmc-icons.woff") format("woff"), url("../fonts/jpmc-icons/jpmc-icons.ttf") format("truetype"), url("../fonts/jpmc-icons/jpmc-icons.svg#JPMC Icons") format("svg"); } html { height: 100%; font-size: 100%; font-smooth: always; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; } body { height: 100%; overflow-x: hidden; -ms-font-feature-settings: "kern", "liga", "pnum"; font-feature-settings: "kern", "liga", "pnum"; font-family: Arial, Helvetica, sans-serif; font-size: 1.125rem; font-weight: 200; line-height: 1.56; font-smooth: always; -webkit-font-smoothing: antialiased; color: #212121; background-color: #0f2d51; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } @media (max-width: 767px) { body.is-hover-active { overflow: hidden; } } main { background-color: #f5f4ee; } h1, h2, h3, h4, h5, h6, .header-font-family { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.125rem; font-weight: 200; line-height: 1.3; margin: 0 0 14px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .header-font-family small { font-size: 80%; color: #545454; line-height: 0; } html.jp *, html.jp body * { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, sans-serif !important; } html.jp [class^="icon-"], html.jp [class*=" icon-"], html.jp body [class^="icon-"], html.jp body [class*=" icon-"] { font-family: 'jpmc-icons' !important; } h4, h5, h6 { font-weight: 300; } h1, .alpha { font-size: 4rem; line-height: 4.375rem; } h2, .beta { font-size: 2.875rem; line-height: 3.5rem; } h3, .gamma { font-size: 2rem; line-height: 2.625rem; } h4, .delta { font-size: 1.375rem; line-height: 1.75rem; } h5, .epsilon { font-size: 1.125rem; line-height: 1.75rem; } h6, .zeta { font-size: 0.875rem; line-height: 1.75rem; } @media (max-width: 767px) { h1, .alpha { font-size: 2.625rem; line-height: 3.0625rem; } h2, .beta { font-size: 2.25rem; line-height: 2.625rem; } h3, .gamma { font-size: 1.625rem; line-height: 2.1875rem; } h4, .delta { font-size: 1.375rem; line-height: 1.75rem; } h5, .epsilon { font-size: 1.125rem; line-height: 1.75rem; } h6, .zeta { font-size: 0.875rem; line-height: 1.75rem; } } .large-x { font-size: 4.875rem; line-height: 5.25rem; } p { margin: 0 0 14px; } small, .small { font-size: 0.855rem; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input::-ms-clear { display: none; } label { font-size: 1.125rem; line-height: 1.25rem; } input[type="checkbox"] { border: 1px solid #D84A24; line-height: 1.25rem; } dt, dd { margin-left: 0; } dt { font-weight: 700; } a { color: #D84A24; text-decoration: none; } a:hover, a:focus { color: #963419; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none; } a.disabled { cursor: default !important; } p a { color: #D84A24; border-bottom: 1px solid transparent; } p a:hover, p a:focus { text-decoration: none; border-color: #D84A24; } p a.reset-link-border { border: 0 none; } a[ng-click] { cursor: pointer; } ul, ol { margin: 0; padding: 0; } ul.unstyled, ul.no-dots, ol.unstyled, ol.no-dots { list-style: none; } article ul, article ol, p ul, p ol { margin: 14px 28px; } blockquote { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; margin: 0; padding: 0; } blockquote::before { font-size: 4.875rem; } blockquote footer { font-size: 1.125rem; } figure { margin: 0; } img, picture { margin: 0; vertical-align: middle; color: transparent; } img img, picture img { max-width: 100%; } img source, picture source { margin: 0; padding: 0; height: 0; width: 0; display: none; max-width: 100%; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-circle, .img-rounded { border-radius: 9999em; } .img-profile { border-radius: 9999em; width: 214px; height: 214px; } @media (min-width: 768px) and (max-width: 991px) { .img-profile { width: 132.26205px; height: 132.26205px; } } a.img-hover, a.img-hover-rounded { display: block; } a.img-hover img, a.img-hover-rounded img { border: 0 none; } .has-img-hover { position: relative; border: 0 none; padding: 0; overflow: hidden; } .img-hover-dim:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: none; } .img-hover-dim:hover:after { background: rgba(0, 0, 0, 0.1); } .img-hover-full:after { margin-left: 32px; margin-right: 32px; } @media (max-width: 767px) { .img-hover-full:after { margin-left: 20px; margin-right: 20px; } } a.img-hover-rounded .has-img-hover:after { border-radius: 9999em; } .bttrlazyloading-loaded, .lazy, .bttrlazyloading-loaded:hover, .lazy:hover, .bttrlazyloading-loaded:focus, .lazy:focus { background: transparent !important; } noscript { display: block; } hr { margin-top: 28px; margin-bottom: 28px; border: 0; border-top: 1px solid #e6e6db; } [role="button"] { cursor: pointer; } body.jpm, body.jpm main { background-color: #f5f4ee; } @media (min-width: 480px) and (max-width: 991.99999px) { .nav-main { width: 130px; float: right; } .footer-legal { height: auto; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 32px; padding-right: 32px; } .container-fluid:after { content: ""; display: table; clear: both; } .row { margin-left: -32px; margin-right: -32px; } .row:after { content: ""; display: table; clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 32px; padding-right: 32px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-bold { font-weight: 700; } .vertical-align { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .horizontal-align { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .img-xs-responsive { display: block; max-width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 991px) { .img-sm-responsive { display: block; max-width: 100%; height: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .img-md-responsive { display: block; max-width: 100%; height: auto; } } @media (min-width: 1200px) { .img-lg-responsive { display: block; max-width: 100%; height: auto; } } @media (max-width: 767px) { .text-xs-left { text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .text-sm-left { text-align: left; } } @media (min-width: 992px) and (max-width: 1199px) { .text-md-left { text-align: left; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } } @media (max-width: 767px) { .text-xs-center { text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .text-sm-center { text-align: center; } } @media (min-width: 992px) and (max-width: 1199px) { .text-md-center { text-align: center; } } @media (min-width: 1200px) { .text-lg-center { text-align: center; } } @media (max-width: 767px) { .text-xs-right { text-align: right; } } @media (min-width: 768px) and (max-width: 991px) { .text-sm-right { text-align: right; } } @media (min-width: 992px) and (max-width: 1199px) { .text-md-right { text-align: right; } } @media (min-width: 1200px) { .text-lg-right { text-align: right; } } .display-block { display: block; } .display-inline-block { display: inline-block; } .disable-scroll { overflow: hidden; } .float-right { float: right; } .float-left { float: left; } .clearfix:after { content: ""; display: table; clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .link-bordered a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; } .link-bordered a:hover, .link-bordered a:active { border-bottom-color: inherit; } .module-padding-top-default { padding-top: 84px; } .module-padding-bottom-default { padding-bottom: 84px; } .module-margin-top-default { margin-top: 84px; } .module-margin-bottom-default { margin-bottom: 84px; } .module-spacing-base { margin-bottom: 28px !important; } .module-spacing-base-both { margin-bottom: 28px !important; margin-top: 28px !important; } .module-spacing-small { margin-bottom: 14px !important; } .module-spacing-small-both { margin-bottom: 14px !important; margin-top: 14px !important; } .module-spacing-medium { margin-bottom: 56px !important; } .module-spacing-medium-both { margin-bottom: 56px !important; margin-top: 56px !important; } .module-spacing-large { margin-bottom: 84px !important; } .module-spacing-large-both { margin-bottom: 84px !important; margin-top: 84px !important; } .module-spacing-large-x { margin-bottom: 112px !important; } .module-spacing-large-x-both { margin-bottom: 112px !important; margin-top: 112px !important; } .module-padding-base { padding-bottom: 28px !important; } .module-padding-base-both { padding-bottom: 28px !important; padding-top: 28px !important; } .module-padding-small { padding-bottom: 14px !important; } .module-padding-small-both { padding-bottom: 14px !important; padding-top: 14px !important; } .module-padding-medium { padding-bottom: 56px !important; } .module-padding-medium-both { padding-bottom: 56px !important; padding-top: 56px !important; } .module-padding-large { padding-bottom: 84px !important; } .module-padding-large-both { padding-bottom: 84px !important; padding-top: 84px !important; } .module-padding-large-x { padding-bottom: 112px !important; } .module-padding-large-x-both { padding-bottom: 112px !important; padding-top: 112px !important; } .module-padding-hor-base { padding-left: 28px !important; } .module-padding-hor-base-both { padding-left: 28px !important; padding-right: 28px !important; } .module-padding-hor-small { padding-left: 14px !important; } .module-padding-hor-small-both { padding-left: 14px !important; padding-right: 14px !important; } .module-padding-hor-medium { padding-left: 56px !important; } .module-padding-hor-medium-both { padding-left: 56px !important; padding-right: 56px !important; } .module-padding-hor-large { padding-left: 84px !important; } .module-padding-hor-large-both { padding-left: 84px !important; padding-right: 84px !important; } .module-padding-hor-large-x { padding-left: 112px !important; } .module-padding-hor-large-x-both { padding-left: 112px !important; padding-right: 112px !important; } .module-padding-all-base { padding: 28px !important; } .module-padding-all-small { padding: 14px !important; } .module-padding-all-medium { padding: 56px !important; } .module-padding-all-large { padding: 84px !important; } .module-padding-all-large-x { padding: 112px !important; } @media (max-width: 767px) { .has-sibling { margin-bottom: 28px; } } .absolute-env { position: relative; } .border-reset { border: 0 none !important; } .has-border { border: 1px solid #e6e6db; } .has-padding { padding: 28px; } .has-padding-top { padding-top: 28px; } .padding-reset { padding: 0 !important; } .padding-reset-top { padding-top: 0 !important; } .padding-reset-right { padding-right: 0 !important; } .padding-reset-bottom { padding-bottom: 0 !important; } .padding-reset-left { padding-left: 0 !important; } .margin-reset { margin: 0 !important; } .margin-reset-top { margin-top: 0 !important; } .margin-reset-right { margin-right: 0 !important; } .margin-reset-bottom { margin-bottom: 0 !important; } .margin-reset-left { margin-left: 0 !important; } .margin-pull-both { margin-left: -16px; margin-right: -16px; } /* * localized debug **/ .debug-border { border: 1px solid red; } .debug-border.red { border-color: red; } .debug-border.blue { border-color: blue; } .debug-border.green { border-color: green; } .debug-border.black { border-color: black; } .debug-border.white { border-color: white; } .debug-bg { background-color: yellow; } .debug-bg.yellow { background-color: yellow; } .debug-bg.red { background-color: red; } .debug-bg.green { background-color: green; } .debug-bg.blue { background-color: blue; } .opacity-reset { opacity: 1 !important; } .text-shadow { text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .bg-img-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .is-centered { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @font-face { font-family: 'jpmc-icons'; src: url(data:application/octet-stream;base64,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) format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'jpmc-icons' !important; 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-location:before { content: "\e639"; } .icon-grid-fill:before { content: "\e636"; } .icon-grid:before { content: "\e637"; } .icon-list-fill:before { content: "\e638"; } .icon-undo:before { content: "\e63c"; } .icon-arrow-down-fill:before { content: "\e600"; } .icon-arrow-down-stroke:before { content: "\e601"; } .icon-arrow-down:before { content: "\e602"; } .icon-arrow-left-fill:before { content: "\e603"; } .icon-arrow-left-stroke:before { content: "\e604"; } .icon-arrow-left:before { content: "\e605"; } .icon-arrow-right-fill:before { content: "\e606"; } .icon-arrow-right-stroke:before { content: "\e607"; } .icon-arrow-right:before { content: "\e608"; } .icon-arrow-up-fill:before { content: "\e609"; } .icon-arrow-up-stroke:before { content: "\e60a"; } .icon-arrow-up:before { content: "\e60b"; } .icon-calendar-fill:before { content: "\e60c"; } .icon-calendar-stroke:before { content: "\e60d"; } .icon-calendar:before { content: "\e60e"; } .icon-circle-fill:before { content: "\e60f"; } .icon-clock:before { content: "\e610"; } .icon-close-fill:before { content: "\e611"; } .icon-close-small:before { content: "\e612"; } .icon-close-stroke:before { content: "\e613"; } .icon-close:before { content: "\e614"; } .icon-dots:before { content: "\e615"; } .icon-facebook-fill:before { content: "\e616"; } .icon-facebook-stroke:before { content: "\e617"; } .icon-facebook:before { content: "\e618"; } .icon-hamburger-small:before { content: "\e619"; } .icon-hamburger-stroke:before { content: "\e61a"; } .icon-hamburger:before { content: "\e61b"; } .icon-linkedin-fill:before { content: "\e61c"; } .icon-linkedin-stroke:before { content: "\e61d"; } .icon-linkedin:before { content: "\e61e"; } .icon-location-fill:before { content: "\e61f"; } .icon-location-stroke:before { content: "\e620"; } .icon-loction:before { content: "\e621"; } .icon-menu-fill:before { content: "\e622"; } .icon-minus-fill:before { content: "\e623"; } .icon-minus-stroke:before { content: "\e624"; } .icon-minus:before { content: "\e625"; } .icon-open-fill:before { content: "\e626"; } .icon-open-stroke:before { content: "\e627"; } .icon-open:before { content: "\e628"; } .icon-play:before { content: "\e629"; } .icon-plus-fill:before { content: "\e62a"; } .icon-plus-stroke:before { content: "\e62b"; } .icon-plus:before { content: "\e62c"; } .icon-search-fill:before { content: "\e62d"; } .icon-search-stroke:before { content: "\e62e"; } .icon-search:before { content: "\e62f"; } .icon-twitter-fill:before { content: "\e630"; } .icon-twitter-stroke:before { content: "\e631"; } .icon-twitter:before { content: "\e632"; } .icon-youtube-fill:before { content: "\e633"; } .icon-youtube-stroke:before { content: "\e634"; } .icon-youtube:before { content: "\e635"; } .icon-instagram-fill:before { content: "\e900"; } .icon-instagram-stroke:before { content: "\e901"; } .icon-instagram:before { content: "\e902"; } .icon-instagram-footer-fill:before { content: "\e901"; } .icon-instagram-footer-stroke:before { content: "\e901"; } .icon-instagram-footer:before { content: "\e901"; } .icon-people-play:before { content: "\e906"; } .icon-people-read:before { content: "\e905"; } .list-nav { display: inline-block; list-style-type: none; padding: 0; margin: 0; overflow: hidden; } .list-nav > li { padding: 0; float: left; display: block; } .list-nav > li a { padding: 0.05em 0.1em; } .list-nav > li:last-child { margin-right: 0; } .list-nav-right { display: inline-block; list-style-type: none; padding: 0; margin: 0; overflow: hidden; float: right; } .list-nav-right > li { padding: 0; float: left; display: block; } .list-nav-right > li a { padding: 0.05em 0.1em; } .list-nav-right > li:first-child { margin-left: 0; } .list-nav-centered { display: inline-block; list-style-type: none; padding: 0; margin: 0; overflow: hidden; text-align: center; } .list-nav-centered > li { padding: 0; display: inline; } .list-nav-centered > li a { padding: 0.05em 0.1em; display: inline-block; } .list-nav-centered li { padding: 7px; } @media (max-width: 767px) { .list-nav-centered li { display: block; } } .circles { position: relative; margin: auto; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-weight: 100; color: #545454; } .circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block; } .circle-info, .circle-info-half { color: #999; } .circles .fa { margin: -10px 3px 0 3px; position: relative; bottom: 4px; } .stat-circle { text-align: center; } .stat-circle__percentage .circle-text:after { font-size: 40%; content: "%"; margin-right: -26px; } .stat-circle__env .carousel-controls, .stat-circle__env .owl-controls { margin-top: 45.304px !important; } .txt-text { padding: 28px; } @media (min-width: 991px) { .txt-text { padding: 28px 0 0; } } .txt-bq { padding: 7px 56px; } @media (max-width: 767px) { .txt-bq { padding: 56px 28px; } } .title-desc { margin-top: 0; margin-bottom: 0; text-align: center; } @media (max-width: 767px) { .title-desc { text-align: left; } } .title-desc__title, .title-desc__desc { margin: 0; padding: 0 0 1em 0; } .title-desc__title { margin-bottom: 0; } @media (max-width: 767px) { .title-desc__title { margin-bottom: 0; } } .title-desc__desc { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.375rem; } .link-block { position: relative; display: block; height: 270px; padding: 28px; text-decoration: none; text-align: center; background: #ffffff; color: #212121; } @media (max-width: 767px) { .link-block { height: 210px; } } .link-block:hover, .link-block:focus { text-decoration: none; color: #212121; } .link-block__title { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 90%; } .link-block__title:after { display: block; font-family: 'jpmc-icons'; font-size: 2rem; color: #D84A24; content: ""; margin-top: 14px; } .txt-block-btn { text-align: center; } .txt-block-btn__desc { margin-top: 28px; margin-bottom: 56px; } .txt-block-btn__desc { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.375rem; } .txtimg-option__txt { padding: 28px; background: yellow; } .txtimg-option__image { float: right; margin: 0 0 0 51%; width: 50%; } .txtimg-option__image img { display: block; } /* A generic style for modules which have full covered image and text on top of it. HTML structure

My City

That Country

*/ .img-caption { position: relative; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; } .img-caption__image { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: -1px; } .img-caption__content { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; padding: 30px 0; pointer-events: none; z-index: 1; } @media (max-width: 767px) { .img-caption__content { padding: 10px 0; } } .img-caption__content a, .img-caption__content a:hover, .img-caption__content a:focus { text-decoration: none; } .img-caption__title, .img-caption__subtitle, .img-caption__desc { color: #ffffff; margin: 0; padding: 0; } .img-caption__subtitle { text-transform: uppercase; font-size: 1.375rem; } @media (max-width: 767px) { .img-caption__subtitle { font-size: 1.375rem; } } .img-caption__desc { margin: 28px auto; } .img-caption__cta { margin: 28px auto 0; } .img-caption-square { height: 325px; } .img-caption-square .img-block { position: relative; top: 0; width: 100%; height: 100%; } .img-caption-square .img-caption__image { width: 100%; height: 100%; } .img-caption-button__content { padding: 28px 28px 0; color: #212121; } .img-caption-button__content .img-caption__title, .img-caption-button__content .img-caption__subtitle, .img-caption-button__content .img-caption__desc { color: inherit; } @media (min-width: 991px) { .img-caption-button__content .img-caption__title, .img-caption-button__content .img-caption__subtitle, .img-caption-button__content .img-caption__desc { text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px; } } .img-caption-button__content .img-caption__cta { margin-top: 7px; } @media (min-width: 991px) { .img-caption-button__content { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; max-width: 740px; text-align: center; padding: 30px 0; color: #ffffff; } .img-caption-button__content .img-caption__cta { margin-top: 56px; } } @media (min-width: 991px) { .img-caption-full .img-caption__title { font-size: 4.875rem; margin-bottom: 14px; } } .img-round-label { display: block; text-decoration: none; text-align: center; } .img-round-label .has-img-hover { width: 213px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .img-round-label .has-img-hover { width: 160px; } } .img-round-label span, .img-round-label img { max-width: 100%; width: 213px; background: none; border-radius: 9999em; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .img-round-label span, .img-round-label img { width: 160px; } } .img-round-label:hover, .img-round-label:focus { text-decoration: none; } .img-round-label__caption { margin-top: 14px; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.375rem; } .img-txt-split { position: relative; overflow: hidden; margin: 0 auto; padding: 0; } @media (min-width: 991px) { .img-txt-split { height: 476px; overflow: hidden; } } @media (max-width: 991px) { .img-txt-split { height: auto !important; } } .img-txt-split__img { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .img-txt-split__image { width: 100%; } @media (min-width: 991px) { .img-txt-split__image { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } } @media (max-width: 991px) { .img-txt-split__image { position: relative; height: auto; } } .img-txt-split__content--wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .img-txt-split__content--wrap .right { float: right; } @media (max-width: 991px) { .img-txt-split__content--wrap { position: relative; } } .img-txt-split__content { position: relative; height: 476px; background: rgba(255, 255, 255, 0.76); padding: 56px; overflow: hidden; } @media (max-width: 991px) { .img-txt-split__content { padding: 28px 0; background: transparent; height: auto !important; } } .img-txt-split__content--bacon { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .img-txt-split__content--bacon { top: 0; -ms-transform: none; transform: none; } } /* * A split image with content inside aligned centrally in the middle * with a call to actio button tucked at the bottom center. * * An overlay will cover the entire display area of the "image-split-full" container. */ .imgsplit-full__env { position: relative; } .imgsplit-full__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #D84A24; padding: 56px 33px 56px 56px; } @media (max-width: 767px) { .imgsplit-full__overlay { padding: 56px 31px; } } .imgsplit-full__close { position: absolute; top: 28px; right: 28px; z-index: 103; text-decoration: none; color: #ffffff; } .imgsplit-full__close:hover, .imgsplit-full__close:focus { color: inherit; text-decoration: none; } .imgsplit-full__overlay--content { text-align: left; color: #ffffff; } @media (max-width: 767px) { .imgsplit-full__overlay--content { margin-left: 0; margin-right: 0; padding: 16px; max-height: 100%; } } .imgsplit-full__overlay--content a { text-decoration: underline; color: inherit; } .imgsplit-full { position: relative; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; } .imgsplit-full a, .imgsplit-full a:hover, .imgsplit-full a:focus { text-decoration: none; } .imgsplit__image { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .imgsplit__content { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; color: #ffffff; } .imgsplit__title { display: inline-block; } @media (max-width: 767px) { .imgsplit__title { font-size: 2.625rem; } } .imgsplit__cta { position: absolute; right: 0; bottom: 84px; left: 0; } @media (min-width: 768px) and (max-width: 991px) { .imgsplit__cta { bottom: 28px; } } @media (max-width: 767px) { .imgsplit__cta { bottom: 45px; } } .imgtxtbtn .btn { margin-top: 14px; } .imgtxtbtn__text { margin: 0; padding: 28px; } .content-multi .text-env, .content-multi .image-text-env { vertical-align: middle; padding: 28px 0; } @media (min-width: 991px) { .content-multi .video-image-env, .content-multi .text-env, .content-multi .image-text-env { display: table-cell; height: 360px; overflow: hidden; } .content-multi .image-text-env { height: 325px; padding: 0; min-width: 325px; } .content-multi .image-text-env .txt-text { margin: 0; padding-left: 28px; padding-right: 28px; } .content-multi .image-text-env .txt-text h3 { font-size: 4rem; line-height: 100%; } } @media (min-width: 991px) and (min-width: 768px) and (max-width: 991px) { .content-multi .image-text-env .txt-text h3 { font-size: 2.625rem; } } @media (min-width: 991px) { .content-multi .image-text-env .txt-text p { font-size: 0.875rem; } .content-multi .text-in-textimg .txt-text h3 { font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: 700; margin: 0; } .content-multi .text-in-textimg .txt-text p { font-size: 18px; } } .jpscroll { width: 100%; height: 100%; position: relative; overflow: hidden; } .jpscroll .jpscroll__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; padding-right: 7px; } .jpscroll .jpscroll__content:focus { outline: thin dotted; } .jpscroll .jpscroll__content::-webkit-scrollbar { display: none; } .jpscroll > .jpscroll__pane { width: 8px; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0; bottom: 0; border-radius: 9999em; transition: .2s; visibility: hidden\9; opacity: .01; } .jpscroll > .jpscroll__pane > .jpscroll__slider { background: #999; position: relative; margin: 0 1px; border-radius: 9999em; } .has-scrollbar > .jpscroll__content::-webkit-scrollbar { display: block; } .jpscroll:hover > .jpscroll__pane, .jpscroll__pane.active, .jpscroll__pane.flashed { visibility: visible\9; opacity: 0.99; } .scroll-top { display: none; position: fixed; right: 30px; bottom: 90px; } @media (max-width: 767px) { .scroll-top { visibility: hidden; display: none; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: -30px; } } .scroll-top a { font-size: 2.875rem; display: block; padding: 0; margin: 0; text-align: center; text-decoration: none; text-transform: uppercase; color: rgba(0, 0, 0, 0.1); transition-delay: 1s; } .scroll-top a:hover { color: rgba(0, 0, 0, 0.1); } /* * A loading spinner to show busy state to the user. * * USAGE: * Add a class, typically via JavaScript to any block container that needs a loading spinner -
* It will use an ":after" pseudo component to show the loading spinner. * If you would like to position it, calculate the width and height of the block container and add an additional class 'center' * Similarly, 'top' (default), 'left', 'right' and 'bottom' can be used too. * * QUIRKS * If the block container already has its pseudo ':after' used, * then just wrap a block container such as a 'DIV' around it and apply loader to it - '
'. * **/ .loader:before { position: relative; top: 0; left: 50%; display: inline-block; z-index: 900; opacity: 0.9; content: ''; overflow: hidden; text-indent: 100%; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkOTUzYzA3Zi1hNDcwLTQ1ZDEtODE4OS03OWI0ZGRlMWQ1OGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDYyMDg2NzQyQTBGMTFFNUIxMzhENDREQUE5OUE2QjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDYyMDg2NzMyQTBGMTFFNUIxMzhENDREQUE5OUE2QjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxNDMwMi1hZjlkLTQ2YmEtOWY5ZS0wN2QzNmYxOTNiYmYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZDk1M2MwN2YtYTQ3MC00NWQxLTgxODktNzliNGRkZTFkNThk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) no-repeat center center; animation: loader-rotate 700ms infinite linear; } .loader.center:before { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .loader.top:before { top: 0; } .loader.right:before { right: 0; left: 97.5%; } .loader.bottom:before { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 96.5%; } .loader.left:before { left: 0; } @keyframes loader-rotate { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } html.jp { font-size: 85%; } @media (min-width: 991px) { html.jp .nav-main > ul > li { padding: 0 11px; } } html.jp .nav-main .dropdown { padding: 0; } html.jp .jp-button-spacing-small { margin-right: 0; margin-bottom: 14px; } @media (min-width: 767px) { html.jp .jp-button-spacing-small { margin-right: 14px; margin-bottom: 0; } } @media (min-width: 991px) { html.jp .nav-main .navSearch { width: 3em; position: relative; padding: 0.9em 0.6em 0.7em 0.7em !important; height: 60px; cursor: pointer; } } html.jp body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", 'ＭＳ Ｐゴシック', Helvetica, sans-serif !important; } html.jp .programs-count-label + .programs-count-label, html.jp .programs-count-label#plural, html.jp .events-count-label + .events-count-label.plural { display: none; } html.jp .nav-main .nav-main-action { padding: 0; } body { -ms-overflow-style: scrollbar; } .navSearch svg#Layer_1 { height: 30.6px; } .ie8 .oldies__footer .container { width: 976px; } .ie8 .ie-lang__container { left: 66.66%; width: 33.33%; } .ie8 .ie-lang__container ul { list-style-type: none; display: inline-block; overflow: hidden; } .ie8 .ie-lang__container ul > li { float: left; display: block; margin-right: 5px; } .ie8 .ie-lang__container ul > li a { color: #000000; } .ie8 .ie-lang__container ul > li a:hover { text-decoration: none; } .ie8 .ie-lang__container ul > li:hover { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; } .ie8 .ie-lang__container ul > li.active { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; } .ie8 .jpmc .ie-lang__container ul > li a { color: #ffffff; } .ie8 .jpmc .ie-lang__container ul > li:hover { border-bottom-color: #ffffff; } .ie8 .jpmc .ie-lang__container ul > li.active { border-bottom-color: #ffffff; } .ie8 .ie-copyright__container { right: 33.3333%; width: 66.6667%; } .ie .btn.our-people-emp-quote > i { vertical-align: middle; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } @media (max-width: 767px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 8px; padding-right: 8px; } } @media (max-width: 767px) { .row { margin-left: -8px; margin-right: -8px; } } @media (min-width: 768px) and (max-width: 991px) { .row { margin-left: -40px; margin-right: -40px; } } .container { margin-right: auto; margin-left: auto; padding-left: 32px; padding-right: 32px; } .container:after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .container { width: 688px; } } @media (min-width: 992px) { .container { width: 976px; } } .container-highlight { margin-right: auto; margin-left: auto; padding-left: 32px; padding-right: 32px; max-width: 100%; } .container-highlight:after { content: ""; display: table; clear: both; } @media (min-width: 992px) { .container-highlight { width: 1324px; } } .container-centered { margin-right: auto; margin-left: auto; padding-left: 32px; padding-right: 32px; max-width: 100%; } .container-centered:after { content: ""; display: table; clear: both; } @media (min-width: 992px) { .container-centered { width: 674px; } } @media (max-width: 767px) { .container, .container-highlight, .container-centered { padding-left: 20px; padding-right: 20px; } } .rownomargin { margin: 0 !important; } .colnopadding { padding: 0 !important; } .colnotoppadding, .padding-reset-top { padding-top: 0 !important; } .colnobottompadding, .padding-reset-bottom { padding-bottom: 0 !important; } .colnorightpadding, .padding-reset-right { padding-right: 0 !important; } .colnoleftpadding, .padding-reset-left { padding-left: 0 !important; } @media (max-width: 767px) { .colnotoppadding-xs, .padding-reset-top-xs-small { padding-top: 0 !important; } .colnorightpadding-xs, .padding-reset-right-xs-small { padding-right: 0 !important; } .colnobottompadding-xs, .padding-reset-bottom-xs-small { padding-bottom: 0 !important; } .colnoleftpadding-xs, .padding-reset-left-xs-small { padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .colnotoppadding-sm, .padding-reset-top-small { padding-top: 0 !important; } .colnorightpadding-sm, .padding-reset-right-small { padding-right: 0 !important; } .colnobottompadding-sm, .padding-reset-bottom-small { padding-bottom: 0 !important; } .colnoleftpadding-sm, .padding-reset-left-small { padding-left: 0 !important; } } @media (min-width: 992px) and (max-width: 1199px) { .colnotoppadding-md, .padding-reset-top-md { padding-top: 0 !important; } .colnorightpadding-md, .padding-reset-right-md { padding-right: 0 !important; } .colnobottompadding-md, .padding-reset-bottom-md { padding-bottom: 0 !important; } .colnoleftpadding-md, .padding-reset-left-md { padding-left: 0 !important; } } @media (min-width: 1200px) { .colnotoppadding-lg, .padding-reset-top-lg { padding-top: 0 !important; } .colnorightpadding-lg, .padding-reset-right-lg { padding-right: 0 !important; } .colnobottompadding-lg, .padding-reset-bottom-lg { padding-bottom: 0 !important; } .colnoleftpadding-lg, .padding-reset-left-lg { padding-left: 0 !important; } } .margin-reset-top { margin-top: 0 !important; } .margin-reset-bottom { margin-bottom: 0 !important; } .margin-reset-right { margin-right: 0 !important; } .margin-reset-left { margin-left: 0 !important; } @media (max-width: 767px) { .margin-reset-left-xs-small { margin-left: 0 !important; } .margin-reset-right-xs-small { margin-right: 0 !important; } .margin-reset-top-xs-small { margin-top: 0 !important; } .margin-reset-bottom-xs-small { margin-bottom: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .margin-reset-top-small { margin-top: 0 !important; } .margin-reset-right-small { margin-right: 0 !important; } .margin-reset-bottom-small { margin-bottom: 0 !important; } .margin-reset-left-small { margin-left: 0 !important; } } @media (min-width: 992px) and (max-width: 1199px) { .margin-reset-top-md { margin-top: 0 !important; } .margin-reset-right-md { margin-right: 0 !important; } .margin-reset-bottom-md { margin-bottom: 0 !important; } .margin-reset-left-md { margin-left: 0 !important; } } @media (min-width: 1200px) { .margin-reset-top-lg { margin-top: 0 !important; } .margin-reset-right-lg { margin-right: 0 !important; } .margin-reset-bottom-lg { margin-bottom: 0 !important; } .margin-reset-left-lg { margin-left: 0 !important; } } @media (min-width: 767px) { .colnopadding-small-up { padding: 0; } .colnoleftpadding-small-up { padding-left: 0; } .colnorightpadding-small-up { padding-right: 0; } } @media (max-width: 767px) { .colnopadding-small-down { padding: 0; } .colnoleftpadding-small-down { padding-left: 0; } .colnorightpadding-small-down { padding-right: 0; } } .row-centered { text-align: center; } .col-centered { display: inline-block; float: none; vertical-align: top; margin-right: -5px; text-align: center; } .colpaddingleft-22 { padding-left: 22px; } .colpaddingright-22 { padding-right: 22px; } .colpadding-10 { padding: 0 10px; } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.fadeInUp { animation-duration: 400ms; } .animated.fadeIn { animation-duration: 800ms; } .color-white { color: #ffffff; } .color-red { color: #D84A24; } .bg-darkblue { background: #0f2d51; } .bg-off-white { background: #f5f4ee; } main > section:nth-of-type(even) { background-color: #ffffff; } .color-light { color: #ffffff; } .color-dark { color: #000000; } main, .module { position: relative; width: 100%; overflow: hidden; } main.overflow-visible, .module.overflow-visible { overflow: visible; } @media (max-width: 767px) { main.is-hover-active { z-index: 92; margin-top: 0 !important; } } .module { padding-top: 56px; padding-bottom: 56px; } @media (min-width: 767px) { .module { padding-top: 84px; padding-bottom: 84px; } } .module.no-module-padding, .module.padding-reset { padding: 0; } .module.no-top-module-padding, .module.padding-reset-top { padding-top: 0; } .module.no-bottom-module-padding, .module.padding-reset-bottom { padding-bottom: 0; } .module.no-module-margin, .module.margin-reset { margin: 0; } .module.no-top-module-margin, .module.margin-reset-top { margin-top: 0; } .module.no-bottom-module-margin, .module.margin-reset-bottom { margin-bottom: 0; } .module-text-block { padding: 120px 0; } .module-text-block .title-desc { margin-bottom: 0; } .module-padding-bottom { padding-bottom: 56px; } @media (min-width: 767px) { .module-padding-bottom { padding-bottom: 84px; } } .no-module-padding-top { padding-top: 0; } .module-padding { padding-top: 84px; padding-bottom: 84px; } .module-title { margin-bottom: 33px; } .module-welcomer { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; padding-top: 84px; text-transform: uppercase; font-weight: 700; display: block; } .module-welcomer:after { width: 10px; height: 10px; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 50px; content: ''; display: block; background: #D84A24; border-radius: 50%; } .module-welcomer:before { width: 1px; height: 50px; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0px; content: ''; display: block; background: #212121; border-radius: 50%; } @media (max-width: 767px) { .module-welcomer { padding-top: 42px; } .module-welcomer:after { top: 20px; } .module-welcomer:before { height: 20px; } } .link-wrapper { display: inline-block; } .dotted-line-divider:before, .dotted-line-divider:after { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; content: ''; bottom: 0; } .dotted-line-divider:before { width: 66px; height: 1px; } .dotted-line-divider:after { width: 10px; height: 10px; border-radius: 50%; background: #0f2d51; bottom: -5px; z-index: 2; border: 2px solid #f5f4ee; } @media (max-width: 767px) { .xs-module-divider { border-bottom: 1px solid #e6e6db; border-top: 1px solid #e6e6db; } } button, input[type=button], .btn { font-size: 0.875rem; font-weight: 700; display: inline-block; min-width: 200px; text-transform: uppercase; padding: 12px 24px; border-radius: 9999em; font-family: Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; border: 0 none; outline: none; } @media (max-width: 767px) { button, input[type=button], .btn { min-width: 240px; margin-left: auto; margin-right: auto; } } button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, .btn:hover, .btn:focus { cursor: pointer; text-decoration: none !important; } button.red, input[type=button].red, .btn.red { background: #D84A24; color: #ffffff; } button.red:hover, input[type=button].red:hover, .btn.red:hover { background: #ac3b1d; } button.light, input[type=button].light, .btn.light { background: #ffffff; color: #D84A24; } button.light:hover, input[type=button].light:hover, .btn.light:hover { background: #D84A24; color: #ffffff; } button.btn-outline.red, input[type=button].btn-outline.red, .btn.btn-outline.red { background: none; border: 1px solid #D84A24; color: #D84A24; } button.btn-outline.red:hover, input[type=button].btn-outline.red:hover, .btn.btn-outline.red:hover { background: #D84A24; color: #ffffff; } button.btn-outline.white, button.btn-outline.light, input[type=button].btn-outline.white, input[type=button].btn-outline.light, .btn.btn-outline.white, .btn.btn-outline.light { background: none; border: 1px solid #ffffff; color: #ffffff; } button.btn-outline.white:hover, button.btn-outline.light:hover, input[type=button].btn-outline.white:hover, input[type=button].btn-outline.light:hover, .btn.btn-outline.white:hover, .btn.btn-outline.light:hover { background: #ffffff; color: #D84A24; } button.disabled, input[type=button].disabled, .btn.disabled { pointer-events: none; cursor: default; background: #e8ebee; color: #ffffff; } button.disabled:hover, input[type=button].disabled:hover, .btn.disabled:hover { background: #e8ebee; color: #ffffff; } .round-btn { width: 35px; height: 35px; border-radius: 9999em; } .round-btn .line { position: relative; width: 12px; height: 2px; position: relative; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); display: block; margin-top: -2px; } .round-btn .line:before { position: absolute; width: 12px; height: 2px; content: ''; display: block; top: 5px; } .round-btn.red { background: #D84A24; } .round-btn.red .line { background: #ffffff; } .round-btn.red .line:before { background: #ffffff; } .round-btn.red.active { background: #ffffff; } .round-btn.red.active .line { background: #D84A24; } .round-btn.red.active .line:before { background: #D84A24; } .round-btn.active .line, .round-btn.active .line:before { -ms-transform-origin: top center; transform-origin: top center; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .round-btn.active .line { margin-left: -7px; margin-top: 0px; -ms-transform: rotate(-45deg) translate3d(0, 0, 0); transform: rotate(-45deg) translate3d(0, 0, 0); } .round-btn.active .line:before { -ms-transform: rotate(90deg) translate3d(0, 0, 0); transform: rotate(90deg) translate3d(0, 0, 0); margin-top: -4px; margin-left: 1px; } .cta { font-size: 0.875rem; line-height: 1.3125rem; font-family: Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; } .cta.large { font-size: 1.125rem; } /* * Styles for the Hero Unit. **/ .hero { height: 476px; text-align: center; color: #ffffff; background: #0f2d51; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 991px) { .hero { height: 320px; } } .hero.no-text-shadow .hero__title, .hero.no-text-shadow .hero__desc { text-shadow: none; } .hero.hero__dark { color: #212121; } .hero.hero__dark .hero__title, .hero.hero__dark .hero__desc { text-shadow: none; } .hero__content { height: 476px; position: relative; margin: 0; padding: 0; text-align: center; overflow: hidden; } .hero__content .hero__title, .hero__content .hero__desc { color: inherit; margin: 0; padding: 0; text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px; } .hero__content .hero__title { margin-top: 185px; font-size: 4rem; line-height: 0.96415; } .hero__content .hero__desc { line-height: 1.56; margin-top: 30px; font-size: 1.375rem; font-weight: 300; } @media (max-width: 991px) { .hero__content { height: 320px; } .hero__content .hero__title { margin-top: 100px; font-size: 2.25rem; } .hero__content .hero__desc { margin-top: 10px; font-size: 1.125rem; } } @media (min-width: 768px) and (max-width: 991px) { .hero__content { height: 320px; } .hero__content .hero__title { margin-top: 100px; font-size: 2.875rem; } .hero__content .hero__desc { margin-top: 10px; font-size: 1.125rem; } } .hero__content .hero__cta { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; display: inline-block; } @media (max-width: 991px) { .hero__content .hero__cta { display: block; } } .hero__content .hero__label { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 90px; display: inline-block; margin: 0 auto; padding: 7px 28px; background: rgba(0, 0, 0, 0.3); color: #ffffff; text-transform: uppercase; font-weight: 500; font-size: 0.875rem; white-space: nowrap; } @media (max-width: 991px) { .hero__content .hero__label { top: 40px; } } html.jp .hero__content .hero__label { font-size: 18px; } .home-hero .overlay-info-box, .home-hero .overlay-info-box.opacity-reset { background: #0f2d51; } /* hero dark text color */ .hero__content h1.darkText.hero__title { text-shadow: rgba(255, 255, 255, 0.5) 0 0 5px; color: #212121; } .header { transition: top 0.3s ease-in-out; position: fixed; top: 0; margin: 0; width: 100%; padding: 0; background: #0f2d51; color: #ffffff; z-index: 90; } @media (min-width: 991px) { .header { padding: 40px 0 0; } } .header + main, .header + .hero { margin-top: 60px; } @media (min-width: 991px) { .header + main, .header + .hero { margin-top: 100px; } } #sidebar + main { margin-top: 60px; } @media (min-width: 991px) { #sidebar + main { margin-top: 100px; } } @media (min-width: 991px) { .header--fixed { top: -40px; } } .header--hidden { top: -180px; } @media (min-width: 991px) { .header--hidden:after { position: absolute; top: 100%; display: block; content: ' '; width: 100%; height: 120px; background-color: transparent; } } .logo, .page-title { position: relative; height: 60px; line-height: 60px; z-index: 91; padding: 0; margin: 0; } .logo a { display: block; margin: 0; padding: 0; text-decoration: none; border: 0 none; text-align: left; } .page-title { margin: 0; padding-top: 0; padding-bottom: 0; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.125rem; } @media (min-width: 991px) { .page-title { display: none; } } @media (max-width: 991px) { .page-title + .logo { display: none; } } .logo__image { padding: 0; margin: 0; display: inline-block; } body.jpmc .logo__image { width: 214px; height: 14px; } @media (min-width: 991px) { body.jpmc .logo__image { width: 304px; height: 22px; } } body.jpm .header { background: #ffffff; } @media (max-width: 991px) { body.jpm .header { background: #f5f4ee; } } body.jpm .page-title { color: #212121; } body.jpm .logo__image { width: 125px; height: 25px; } @media (min-width: 991px) { body.jpm .logo__image { width: 165px; height: 34px; } } /* THE FOLLOWING TWO CLASSES KILL THE ANIMATED HEADER */ .header { padding: 0 !important; top: 0 !important; } @media (min-width: 991px) { .header + main, .header + .hero, #sidebar + main { margin-top: 60px; } } /* IE fix for search icon svg */ .ie .iconContainer svg { height: 30px; } .footer { position: relative; margin: 0; padding: 0; background: #ffffff; } .footer:after { content: ""; display: table; clear: both; } .footer-title { margin: 17.30532px 0; } .footer-main { font-size: 0.855rem; line-height: 1.872; color: #212121; padding: 14px 0 60px; } @media (min-width: 767px) { .footer-main { padding: 35px 0 76px; } } .footer-main ol, .footer-main ul { list-style: none; } .footer-main ol li, .footer-main ul li { list-style: none; margin: 0; padding: 0.14em 0; } .footer-main a { color: inherit; } .footer__content { position: relative; } @media (max-width: 767px) { .footer-link-jpmc { padding: 17.30532px 0; margin: 17.30532px 0; } } .footer__social { line-height: 2.2; font-size: 36px; color: #d9d9d9; } @media (max-width: 767px) { .footer__social { font-size: 46px; position: static; text-align: center; width: 100%; line-height: 46px; height: 46px; padding: 0; } } .footer__social a { text-decoration: none; border: 0 none; margin: 0; padding: 0; } .footer__social a:hover, .footer__social a:active { text-decoration: none; border: 0 none; } .footer__social a.twitter:hover, .footer__social a.twitter:active { color: #55acee; } .footer__social a.facebook:hover, .footer__social a.facebook:active { color: #4c769a; } .footer__social a.linkedin:hover, .footer__social a.linkedin:active { color: #0077b5; } .footer__social a.youtube:hover, .footer__social a.youtube:active { color: #e52d27; } .footer-legal { height: 84px; background: #0f2d51; color: #ffffff; padding: 28px 0; } .footer-legal:after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .footer-legal { height: auto; } } .footer-legal a { color: inherit; } .footer-copyright { font-size: 0.855rem; } @media (max-width: 767px) { .footer-copyright { text-align: center; } .footer-copyright span { display: block; } } .language-selector { color: inherit; font-size: 0.855rem; } .language-selector:after { content: ""; display: table; clear: both; } .language-selector a { color: inherit; text-decoration: none; border-bottom: 2px solid transparent; } .language-selector a:hover, .language-selector a:active { border-bottom-color: inherit; } .language-selector a { color: inherit; } @media (max-width: 767px) { .language-selector { margin-top: 28px; text-align: center; } .language-selector ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; overflow: hidden; text-align: center; } .language-selector ul > li { padding: 0; display: inline; } .language-selector ul > li a { padding: 0.05em 0.1em; display: inline-block; } } @media (min-width: 767px) { .language-selector ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; overflow: hidden; } .language-selector ul > li { padding: 0; float: left; display: block; } .language-selector ul > li a { padding: 0.05em 0.1em; } .language-selector ul > li:last-child { margin-right: 0; } } .language-selector ul { padding: 0; margin: 0; } .language-selector li { padding: 0; margin: 0; } .language-selector li:last-child:after { content: ""; } .language-selector li:after { margin-left: 0.6em; content: "/"; } .language-selector li.active a { border-bottom-color: #ffffff; } @media (max-width: 767px) { .language-selector li:after { content: "|"; } } footer .container .row .col-xs-12.col-sm-4 { padding-right: 0; } /*///////Social Footer Links //////////*/ #social-links-desktop ul ul li, #social-links-mobile ul ul li { height: 100%; font-size: 15px; color: #212121; background-color: #f7f7f7; z-index: 20; } #social-links-desktop ul ul::after, #social-links-mobile ul ul::after { content: " "; border-width: 10px; border-style: solid; } #social-links-desktop ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } #social-links-desktop ul li { position: relative; float: left; margin: 0; padding: 0 10px 0 0; width: 1.1975em; } #social-links-desktop ul li li:hover { color: #fff; background: #0F2D51; } #social-links-desktop ul ul { display: none; position: absolute; top: 90%; right: -55px; background: #fff; padding: 0; border: 1px solid #ddd; } #social-links-desktop ul ul li { text-align: center; float: none; padding: 0; margin: 0 auto; width: 150px; } #social-links-desktop ul li:hover > ul { display: block; } #social-links-desktop ul ul::after { position: absolute; bottom: 100%; left: 50%; margin-left: -13px; border-color: transparent transparent #D9D9D9; } #footer-main > div > div:nth-child(1) > div.col-xs-12.col-sm-4 { padding-right: 0; } #social-links-mobile ul { list-style: none; margin: 0; padding: 0; display: -ms-inline-flexbox; display: inline-flex; } #social-links-mobile ul li { float: left; margin: 0; padding: 0; } #social-links-mobile ul ul { display: none; position: relative; bottom: 100%; left: 0; background: #fff; padding: 0; } #social-links-mobile ul ul li { padding: 0 0 8px 5px; line-height: 39px; width: 300px; } #social-links-mobile ul li:hover > ul { display: block; position: relative; } #social-links-mobile ul ul::after { position: absolute; top: 100%; left: 25%; margin-left: -61px; border-color: #D9D9D9 transparent transparent; } #social-links-mobile .footer-social-divider, .footer-social-divider { width: 88%; margin: 0 auto; border-color: #bababa !important; position: relative; padding: 0; } .popr { display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; max-width: 44px; } .popr a { text-decoration: none; border: 0; display: block; } .popr-box { display: none; position: relative; } .popr_content { background-color: #d9d9d9; padding: 2px; margin: 0; } .popr_container_bottom, .popr_container_top { display: none; position: absolute; z-index: 1000; left: 43.5%; margin-left: -50px; border: 1px solid #9c9c9c; } .popr-item { font: 300 14px/1.7 Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; padding: 4px 29px 5px; } .popr-item:hover { color: #fff; background-color: #0F2D51; } .popr_container_bottom { margin-top: 60px; width: 100%; } .popr_container_top { bottom: 60px; width: 88%; } .popr_point_bottom, .popr_point_top { position: relative; background: #fff; border: 1px solid #dcdcdc; } .popr_point_top:after { border-top-color: #fff; border-width: 8px; left: 50%; margin-left: -8px; } .popr_point_top:before { border-top-color: #dcdcdc; border-width: 9px; left: 50%; margin-left: -9px; } .popr_point_bottom:after { border-bottom-color: #fff; border-width: 8px; left: 50%; margin-left: -8px; } .popr_point_bottom:before { border-bottom-color: #dcdcdc; border-width: 9px; left: 50%; margin-left: -9px; } .icon-instagram-footer-fill { font-size: 34.55px; line-height: -5px !important; } .footer__social a.instagram:active, .footer__social a.instagram:hover, li:hover a.instagram i, .footer__social a.instagram:focus { color: #ee33cc; } li:hover a.twitter i { color: #55acee; } li:hover a.facebook i { color: #4c769a; } li:hover a.linkedin i { color: #0077b5; } li:hover a.youtube i { color: #e52d27; } footer nav.language-selector ul { overflow: visible; } .module.asset-grid.divisions-hub .grid-contents .colnopadding .item { overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .module.asset-grid.divisions-hub .grid-contents .colnopadding .item img { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); min-height: 475px; max-width: none !important; max-height: 30em; } } .module.asset-grid .grid-contents { position: relative; display: block; overflow: hidden; } .module.asset-grid .grid-contents .module-spacing-xs-small { margin-bottom: 32px; } .module.asset-grid .grid-contents.inline-data-tab-grid-contents { height: 550px; } @media (min-width: 768px) and (max-width: 991px) { .module.asset-grid .grid-contents.inline-data-tab-grid-contents { height: 400px; } } @media (max-width: 767px) { .module.asset-grid .grid-contents.inline-data-tab-grid-contents { min-height: 100%; height: 100%; } } .module.asset-grid .grid-contents.inline-data-tab-grid-contents .row { margin-bottom: 0; } .module.asset-grid .grid-contents .row { position: relative; margin-bottom: 32px; } @media (max-width: 767px) { .module.asset-grid .grid-contents .row { margin-bottom: 20px; } } @media (max-width: 767px) { .module.asset-grid .grid-contents .col-sm-6 .item { margin-bottom: 20px; } } .module.asset-grid .grid-contents .item { position: relative; } .module.asset-grid .grid-contents .item.no-margin-bottom { margin-bottom: 0; } @media (max-width: 767px) { .module.asset-grid .grid-contents .item { min-height: 100%; } } .module.asset-grid .grid-contents .item a.link-wrapper { display: block; position: relative; height: 100%; width: 100%; } .module.asset-grid .grid-contents .item a.link-wrapper.left-align { float: left; } .module.asset-grid .grid-contents .item a.link-wrapper.left-align .media-container { position: relative; float: left; } .module.asset-grid .grid-contents .item a.link-wrapper.right-align { float: left; } .module.asset-grid .grid-contents .item a.link-wrapper.right-align .media-container { position: relative; float: right; } .module.asset-grid .grid-contents .item .info { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; } .module.asset-grid .grid-contents .item .info .info-wrapper { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #ffffff; } .module.asset-grid .grid-contents .item .info .info-wrapper.wsubtitle { margin-top: 25px; height: 100px; } .module.asset-grid .grid-contents .item .icon-right-cta { font-size: 40px; vertical-align: calc(-0.275em); padding-right: 5px; } .module.asset-grid .item.ico-info, .module.asset-grid .item.blockquote { padding: 80px 40px 60px; min-height: 440px; } @media (max-width: 767px) { .module.asset-grid .item.ico-info, .module.asset-grid .item.blockquote { min-height: 100%; padding: 30px; } } .module.asset-grid .item.blockquote { padding-top: 120px; } @media (max-width: 767px) { .module.asset-grid .item.blockquote { padding-top: 80px; } } .module.asset-grid .item.bg-darkblue { background: #0f2d51; color: #ffffff; } .module.asset-grid .item.text-content { padding: 32px; } @media (max-width: 767px) { .module.asset-grid .item.text-content { padding: 15.822px 25.6px; } } .module.asset-grid .item.text-content a { color: #ffffff; } .module.asset-grid .item.card { background: #ffffff; } .module.asset-grid .item.card figure { margin: 0; padding: 0; } .module.asset-grid .item.card figure img { display: block; } .module.asset-grid .item.card .content { padding: 40px; } .module.asset-grid .item.img-bg { position: relative; overflow: hidden; } .module.asset-grid .item.img-bg .module-bg { position: relative; top: 0; left: 0; z-index: 0; } .module.asset-grid .item.img-bg .play-btn { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .module.asset-grid .item.number-stat { position: relative; height: 325px; padding: 20px; } @media (min-width: 1199px) { .module.asset-grid .item.number-stat { padding: 0 50px; } } @media (max-width: 767px) { .module.asset-grid .item.number-stat .alpha { font-size: 4rem; line-height: 4.375rem; } } @media (max-width: 767px) { .module.asset-grid a.cta.icon { display: block; text-align: center; } } .module.asset-grid a.cta.icon.red:hover { color: #D84A24; } .module.asset-grid a.cta.icon .icon-right-cta.red { color: #D84A24; } .module.asset-grid a.cta.icon .icon-right-cta.red:hover { text-decoration: none; } .module.asset-grid a.cta.icon:hover { text-decoration: none; } .row:after { content: ""; display: table; clear: both; } .module.half-and-half.wborder { border: 1px solid #e6e6db; padding: 32px 34px; } .module.half-and-half.no-minheight-on-xs .item-wrapper { min-height: 100%; } .module.half-and-half.minheight-reset .item-wrapper { min-height: 100%; } .module.half-and-half .item-wrapper { min-height: 420px; } .module.half-and-half .item-wrapper h6.zeta { font-weight: 600; font-family: Arial, Helvetica, sans-serif; } .module.half-and-half .item-wrapper .text-wrapper { padding: 0 50px; } @media (max-width: 767px) { .module.half-and-half .item-wrapper .text-wrapper { padding: 0; } } .module.half-and-half .item-wrapper .round-number { display: inline-block; width: 54px; height: 54px; line-height: 54px; text-align: center; background: #fbfbf0; border-radius: 50%; } .module.half-and-half .item-wrapper .val { margin-bottom: 0; } .module.featured { position: relative; width: 100%; overflow: visible; text-align: center; transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .module.featured .item { position: relative; display: block; width: 100%; height: 100%; } @media (max-width: 767px) { .module.featured .item { margin-bottom: 30px; padding: 0 20px; } } .module.featured .item a { color: #D84A24; } .module.featured .item a.link-wrapper { float: none !important; } .module.featured .item a.link-wrapper figure { margin: 0 auto; max-width: 215px; } .module.featured .item a.link-wrapper figure.small-fig { max-width: 160px; } .module.featured .item a.link-wrapper .featured-loc__title { font-size: 0.97875rem; } .module.featured .item a.link-wrapper .small { color: #212121; } .module.featured .item a.link-wrapper:hover, .module.featured .item a.link-wrapper:focus { text-decoration: none; } .module.featured .item a.link-wrapper.is-active:after { font-family: 'jpmc-icons'; font-size: 26px; color: #ffffff; position: absolute; content: "\e614"; width: 54px; height: 54px; display: none; background: blue; top: 8px; right: 33px; border-radius: 50%; background: #D84A24; padding-top: 8px; padding-left: 3px; } .module.featured .item a:hover { text-decoration: none; } .module.featured .item span { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; display: block; margin-top: 15px; } .module.featured .item .has-img-hover span { margin-top: 0; } .module.accordion, .accordion { overflow: hidden; } .module.accordion .accordion-wrapper, .accordion .accordion-wrapper { position: relative; } .module.accordion .accordion__tittle, .accordion .accordion__tittle { margin-bottom: 28px; } .module.accordion .accordion__tittle--sub, .accordion .accordion__tittle--sub { margin-bottom: 28px; } .module.accordion .accordion-section, .accordion .accordion-section { transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .module.accordion .accordion-section-title, .module.accordion .accordion-section-content-wrapper, .accordion .accordion-section-title, .accordion .accordion-section-content-wrapper { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; padding: 0; } @media (min-width: 991px) { .module.accordion .accordion-section-title, .module.accordion .accordion-section-content-wrapper, .accordion .accordion-section-title, .accordion .accordion-section-content-wrapper { max-width: 100%; padding-right: 16px; } } .module.accordion .accordion-section-title, .accordion .accordion-section-title { position: relative; width: 100%; display: inline-block; padding: 28px 17.30532px 28px 0; border-top: 1px solid #e6e6db; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1.375rem; color: #212121; transition: all linear 0.15s; } .module.accordion .accordion-section-title:hover, .module.accordion .accordion-section-title:focus, .accordion .accordion-section-title:hover, .accordion .accordion-section-title:focus { text-decoration: none; } .module.accordion .accordion-section-title:hover, .accordion .accordion-section-title:hover { color: #D84A24; } .module.accordion .accordion-section-title:after, .accordion .accordion-section-title:after { position: absolute; top: 28px; right: 0; margin-left: 30px; font-family: 'jpmc-icons'; font-style: normal; float: right; display: inline-block; color: #D84A24; content: ""; } .module.accordion .accordion-section.active .accordion-section-title:after, .accordion .accordion-section.active .accordion-section-title:after { content: ""; } .module.accordion .accordion-section:first-child .accordion-section-title, .accordion .accordion-section:first-child .accordion-section-title { border: 0 none; } .module.accordion .accordion-section-content, .accordion .accordion-section-content { display: none; padding: 0; } .module.accordion .accordion-section-content-wrapper, .accordion .accordion-section-content-wrapper { padding-bottom: 56px; } .no-accordion-padding-top .module.accordion { padding-top: 0; padding-bottom: 2em; } @media (max-width: 727.999px) { ul.appProcess li a.tab:after { position: absolute; right: 20px; font-size: 1.3em; font-family: 'jpmc-icons'; font-style: normal; margin-top: -0.175em; display: inline-block; color: #D84A24; content: ""; } ul.appProcess li a.tab.active:after { content: ""; } } .module.toggle-accordion .toggle-accordion-trigger { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.875rem; text-transform: uppercase; font-weight: 700; width: auto; display: inline-block; top: 0; color: #212121; cursor: pointer; z-index: 2; margin-top: 26px; min-width: 300px; text-align: center; } .module.toggle-accordion .toggle-accordion-trigger i { font-size: 44px; color: #D84A24; display: block; margin-bottom: 1.125rem; text-align: center; } .module.toggle-accordion .toggle-accordion-trigger:hover, .module.toggle-accordion .toggle-accordion-trigger:focus { text-decoration: none; color: #212121; } .module.toggle-accordion .toggle-accordion-content-wrapper { position: relative; width: 100%; height: 100%; display: block; min-height: 110px; } .module.toggle-accordion .toggle-accordion-content { transition: background 400ms cubic-bezier(0.19, 1, 0.22, 1); position: relative; overflow: hidden; width: 100%; display: none; height: 100%; z-index: 1; background: #ffffff; /*&.active { > .container { border-top: 1px solid transparent; &:after { position: relative; width: 100%; display: block; content: ''; height: 1px; background: rgba($off-black, 0.05); bottom: -33px; left: 0; } } }*/ } .module.toggle-accordion .toggle-accordion-content > .container { padding-top: 105px; padding-bottom: 105px; } .module.toggle-accordion .toggle-accordion-content li a { color: #D84A24; font-size: 1rem; line-height: 2.625rem; } .module.toggle-accordion .toggle-accordion-content li a:hover { text-decoration: none; color: #212121; } .module.toggle-accordion .toggle-accordion-content .secondary-links li { font-size: 1rem; line-height: 1.75rem; color: #212121; } .module.tabs .tab-inline-data-wrapper { transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1); position: relative; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 1; z-index: 1; } .module.tabs .tab-inline-data-wrapper.ng-hide { opacity: 0; position: absolute; } .module.tabs .tab-inline-data-wrapper.ng-hide-add, .module.tabs .tab-inline-data-wrapper.ng-hide-remove { /* this needs to be here to make it visible during the animation since the .ng-hide class is already on the element rendering it as hidden. */ display: block !important; } .module.tabs .tabs-wrapper { background: #ffffff; padding: 14px 0 16px; } .module.tabs .tabs-wrapper.no-padding-top { padding-top: 0; } .module.tabs .tabs-wrapper.no-padding-bottom { padding-bottom: 0; } @media (max-width: 767px) { .module.tabs .tabs-wrapper { padding-left: 16px; padding-right: 16px; } } .module.tabs .tabs-wrapper.no-bg { background: none; } .module.tabs.tabs-active .tabs { max-height: 1200px; } .module.tabs.tabs-active .tabs-header:after { -ms-transform: rotate(180deg); transform: rotate(180deg); } .module.tabs .tabs-header { position: relative; text-align: left; font-size: 1.125rem; padding: 0; color: #212121; cursor: pointer; } .module.tabs .tabs-header:after { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 20px; font-family: 'jpmc-icons'; content: "\e602"; display: block; height: 20px; margin-top: -5px; } .module.tabs .tabs-header:active, .module.tabs .tabs-header:focus, .module.tabs .tabs-header:hover { color: #212121; text-decoration: none; } .module.tabs .tabs { transition: max-height 500ms cubic-bezier(0.19, 1, 0.22, 1); position: relative; overflow: hidden; width: 100%; display: block; text-align: center; height: 100%; max-height: auto; padding: 0; margin: 14px 0; } @media (max-width: 767px) { .module.tabs .tabs { max-height: 0; margin: 0; } } .module.tabs .tabs li { display: block; display: inline-block; margin: 0 14px; padding: 0; } .module.tabs .tabs li:first-child { margin-top: 14px; } @media (max-width: 767px) { .module.tabs .tabs li { margin: 0; width: 100%; } } .module.tabs .tabs li.active a { color: #212121; text-decoration: none; border-bottom: 2px solid #212121; } .module.tabs .tabs li a { display: inline-block; color: #D84A24; font-size: 1.125rem; border-bottom: 2px solid transparent; } @media (max-width: 767px) { .module.tabs .tabs li a { margin-bottom: 14px; } } .module.tabs .tabs li a:hover, .module.tabs .tabs li a:focus { color: #212121; text-decoration: none; border-bottom: 2px solid #212121; } .nav-main__container { height: 60px; } .nav-main { margin: 0; padding: 0; max-width: 100%; height: 60px; z-index: 70; background: #0f2d51; color: #ffffff; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; white-space: nowrap; } .nav-main ul li { list-style: none; margin: 0; padding: 0; } .nav-main > ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; float: right; } @media (max-width: 991px) { .nav-main > ul { display: none; position: fixed; top: 60px; right: 0; bottom: 0; left: 0; padding: 17.30532px 0 0; background: #0f2d51; z-index: 71; overflow-y: scroll; } } .nav-main > ul > li { margin: 0; padding: 10.6955px; display: block; } @media (min-width: 991px) { .nav-main > ul > li { float: left; margin: 0; padding: 0 17.30532px; } } .nav-main > ul > li a { display: block; margin: 0; padding: 0 17.30532px; height: 37.08282px; border: 0 none; line-height: 37.08282px; font-size: 1.25rem; font-weight: 300; color: #ffffff; text-decoration: none; } @media (min-width: 991px) { .nav-main > ul > li a { line-height: 60px; height: 60px; padding: 0; border-bottom: 4px solid transparent; } } .nav-main > ul > li a:hover, .nav-main > ul > li a:focus { color: #ffffff; } @media (min-width: 991px) { .nav-main > ul > li a:hover, .nav-main > ul > li a:focus { border-bottom-color: #D84A24; } } .nav-main > ul li.only-on-small { display: block; } @media (min-width: 991px) { .nav-main > ul li.only-on-small { display: none; } } @media (max-width: 991px) { .nav-main > ul li.active a { padding-left: 15.30532px; border-left: 4px solid #D84A24; } } @media (min-width: 991px) { .nav-main > ul li.active a { border-bottom-color: #D84A24; } } .nav-main .dropdown { background: #0f2d51; position: relative; margin: 0; padding: 0; } @media (min-width: 991px) { .nav-main .dropdown { padding: 0; height: 60px; } .nav-main .dropdown:hover .dropdown__title, .nav-main .dropdown:focus .dropdown__title { background-color: #D84A24; pointer-events: none; } .nav-main .dropdown:hover .dropdown__icon--env, .nav-main .dropdown:focus .dropdown__icon--env { background-color: none; } .nav-main .dropdown:hover .dropdown__icon, .nav-main .dropdown:focus .dropdown__icon { border-radius: 9999em; background: #D84A24; font-size: 32px; line-height: 32px; } .nav-main .dropdown:hover .dropdown__icon:before, .nav-main .dropdown:focus .dropdown__icon:before { content: ""; color: #ffffff; } } .nav-main .dropdown .dropdown__title { display: none; } @media (min-width: 991px) { .nav-main .dropdown .dropdown__title { display: block; line-height: 60px; border: 0 none; background-color: #071526; } .nav-main .dropdown .dropdown__title:focus { background-color: #071526; } } .nav-main .dropdown .dropdown__title--sm { display: block; text-transform: uppercase; font-size: 80%; border-top: 1px solid #ffffff; margin: 17.30532px 28px; color: #ffffff; } @media (min-width: 991px) { .nav-main .dropdown .dropdown__title--sm { display: none; visibility: hidden; height: 0; } } .nav-main .dropdown .dropdown__icon--env { position: relative; display: inline-block; height: 28px; width: 28px; border-radius: 9999em; background: #ffffff; color: #D84A24; bottom: -8px; padding: 0; margin: 0; margin-left: 60.5686px; } .nav-main .dropdown .dropdown__icon { position: absolute; top: -2px; right: 0; bottom: 0; left: -2px; font-family: 'jpmc-icons'; font-size: 32px; line-height: 32px; } @media (min-width: 991px) { .nav-main .dropdown > ul { display: none; position: absolute; top: 60px; right: 0; left: 0; height: auto; z-index: 72; background: #ffffff; border: 1px solid #e6e6db; margin: 0; padding: 0; } } .nav-main .dropdown > ul > li { width: 100%; float: none; margin: 0; padding: 10.6955px; } @media (min-width: 991px) { .nav-main .dropdown > ul > li { padding: 0; } } .nav-main .dropdown > ul > li.active a { padding-left: 15.30532px; border-left: 4px solid #D84A24; margin-left: -1px; } .nav-main .dropdown > ul > li.active:first-child a { margin-top: -1px; } .nav-main .dropdown > ul > li.active:last-child a { margin-bottom: -1px; } .nav-main .dropdown > ul > li a { display: block; margin: 0; padding: 0 17.30532px; height: 37.08282px; line-height: 37.08282px; border: 0 none; color: #ffffff; } @media (min-width: 991px) { .nav-main .dropdown > ul > li a { height: 60px; line-height: 60px; color: #D84A24 !important; background-color: #ffffff; font-size: 94%; } .nav-main .dropdown > ul > li a:hover, .nav-main .dropdown > ul > li a:focus { background-color: #e6e6db; color: #212121 !important; } } .nav-main .dropdown:hover a:after, .nav-main .dropdown:focus a:after { color: #ffffff; } .nav-main .dropdown:hover > ul, .nav-main .dropdown:focus > ul { display: block; } .nav-main .dropdown a { padding: 0 34.61063px; } @media (min-width: 991px) { .nav-main .dropdown a { padding-right: 17.30532px; padding-left: 17.30532px; } } .nav-main .nav-main-action { position: relative; line-height: 60px; display: block; color: #ffffff; text-decoration: none; float: left; padding: 0 17.30532px; text-decoration: none; } .nav-main .nav-main-action > span { text-transform: uppercase; font-size: 0.875rem; } @media (min-width: 991px) { .nav-main .nav-main-action { display: none; height: 0; width: 0; line-height: 0; } } body.header--fixed .page__nav.fixed-float-content { top: 80px; } .nav-main--open > span { display: none; } .nav-main--open .nav-main-action { color: transparent !important; } .nav-main--open .nav-main-action:after { font-family: 'jpmc-icons'; content: ""; color: #ffffff; position: absolute; top: 0.0625rem; right: 20px; content: ""; } .nav-main--open .nav-main-action > span { display: none; } @media (max-width: 991px) { .nav-main--open > ul { display: block; } } .page__nav { margin: 0; padding: 0; } .page__nav ul, .page__nav li { list-style: none; margin: 0; padding: 0; } .page__nav a.active { text-decoration: underline; } .page__nav.fixed-float-content { transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); position: fixed; top: 64.72px; } body.jpm .nav-main { background: #ffffff; } @media (max-width: 991px) { body.jpm .nav-main { background: #f5f4ee; } body.jpm .nav-main > ul { background: #f5f4ee; } } body.jpm .nav-main > ul li a { color: #212121; } body.jpm .nav-main .nav-main-action, body.jpm .nav-main .nav-main-action:after { color: #212121; } body.jpm .nav-main .dropdown { background: #f5f4ee; } body.jpm .nav-main .dropdown:hover .dropdown__title, body.jpm .nav-main .dropdown:focus .dropdown__title { color: #ffffff; } body.jpm .nav-main .dropdown__title { background-color: #f5f4ee; color: #212121; } body.jpm .nav-main .dropdown__title--sm { color: #212121; border-top-color: #212121; } html.jp .nav-main > ul > li a { font-size: 19px; } /* search box @media (min-width: 991px){ */ .nav-main .navSearch { width: 3em; position: relative; padding: 0.9em 0.6em 0.7em 0.7em; height: 60px; cursor: pointer; } body.jpm .nav-main .navSearch svg path { fill: #565656; } .nav-main .navSearch.active svg path { fill: rgba(255, 255, 255, 0.75); } body.jpm .nav-main .navSearch.active svg path { fill: rgba(86, 86, 86, 0.75); } .nav-main .navSearch .searchPopover { display: none; width: 0; } .nav-main .navSearch.active .searchPopover { display: block; position: absolute; height: 60px; top: 0; right: 0; width: 640px; background-color: #071526; } body.jpm .nav-main .navSearch.active .searchPopover { background-color: #f5f4ee; } .nav-main .navSearch.active .searchPopover input { height: 60px; width: 580px; background-color: #071526; border: none; padding: 10px 10px 10px 20px; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; } body.jpm .nav-main .navSearch.active .searchPopover input { background-color: #f5f4ee; color: #212121; } body.jpm .nav-main .navSearch.active .searchPopover form.searchContainer { border-bottom: rgba(86, 86, 86, 0.1) 1px solid; } .nav-main .navSearch .searchPopover .searchicon { position: absolute; top: 0; right: 0; height: 60px; width: 3em; padding: 0.9em 0.6em 0.7em 0.7em; min-width: 1px; background-color: transparent; border-radius: 0; font-size: 1em; /*-moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease;*/ } .nav-main .navSearch.active .searchPopover .searchicon { right: 60px; /*-moz-transform: translate(-60px, 0px); -webkit-transform: translate(-60px, 0px); -o-transform: translate(-60px, 0px); -ms-transform: translate(-60px, 0px); transform: translate(-60px, 0px);*/ } .nav-main .navSearch.active .searchPopover .searchicon svg path { fill: white; } body.jpm .nav-main .navSearch.active .searchPopover .searchicon svg path { fill: #565656; } .nav-main .navSearch.active .searchPopover .searchicon:hover svg path { fill: rgba(255, 255, 255, 0.75); } body.jpm .nav-main .navSearch.active .searchPopover .searchicon:hover svg path { fill: rgba(86, 86, 86, 0.75); } .nav-main .navSearch.active .searchPopover .searchicon svg { /*height:60px; width: 3em; padding: 0.9em 0.6em 0.7em 0.7em;*/ } .nav-main .navSearch.active .searchPopover .close-button { position: absolute; top: 0; height: 60px; padding-top: 0; font-size: 2.5em; opacity: 1; right: 4px; } body.jpm .nav-main .navSearch.active .searchPopover .close-button { color: #565656; } .nav-main .navSearch.active .searchPopover .close-button:hover { opacity: 0.75; } .nav-main .navSearch.active .searchPopover .line { position: absolute; top: 10px; right: 53px; height: 40px; width: 2px; background-color: #0f2d51; } body.jpm .nav-main .navSearch.active .searchPopover .line { background-color: #565656; } .nav-main .navSearch.navSearchMobile { display: none; } /* } */ @media (max-width: 990px) { .nav-main .navSearch { display: none; } .nav-main .navSearch.navSearchMobile { display: block; z-index: 100; position: absolute; right: 0.45em; top: 0px; } .nav-main .navSearch.navSearchMobile.active { /**/ top: 60px; } .nav-main.active .nav-main-action { display: none; } .nav-main .navSearch.navSearchMobile.active .searchPopover { max-width: 100vw; } .nav-main .navSearch.navSearchMobile.active .searchPopover .close-button { margin-top: -60px; } .nav-main .navSearch.navSearchMobile.active .searchPopover .searchicon { right: 0; } } .bttrlazyloading-wrapper { display: block; text-align: center; position: relative; width: 100%; height: 100%; z-index: 0; text-align: center; background-repeat: no-repeat; background-position: center; color: transparent; } .bttrlazyloading-clone, .bttrlazyloading { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; border: 0; height: 100px; width: 100px; display: inline-block; background-repeat: no-repeat; text-align: center; color: transparent; border-color: transparent; } .bttrlazyloading-loaded { background-image: none !important; color: transparent; } .label { position: relative; display: inline-block; padding: 6px 15px; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; font-size: 1rem; text-transform: uppercase; } .label.label-transparent { border: 1px solid #0f2d51; color: #212121; } .label.label-darkblue { background: #0f2d51; color: #ffffff; } .label.label-white { color: #ffffff; border: 1px solid #ffffff; } .module.carousel { text-align: center; margin: auto 0; overflow: visible; } .module.carousel.no-overflow { overflow: hidden; } .module.carousel.locations-carousel { max-height: 680px; } .module.carousel.locations-carousel img { width: 100%; } .module.carousel.locations-carousel .owl-wrapper-outer { overflow: hidden; } .module.carousel.office-location-carousel .owl-controls .owl-pagination { position: absolute; bottom: 0px; left: 0px; right: 0px; } .module.carousel.office-location-carousel .owl-controls .owl-page span { border-color: #ffffff; height: 13px; width: 13px; } .module.carousel.office-location-carousel .owl-controls .owl-page.active span { background-color: #ffffff; } .module.carousel.more-than-a-job { max-height: 549px; } .module.carousel.more-than-a-job .owl-controls { display: none !important; } .module.carousel.more-than-a-job .owl-wrapper-outer { overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .module.carousel.more-than-a-job { max-height: 387px; } } @media (max-width: 767px) { .module.carousel.more-than-a-job { padding-bottom: 50px; } .module.carousel.more-than-a-job .owl-controls { display: block !important; margin-top: 100px; } .module.carousel.more-than-a-job .owl-wrapper-outer { overflow: visible; } .module.carousel.more-than-a-job .owl-item, .module.carousel.more-than-a-job .item, .module.carousel.more-than-a-job .owl-wrapper, .module.carousel.more-than-a-job.no-overflow { overflow: visible !important; } } @media (max-width: 767px) { .module.carousel { overflow: hidden; padding: 0; margin-left: 0; margin-right: 0; } } .module.carousel .play-video-cta { color: #ffffff; font-size: 4rem; } .module.carousel .play-video-cta:hover, .module.carousel .play-video-cta:focus { color: #ffffff; text-decoration: none; } .module.carousel .link-wrapper { text-decoration: none; } .module.carousel .item { position: relative; overflow: hidden; } .module.carousel .item figure img { color: #ffffff; } @media (max-width: 767px) { .module.carousel .item.sticky-bottom figcaption { position: absolute; height: 80px; top: auto; bottom: -80px; color: #212121; width: 90%; left: 5%; } .module.carousel .item.sticky-bottom figcaption .play-video-cta { position: absolute; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); margin: 0; } } .module.carousel figcaption { position: absolute; top: 0; left: 0; z-index: 41; width: 100%; height: 100%; color: #ffffff; } .module.carousel figcaption .center-align { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .module.carousel figcaption .center-align { max-height: 150px; overflow: hidden; top: 0; -ms-transform: translateY(0%); transform: translateY(0%); padding: 30px 0; } } .module.carousel figcaption .carousel-controls { position: absolute; left: 0; width: 100%; margin-top: 0; margin-bottom: 0; top: 0; } .module.carousel figcaption .carousel-controls a { background: #D84A24; padding: 13px 15px; } .module.carousel figcaption .carousel-controls a span { color: #ffffff; } .module.carousel figcaption .carousel-controls a:after { display: none; } @media (min-width: 767px) { .module.carousel figcaption > .container { height: 100%; } } .module.carousel.owl-carousel .owl-wrapper, .module.carousel.owl-carousel .owl-item { overflow: hidden; width: 100%; height: 100%; } .module.carousel.carousel-control-color-red.controls-outside { margin-top: 0; } .module.carousel.carousel-control-color-red .owl-controls .owl-page.active span, .module.carousel.carousel-control-color-red .owl-controls.clickable .owl-page:hover span { background: #D84A24; backface-visibility: hidden; -ms-transform: scale(1.01); transform: scale(1.01); } .module.carousel.carousel-control-color-red .owl-controls .owl-page span { background: transparent; border: 2px solid #D84A24; } .module.carousel.controls-with-padding .owl-controls { margin-top: 20px; } .module.carousel .owl-wrapper-outer { overflow: visible; } .module.carousel .bttrlazyloading-loaded { background-color: transparent !important; } .module.carousel .owl-buttons { margin-right: auto; margin-left: auto; padding-left: 32px; padding-right: 32px; z-index: 42; } .module.carousel .owl-buttons:after { content: ""; display: table; clear: both; } .module.carousel .owl-buttons:after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .module.carousel .owl-buttons { width: 784px; } } @media (min-width: 992px) { .module.carousel .owl-buttons { width: 1004px; } } @media (min-width: 1200px) { .module.carousel .owl-buttons { width: 1040px; } } @media (max-width: 767px) { .module.carousel .owl-buttons { display: none; } } .module.carousel .caption { position: absolute; font-size: 1.125rem; line-height: 3.625rem; bottom: 20px; left: 32px; text-align: left; color: #ffffff; margin: 0 auto; display: inline-block; z-index: 42; } @media (max-width: 767px) { .module.carousel .caption { left: 30px; } } .module.carousel .caption p { margin: 0; padding: 0; } .carousel-controls { position: relative; z-index: 42; margin-top: -2px; margin-left: -4px; margin-right: 2px; } .carousel-controls a { display: inline-block; text-align: center; cursor: pointer; padding: 33px 15px; margin-right: -6px; } @media (max-width: 767px) { .carousel-controls a { display: block; } } .carousel-controls a:after { position: absolute; top: 25%; height: 50%; content: ''; background: #e6e6db; width: 1px; right: 0; } .carousel-controls a.is-active, .carousel-controls a:hover { background: #D84A24; color: #ffffff; } .carousel-controls a.is-active:after, .carousel-controls a:hover:after { opacity: 0; } .carousel-controls a.is-active span.name, .carousel-controls a.is-active span.title, .carousel-controls a:hover span.name, .carousel-controls a:hover span.title { color: #ffffff; } .carousel-controls a:hover, .carousel-controls a:focus { text-decoration: none; } .carousel-controls a span { display: block; } .carousel-controls a span.name { color: #D84A24; margin-bottom: 5px; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; } .carousel-controls a span.title { color: #000000; } .carousel-controls a:last-child:after { display: none; } .module.carousel.max-width-control .item { max-width: 1328px; margin: 0 auto; } .module.carousel .carousel-video-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 43; } .module.mcarousel.mhome-hero { overflow: visible; } .module.mcarousel.mhome-hero .carousel { overflow: hidden; } .module.mcarousel.mhome-hero .carousel.owl-carousel { overflow: visible; } .module.mcarousel.mhome-hero .owl-wrapper-outer { overflow: hidden; } @media (min-width: 1200px) { .module.mcarousel.mhome-hero .owl-wrapper-outer { max-height: 476px; } } .home-hero { overflow: visible; height: 320px; z-index: 2; } .home-hero .owl-pagination { margin: 20px !important; } @media (min-width: 767px) { .home-hero { height: 476px; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero { height: 390px; } } .pull-up-buttons .owl-controls .owl-buttons div { margin-top: -56px; } .why-us-carousel .owl-controls .owl-buttons div { margin-top: -23px; } /* Styling Next and Prev buttons */ .owl-controls .owl-buttons div { color: #ffffff; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 0 32px; padding: 3px 10px; font-size: 18px !important; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: transparent; border: 1px solid #D84A24; } .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; background: #ffffff; } /* If PaginationNumbers is true */ .owl-controls .owl-buttons div { position: absolute; } @media (max-width: 991px) { .owl-controls .owl-buttons { opacity: 0; visibility: hidden; } } .owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 83px; line-height: 83px; background: #4d4d4d; background: rgba(0, 0, 0, 0.3); } .owl-controls .owl-buttons .owl-prev.disabled, .owl-controls .owl-buttons .owl-next.disabled { display: none; } .owl-controls .owl-buttons .owl-prev:hover, .owl-controls .owl-buttons .owl-next:hover { background: #D84A24; } .owl-controls .owl-buttons .owl-prev { left: 0; } .owl-controls .owl-buttons .owl-next { right: 0; } @media (min-width: 991px) { .module.carousel.hover-button .owl-buttons, .carousel.hover-button .owl-buttons, .home-hero .owl-buttons { transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; } .module.carousel.hover-button:hover .owl-buttons, .carousel.hover-button:hover .owl-buttons, .home-hero:hover .owl-buttons { opacity: 1; } } .module.push-down .owl-pagination { margin-top: -25px; } /* added by Eric, 12/15/16 */ .container .owl-controls { padding-top: 8px; width: 100%; } #our-office-container .owl-carousel { margin: 0 -32px -29px -32px !important; width: inherit; } @media (max-width: 991px) and (min-width: 768px) { #our-office-container .owl-carousel { /*margin: 0 -40px !important;*/ margin: 0 -24px -29px -24px !important; } } #our-office-container .owl-carousel .owl-controls { padding-top: 0 !important; } #our-office-container .owl-carousel .owl-controls .owl-pagination { /*display:none !important;*/ position: relative; top: -30px; } #our-office-container .owl-carousel .owl-controls .owl-pagination .owl-page span { opacity: 0.85; } #our-office-container .owl-carousel .owl-controls .owl-pagination .owl-page.active span { opacity: 1; } #our-office-container .owl-carousel .owl-controls .owl-pagination .owl-page:not(.active) span { background-color: #fff; } #whyus-impact__img-container > div > figure > span > svg { position: absolute; right: 34px; top: 35px; width: 45px; height: 45px; max-width: 45px; max-height: 45px; min-width: 45px; min-height: 45px; cursor: pointer; } html.no-touchevents #whyus-impact__img-container > div > figure > span > svg.open { transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; } html.no-touchevents #whyus-impact__img-container > div > figure > span:hover > svg.open, html.no-touchevents #whyus-impact__img-container > div > figure > span:hover > svg.open, html.touchevents #whyus-impact__img-container > div > figure > span > svg.open { opacity: 1; } #whyus-impact__img-container > div > figure > span > svg.open circle { fill: rgba(0, 0, 0, 0.15); } #whyus-impact__img-container > div > figure > span > svg.open:hover circle { fill: #D84A24; } #whyus-impact__img-container > div > figure > span.fullscreen > img.lazy { height: 100%; } #whyus-impact__img-container > div > figure > span.fullscreen > svg.open { display: none; } #whyus-impact__img-container > div > figure > span > svg.close { display: none; } #whyus-impact__img-container > div > figure > span.fullscreen > svg.close { display: block; } #whyus-impact__img-container > div > figure > span.fullscreen > img { height: 100%; } blockquote { display: block; position: relative; color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 1.125rem; margin-top: 15px; } blockquote footer { display: block; margin-top: 28px; font-size: 0.875rem; } blockquote::before { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; content: "\201C"; color: inherit; position: absolute; height: 30px; line-height: 30px; font-size: 98px; top: -28px; } blockquote::after { content: " "; } .maps { position: relative; z-index: 1; margin-bottom: 84px; } .maps.h440 { height: 500px; } .maps.h440 .angular-google-map-container { height: 440px; } @media (max-width: 767px) { .maps.h440 { height: 150px; } } .maps .map-link { font-size: 1.125rem; padding-left: 20px; padding-right: 20px; color: #D84A24; margin-top: 14px; line-height: 50px; z-index: 2; } .maps .location-ico { font-size: 5rem; color: #D84A24; display: block; } .module.filters > .container { padding-bottom: 50px; } .module.filters .filter-label { margin-bottom: 0; font-size: 1rem; display: block; font-weight: 700; } @media (max-width: 767px) { .module.filters .filter-label { display: block; font-weight: 700; text-align: center; } } @media (max-width: 767px) and (max-width: 767px) { .module.filters .filter-label { display: block; width: 100%; text-align: left; } } .module.filters .filter-label .filter-triggers { margin-top: 30px; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #e6e6db; } .module.filters .filter-wrapper { width: 100%; position: relative; display: block; } .module.filters .filter-triggers { margin-top: 30px; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #e6e6db; } .module.filters .filter-triggers label { padding-left: 40px; } .module.filters .filter-triggers label.radio-wrapper { padding-left: 0; } .module.filters .filter-triggers.no-border { border-bottom: none; } @media (min-width: 767px) { .module.filters .filter-contents { margin-top: 45.304px; } } .module.filters .filter-contents li { transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); font-size: 18px; line-height: 1.375rem; width: 100%; text-align: left; margin-bottom: 28px; } .module.filters .deactivated { opacity: 0.2; display: none; } .module.filters .deactivated a { cursor: default; } .module.filters .deactivated a:hover, .module.filters .deactivated a:focus { text-decoration: none; } .module.dropdown-filters { padding: 28px 0; } .module.dropdown-filters.no-bottom-module-padding { padding-bottom: 0; } .module.dropdown-filters .filter-label { margin-bottom: 0; font-size: 1rem; display: block; font-weight: 700; } .module.dropdown-filters .filter-triggers { display: none; } .module.dropdown-filters .dropdown-filter-triggers-wrapper { margin-top: 8px; padding-bottom: 30px; } @media (max-width: 767px) { .module.dropdown-filters .dropdown-filter-triggers-wrapper { margin-top: 0; padding-bottom: 0; } } .module.dropdown-filters .dropdown-filter-trigger { position: relative; color: #000000; } .module.dropdown-filters .dropdown-filter-trigger .badge { display: inline-block; margin: 0 10px; background: transparent; width: 30px; height: 24px; line-height: 24px; color: rgba(0, 0, 0, 0.2); font-size: 0.875rem; text-align: center; border-radius: 9999em; border: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .module.dropdown-filters .dropdown-filter-trigger .badge { float: right; margin-right: 35px; } } @media (min-width: 768px) and (max-width: 991px) { .module.dropdown-filters .dropdown-filter-trigger .badge { display: none; } } .module.dropdown-filters .dropdown-filter-trigger .badge.active { background: #D84A24; color: white; border: 1px solid transparent; } .module.dropdown-filters .dropdown-filter-trigger:hover, .module.dropdown-filters .dropdown-filter-trigger:focus { color: #000000; text-decoration: none; } .module.dropdown-filters .dropdown-filter-trigger:after { position: relative; font-family: 'jpmc-icons'; font-size: 1.25rem; color: #D84A24; content: "\e602"; top: 5px; left: 10px; display: inline-block; } .module.dropdown-filters .dropdown-filter-trigger.full-bleed { display: block; width: 100%; } .module.dropdown-filters .dropdown-filter-trigger.full-bleed:after { position: absolute; right: 10px; left: auto; top: 0; } .module.dropdown-filters .dropdown-filter-trigger.is-active:after { -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .module.dropdown-filters .dropdown-filter-trigger { display: block; border-bottom: 1px solid #e6e6db; padding: 15px 0px; } .module.dropdown-filters .dropdown-filter-trigger:after { position: absolute; right: 0; left: auto; top: 15px; } } .module.dropdown-filters .reset-filter-cta { color: rgba(33, 33, 33, 0.2); font-size: 0.875rem; font-weight: 700; } .module.dropdown-filters .reset-filter-cta:hover, .module.dropdown-filters .reset-filter-cta:focus { text-decoration: none; } @media (max-width: 991px) { .module.dropdown-filters .reset-filter-cta { margin-top: 28px; margin-bottom: 28px; display: block; } } @media (min-width: 768px) and (max-width: 991px) { .module.dropdown-filters .reset-filter-cta { margin-top: 0; } } .module.dropdown-filters .reset-filter-cta span.icon-undo { font-size: 30px; float: right; margin-top: 0; } @media (max-width: 991px) { .module.dropdown-filters .reset-filter-cta span.icon-undo { float: none; top: 8px; position: relative; } } .module.dropdown-filters .reset-filter-cta :after { display: none; } .filter-triggers label { padding-left: 40px; } .filter-triggers label.radio-wrapper { padding-left: 0; } form, fieldset { margin: 0; padding: 0; border: 0 none; } input { box-sizing: border-box; } input, label, select { font-family: Arial, Helvetica, sans-serif; font-size: 1.125rem; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { box-sizing: border-box; font-size: 1.125rem; } input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus { outline: 0 none; border: 1px solid #bcbc9f; box-shadow: none; } input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox] + label.checkbox { display: inline-block; line-height: 24px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; } @media (min-width: 768px) and (max-width: 991px) { input[type=checkbox] + label.checkbox { min-height: 75px; } } input[type=checkbox]:checked + label.checkbox { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAMFBMVEXfMiXfNCjgNyrjTEDmXFHnZVzpb2bukovukozwoJrztbD0trH1wb31wr7+9/b////X5VwiAAAAQUlEQVR4AWMYKoCJBYc4Dx8zdnF+DkrE2Rih4rz87MjirPxcjHBxFMAJlIGJo8twM0LFMWWg4pgyUHFMGfYhEF0AUHcCGn1Q584AAAAASUVORK5CYII=); } label.checkbox { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABlBMVEXfMiXfMiUqo1HkAAAAAXRSTlMAQObYZgAAABhJREFUKM9jYMQBGBgZsIJRiVEJZAkcAABuKABdq/JkvwAAAABJRU5ErkJggg==); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-desciption { padding-left: 40px; display: block; } input[type=checkbox][disabled] + label.checkbox { opacity: 0.2; cursor: default; } .form-row:after { content: ""; display: table; clear: both; } form.jpmc input[type="email"], form.jpmc input[type="number"], form.jpmc input[type="password"], form.jpmc input[type="search"], form.jpmc input[type="tel"], form.jpmc input[type="text"], form.jpmc input[type="url"], form.jpmc input[type="color"], form.jpmc input[type="date"], form.jpmc input[type="datetime"], form.jpmc input[type="datetime-local"], form.jpmc input[type="month"], form.jpmc input[type="time"], form.jpmc input[type="week"] { box-sizing: border-box; font-size: 1.125rem; } form.jpmc input[type="email"]:focus, form.jpmc input[type="number"]:focus, form.jpmc input[type="password"]:focus, form.jpmc input[type="search"]:focus, form.jpmc input[type="tel"]:focus, form.jpmc input[type="text"]:focus, form.jpmc input[type="url"]:focus, form.jpmc input[type="color"]:focus, form.jpmc input[type="date"]:focus, form.jpmc input[type="datetime"]:focus, form.jpmc input[type="datetime-local"]:focus, form.jpmc input[type="month"]:focus, form.jpmc input[type="time"]:focus, form.jpmc input[type="week"]:focus { outline: 0 none; border: 1px solid #bcbc9f; box-shadow: none; } form.jpmc fieldset { margin: 0 0 7px; padding: 0; } form.jpmc label { display: block; font-weight: 700; font-size: 0.855rem; padding: 14px 0 0; } form.jpmc select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; border-radius: 0; border: 0 none; border-bottom: 1px solid #e6e6db; padding: 7px 0; font-size: 1.125rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkVBRDlFNkYxNjY0MTFFNThEM0NGRTUzRUNFMjMwMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkVBRDlFNzAxNjY0MTFFNThEM0NGRTUzRUNFMjMwMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRUFEOUU2RDE2NjQxMUU1OEQzQ0ZFNTNFQ0UyMzAxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRUFEOUU2RTE2NjQxMUU1OEQzQ0ZFNTNFQ0UyMzAxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqdWzGcAAADoSURBVHjaYvz//z8DtQATAxXB4DWM5YGxGtVdVgTE1WSaAdJXjGyYLBC3AHEeiQblQfXJgr2J5DJeIJ4AxF+AeB4RBiVB1YPUFiIbBkps6UDMA8SzgPgrEK/EY1A4VN0qIE6D6ocbBgJ/gTgOiLmAeBEQfwPizVgM8oXKb4Oq/4srafwC4jAgPgK11QlN3gkqfgSq7hehdPYDavt5qMssoeKWUP55qPwPYhMtyIueQHwTiLdDvbMdyveEypOUAz4CsTsQPwXihVDaHSpOVnZ6DTVgB5R+jTc7EZGenkC9RhAwjozyDCDAAFMnOHduwy5zAAAAAElFTkSuQmCC") no-repeat 100% 50%; } form.jpmc select:focus { border-bottom: 1px solid #e6e6db; outline: 0 none; } form.jpmc select::-ms-expand { display: none; } form.jpmc option { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; margin-left: 14px; } form.jpmc input[type=search], form.jpmc .ie-search-field { width: 100%; border: 1px solid #e6e6db; padding: 14px 56px 14px 14px; height: 58px; } .form__cta { margin: 28px 0 0; text-align: center; } .state-city-selection { display: none; } .state-city-selection.is-active { display: block; } .radio-wrapper { height: 26px; padding: 1px 0 0 6px; display: inline-block; cursor: pointer; box-sizing: border-box; position: relative; display: block; } @media (max-width: 767px) { .radio-wrapper { width: 100%; display: block; height: auto; float: left; } } .radio-wrapper .radio-bg { width: 26px; height: 26px; background-color: transparent; display: inline-block; float: left; box-sizing: border-box; border-radius: 50%; } .radio-wrapper.invert .radio-bg { background-color: transparent; border: 1px #D84A24 solid; } .radio-wrapper input { float: left; margin-left: -20px; visibility: hidden; } .radio-wrapper .radio-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; margin-left: 15px; margin-top: 4px; } @media (max-width: 767px) { .radio-wrapper .radio-label { font-size: 1rem; float: left; word-break: break-word; width: 70%; } } .radio-wrapper .dot { width: 18px; height: 18px; background-color: #fff; border-radius: 50%; opacity: 0; position: relative; display: block; z-index: 2; float: left; left: 0; margin-left: -22px; margin-top: 4px; } .radio-wrapper.invert .dot { background-color: #D84A24; } input[type="radio"]:checked + .dot { opacity: 1; } .module.video { padding: 0; margin: 0; } .module.video.inline { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module.video iframe { position: relative; width: 100%; height: 100%; z-index: 4; } .module.video .close-btn { position: absolute; top: 20px; right: 20px; z-index: 5; } .video-env { position: relative; padding-bottom: 56.26%; height: 0; } .video { position: relative; display: block; margin: 0 auto; padding: 0; } .video iframe { margin: 0; padding: 0; } .video object, .video embed, .video video, .video iframe, .video #BrightcovePlayer, .video .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-caption { padding-top: 22px; text-align: center; } .video-caption__carousel { float: left; width: 100%; margin-top: 28px; padding: 0; } .video-containing-block { display: block; position: relative; max-width: 100%; } .video-inner-wrapper { display: block; padding-top: 56%; } .vjs-big-play-button { display: none; } .vjs-control-bar { border-top: none !important; } .vjs-progress-holder:before { background-color: transparent !important; } .vjs-play-progress, .vjs-volume-level { background: #df3225 !important; } .vjs-tech { position: absolute; top: 0; left: 0; width: 102% !important; height: 101% !important; left: -1% !important; top: -1% !important; } .push-down-wrapper { position: absolute; top: 0; width: 100%; z-index: 50; left: 0; overflow: hidden; opacity: 0; visibility: hidden; } .push-down-wrapper.is-active { opacity: 1; visibility: visible; } .push-down-wrapper .close-button { position: absolute; top: 10px; right: 35px; z-index: 10; } @media (max-width: 767px) { .push-down-wrapper .close-button { right: 20px; } } .push-down-wrapper .close-button:hover, .push-down-wrapper .close-button:focus { text-decoration: none; } .push-down-wrapper .container { position: relative; } .push-down-wrapper .content-wrapper { position: relative; overflow: hidden; text-align: left; } @media (min-width: 767px) { .push-down-wrapper .content-wrapper { height: 455px; } } @media (min-width: 767px) { .push-down-wrapper { max-height: 528px; } } .module.push-down { position: relative; height: 100%; width: 100%; display: none; background: #ffffff; text-align: left; padding: 28px 0; } @media (min-width: 767px) { .module.push-down { height: 528px; } } .module.push-down.push-down-video { padding: 0; } .module.push-down.push-down-video iframe { position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); border: none; margin: 0; padding: 0; display: block; } .profile-badge { position: relative; width: 100%; text-align: left; } .profile-badge img.profile-img { max-width: 43px; max-height: 43px; display: inline-block; margin-right: 17px; line-height: 43px; } .profile-badge .user-label { display: inline-block; line-height: 43px; margin: 0; } @media (max-width: 767px) { .profile-badge .user-label { margin-right: 25px; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .module.autocomplete { position: relative; margin: 0; padding: 0; overflow: visible; } .module.autocomplete button.search { position: absolute; right: 5px; background: #ffffff; color: #b0afaf; border: none; border-radius: 0; width: 75px; min-width: 75px; height: 60px; line-height: 60px; text-align: center; top: 3px; z-index: 1; padding: 0; } @media (max-width: 767px) { .module.autocomplete button.search { width: 55px; min-width: 55px; right: 2px; } } .module.autocomplete button.search.autocomplete-btn.is-active { color: #D84A24; } .module.autocomplete button.search .icon-arrow-right { font-size: 21px; display: block; width: 25px; margin: 0; padding: 0; position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .module.autocomplete button.search .icon-search { font-size: 25px; display: block; width: 25px; margin: 0; padding: 0; position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .module.autocomplete button.search .icon-close { font-size: 18px; margin-top: 4px; margin-left: 4px; display: block; } .module.autocomplete input.autocomplete-input { position: relative; display: block; width: 100%; border: none; border-bottom: 1px solid #D84A24; background: none; font-size: 1.625rem; height: 4.0625rem; line-height: 4.0625rem; padding: 0 20px; padding-right: 80px; padding-left: 32px; outline: 0; } .module.autocomplete input.autocomplete-input.gray-border { border-bottom: 1px solid #e6e6db; } @media (max-width: 767px) { .module.autocomplete input.autocomplete-input { padding-right: 70px; } } @media (max-width: 767px) { .module.autocomplete input.autocomplete-input { padding: 0; font-size: 1.125rem; padding-right: 60px; padding-left: 10px; } } .module.autocomplete .typing-wrapper { position: relative; width: 100%; } .module.autocomplete .typing-wrapper .typing-wrapper-inner { border-bottom: 1px solid #e6e6db; position: relative; display: block; width: 100%; overflow: hidden; font-size: 1.75rem; line-height: 4.0625rem; height: 4.0625rem; cursor: pointer; padding: 0 20px; background: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 767px) { .module.autocomplete .typing-wrapper .typing-wrapper-inner { padding: 0; width: 100%; padding-left: 10px; } } .module.autocomplete .typing-wrapper .typing { display: inline-block; float: left; position: relative; text-align: left; width: auto; overflow: hidden; text-overflow: ellipsis; color: #b0afaf; } @media (max-width: 767px) { .module.autocomplete .typing-wrapper .typing { max-width: 70%; font-size: 1.125rem; } } .module.autocomplete .typing-wrapper .typed-cursor { display: inline-block; float: left; position: relative; text-align: left; } .module.autocomplete .typing-wrapper .typed-cursor { animation: blink 0.7s infinite; opacity: 1; color: #D84A24; } .module.autocomplete .moment-wrapper { position: relative; width: 100%; text-align: left; height: 0; padding: 0 20px; height: 28px; } @media (max-width: 767px) { .module.autocomplete .moment-wrapper { padding: 0; } } .module.autocomplete .moment-wrapper .moment { font-weight: 700; } .module.autocomplete .autocomplete-wrapper { position: relative; overflow: hidden; height: 0; } .module.autocomplete .autocomplete-wrapper.is-active { height: 100%; background: #ffffff; overflow: visible; margin-bottom: 56px; } .module.autocomplete .autocomplete-wrapper .tt-menu { text-align: left; } .module.autocomplete .radio-wrapper { padding: 0 20px; } .module.autocomplete .radio-wrapper input { width: auto; display: inline-block; } .module.autocomplete .extra-dropdown-wrapper { text-align: left; display: none; width: 100%; } @media (min-width: 1200px) { .module.autocomplete .extra-dropdown-wrapper { max-width: 500px; margin: 0 auto; } } .module.autocomplete .extra-dropdown-wrapper.is-active { display: block; } .module.autocomplete .extra-dropdown-wrapper ul { list-style: none; position: relative; width: 100%; overflow: hidden; } .module.autocomplete .extra-dropdown-wrapper ul li { width: 100%; float: left; } .module.autocomplete .extra-dropdown-wrapper ul li input { height: 100%; } .module.autocomplete .ac-container { backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 999; width: 100%; text-align: left; } .module.autocomplete .ac-container.top-searches { top: 66px !important; left: 0 !important; width: 100% !important; } .module.autocomplete .ac-container .highlight { font-weight: 700; } .module.autocomplete .ac-container .ac-menu { list-style: none; background-color: #ffffff; margin: 0; padding-top: 16px; min-height: 390px; padding: 10px; } @media (min-width: 767px) { .module.autocomplete .ac-container .ac-menu { padding: 32px; } } .module.autocomplete .ac-container .ac-menu .ac-menu-item { line-height: 35px; margin: 0; } .module.autocomplete .ac-container .ac-menu .ac-menu-item:last-child { border-bottom: 0; } .module.autocomplete .ac-container .ac-menu .ac-menu-item:hover a { color: #D84A24; } .module.autocomplete .ac-container .ac-menu a { padding-left: 5px; display: block; color: inherit; text-decoration: none; font-size: 1.125rem; line-height: 2.625rem; padding: 0; } .module.autocomplete .ac-container .ac-menu a:hover { color: #D84A24; } .module.autocomplete .ac-container .ac-menu .ac-state-focus { outline: none; } .module.autocomplete .ac-container .ac-menu .ac-state-focus a { color: #D84A24; } /* CSS SEARCH PAGE */ .search .event-tile.professionalPromo { border-top: 12px solid #0f2d51; } .search .event-tile .btn { max-width: 230px !important; } .search .event-tile.no-results-message-section .searchTerm, .search .event-tile.professionalPromo .searchTerm { font-weight: 700; } .module.search { overflow: visible; min-height: 300px; height: 100%; padding-bottom: 56px; } a:hover span.ellip-line { text-decoration: underline; } .custom-dropdown { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 14px 0; } .custom-dropdown .dropdown-list { margin-top: 28px; display: none; } .custom-dropdown .dropdown-list li.is-active a { color: #000000; text-decoration: none; } .custom-dropdown .dropdown-list li a { display: block; color: #D84A24; padding: 0 20px; } @media (max-width: 767px) { .custom-dropdown .dropdown-list li a { padding: 0; } } .custom-dropdown .title { display: block; color: #000000; position: relative; padding: 0 20px; } .custom-dropdown .title:after { position: absolute; top: -4px; right: 20px; content: "\e62c"; font-family: 'jpmc-icons'; font-size: 24px; display: block; color: #D84A24; } .custom-dropdown .title:hover, .custom-dropdown .title:focus { text-decoration: none; } @media (max-width: 767px) { .custom-dropdown .title { padding: 0; } } .custom-dropdown.is-open .title:after { content: "\e625"; } .overlay-trigger { position: absolute; top: 22px; right: 22px; z-index: 60; color: #ffffff; text-decoration: none; } .overlay-trigger.active { z-index: 103; background-color: transparent !important; } .overlay-trigger:hover, .overlay-trigger:focus { text-decoration: none; } @media (max-width: 767px) { .overlay-trigger.round-btn.active { position: fixed; right: 10px; top: 10px; background: transparent; } } .overlay-trigger__icon { text-decoration: none; text-align: center; font-size: 36px; line-height: 36px; font-family: 'jpmc-icons'; color: #ffffff; } .overlay-trigger__icon:hover, .overlay-trigger__icon:focus { text-decoration: none; } .overlay-trigger.active .overlay-trigger__icon:before { content: ""; color: #ffffff; } .overlay-info-box { transition: opacity 800ms cubic-bezier(0.19, 1, 0.22, 1), visibility 800ms cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; width: 100%; height: 100%; z-index: 101; color: #ffffff; opacity: 0; left: 0; visibility: hidden; background: rgba(216, 74, 36, 0.9); } .overlay-info-box.opacity-reset { background: #d84a24; } @media (max-width: 767px) { .overlay-info-box { position: fixed; font-size: 0.875rem; overflow-y: auto; height: 100%; width: 100%; left: 0; top: 0; background: #d84a24; } } .overlay-info-box.active { opacity: 1; visibility: visible; } .overlay-info-box .outter-wrapper { position: relative; height: 100%; } .overlay-info-box .wrapper { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 80px; padding-right: 80px; } @media (max-width: 767px) { .overlay-info-box .wrapper { padding-left: 20px; padding-right: 20px; } } .overlay-info-box .close { position: absolute; top: 5px; right: 5px; width: 36px; height: 36px; line-height: 36px; opacity: 0.9; text-decoration: none; outline: 0 none; color: #ffffff; cursor: pointer; z-index: 103; } .overlay-info-box .close:hover, .overlay-info-box .close:focus { opacity: 1; } @media (max-width: 767px) { .overlay-info-box .close { position: fixed; top: 60px; } } .events-listing-container { min-height: 200px; } .events-listing .event-listing-item { background: #ffffff; display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 56px 33px; margin-bottom: 42px; } @media (max-width: 767px) { .events-listing .event-listing-item { padding: 28px; } } .events-listing .event-listing-item .border-left-lg { border-top: 1px solid #e6e6db; } @media (min-width: 767px) { .events-listing .event-listing-item .border-left-lg { border-left: 1px solid #e6e6db; border-top: none; } } .events-listing .icon { display: inline-block; position: absolute; left: -30px; opacity: 0.3; } .events-listing .icon.noopacity { opacity: 1; } .events-listing .download-to-calendar { position: relative; line-height: 1.75rem; } .events-listing .download-to-calendar:hover { text-decoration: none; } @media (max-width: 767px) { .events-listing .download-to-calendar { right: -11px; } } .events-listing .location-wrapper, .events-listing .time-wrapper { width: 80%; display: block; min-height: 50px; float: left; } @media (min-width: 1200px) { .events-listing .location-wrapper, .events-listing .time-wrapper { width: 85%; } } .events-listing .location-wrapper.icon, .events-listing .time-wrapper.icon { padding-top: 5px; min-height: 45px; width: 20%; margin-right: 0; display: inline-block; position: relative; left: 0; } @media (min-width: 1200px) { .events-listing .location-wrapper.icon, .events-listing .time-wrapper.icon { width: 15%; } } @media (min-width: 992px) { .ui-autocomplete { padding: 1px; max-height: 100px; overflow: auto; z-index: 500; max-width: 295px; } } @media all and (max-width: 991.99px) and (min-width: 768px) { .ui-autocomplete { max-width: 219px; padding: 1px; max-height: 100px; overflow: auto; z-index: 500; } } .available-programs-wrapper { background: #ffffff; position: relative; height: 100%; width: 100%; max-width: 1328px; margin: 0 auto; padding: 56px 0; } .available-programs-wrapper .table-header { border-bottom: 1px solid #e6e6db; padding: 14px 0; } .available-programs-item { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 14px 0; border-bottom: 1px solid #e6e6db; } .program-listing-container-wrapper { min-height: 200px; } .program-listing-wrapper { position: relative; float: left; width: 100%; } .program-listing-wrapper .round-number { display: inline-block; width: 54px; height: 54px; line-height: 54px; text-align: center; background: #fbfbf0; border-radius: 50%; } .program-listing-wrapper .program-listing-item { background: #ffffff; display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 56px 33px; margin-bottom: 42px; } .program-listing-wrapper .left-wrapper { width: 75%; float: left; } .program-listing-wrapper .right-wrapper { width: 25%; float: left; } .program-listing-wrapper .location-wrapper, .program-listing-wrapper .level-wrapper { width: 100%; float: left; } .is-mobile .program-listing-wrapper, .program-listing-grid-view .program-listing-wrapper { width: 33.33333%; padding-left: 16px; padding-right: 16px; } @media (max-width: 767px) { .is-mobile .program-listing-wrapper, .program-listing-grid-view .program-listing-wrapper { width: 100%; padding-left: 8px; padding-right: 8px; } } .is-mobile .program-listing-wrapper .program-listing-item, .program-listing-grid-view .program-listing-wrapper .program-listing-item { padding: 33px 23px; } @media (min-width: 767px) { .is-mobile .program-listing-wrapper .program-listing-item, .program-listing-grid-view .program-listing-wrapper .program-listing-item { min-height: 400px; } } @media (min-width: 768px) and (max-width: 991px) { .is-mobile .program-listing-wrapper .program-listing-item, .program-listing-grid-view .program-listing-wrapper .program-listing-item { min-height: 450px; } } @media (min-width: 1200px) { .is-mobile .program-listing-wrapper .program-listing-item, .program-listing-grid-view .program-listing-wrapper .program-listing-item { min-height: 410px; } } .is-mobile .program-listing-wrapper .copy-wrapper, .program-listing-grid-view .program-listing-wrapper .copy-wrapper { display: none; } .is-mobile .program-listing-wrapper .left-wrapper, .program-listing-grid-view .program-listing-wrapper .left-wrapper { width: 100%; } .is-mobile .program-listing-wrapper .left-wrapper h3.gamma, .program-listing-grid-view .program-listing-wrapper .left-wrapper h3.gamma { font-size: 1.375rem; line-height: 1.75rem; } @media (max-width: 767px) { .is-mobile .program-listing-wrapper .left-wrapper h3, .is-mobile .program-listing-wrapper .left-wrapper .gamma, .program-listing-grid-view .program-listing-wrapper .left-wrapper h3, .program-listing-grid-view .program-listing-wrapper .left-wrapper .gamma { font-size: 1.375rem; line-height: 1.75rem; } } .is-mobile .program-listing-wrapper .right-wrapper, .program-listing-grid-view .program-listing-wrapper .right-wrapper { width: 100%; border-top: 1px solid #e6e6db; padding-top: 28px; } .is-mobile .program-listing-wrapper .location-wrapper, .is-mobile .program-listing-wrapper .level-wrapper, .program-listing-grid-view .program-listing-wrapper .location-wrapper, .program-listing-grid-view .program-listing-wrapper .level-wrapper { width: 50%; } @media (min-width: 768px) and (max-width: 991px) { .is-mobile .program-listing-wrapper .location-wrapper, .is-mobile .program-listing-wrapper .level-wrapper, .program-listing-grid-view .program-listing-wrapper .location-wrapper, .program-listing-grid-view .program-listing-wrapper .level-wrapper { width: 100%; } } .is-mobile.program-listing-grid-view .program-listing-wrapper .copy-wrapper { display: block; } .programs-view-switcher { display: block; width: 100%; margin-top: 14px; margin-bottom: 14px; } @media (min-width: 767px) { .programs-view-switcher { display: inline-block; margin-top: 0; margin-bottom: 0; width: auto; } } .programs-view-switcher .cta-icon { color: rgba(0, 0, 0, 0.2); font-size: 3rem; } .programs-view-switcher .cta-icon.is-active { color: #D84A24; } .programs-view-switcher:focus, .programs-view-switcher:hover { text-decoration: none; } .label-w-description { min-height: 100px; } .career-programs { margin-top: 80px; margin-bottom: 100px; } .career-programs.container { padding-left: 0; padding-right: 0; } .career-programs .invisible-char { color: #f5f4ee; background-color: #f5f4ee; } .career-programs .no-results-title { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 2rem; line-height: 1.2; font-weight: 600; } .career-programs .no-results-subtitle { font-size: 1rem; } .career-programs .type-desc { display: block; font-size: .88rem; line-height: 1.3; color: #8F8F8F; overflow: hidden; padding-left: 40px; padding-top: 10px; } .career-programs .close .type-desc { display: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .career-programs .result-column-1 { width: 66.66667%; } .career-programs .result-column-2 { width: 66.66667%; margin-left: 33.33334%; } } .career-programs .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; } .career-programs .dot.fulltime { color: #2672A8; background-color: #2672A8; } .career-programs .dot.schoolprograms, .career-programs .dot.schoolprogramsapprenticeships { color: #EE7822; background-color: #EE7822; } .career-programs .dot.internship { color: #6D404E; background-color: #6D404E; } .career-programs .dot.earlyinsight, .career-programs .dot.earlyinsightpreinternship { color: #76A33A; background-color: #76A33A; } .career-programs .nowrap { white-space: nowrap; } .career-programs.not-mobile .filter-container.division .ng-enter, .career-programs.not-mobile .filter-container.level .ng-enter, .career-programs.not-mobile .filter-container.location .ng-enter { transition: height .3s ease,opacity .1s ease .1s; opacity: 0; height: 15px; } .career-programs.not-mobile .filter-container.division .ng-enter.ng-enter-active, .career-programs.not-mobile .filter-container.level .ng-enter.ng-enter-active, .career-programs.not-mobile .filter-container.location .ng-enter.ng-enter-active { opacity: 1; height: 26px; } .career-programs.not-mobile .filter-container.type .ng-enter { transition: height .3s ease-out; height: 25px; background-color: #f5f4ee; overflow: hidden; } @media only screen and (max-device-width: 1024px) { .career-programs.not-mobile .filter-container.type .ng-enter.ng-enter-active { height: 105px; } } @media only screen and (min-device-width: 1024px) { .career-programs.not-mobile .filter-container.type .ng-enter.ng-enter-active { height: 70px; } } .career-programs ::-webkit-input-placeholder { color: #212121; } .career-programs :-moz-placeholder { color: #212121; } .career-programs ::-moz-placeholder { color: #212121; } .career-programs :-ms-input-placeholder { color: #212121; } .career-programs .no-padding { padding: 0; } .career-programs .filter-section { padding-left: 0; padding-right: 0; } .career-programs .result-column-1, .career-programs .result-column-2 { padding-right: 0; padding-left: 32px; } @media (max-width: 768px) { .career-programs .programs-filter { margin-right: 0; } } .career-programs .clock-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2MwYTg0Ny05YmI3LTRlYWUtOTMwZS04OWM3Y2Y3MTRiYjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkEzMEZCN0E5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkEzMEZCNzk5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplYWEwNGRiNC00ZmJlLTQzYTktOGI5My02N2QzYjcyNmRmNzciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNDkzOGE5ZS1lM2U0LTExNzgtYmRmMi1lZjNiNDU5YTU4MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qXyBjAAAA6UlEQVR42mK8b6TKgAa0gDgFiD2BWBEqdg+IdwDxHCC+hqyYEckANiDuA+JMIGZiwA7+AfFsIC4E4u/IBoA0bwViFwbiwD6oC3/BbOonQTMIOEFdC3aBNpC+CMTM6KoUzt5ieGCshsuQv0CszwQNMGYG0gFITwrIAA8G8oEHyAAlCgxQYmKgDPxigSYSDVwqQAEJA1gC9CELNIVhNQBPDMDAHlA06gAZF8iICVA0GoDC4AoQzyTD/yA9V6iWlH8BsTcQT4VmGAY8mQlksw9UD0puhAFQ0k6FJjAlqMIHoACDZucryIoBAgwANnQ3eZTQcRoAAAAASUVORK5CYII=); width: 16px; height: 16px; display: inline-block; } .career-programs .program-tile { margin-bottom: 32px; background: #FFF; } .career-programs .program-tile .program-tile-inner { padding: 25px 30px 10px; } .career-programs .program-tile .program-type { font-size: .9rem; line-height: 1.375; } .career-programs .program-tile .program-name { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1.625rem; color: #DF3225; line-height: 1.154; margin-bottom: 10px; } .career-programs .program-tile .program-name .deadline-approaching-label { font-family: Arial,Helvetica,sans-serif; color: #DF3225; font-size: .75rem; font-weight: 700; line-height: 1.667; padding: 5px 0 0 5px; position: relative; top: -4px; } .career-programs .program-tile .program-section .section-header { font-size: .875rem; line-height: 2; color: #8F8F8F; } .career-programs .program-tile .program-section .section-content { font-size: 1rem; line-height: 1.375; } .career-programs .program-tile .program-section.level { border-top: none !important; } .career-programs .program-tile .program-section.description { font-size: 1.1rem; line-height: 1.4; } .career-programs .program-tile .divisions-locations-divider, .career-programs .program-tile .level-divisions-divider { margin-bottom: 3px; margin-top: 6px; border-top: 1px solid #DADAD3; } .career-programs .program-tile .locations-desc-divider { margin-bottom: 22px; margin-top: 6px; border-top: 1px solid #DADAD3; } .career-programs .program-tile .slider-control { text-align: center; color: #DF3225; padding-top: 10px; } .career-programs .program-tile .slider-control .icon-arrow-down, .career-programs .program-tile .slider-control .icon-arrow-up { cursor: pointer; } .career-programs .program-tile.fulltime { border: 1px solid #2672A8; border-top: 10px solid #2672A8; } .career-programs .program-tile.fulltime .program-type { color: #2672A8; } .career-programs .program-tile.schoolprograms, .career-programs .program-tile.schoolprogramsapprenticeships { border: 1px solid #EE7822; border-top: 10px solid #EE7822; } .career-programs .program-tile.schoolprograms .program-type, .career-programs .program-tile.schoolprogramsapprenticeships .program-type { color: #EE7822; } .career-programs .program-tile.internship { border: 1px solid #6D404E; border-top: 10px solid #6D404E; } .career-programs .program-tile.internship .program-type { color: #6D404E; } .career-programs .program-tile.earlyinsight, .career-programs .program-tile.earlyinsightpreinternship { border: 1px solid #76A33A; border-top: 10px solid #76A33A; } .career-programs .program-tile.earlyinsight .program-type, .career-programs .program-tile.earlyinsightpreinternship .program-type { color: #76A33A; } .career-programs hr { margin-top: 0; margin-bottom: 0; } .career-programs .reset-filter { float: right; color: #DF3225; font-size: 1rem; line-height: 1.875; padding-top: 15px; } .career-programs .filter-row2 input[type=text], .career-programs .filter-row7 input[type=text], .career-programs .programs-count, .career-programs .programs-count-label, .mobile .programs-filter .mobile-filter-row7 input[type=text], .student-events .no-results-title { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; line-height: 1.2; } .career-programs .reset-filter:focus, .career-programs .reset-filter:hover { text-decoration: underline; cursor: pointer; } .career-programs .programs-count { padding-right: 5px; } .career-programs .programs-count, .career-programs .programs-count-label { float: left; font-size: 2rem; font-weight: 600; } .career-programs .filter-container a:focus, .career-programs .filter-container a:hover, .career-programs .program-name a:focus, .career-programs .program-name a:hover { color: #DF3225; } .career-programs .filter-section-header .icon-minus, .career-programs .filter-section-header .icon-plus { font-size: 1.8rem; } .career-programs .filter-button-label { font-size: 1rem; float: left; } .career-programs .filter-button-icon { float: right; } .career-programs .filter-row1 { padding: 20px 0 0; } .career-programs .filter-row2 { padding: 15px 0 0; } .career-programs .filter-row2 input[type=text] { width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; background: 0 0; border: 1px solid #DADAD3; } .career-programs .filter-row2 .icon-search { position: absolute; padding-top: 23px; color: #DF3225; } .career-programs .filter-row3, .career-programs .filter-row4 { padding: 15px 0 0; } @media (min-width: 768px) { .career-programs .programs-filter { margin-right: 10px; } .career-programs input[type=checkbox] + label.checkbox { min-height: 24px; } .career-programs .filter-row2 .icon-search { right: 25px; } } @media (min-width: 992px) { .career-programs .programs-filter { margin-right: 30px; } .career-programs .filter-row2 .icon-search { right: 45px; } } .career-programs .filter-row3 hr { margin-top: 0; } .career-programs .filter-row3 .checkbox { margin-bottom: 20px; } .career-programs .filter-row4 .radio-wrapper { padding-left: 0; margin-bottom: 10px; display: table; } .mobile .programs-filter .expand-filter-container .division, .mobile .programs-filter .expand-filter-container .level, .mobile .programs-filter .expand-filter-container .location, .mobile .programs-filter .expand-filter-container .type, .mobile .programs-filter .expandView .level, .mobile .programs-filter .expandView .type { display: none; } .career-programs .filter-row4 .radio-wrapper .radio-bg { width: 20px; height: 20px; } .career-programs .filter-row4 .radio-wrapper .radio-label { margin-top: 0; font-size: 1rem; } .career-programs .filter-row4 .dot { width: 20px; height: 20px; margin-top: 0; margin-left: -20px; } .career-programs .filter-row4 hr, .career-programs .filter-row5 hr, .career-programs .filter-row6 hr, .career-programs .filter-row7 hr { margin-top: 5px; } .career-programs .filter-row5 .filter-item-wrapper { margin-bottom: 10px; } .career-programs .filter-row5 .checkbox { font-size: 1rem; } .career-programs .filter-row5, .career-programs .filter-row6, .career-programs .filter-row7 { padding: 15px 0 0; } .career-programs .filter-row7 input[type=text] { margin-bottom: 90px; margin-top: 10px; width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; background: 0 0; border: 1px solid #DADAD3; } .career-programs .filter-row7 .icon-arrow-down { position: absolute; padding-top: 33px; color: #DF3225; } @media (min-width: 768px) { .career-programs .filter-row7 .icon-arrow-down { right: 25px; } } @media (min-width: 992px) { .career-programs .filter-row7 .icon-arrow-down { right: 45px; } } .career-programs .filter-row3 .filter-item-wrapper, .career-programs .filter-row6 .filter-item-wrapper, .career-programs .filter-row7 .filter-item-wrapper { margin-bottom: 20px; } .career-programs .filter-row3 .checkbox, .career-programs .filter-row6 .checkbox, .career-programs .filter-row7 .checkbox { font-size: 1rem; } .mobile .programs-filter button.apply-filter { min-width: 100px; padding: 5px 15px; border: 1px solid #DF3225; background: 0 0; color: #DF3225; } .mobile .programs-filter .expandView { padding-bottom: 40px; } .mobile .programs-filter .expandView .filter-section-header { height: 55px; } .mobile .programs-filter .collapseView .filter-section-header { height: 30px; } .mobile .programs-filter .collapseView .radio-wrapper.invert .dot { opacity: 1; } .mobile .programs-filter .expand-filter-container { padding-left: 20px; padding-right: 65px; } .mobile .programs-filter .expand-filter-container .filter-button-label { font-weight: 700; padding-top: 5px; } .mobile .programs-filter .mobile-filter-row2 { padding: 15px 0 0; } .mobile .programs-filter .mobile-filter-row2 input[type=text] { width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .mobile .programs-filter .mobile-filter-row2 .icon-search { position: absolute; right: 35px; padding-top: 23px; color: #DF3225; } .mobile .programs-filter .mobile-filter-row3, .mobile .programs-filter .mobile-filter-row4 { padding: 15px 0 0; } .mobile .programs-filter .mobile-filter-row3 hr { margin-top: 10px; } .mobile .programs-filter .mobile-filter-row3 .checkbox { font-size: 1rem; margin-bottom: 10px; } .mobile .programs-filter .mobile-filter-row4 .radio-wrapper { padding-left: 0; margin-bottom: 10px; display: table; } .mobile .programs-filter .mobile-filter-row5, .mobile .programs-filter .mobile-filter-row6 { padding: 15px 0 0; } .mobile .programs-filter .mobile-filter-row4 .radio-wrapper .radio-bg { width: 20px; height: 20px; } .mobile .programs-filter .mobile-filter-row4 .radio-wrapper .radio-label { margin-top: 0; font-size: .97rem; } @media (max-width: 767px) { .mobile .programs-filter .mobile-filter-row4 .radio-wrapper .radio-label { width: 80%; } } .mobile .programs-filter .mobile-filter-row4 .dot { width: 20px; height: 20px; margin-top: 0; margin-left: -20px; } .mobile .programs-filter .mobile-filter-row4 hr, .mobile .programs-filter .mobile-filter-row5 hr, .mobile .programs-filter .mobile-filter-row6 hr, .mobile .programs-filter .mobile-filter-row7 hr { margin-top: 10px; } .mobile .programs-filter .mobile-filter-row5 .checkbox { font-size: 1rem; } .mobile .programs-filter .mobile-filter-row5 .filter-option-item { margin-bottom: 10px; } .mobile .programs-filter .mobile-filter-row6 .checkbox { font-size: .97rem; margin-bottom: 20px; } .mobile .programs-filter .mobile-filter-row7 { padding: 15px 0 40px; } .mobile .programs-filter .mobile-filter-row7 input[type=text] { margin-bottom: 90px; margin-top: 10px; width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; background: 0 0; border: 1px solid #DADAD3; } .mobile .programs-filter .mobile-filter-row7 .select-program-countries { font-size: 1rem; background: 0 0; border: 1px solid #AAA; width: 100%; height: 60px; padding: 10px 45px 10px 23px; opacity: 0; } .student-events .filter-section, .student-events.container { padding-left: 0; padding-right: 0; } .mobile .programs-filter .mobile-filter-row7 .btn-program-countries { position: absolute; border-radius: 0; height: 60px; left: 20px; border: 1px solid #AAA; background: #f5f4ee; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1rem; text-transform: none; } .mobile .programs-filter .mobile-filter-row7 .icon-arrow-down { position: absolute; right: 80px; padding-top: 33px; color: #DF3225; } .mobile .programs-filter .mobile-filter-row7 .checkbox { font-size: .97rem; margin-bottom: 20px; } .mobile .programs-filter input[type=checkbox][disabled] + label.checkbox { opacity: 1; } .student-events { margin-top: 80px; margin-bottom: 100px; } .student-events .no-results-title { font-size: 2rem; font-weight: 600; } .student-events .no-results-subtitle { font-size: 1rem; } .student-events.not-mobile .filter-container.location .ng-enter, .student-events.not-mobile .filter-container.type .ng-enter { transition: height .3s ease,opacity .1s ease .1s; opacity: 0; height: 15px; } .student-events.not-mobile .filter-container.location .ng-enter.ng-enter-active, .student-events.not-mobile .filter-container.type .ng-enter.ng-enter-active { opacity: 1; height: 26px; } .student-events ::-webkit-input-placeholder { color: #212121; } .student-events :-moz-placeholder { color: #212121; } .student-events ::-moz-placeholder { color: #212121; } .student-events :-ms-input-placeholder { color: #212121; } .student-events .no-padding { padding: 0; } .student-events .result-column-1, .student-events .result-column-2 { padding-right: 0; padding-left: 32px; } @media (max-width: 768px) { .student-events .events-filter { margin-right: 0; } } @media (min-width: 768px) { .student-events .events-filter { margin-right: 10px; } .student-events input[type=checkbox] + label.checkbox { min-height: 24px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .career-programs input[type=checkbox] + label.checkbox, .student-events input[type=checkbox] + label.checkbox { min-height: 24px; } } @media (min-width: 992px) { .student-events .events-filter { margin-right: 30px; } } .student-events .clock-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2MwYTg0Ny05YmI3LTRlYWUtOTMwZS04OWM3Y2Y3MTRiYjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkEzMEZCN0E5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkEzMEZCNzk5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplYWEwNGRiNC00ZmJlLTQzYTktOGI5My02N2QzYjcyNmRmNzciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNDkzOGE5ZS1lM2U0LTExNzgtYmRmMi1lZjNiNDU5YTU4MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qXyBjAAAA6UlEQVR42mK8b6TKgAa0gDgFiD2BWBEqdg+IdwDxHCC+hqyYEckANiDuA+JMIGZiwA7+AfFsIC4E4u/IBoA0bwViFwbiwD6oC3/BbOonQTMIOEFdC3aBNpC+CMTM6KoUzt5ieGCshsuQv0CszwQNMGYG0gFITwrIAA8G8oEHyAAlCgxQYmKgDPxigSYSDVwqQAEJA1gC9CELNIVhNQBPDMDAHlA06gAZF8iICVA0GoDC4AoQzyTD/yA9V6iWlH8BsTcQT4VmGAY8mQlksw9UD0puhAFQ0k6FJjAlqMIHoACDZucryIoBAgwANnQ3eZTQcRoAAAAASUVORK5CYII=); width: 16px; height: 16px; display: inline-block; } .student-events .grey-clock-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkEzMEZCN0Q5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkEzMEZCN0U5QzA2MTFFNTk5NzJFQkFCNUJFQzA2NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QTMwRkI3QjlDMDYxMUU1OTk3MkVCQUI1QkVDMDY1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QTMwRkI3QzlDMDYxMUU1OTk3MkVCQUI1QkVDMDY1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkvB0MAAADoSURBVHjaYrx16zIDGmAHYg8gTgNiG6jYYSCeDcQ7gPgnsmJGNAPCgHgpELMwYAd/gDgBqgYMmJAkO4F4JR7NDFC5JUDcg25AOBCXMRAPiqGuBRsA8vMibKpUVXXwGbIYpBdkgCcQszGQDkB6PEEGpDKQD1JBBthRYIAdEwNl4CsoWg4BsRcuFcgBefv2FXTpE6CEFABkrCfTBUFM0OT5iwzNID3bQQb8AOI4MgwA6fkBC0RQEu4iQXMvVA9KXiiHJuk/eDSC5GKAuARbZgKBVUDMAwocaNh8A+JXQLwRKsaLnBNBACDAAMJDLt//yy+qAAAAAElFTkSuQmCC) no-repeat; width: 21px; height: 19px; display: inline-block; } .student-events .location-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTk4NzkwNTQ5QzY2MTFFNTk5NzJFQkFCNUJFQzA2NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTk4NzkwNTU5QzY2MTFFNTk5NzJFQkFCNUJFQzA2NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QTMwRkI3RjlDMDYxMUU1OTk3MkVCQUI1QkVDMDY1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QTMwRkI4MDlDMDYxMUU1OTk3MkVCQUI1QkVDMDY1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsZ3+REAAAFDSURBVHjaYvz//z8DDNy+fUUASIVBsRoQ3wfiVUC8QlVV5y1MHSNME1BDAJBaz4AbxAI1LgExmKAagghoAIHFQHXJYJtu3brMC6Q/IUm+BOIQIH4AxDJAvAiIVZHkRViARDaSAMgPakBn/IHynwBN1wDS54FYDypWAXJeNJKmaCQNYADk/wNScUhCfiBNSkgCN3H45yESWwKk6TKSgAEOTepI7AcgTYuRBFYD/cCJrBrIZwOJIwmtAoWeCJDxGs3kCCC+Bg01kKFcSHLy4MgFmnYOyDFkIAzuAwNGiQnKCWUgDgTCUwRQ910gdYyAhltAdRfhmqDAm4AmOxiDCSkSPwCpehwaeoDyLzE0QUEzEP/AoqkcmcOElmRA+UQFTYMaNCkx4LIJpPEpkMqEcmuB/Nvoalhw+GEGELMD8SRskgABBgBMvliRXXA8eQAAAABJRU5ErkJggg==) no-repeat; width: 20px; height: 19px; display: inline-block; } .student-events .event-tile { margin-bottom: 32px; background: #FFF; } .student-events .event-tile .event-tile-inner { padding: 31px 30px 0 28px; } .student-events .event-tile .event-tile-inner.row { margin: 0; } .student-events .event-tile .event-tile-inner .event-details-block { padding: 0 25px 0 0; border-right: 1px solid #DADAD3; float: left; min-height: 100px; } .student-events .event-tile .event-tile-inner .event-date-block { float: right; } .student-events .event-tile .event-tile-inner .event-date-block .event-start { padding: 10px; background: #DADAD3; width: 52px; height: 52px; margin-bottom: 10px; } .student-events .event-tile .event-tile-inner .event-date-block .event-start .month { text-transform: uppercase; font-size: .75rem; text-align: center; line-height: 1; } .student-events .event-tile .event-tile-inner .event-date-block .event-start .date { font-size: 1.625rem; line-height: 1; text-align: center; } .student-events .event-tile .event-tile-inner .event-date-block .event-time { font-size: .93rem; line-height: 1; } .student-events .event-tile .event-tile-inner .event-date-block .ical-link { line-height: 1; } .student-events .event-tile .event-tile-inner .event-date-block .ical-link a { font-size: .875rem; line-height: 1; } .student-events .event-tile .event-tile-inner .event-date-block .ical-link a:focus, .student-events .event-tile .event-tile-inner .event-date-block .ical-link a:hover { color: #DF3225; } .student-events .event-tile .campus-location, .student-events .event-tile .deadline, .student-events .event-tile .event-type { font-size: .94rem; line-height: 1.375; } .student-events .event-tile .campus-location .campus-name, .student-events .event-tile .deadline .application-deadline, .student-events .event-tile .deadline .deadline-date { position: relative; top: -4px; } .student-events .event-tile .event-name { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1.625rem; color: #212121; line-height: 1.154; margin-bottom: 10px; } .student-events .event-tile .event-name.withlink a { color: #DF3225; } .student-events .event-tile .icon-loction { padding-right: 4px; color: #DADAD3; } .student-events .event-tile .event-section .section-header { font-size: .875rem; line-height: 2; color: #8F8F8F; } .student-events .event-tile .event-section .section-content { font-size: 1rem; line-height: 1.375; } .student-events .event-tile .event-section.description { font-size: 1.1rem; line-height: 1.4; } .student-events .event-tile .divisions-locations-divider, .student-events .event-tile .level-divisions-divider { margin-bottom: 3px; margin-top: 6px; border-top: 1px solid #DADAD3; } .student-events .event-tile .locations-desc-divider { margin-bottom: 30px; margin-top: 30px; border-top: 1px solid #DADAD3; } .student-events .event-tile .slider-control { text-align: center; color: #DF3225; padding-top: 10px; padding-bottom: 8px; } .student-events .event-tile .slider-control .icon-arrow-down, .student-events .event-tile .slider-control .icon-arrow-up { cursor: pointer; } .student-events .event-tile.eventtype { border: 1px solid #E6E6DB; border-top: 10px solid #E6E6DB; } .student-events hr { margin-top: 0; margin-bottom: 0; } .student-events .reset-filter { float: right; color: #DF3225; font-size: 1rem; line-height: 1.875; padding-top: 15px; } .student-events .reset-filter:focus, .student-events .reset-filter:hover { cursor: pointer; text-decoration: underline; } .student-events .events-count { padding-right: 5px; } .student-events .events-count, .student-events .events-count-label { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; float: left; font-size: 2rem; line-height: 1.2; font-weight: 600; } .student-events .event-name a:focus, .student-events .event-name a:hover, .student-events .filter-container a:focus, .student-events .filter-container a:hover { color: #DF3225; } .student-events .filter-section-header .icon-minus, .student-events .filter-section-header .icon-plus { font-size: 1.8rem; } .student-events .filter-button-label { font-size: 1rem; float: left; } .student-events .filter-row2 input[type=text], .student-events .filter-row3 input[type=text] { line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; width: 100%; height: 60px; font-size: 1.125rem; } .student-events .filter-button-icon { float: right; } .student-events .filter-row1 { padding: 20px 0 0; } .student-events .filter-row2 { padding: 15px 0 0; } .student-events .filter-row2 input[type=text] { padding: 10px 45px 10px 23px; } .student-events .filter-row2 .icon-search { position: absolute; padding-top: 23px; color: #DF3225; } @media (min-width: 768px) { .student-events .event-tile .event-tile-inner .event-details-block { max-width: 235px; } .student-events .event-tile .event-tile-inner .event-date-block { max-width: 125px; } .student-events .filter-row2 .icon-search { right: 25px; } } @media (min-width: 992px) { .student-events .event-tile .event-tile-inner .event-details-block { max-width: 405px; } .student-events .event-tile .event-tile-inner .event-date-block { max-width: 125px; } .student-events .filter-row2 .icon-search { right: 45px; } } .student-events .filter-row3 { padding: 15px 0 0; } .student-events .filter-row3 hr { margin-top: 5px; } .student-events .filter-row3 input[type=text] { margin-bottom: 90px; margin-top: 10px; padding: 10px 45px 10px 23px; } .student-events .filter-row3 .icon-arrow-down { position: absolute; padding-top: 33px; color: #DF3225; } @media (min-width: 768px) { .student-events .filter-row3 .icon-arrow-down { right: 25px; } } @media (min-width: 992px) { .student-events .filter-row3 .icon-arrow-down { right: 45px; } } .student-events .filter-row4 { padding: 15px 0 0; } .student-events .filter-row4 .radio-wrapper { padding-left: 0; margin-bottom: 10px; } .student-events .filter-row4 .radio-wrapper .radio-bg { width: 20px; height: 20px; } .student-events .filter-row4 .radio-wrapper .radio-label { margin-top: 0; font-size: 1rem; } .student-events .filter-row4 .dot { width: 20px; height: 20px; margin-top: 0; margin-left: -20px; } .student-events .filter-row4 hr, .student-events .filter-row5 hr, .student-events .filter-row6 hr, .student-events .filter-row7 hr { margin-top: 5px; } .student-events .filter-row5, .student-events .filter-row6, .student-events .filter-row7 { padding: 15px 0 0; } .student-events .filter-row7 input[type=text] { margin-bottom: 20px; margin-top: 10px; width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .student-events .filter-row3 .checkbox, .student-events .filter-row5 .checkbox, .student-events .filter-row6 .checkbox, .student-events .filter-row7 .checkbox, .ui-widget { font-size: 1rem; } .student-events .filter-row7 input[type=text].open { margin-bottom: 100px; } .student-events .filter-row7 .icon-arrow-down { position: absolute; padding-top: 33px; color: #DF3225; } @media (min-width: 768px) { .student-events .filter-row7 .icon-arrow-down { right: 25px; } } @media (min-width: 992px) { .student-events .filter-row7 .icon-arrow-down { right: 45px; } } .student-events .filter-row3 .filter-item-wrapper, .student-events .filter-row5 .filter-item-wrapper, .student-events .filter-row6 .filter-item-wrapper, .student-events .filter-row7 .filter-item-wrapper { margin-bottom: 20px; } .ui-widget { font-family: Arial,Helvetica,sans-serif; background: #f5f4ee; } .ui-menu .ui-menu-item { padding: 3px 1em 3px 23px; } .highlight { font-weight: 700; } .ui-autocomplete { padding: 1px; max-height: 100px; overflow: auto; z-index: 500; } .slidedown, .slideup { max-height: 0; overflow-y: hidden; transition: max-height .5s ease-in-out; } .slidedown { max-height: 460px; } .arrow-maximize, .arrow-minimize, .divisions-maximize, .divisions-minimize, .locations-maximize, .locations-minimize { display: none; } .mobile { margin-top: 40px; } .mobile .filter-section { padding-left: 20px; padding-right: 20px; } .mobile .result-column-1, .mobile .result-column-2 { padding-left: 10px; padding-right: 10px; } .mobile .event-tile .event-tile-inner .event-details-block { padding: 0 0 10px; border-right: none; border-bottom: 1px solid #DADAD3; float: left; min-height: 100px; max-width: 100%; } .mobile .event-tile .event-tile-inner .event-date-block { width: 100%; padding-top: 15px; max-width: 100%; } .mobile .event-tile .event-tile-inner .event-date-block .ical-link { padding-top: 5px; } .mobile .event-tile .event-tile-inner .event-start, .mobile .event-tile .event-tile-inner .event-time { display: inline-block; } .mobile .events-filter .expand-filter-container .location, .mobile .events-filter .expand-filter-container .type, .mobile .events-filter .expand-filter-container .university, .mobile .events-filter .expandView .location, .mobile .events-filter .expandView .type, .mobile .events-filter .expandView .university { display: none; } .mobile .event-tile .event-tile-inner .event-time { vertical-align: top; padding-left: 10px; } .mobile .event-tile .event-tile-inner .locations-desc-divider { margin-top: 5px; } .mobile .events-filter button.apply-filter { min-width: 100px; padding: 5px 15px; border: 1px solid #DF3225; background: 0 0; color: #DF3225; } .mobile .events-filter .expandView { padding-bottom: 40px; } .mobile .events-filter .expandView .filter-section-header { height: 55px; } .mobile .events-filter .collapseView .filter-section-header { height: 30px; } .mobile .events-filter .collapseView .radio-wrapper.invert .dot { opacity: 1; } .mobile .events-filter .expand-filter-container { padding-left: 20px; padding-right: 65px; } .mobile .events-filter .expand-filter-container .filter-button-label { font-weight: 700; padding-top: 5px; } .mobile .events-filter .mobile-filter-row2 { padding: 15px 0 0; } .mobile .events-filter .mobile-filter-row2 input[type=text] { width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .mobile .events-filter .mobile-filter-row2 .icon-search { position: absolute; right: 35px; padding-top: 23px; color: #DF3225; } .mobile .events-filter .mobile-filter-row3 { padding: 15px 0 40px; } .mobile .events-filter .mobile-filter-row3 hr { margin-top: 10px; } .mobile .events-filter .mobile-filter-row3 .checkbox { font-size: 1rem; margin-bottom: 10px; } .mobile .events-filter .mobile-filter-row3 input[type=text] { margin-bottom: 90px; margin-top: 10px; width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .mobile .events-filter .mobile-filter-row3 .select-event-universities { font-size: 1rem; background: 0 0; border: 1px solid #AAA; width: 100%; height: 60px; padding: 10px 45px 10px 23px; opacity: 0; } .mobile .events-filter .mobile-filter-row3 .btn-event-universities { position: absolute; border-radius: 0; height: 60px; left: 20px; border: 1px solid #AAA; background: #f5f4ee; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1rem; text-transform: none; } .mobile .events-filter .mobile-filter-row4 { padding: 15px 0 0; } .mobile .events-filter .mobile-filter-row4 .radio-wrapper { padding-left: 0; margin-bottom: 10px; } .mobile .events-filter .mobile-filter-row5, .mobile .events-filter .mobile-filter-row6, .mobile .events-filter .mobile-filter-row7 { padding: 15px 0 0; } .mobile .events-filter .mobile-filter-row4 .radio-wrapper .radio-bg { width: 20px; height: 20px; } .mobile .events-filter .mobile-filter-row4 .radio-wrapper .radio-label { margin-top: 0; font-size: .97rem; } @media (max-width: 767px) { .student-events .filter-row2 .icon-search { right: 45px; } .mobile .events-filter .mobile-filter-row4 .radio-wrapper .radio-label { width: 80%; } } .mobile .events-filter .mobile-filter-row4 .dot { width: 20px; height: 20px; margin-top: 0; margin-left: -20px; } .mobile .events-filter .mobile-filter-row4 hr, .mobile .events-filter .mobile-filter-row5 hr, .mobile .events-filter .mobile-filter-row6 hr, .mobile .events-filter .mobile-filter-row7 hr { margin-top: 10px; } .mobile .events-filter .mobile-filter-row5 .checkbox, .mobile .events-filter .mobile-filter-row6 .checkbox { font-size: .97rem; margin-bottom: 20px; } .mobile .events-filter .mobile-filter-row7 input[type=text] { margin-bottom: 90px; margin-top: 10px; width: 100%; height: 60px; padding: 10px 45px 10px 23px; font-size: 1.125rem; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .mobile .events-filter .mobile-filter-row7 .select-event-countries { font-size: 1rem; background: 0 0; border: 1px solid #AAA; width: 100%; height: 60px; padding: 10px 45px 10px 23px; opacity: 0; } .mobile .events-filter .mobile-filter-row7 .btn-event-countries { position: absolute; border-radius: 0; height: 60px; left: 20px; border: 1px solid #AAA; background: #f5f4ee; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1rem; text-transform: none; } .mobile .events-filter .mobile-filter-row7 .checkbox { font-size: .97rem; margin-bottom: 20px; } .mobile .events-filter input[type=checkbox][disabled] + label.checkbox { opacity: 1; } .mobile-filter-options-view { position: fixed; z-index: 200; background-color: #f5f4ee; transition: transform .5s; } .mobile-filter-options-view.slide-left { width: 100%; height: 100%; overflow-y: scroll; top: 0; left: 0; -ms-transform: translateX(100%); transform: translateX(100%); } .filter-view-bg, body.has-active-menu { overflow: hidden; } .mobile-filter-options-view.slide-left.is-active { -ms-transform: translateX(45px); transform: translateX(45px); } .filter-view-bg { position: fixed; z-index: 100; top: 0; left: 0; width: 0; height: 0; background-color: #DADAD3; opacity: 0; } .filter-view-bg.is-active { width: 100%; height: 100%; opacity: 1; transition: opacity .3s; padding: 35px 0 0 12px; } body.disable-scroll { overflow: visible; } #prog-details-welcome-intro .margin-bottom-md { margin-bottom: 0; } #prog-details-related-programs { /*margin-top: 95px;*/ } .capitalize { display: inline-block; } .capitalize:first-letter { text-transform: capitalize; } .closed-program, .open-program { opacity: 0; transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; } .closed-program.fade-in, .open-program.fade-in { opacity: 1; } span#hero__cta__closed { background-color: rgba(0, 0, 0, 0.25); } .mosaic-img-wrapper img { margin: 0 auto; } .desktop.available-programs-list .title-holder { display: inline-block; text-align: center; width: 100%; margin-bottom: 50px; } .desktop.available-programs-list .title-holder .title { display: inline-block; max-width: 770px; } .desktop.available-programs-list .tabs-container .tabs .tab-experienced.open .all-count, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.open .all-count, .desktop.available-programs-list .tabs-container .tabs > li.hide { display: none; } .desktop.available-programs-list .tabs-container { padding: 0; margin: 0; } .desktop.available-programs-list .tabs-container .tabs { list-style: none; max-width: 100%; margin: 0 auto; } .desktop.available-programs-list .tabs-container .tabs > li { float: left; width: 50%; padding: 30px; border-top: 10px solid #EAEAE5; border-bottom: 1px solid #D6D6CC; background: #F3F3F0; min-height: 105px; font-size: 1.625rem; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; color: #df3225; line-height: 1; cursor: pointer; } .desktop.available-programs-list .tabs-container .tabs > li.active { border-top: 10px solid #D6D6CC; border-right: 1px solid #D6D6CC; border-bottom: none; border-left: 1px solid #D6D6CC; background: #FFF; } .desktop.available-programs-list .tabs-container .tabs > li.full-width { width: 100%; } .desktop.available-programs-list .tabs-container .tabs > li.full-width.no-programs.tab-experienced { border-left: 1px solid #D6D6CC; } .desktop.available-programs-list .tabs-container .tabs > li.full-width.no-programs.tab-experienced.ignore-count { border-bottom: none; } .desktop.available-programs-list .tabs-container .tabs > li .summary { font-family: Arial,Helvetica,sans-serif; font-size: .875rem; line-height: 1; padding-top: 8px; color: #212121; } .desktop.available-programs-list .tabs-container .tabs .tab-experienced.zero-count, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.zero-count { cursor: text; top: 0; left: 0; } .desktop.available-programs-list .tabs-container .tabs .tab-experienced.zero-count.ignore-count, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.zero-count.ignore-count { cursor: pointer; } .desktop.available-programs-list .tabs-container .tabs .tab-experienced.active, .desktop.available-programs-list .tabs-container .tabs .tab-experienced.zero-count.ignore-count.active, .desktop.available-programs-list .tabs-container .tabs .tab-experienced.zero-count.ignore-count.full-width, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.active, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.zero-count.ignore-count.active, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.zero-count.ignore-count.full-width { cursor: text; } .desktop.available-programs-list .tabs-container .tabs .tab-experienced.open.ignore-count .all-count, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.open.ignore-count .all-count { display: inline-block; } .desktop.available-programs-list .tabs-container .tabs .no-programs .filtered-count, .desktop.available-programs-list .tabs-container .tabs .tab-experienced.close .filtered-count, .desktop.available-programs-list .tabs-container .tabs .tab-graduate.close .filtered-count { display: none; } .desktop.available-programs-list .tabs-container .tabs .no-programs.tab-graduate { border-left: 1px solid #D6D6CC; border-right: 1px solid #D6D6CC; background: #FFF; } .desktop.available-programs-list .tabs-container .tabs .no-programs.tab-experienced { border-right: 1px solid #D6D6CC; background: #FFF; } .desktop.available-programs-list .filter-container { border-left: 1px solid #D6D6CC; border-right: 1px solid #D6D6CC; height: 90px; } .desktop.available-programs-list .filter-container .customized-select { padding: 30px 0 0 10px; position: absolute; } .desktop.available-programs-list .filter-container .region-filter { height: 60px; min-width: 430px; font-size: 1.125rem; background: 0 0; line-height: 1.2; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; display: block; } .desktop.available-programs-list .filter-container .region-filter.button { border-radius: 0; text-align: left; text-transform: none; color: #212121; font-size: 1rem; padding: 12px 40px 12px 12px; } .desktop.available-programs-list .filter-container .region-filter.select { position: relative; top: -60px; opacity: 0; cursor: pointer; } .desktop.available-programs-list .filter-container .region-filter.select option.withfocus { background: 0 0; color: #DF3225; text-decoration: underline; } .desktop.available-programs-list .filter-container .reset-region-filter { font-size: 1rem; height: 60px; vertical-align: bottom; position: relative; top: -105px; left: 460px; } .desktop.available-programs-list .filter-container .icon-arrow-down { color: #DF3225; right: -380px; top: 2px; position: relative; } .desktop.available-programs-list .content-container { border-left: 1px solid #D6D6CC; border-right: 1px solid #D6D6CC; border-bottom: 1px solid #D6D6CC; padding-bottom: 15px; padding-top: 30px; } .desktop.available-programs-list .content-container .rowmargin { margin: 10px 30px; border-bottom: 1px solid #DADAD3; padding-bottom: 15px; } .desktop.available-programs-list .content-container .programs-feed-message { display: table; } .desktop.available-programs-list .content-container .programs-feed-message .rowmargin, .desktop.available-programs-list .content-container .row:last-child .rowmargin { border-bottom: none; } .desktop.available-programs-list .content-container .table-header { font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: .875rem; line-height: 1; padding-bottom: 10px; color: #8F8F8F; } .desktop.available-programs-list .content-container .table-header .display-block { margin-bottom: 8px; } .desktop.available-programs-list .content-container .table-content { font-size: 1rem; line-height: 1.375; color: #212121; } .desktop.available-programs-list .content-container .table-content .apply-now-button, .desktop.available-programs-list .content-container .table-content .location, .desktop.available-programs-list .content-container .table-content .name, .desktop.available-programs-list .content-container .table-content .region { padding-right: 0; } .desktop.available-programs-list .content-container .table-content .apply-now-button { text-align: center; } .desktop.available-programs-list .content-container .table-content .apply-now-button .btn:hover { background: #DF3225; color: #FFF; } .desktop.available-programs-list .content-container .program-date .date-block { width: 52px; height: 52px; background: #DADAD3; padding: 10px; } .desktop.available-programs-list .content-container .program-date .date-block .month { font-size: .75rem; text-align: center; line-height: 1; } .desktop.available-programs-list .content-container .program-date .date-block .date { font-size: 1.5rem; text-align: center; line-height: 1; } .desktop.available-programs-list .content-container .program-date .year { width: 52px; text-align: center; font-size: .75rem; padding-top: 5px; } .desktop.available-programs-list .table-footer-container small, .mobile.available-programs-list .table-footer-container small { font-size: .875rem; line-height: 1.5; } .desktop.available-programs-list .content-container .btn.white { min-width: 157px; border: 1px solid #DF3225; background: #FFF; color: #DF3225; } .desktop.available-programs-list .table-footer-container { margin-top: 30px; margin-bottom: 85px; } .mobile.available-programs-list { margin-top: 80px; } .mobile.available-programs-list .table-footer-container { margin-top: 30px; } .mobile.available-programs-list .title-holder { max-width: 295px; margin: 0 auto 30px; } .mobile.available-programs-list .title-holder h2 { font-size: 2.125rem; } .mobile.available-programs-list .program-details-section { background: #FFF; border-style: solid; border-color: #E6E6DB; border-width: 10px 1px 1px; padding: 0 10px 30px 25px; margin: 10px; } .mobile.available-programs-list .program-details-section.tab-experienced.open.zero-count .filtered-count, .mobile.available-programs-list .program-details-section.tab-graduate.open.zero-count .filtered-count { display: none; } .mobile.available-programs-list .program-details-section.tab-experienced.open.zero-count .all-count, .mobile.available-programs-list .program-details-section.tab-graduate.open.zero-count .all-count { display: inline-block; } .mobile.available-programs-list .program-details-section.tab-experienced.close .filter-container, .mobile.available-programs-list .program-details-section.tab-experienced.close .filtered-count, .mobile.available-programs-list .program-details-section.tab-experienced.open .all-count, .mobile.available-programs-list .program-details-section.tab-graduate.close .filter-container, .mobile.available-programs-list .program-details-section.tab-graduate.close .filtered-count, .mobile.available-programs-list .program-details-section.tab-graduate.open .all-count { display: none; } .mobile.available-programs-list .program-details-section .section-title { margin-top: 30px; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; font-size: 1.6rem; line-height: 1.2; color: #DF3225; } .mobile.available-programs-list .program-details-section .section-title .label { font-size: 1.6rem; display: inlne-block; padding: 0; margin: 0; max-width: 88%; } .mobile.available-programs-list .program-details-section .section-title .icon { display: inline-block; vertical-align: top; float: right; } .mobile.available-programs-list .program-details-section .summary { font-size: 1rem; line-height: 1; padding: 10px 0 0; } .mobile.available-programs-list .filter-container { margin: 16px 0 30px; border-top: 1px solid #DADAD3; } .mobile.available-programs-list .filter-container .region-filter-display { padding-top: 30px; } .mobile.available-programs-list .filter-container .customized-select { position: absolute; } .mobile.available-programs-list .filter-container .customized-select .region-filter { display: inline-block; line-height: 1.2; background: 0 0; border: 1px solid #DADAD3; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } .mobile.available-programs-list .filter-container .customized-select .region-filter.button { border-radius: 0; text-transform: none; color: #212121; font-size: .875rem; text-align: left; height: 60px; width: 262px; padding: 12px 25px 12px 0; } .mobile.available-programs-list .content-container .table-content .apply-now-button, .oldies__content, .page-block, .sg-color__palette section div, .sitemap__title, .static-page .static-page__content { text-align: center; } .mobile.available-programs-list .filter-container .customized-select .region-filter.select { display: block; cursor: pointer; position: relative; height: 60px; top: -60px; width: 262px; opacity: 0; } .mobile.available-programs-list .filter-container .customized-select .icon-arrow-down { color: #DF3225; display: inline-block; position: relative; top: 5px; right: -235px; } .mobile.available-programs-list .filter-container .customized-select .reset-region-filter { display: block; position: relative; padding: 0; margin: 0; top: -55px; font-size: 1rem; } .mobile.available-programs-list .section-content-wrapper.with-filter { padding-top: 70px; } .mobile.available-programs-list .content-container .btn.white { min-width: 157px; border: 1px solid #DF3225; background: #FFF; color: #DF3225; } .mobile.available-programs-list .content-container .programs-feed-message { display: table; margin-top: 30px; margin-bottom: 20px; } .mobile.available-programs-list .content-container .programs-feed-message .apply-now-button { margin-top: 20px; } .mobile.available-programs-list .content-container .table-content { font-size: 1rem; line-height: 1.375; color: #212121; } .mobile.available-programs-list .content-container .table-content .apply-now-button, .mobile.available-programs-list .content-container .table-content .location, .mobile.available-programs-list .content-container .table-content .name, .mobile.available-programs-list .content-container .table-content .region { padding-right: 0; } .mobile.available-programs-list .content-container .table-content .apply-now-button .btn:hover { background: #DF3225; color: #FFF; } .mobile.available-programs-list .content-container .divider { margin: 30px 0; border-top: 1px solid #DADAD3; } .mobile.available-programs-list .content-container .content-item .label, .mobile.available-programs-list .content-container .content-item .value { font-family: Arial,Helvetica,sans-serif; font-size: .875rem; padding: 0; margin: 0; } .mobile.available-programs-list .content-container .content-item .label { color: #8F8F8F; text-transform: none; } .mobile.available-programs-list .content-container .content-item .content-item-block { padding-bottom: 20px; } .mobile.available-programs-list .content-container .content-item .content-item-block.program-date .date, .mobile.available-programs-list .content-container .content-item .content-item-block.program-date .month, .mobile.available-programs-list .content-container .content-item .content-item-block.program-date .year { display: inline-block; } .mobile.available-programs-list .content-container .content-item .content-item-block.apply-now-button { text-align: center; padding-bottom: 0; } .mobile.available-programs-list .content-container .content-item .content-item-block.apply-now-button .btn:hover { background: #DF3225; color: #FFF; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .desktop.available-programs-list .filter-container .region-filter.select { top: -60px; left: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .mobile.available-programs-list { margin-top: 0; } .desktop.available-programs-list .container { padding-left: 0; padding-right: 0; } .desktop.available-programs-list .tabs-container .tabs > li { padding-top: 10px; } .desktop.available-programs-list .content-container.row { margin-left: 0; margin-right: 0; } .desktop.available-programs-list .content-container .programs-feed-message { display: table; } .desktop.available-programs-list .content-container .programs-feed-message .rowmargin { border: none; } .desktop.available-programs-list .content-container .rowmargin { margin-left: 0; margin-right: 0; border: 1px solid #DADAD3; padding: 15px; } .desktop.available-programs-list .content-container .program-date .year { width: auto; font-size: .875rem; } .desktop.available-programs-list .filter-container .region-filter.select { top: -60px; left: 0; } } .static-page { color: #fff; padding: 28px; } .ui-autocomplete + span.ui-helper-hidden-accessible { display: none; } /* DARK BLUE BACKGROUND TEXT AND BUTTON STYLES */ .bg-darkblue .module-title, .bg-darkblue #moreThanJob .txt-block-btn__desc, .bg-darkblue #moreThanJob .delta { color: #fff; } /* .bg-darkblue #moreThanJob .txt-block-btn__desc, .bg-darkblue #moreThanJob .delta { color: #fff; }*/ .bg-darkblue #moreThanJob .btn { color: #fff; border: 1px solid #fff; } #moreThanJob .module-title { margin-bottom: 10px !important; } /* * Owl Carousel - Animate Plugin */ #moreThanJob div.container.hidden-xs { padding-left: 0px; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; max-width: 977px; margin: 0 auto; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item .playlistName { color: #ffffff; display: none; } .owl-carousel .owl-item img { display: block; /*width: 100%;*/ max-height: auto; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } #moreThanJob .close { width: 18px; height: 18px; color: #fff; position: relative; top: 16px; left: 11px; z-index: 6; } owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots .owl-dot { padding: 1px 0; width: 180px; height: 116px; background-color: #fff; display: inline-block; text-align: center; position: relative; } .owl-theme .owl-dots .owl-dot span { padding: 1px 0; width: 180px; height: 116px; background-color: #fff; display: inline-block; text-align: center; position: relative; border-right: 1px solid #ddd; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #df3224; } #owl-demo .item img { display: block; width: 100%; height: auto; } .owl-theme .owl-controls { display: inline-block; } .owl-theme .owl-controls .item-link:focus { box-shadow: 0 0 8px #cc4895; outline: none; } .owl-theme .owl-controls .active .item-link { border-bottom: 4px solid #cc4895; } .owl-theme .owl-controls .owl-page span { /*display: none;*/ } .owl-theme .prev-owl, .owl-theme .next-owl { position: absolute; top: 5px; display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #c0c0c0; outline: none; } .owl-theme .prev-owl:focus, .owl-theme .next-owl:focus { box-shadow: 0 0 8px #cc4895; } .owl-theme .prev-owl { left: 24px; } .owl-theme .next-owl { right: 24px; } .video-thumbnail-mobile { width: 216px; height: 121px; margin: 0; display: none; } .playlist { background-color: #fff; margin: 0 0 0 0; padding-left: 0; max-width: 100%; white-space: nowrap; overflow: hidden; position: relative; } .playlist-full-photo { background-color: #fff; bottom: 25px; max-width: 100%; white-space: nowrap; overflow: hidden; position: relative; } .separator { padding-right: 0 !important; } .playlist a:hover { color: red; text-decoration: none; } #scrollContainer { margin: 0 auto; max-width: 976px; max-height: 290px; font-size: 24px; color: #fff; position: relative; white-space: nowrap; overflow: hidden; } #scrollContainer .box:last-of-type { border-right: 1px solid #ddd; } #scrollContainer .box:first-of-type { border-left: 1px solid #ddd; } .arrow-left { padding: 1.69em 0 0 0; width: 30px; height: 116px; font-size: 24px; color: #fff; text-align: center; float: left; background-color: #c1c7c9; display: none; cursor: pointer; z-index: 20; } .arrow-right { padding: 1.69em 0 0 0; width: 30px; height: 116px; font-size: 24px; color: #fff; text-align: center; display: inline-block; /*position:absolute;*/ float: right; background-color: #c1c7c9; cursor: pointer; z-index: 20; } .owl-thumb-item { width: 180px; display: inline-block; } .box { padding: 0; width: 215px; height: 116px; background-color: #fff; display: inline-block; text-align: center; position: relative; cursor: pointer; margin-right: -6px; border-bottom: 1px solid #ddd; } .box-full-photo { /*margin: 0 3px 0 1px;*/ padding: 0; background-color: #fff; display: inline-block; position: relative; cursor: pointer; } .box-full-photo-overlay { padding: 0; display: inline-block; position: absolute; top: 67px; left: 2px; width: 216px; height: 54px; background-color: #0F2D51; opacity: .8; } .box-full-photo-overlay-active { padding: 0; display: inline-block; position: absolute; top: 67px; width: 216px; height: 54px; background-color: #da4f43; opacity: .8; } .box-full-photo:hover > .box-full-photo-overlay { background-color: #da4f43; } .full-photo { margin: 0px -7px 0px 0px; padding: 0; display: inline-block; bottom: 0; height: 115px; opacity: .7; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid #fff; } .full-photo-active { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; display: inline-block; /*position: absolute;*/ bottom: 0; /*width: 219px;*/ height: 115px; opacity: 1; border-left: 2px solid #da4f43; border-top: 2px solid #da4f43; border-right: 2px solid #da4f43; } .box-full-photo h4 { color: #fff; line-height: 21px; position: absolute; bottom: 0; z-index: 100; margin: 3px 24% 5px 25%; } .box .separator { margin: 0; height: 66px; border-left: 1px solid #e3e3e3; position: absolute; top: 47%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); float: left; } .playlistThumbnailphoto { display: inline-block; padding: 0; } .playlistThumbnailphoto img { border-radius: 9999em; } .thumbnailPlusname { width: 100%; display: inline-block; position: relative; padding: 12px 0px; } .playlistName { display: inline-block; font-family: "Amplitude Light", sans-serif; font-weight: lighter; font-size: 22px; color: red; position: relative; } .box.playlist-box-active { background-color: #C73D2A; } .box.playlist-box-active .separator { border-left: none; } .playlistDept, .playlistJobtitle { margin: 0; font-family: "Amplitude Light", sans-serif; font-weight: lighter; font-size: 15px; color: #111; text-align: center; line-height: 24px; } .playlistJobtitle { padding-bottom: 15px; } .box.playlist-box-active h4, .box.playlist-box-active .playlistName { /*display: inline-block; font-family: "Amplitude Light", sans-serif; font-weight: lighter; font-size: 22px;*/ color: #fff !important; /*position: relative;*/ } .box:hover { background-color: #C73D2A; opacity: 1; transition: all 0.4s ease-in-out; } .box:hover .separator { border-left: none; } .box:hover .playlistName, .box:focus .playlistName, .box:hover .playlistDept, .box:focus .playlistDept, .box:hover .playlistJobtitle, .box:focus .playlistJobtitle { color: #fff; } #moreThanJob .close { width: 18px; height: 18px; color: #fff; position: relative; top: 15px; left: 5px; z-index: 6; } #moreThanJob .row { height: 100%; } /*MEDIA QUERIES FOR RESPONSIVE LAYOUT*/ @media (min-width: 320px) and (max-width: 767px) { .owl-item .video-inner-wrapper .playlistName { display: block; position: absolute; margin: 0.4em auto; color: #444; width: 100%; line-height: 1.25em; font-size: 1.1em; } .videoPlayerModule .owl-pagination { margin-top: 4.5em; } #moreThanJob { display: block; } .arrow-right { display: block !important; } #moreThanJob #profile-1 { width: 100%; height: 100%; /*margin: 0 -20px 0 0px;*/ } #moreThanJob div.owl-item { margin-left: 0px; margin-right: 0px; /*max-width: 310px;*/ } .carousel-controls-morethanjob { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .carousel-controls-morethanjob, .carousel-controls-morethanjob .box { /*min-width: 175px !important;*/ /*left: -12px !important;*/ height: 116px; } .carousel-controls-morethanjob a { /*padding: 0px 0px 0px 5px !important;*/ padding: 0px; margin: 0; display: block; } .mcarousel { display: block; } #moreThanJob .module.carousel .item.sticky-bottom figcaption { height: 0; } #moreThanJob .owl-pagination { height: 0; } .playlist .container { margin-left: -14px; } .box, .owl-thumb-item { width: 216px; height: 195px; margin: 0; padding: 0; cursor: pointer; z-index: 6; } .playlist { overflow: hidden; padding: 0; } .thumbnailPlusname { padding: 0; } .module.carousel.more-than-a-job .owl-controls { /*display: none!important;*/ margin-top: 0px; } /*.arrow-right, .arrow-left, .playlistName, .separator { display: none; }*/ .playlistThumbnailphoto { padding: 12px 0 0 6px; } .playlistDept { margin: 8px 0 0 0; } .video-thumbnail-mobile { display: inline-block; } } @media (min-width: 1200px) { #owl-demo { width: 979px; /*height: 585.25px;*/ } } @media (min-width: 992px) and (max-width: 1199px) { #owl-demo { width: 940px; /*height: 562.75px;*/ } #scrollContainer { width: 979px; } } @media (min-width: 728px) and (max-width: 991px) { #owl-demo { width: 728px; /*height: 444.5px;*/ } #scrollContainer { width: 706px; } .carousel-controls-morethanjob .box { width: 169px; } .carousel-controls-morethanjob .box h4 { font-size: 0.7em; } } /*END MEDIA QUERIES FOR RESPONSIVE LAYOUT*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @media (max-width: 996px) { #locations .owl-theme .owl-controls .owl-page span { display: inline-block; } } /* video player fix .video-inner-wrapper { padding-top: 56.25%; }*/ /* DM36 and DM37 styles on advice-details page */ #related-locations-container .featured { padding-bottom: 0px !important; padding-top: 24px; } h2#intro__title.module-title { margin-bottom: 3px; } .infographicsContainerModule h2#intro__title.module-title { margin-bottom: 40px; } h2#intro__title.module-title + p { margin-bottom: 3px; } section.videoPlayerModule h2#intro__title.module-title + p { margin-top: 3px; } section.videoPlayerModule > .container #profiles-intro { margin-bottom: 44px; } section.adviceImage.module { padding-bottom: 0; } .adviceCopy.container.module-spacing-medium-both.module-spacing-large-x { margin-top: 0 !important; } /* =The style for the lab -------------------------------------------------------------- */ #sidebar { float: right; overflow: visible; width: 0; margin-top: 500px; } /*@media (max-width: 767px) { }*/ html.touchevents #sidebar { display: none; } /* navigation */ nav.fixie { margin-top: 100px; position: absolute; right: 0; /*width: 300px;*/ /*remove 0 width to show full menu */ z-index: 10000; } nav.fixie .points { background: #0f2d51; /*border-radius:1em 0 0 1em;*/ display: block; /*height: 100%;*/ min-width: 1.5em; padding: 0.75em 0; position: absolute; right: 0; top: 0; z-index: 11000; border-radius: 1em 0 0 1em; /*-webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.25); */ } /*.ie nav.fixie .points { border-right: solid 12px #0f2d51; } .ie nav.fixie ul{ border-right: solid 12px #0f2d51; }*/ nav.fixie.stick { position: fixed; top: 100px; margin-top: 0; z-index: 10000; margin-top: 12px; } nav.fixie ul { list-style-type: none; margin: 0; padding: 0; position: relative; background: #0f2d51; border-radius: 1em 0 0 1em; padding: 0.75em 1em 0.75em 1em; left: 100%; transition: 0.3s; } nav.fixie li a { display: block; padding-right: 1.5em; } nav.fixie a { color: rgba(255, 255, 255, 0.5); font-size: 1.05rem; /*font-weight: 300;*/ line-height: 34px; text-align: right; display: block; font-family: "Amplitude Light",Arial,Helvetica,sans-serif; } nav.fixie a:focus, nav.fixie a:hover, nav.fixie a.clicked, nav.fixie a.hovered { /*color:rgba(255,255,255,1);*/ text-decoration: none; } nav.fixie a.hovered, nav.fixie a:hover { color: white; } nav .points .dot a { display: block; padding: 0 0.5em; height: 34px; } nav .points .dot a:before { font-family: jpmc-icons !important; content: "\e904"; vertical-align: calc(-2px); } nav.fixie .points .dot a:focus:before, nav.fixie .points .dot a:hover:before, nav.fixie .points .dot a.clicked:before { /*content:"\e903"*/ } nav.fixie .points .dot a.hovered:before { content: "\e904"; } nav.fixie ul.visible { left: 0; border-radius: 1em 0 0 1em; transition: 0.3s; } nav.fixie .points .dot a.clicked, nav.fixie a.nav-active, nav .points .dot a.nav-active { color: white; } nav .points .dot a.nav-active:before { font-family: jpmc-icons !important; content: "\e903" !important; vertical-align: calc(-2px); } /* hover fix */ nav.fixie ul a { font-size: 0; } nav.fixie ul.visible a { font-size: 1.05rem; } .ourPeople.module.carousel .owl-wrapper-outer { overflow: hidden; } p.our-people-emp-quote.btn { border: 0 none; border-radius: 0; min-width: 100px; outline: 0 none; padding: 12px 6px; text-align: center; vertical-align: middle; } p.our-people-emp-quote.btn i { color: #1f3c57; font-size: 2.15em; padding-right: 0.25em; vertical-align: calc(-8px); } p.our-people-emp-quote.btn:hover i { color: #df3225; } .ourPeople + .push-down-wrapper { /* max-height: 528px;*/ top: 7.5em; } #division-detail-our-people.module.featured { height: inherit !important; /* override the animated container height script */ } @media (min-width: 767px) { .ourPeople + .push-down-wrapper { max-height: 575px; top: 9.5em; } .ourPeople + .push-down-wrapper .module.push-down { height: 575px; } } section.ourPeopleModule .owl-controls .owl-buttons .owl-prev { left: -3em; top: 10em; } section.ourPeopleModule .owl-controls .owl-buttons .owl-next { right: -3em; top: 10em; } @media (min-width: 1040px) { section.ourPeopleModule .owl-controls .owl-buttons .owl-prev { left: -5em; top: 10em; } section.ourPeopleModule .owl-controls .owl-buttons .owl-next { right: -5em; top: 10em; } } section.ourPeopleModule .owl-theme .owl-controls { width: 100%; } section.ourPeopleModule #overlay-content-carousel .owl-controls .owl-buttons .owl-prev { left: 0; top: 50%; } section.ourPeopleModule #overlay-content-carousel .owl-controls .owl-buttons .owl-next { right: 0; top: 50%; } @media (max-width: 991px) and (min-width: 768px) { section.ourPeopleModule .img-profile { width: 180px; height: 180px; } } .touchevents section.ourPeopleModule, .touchevents section.ourPeopleModule > .container, .touchevents section.ourPeopleModule > .container .carousel, .touchevents section.ourPeopleModule > .container .carousel .item.colnopadding, .touchevents section.ourPeopleModule > .container .carousel .owl-wrapper-outer, .touchevents section.ourPeopleModule > .container .carousel .owl-wrapper-outer .owl-wrapper, .touchevents section.ourPeopleModule > .container .carousel .owl-wrapper-outer .owl-wrapper .owl-item, .touchevents section.ourPeopleModule .push-down-wrapper .content-wrapper, .touchevents section.ourPeopleModule > .container .carousel .push-down-wrapper, .touchevents section.ourPeopleModule > .container .carousel .push-down-wrapper *, .touchevents .ourPeople + .push-down-wrapper, .touchevents .ourPeople + .push-down-wrapper .module.push-down { height: inherit !important; max-height: inherit !important; } .touchevents section.ourPeopleModule.module.featured .item p { margin-bottom: 1.5em; } .touchevents section.ourPeopleModule.module.featured .item p br { margin: 1em 0; line-height: 1em; display: block; content: ""; } .touchevents section.ourPeopleModule .owl-item .profile-badge { margin-bottom: 1em; } .touchevents section.ourPeopleModule > .container .carousel .push-down-wrapper .module.carousel.no-overflow { overflow: hidden; min-height: 540px; } .touchevents section.ourPeopleModule > .container .carousel .push-down-wrapper .module.push-down .owl-pagination { margin-top: 0.75em; } .touchevents .ourPeople + .push-down-wrapper.is-active { min-height: 400px !important; background-color: #fff; } .no-touchevents .module.carousel #overlay-content-text .item .content-wrapper { overflow-y: auto; padding: 1em; } .opportunities-carousel .owl-controls .owl-buttons .owl-prev, .opportunities-carousel .owl-controls .owl-buttons .owl-next { margin: -23px 0 0 0; } .opportunities-carousel .opportunities-slide { padding: 0 3em; } .opportunities-carousel .opportunities-block { padding: 0 0.25em; } @media (max-width: 767.999px) { .opportunities-carousel .opportunities-slide { padding: 0; } .opportunities-slide > div > .item-wrapper > p { display: none; } } main section#division-detail-opportunities div#experienced-roles-content form#apply-role-form div.container-centered div.row:nth-of-type(2) { display: none; } /* DM25_content-module-matrix.css */ @media (min-width: 768px) { .grid-contents .item.card .content > p { padding-bottom: 2.5em; } .grid-contents .item.card .content .cta.icon { bottom: 2em; position: absolute; } .grid-contents .row .colnoleftpadding-lg { padding-left: 0 !important; } .grid-contents .row .colnorightpadding-lg { padding-right: 0 !important; } } @media (max-width: 767px) { .contentModuleMatrix.module.asset-grid .item.card { background-color: #ffffff !important; } .contentModuleMatrix.module.asset-grid .item.card .content { padding: 20px; } } /* DM23_opportunitiesCarousel.css */ #division-detail-opportunities .container-fluid.tabs-wrapper.no-padding-top { background: none; } #division-detail-opportunities .item-wrapper.has-padding.has-border { background: #ffffff; } @media (max-width: 360px) { #division-detail-opportunities.container { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { section.opportunities.module .container { padding-left: 0; padding-right: 0; } section.opportunities.module .container .events { margin-left: -40px; margin-right: -40px; } section.opportunities.module .container .events .opp-subsection { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } #contentModuleMatrixModule.module.asset-grid .grid-contents .item .icon-right-cta { position: relative; top: 10px; } ul.appProcess * { font-size: 0.95rem; } ul.appProcess { padding: 0; width: 100%; margin: 0 auto; } section.applicationProcessModule.module p.delta { margin-top: 20px; margin-bottom: 40px; } ul.appProcess li { list-style: none; } ul.appProcess li a.tab { color: #212121; display: block; border-bottom: 1px solid #ccc; width: 100%; padding: 13px 0px; } ul.appProcess li a.tab:hover, .appProcess li a.tab.active { color: #c73d2a; text-decoration: none; } ul.appProcess li a.tab.active { border-bottom: none; } ul.appProcess section { display: none; /* I NEED TO FIX THIS */ float: left; overflow: hidden; padding: 1em 0 2em 0; border: 1px solid #ccc; border-top: 0px; border-left: 0px; border-right: 0px; } .no-js .appProcess section { display: block; /* I NEED TO FIX THIS */ } ul.appProcess li ul li a.tab { padding: 10px 25px; } ul.appProcess li section p.module-padding-base-both { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { ul.appProcess { width: 100%; position: relative; border: none; } ul.appProcess li a.tab { padding: 13px 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; position: relative; border-bottom: 2px solid #0F2D51; } ul.appProcess li a.tab:hover, ul.appProcess li a.tab.active { background: #0F2D51; color: #fff; } ul.appProcess li a.tab.active { border-bottom: 2px solid #0F2D51; } ul.appProcess a.tab .line { position: absolute; height: 50%; left: 0; top: 25%; width: 1px; background: #C73D2A; } ul.appProcess a.tab.active .line, ul.appProcess a.tab:hover .line, ul.appProcess a.tab .clearLine { background: none; } ul.appProcess a.tab .whiteLine { background: #fff !important; } ul.appProcess li { display: inline !important; position: static; padding-left: 0; padding-right: 0; } ul.appProcess li a.tab { height: 80px; } ul.appProcess section { padding: 1em 1em 2em 1em; position: absolute; left: 0; border: 1px solid #ccc; border-top: 0px; } } #mobile-indicator { display: none; } @media (max-width: 767.9px) { ul.appProcess { display: inline-block; } #mobile-indicator { display: block; } } main section.opportunities.module:nth-of-type(odd) .container > div > div > div { background-color: #ffffff; box-shadow: 0px 2px 2px rgba(153, 153, 153, 0.3); } main section.opportunities.module .gray-text { color: #6a6b6e; } @media (min-width: 767px) { main section.opportunities.module .border-left-lg { border-left: 1px solid #e6e6db; border-top: none; } } @media (max-width: 767px) { main section.opportunities.module .delta { font-size: 1.175rem; } main section.opportunities.module:nth-of-type(odd) .container { background-color: #ffffff; box-shadow: 0px 2px 2px rgba(153, 153, 153, 0.3); } main section.opportunities.module:nth-of-type(odd) .container div.container { background-color: initial; box-shadow: initial; } main section.opportunities.module:nth-of-type(odd) .container div.container.text-center { margin: 0 auto; } main section.opportunities.module:nth-of-type(odd) .container div.container.text-center h2 { margin: 10px 0px 0px; } main section.opportunities.module:nth-of-type(odd) .container > div > div > div { background-color: initial; box-shadow: initial; } main section.opportunities.module .container { margin-left: 20px; margin-right: 20px; } main section.opportunities.module .container > div > div > div { background-color: initial; box-shadow: initial; height: initial; } } .opportunities .program-count-text { font-size: 0.855rem; line-height: 1.2rem; font-weight: bold; min-height: 3em; } .opportunities .text-body { background: #0F2D51 none repeat scroll 0 0; color: #fff; padding: 5px 10px; } #opportunities .img-caption__content { text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8) !important; } .opportunities .text-description { font-size: 0.855rem; } .opportunities .cta { line-height: 3.5em; background: #0F2D51 none repeat scroll 0 0; margin-top: 4px; color: #fff; position: relative; } @media (min-width: 768px) and (max-width: 992px) { .opportunities .cta { font-size: 1.25vw; letter-spacing: 0; } } .opportunities .cta .icon-right-cta { float: right; font-size: 1.75em; position: absolute; right: 10px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 768px) { .opportunities .module { margin-left: -48px; margin-right: -48px; width: auto; padding-top: 0; text-align: left; } .opportunities .program-count { border-right: 1px solid; padding-right: 6px; margin-right: 6px; line-height: 2.3rem; font-size: 2.875rem; float: left; width: 1.2em; text-align: center; } } div#local-impact-container.container { margin-left: -32px; } @media (max-width: 767px) { .opportunities .module { text-align: center; } #local-impact-block .cta { font-size: 0.65em; } div#local-impact-container.container { margin-left: -20px; } } .opportunities .opp-subsection { width: 100%; float: left; padding-left: 16px; padding-right: 16px; min-height: 1px; position: relative; } .opportunities .opp-subsection .events { background: #0F2D51 none repeat scroll 0 0; /* color: #fff;*/ height: inherit; } @media (min-width: 568px) { .opportunities .opp-subsection .events { display: -ms-flexbox; display: flex; } .opportunities .opp-subsection .events .img-1-1-env { /*flex: 1 1 50%; padding: 8px;*/ max-width: 50%; } } @media (min-width: 768px) { .opportunities .opp-subsection { width: 50%; } .opportunities .opp-subsection.has-sibling { width: 100%; } .opportunities .opp-subsection.cross { width: 50%; } } /* Location hub */ .location_hub_nav.module.tabs.tabs-active .tabs { max-height: 1200px; } .location_hub_nav.module.tabs.tabs-active .dropdown-header:after { -ms-transform: rotate(180deg); transform: rotate(180deg); } .location_hub_nav.module.tabs .dropdown-header:after { -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; font-family: 'jpmc-icons'; content: "\e602"; display: block; height: 20px; margin-top: 5px; float: right; } .location_hub_nav.module.tabs .icon-minus, .location_hub_nav.module.tabs .icon-plus { display: none; } .location_hub_nav.module.tabs .tabs { text-align: inherit !important; } .location_hub_nav.module.tabs .tabs li:first-child { margin-top: 0px; } .location_hub_nav.module.tabs a.is-active > .icon-plus-fill { display: none; } .location_hub_nav.module.tabs a:not(.is-active) > .icon-minus-fill { display: none; } .location_hub_nav.module.tabs .flex-wrapper.drop-shadow:before { content: ""; position: absolute; float: left; width: 100%; z-index: 0; display: -ms-inline-flexbox; display: inline-flex; height: 40px; box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.3); } .location_hub_nav.module.tabs .flex-wrapper.drop-shadow:after { content: ""; } .location_hub_nav.module.tabs .tabs.flex-container { width: 600px; display: -ms-flexbox; display: flex; margin: 0px auto; } .location_hub_nav.module.tabs .tabs.flex-container > li { margin-right: 0px; margin-left: 0px; } .location_hub_nav.module.tabs .tabs.flex-container > li > div:first-of-type { float: left; margin-left: -7px; } .location_hub_nav.module.tabs .tabs.flex-container > li > div:last-of-type { float: right; margin-right: -7px; } .location_hub_nav.module.tabs .tabs.flex-container .tabs { padding: 0px; margin: 0px; background-color: transparent; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) { width: 600px; margin: 0 auto; background: #FFF; height: inherit; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li:first-child { margin-top: 0px; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div { width: 41%; display: -ms-inline-flexbox; display: inline-flex; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) { width: 20%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div.mobile-dropdown { position: absolute; display: none; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li a.is-active { border-bottom: none; color: #D84A24; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li { padding-bottom: 8px; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div:first-child { display: -ms-inline-flexbox; display: inline-flex; height: 40px; box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.3); } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div:last-child { display: -ms-inline-flexbox; display: inline-flex; height: 40px; box-shadow: -5px 5px 5px rgba(153, 153, 153, 0.3); } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li div:nth-of-type(2) > ul > li { border-bottom: solid 1px rgba(153, 153, 153, 0.3); padding-bottom: 10px; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li:first-child { box-shadow: -5px 5px 5px rgba(153, 153, 153, 0.3); padding-bottom: 8px; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li:last-child { padding-bottom: 8px; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > li div ul.tabs li.active > a.is-active { border-bottom: none; color: #212121; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list):not(.is-active) hr { display: none; } .location_hub_nav.module.tabs .tabs li > div:not(:last-child) { border-right: solid 1px rgba(33, 33, 33, 0); } .location_hub_nav.module.tabs .tabs:not(.is-active) li > div:not(:last-child) { border-right: solid 1px rgba(33, 33, 33, 0.3); } .location_hub_nav.module.tabs .tabs.dropdown-list { margin: 0px; } .location_hub_nav.module.tabs .tabs.dropdown-list a { font-size: 1rem; padding: 0px; } .location_hub_nav.module.tabs .custom-dropdown { padding: 0px; } @media (max-width: 767px) { .location_hub_nav.module.tabs .tabs-wrapper { padding-bottom: 0px; } .location_hub_nav.module.tabs .dropdown-header { padding-bottom: 10px; } .location_hub_nav.module.tabs.tabs-active .dropdown-header { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(153, 153, 153, 0.3); } .location_hub_nav.module.tabs div.featured_locations { padding-top: 20px; } .location_hub_nav.module.tabs div .module-spacing-xs-small, .location_hub_nav.module.tabs div .colnorightpadding-small-up, .location_hub_nav.module.tabs div .has-sibling { border-bottom: solid 1px rgba(153, 153, 153, 0.3); margin-bottom: 0px; } .location_hub_nav.module.tabs div .module-spacing-xs-small { margin-left: 12px; margin-right: 12px; } .location_hub_nav.module.tabs div .container-highlight { padding-left: 8px; padding-right: 8px; } .location_hub_nav.module.tabs div .img-caption__image { border-radius: 9999em; width: 90px; height: 90px; } .location_hub_nav.module.tabs div .img-caption__content { width: initial; left: 0px; position: relative; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .location_hub_nav.module.tabs div .img-caption-cta, .location_hub_nav.module.tabs div .img-caption__cta { display: none; } .location_hub_nav.module.tabs div .img-hover-dim.img-hover-full > div, .location_hub_nav.module.tabs div .img-caption.img-hover-dim > div { width: 50%; padding: 8px; position: relative; min-height: 1px; float: left; text-align: center; } .location_hub_nav.module.tabs div .img-hover-dim.img-hover-full > div .img-caption__title, .location_hub_nav.module.tabs div .img-caption.img-hover-dim > div .img-caption__title { color: #D84A24; font-size: 1.125rem; line-height: 1.75rem; text-shadow: none; } .location_hub_nav.module.tabs div .img-hover-dim.img-hover-full > div .img-caption__subtitle, .location_hub_nav.module.tabs div .img-caption.img-hover-dim > div .img-caption__subtitle { color: #212121; font-size: 0.855rem; text-shadow: none; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li div, .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div { float: none !important; border: none !important; margin-left: 0px !important; } .location_hub_nav.module.tabs .flex-wrapper.drop-shadow > div.filter-wrappers { display: none !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div:first-child, .location_hub_nav.module.tabs .flex-wrapper.drop-shadow:before, .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div:last-child { box-shadow: none !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li div:nth-of-type(2) > ul > li { border-bottom: none !important; padding-bottom: 0px !important; } .location_hub_nav.module.tabs a .icon-minus-fill, .location_hub_nav.module.tabs a .icon-plus-fill { display: none !important; } .location_hub_nav.module.tabs .tabs.flex-container { width: initial !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div { width: 100%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) { width: 100%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a { width: 100%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a i { float: right; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a.is-active i.icon-plus { display: none; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a.is-active i.icon-minus { display: inline !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a:not(.is-active) i.icon-plus { display: inline !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a:not(.is-active) i.icon-minus { display: none; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) > ul > li > div > div > ul > li > a { width: initial; } .location_hub_nav.module.tabs .tabs.dropdown-list { margin: 0px 0px 0px 12px !important; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list).is-active > li > div { display: -ms-flexbox !important; display: flex !important; } .location_hub_nav.module.tabs .tabs.dropdown-list > li:not(.active) > a { color: #D84A24; border-bottom: none; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div.mobile-dropdown { position: static !important; } .location_hub_nav.module.tabs .flex-wrapper.drop-shadow:before { display: none !important; } .location_hub_nav.module.tabs .location-img-rounded-small figure img { width: 90px; height: 90px; } .location_hub_nav.module.tabs .location-img-rounded-small .small { color: #212121; } .location_hub_nav.module.tabs div .img-caption__content { margin-top: 8px; } } .related-locations-container .container .row:first-of-type { margin-bottom: 28px; } .related-locations-container .link-wrapper.img-hover-rounded p span { margin-top: 0px; color: #212121; } .related-locations-container .featured-location-section { margin-bottom: 10px; } .related-locations-container .module.featured { margin-top: 0px; padding-top: 56px; } @media (max-width: 767px) { .related-locations-container .module.featured { margin-top: 0px; padding-top: 56px; } .related-locations-container .module.featured .item { border-bottom: solid 1px rgba(153, 153, 153, 0.3); margin: 0px !important; padding: 8px 8px 0px 8px; } .related-locations-container .module.featured .item a.link-wrapper figure.small-fig { width: 50%; margin: 0px; display: inline-block; } .related-locations-container .link-wrapper.img-hover-rounded p { width: 50%; float: right; display: inline-block; margin-top: 12px; } .related-locations-container .featured-location-section { margin-bottom: 0px; } } .related-locations-container-tech-hub .module.featured { margin-top: 0px; padding-top: 56px; } .related-locations-container-tech-hub .container .row:first-of-type { margin-bottom: 28px; } @media (max-width: 767px) { .related-locations-container-tech-hub .module.featured { margin-top: 0px; padding-top: 56px; } .related-locations-container-tech-hub .module.featured .item { border-bottom: solid 1px rgba(153, 153, 153, 0.3); margin: 0px !important; padding: 8px 8px 0px 8px; } .related-locations-container-tech-hub .module.featured .item a.link-wrapper figure.small-fig { width: 50%; margin: 0px; display: inline-block; } .related-locations-container-tech-hub .link-wrapper.img-hover-rounded p { width: 50%; float: right; display: inline-block; } } .location_hub_nav.module.tabs .tabs.dropdown-list { margin-top: 4px; } #regions i:before { vertical-align: -0.1em; } .location_hub_nav.module.tabs .tabs li a { margin-left: 0.5em; margin-right: 0.5em; vertical-align: 10%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div { width: 38%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) { width: 26%; } .related-locations-container .module.featured .item span, .related-locations-container-tech-hub .module.featured .item span { margin-bottom: 30px; margin-top: -0.125em; color: #212121; text-transform: none; } .related-locations-container .module.featured .item span { margin-bottom: 20px; } .featured_locations .row { padding-top: 2em; padding-bottom: 2em; } main #cross-linking { background-color: transparent !important; } .location_hub_nav section#all-loc-section { padding-bottom: 2em !important; } @media (max-width: 767px) { .location_hub_nav.module.tabs .related-locations-container-tech-hub, .location_hub_nav.module.tabs div.featured_locations, .location_hub_nav.module.tabs section.related-locations-container { padding-top: 10px; padding-left: 4%; padding-right: 5%; } .related-locations-container-tech-hub .module.featured, .related-locations-container .module.featured { margin: 0; } .related-locations-container-tech-hub > div, section.related-locations-container > div, .featured_locations > div { padding: 0; margin-left: 5%; margin-right: 5%; } .related-locations-container-tech-hub img, .related-locations-container img, .featured_locations img { margin-top: 0.5em; margin-bottom: 0.5em; } .featured_locations .row { padding-top: 0; padding-bottom: 0; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div { width: 100%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) { width: 100%; } .location_hub_nav.module.tabs .tabs:not(.dropdown-list) > li > div:nth-of-type(2) a { width: 95.5%; } .related-locations-container .link-wrapper.img-hover-rounded p, .related-locations-container-tech-hub .link-wrapper.img-hover-rounded p { margin-top: 1.2em; } .location_hub_nav.module.tabs div .img-caption div h2 { margin-top: 0.75em; } .related-locations-container-tech-hub .module.featured .container > div.featured-location-section:last-child .col-xs-12:last-child .item, .related-locations-container .module.featured .container > div.featured-location-section:last-child .col-xs-12:last-child .item, .featured_locations > div:last-child > div .col-xs-12:last-child { border-bottom: none; } } /* STUDENT EVENTS */ .event-tile .event-name span { color: #df3225; } .event-tile .btn { max-width: 130px !important; min-width: 90px; padding: 0.5em 1.75em; margin-top: 0.75em; margin-left: -0.15em; } @media (max-width: 575px) { .event-tile .btn { padding: 0.5em 1em; margin-left: 0.35em; } } .student-events.mobile .event-tile .event-tile-inner .event-date-block .event-time { width: inherit; } .student-events.mobile .event-tile .event-tile-inner .event-date-block .col-xs-7, .student-events.mobile .event-tile .event-tile-inner .event-date-block .event-signup { padding: 0; } .student-events .event-tile .event-tile-inner .event-date-block .ical-link { padding-top: 0.25em; } section#prog-details-available-programs .filter-container, section#prog-details-available-programs .content-container { background-color: #fff; } .mobile.available-programs-list { margin-top: 0; } .available-programs-list .tabs-container .tabs .plural { margin: 0px; } @media (max-width: 767px) { .desktop.available-programs-list .tabs-container .tabs > li { height: 135px; } .mobile.available-programs-list { margin-top: 0; } } @media (max-width: 1040px) { .desktop.available-programs-list .content-container .program-date .year { font-size: 0.875rem; text-align: left; } } .desktop.available-programs-list .tabs-container.row { margin-left: -32px; margin-right: -32px; } .desktop.available-programs-list .content-container { margin-left: 0px; margin-right: 0px; } @media (max-width: 991px) and (min-width: 768px) { .desktop.available-programs-list .tabs-container.row { margin-left: -40px; margin-right: -40px; } } @media (max-width: 991px) and (min-width: 768px) { .content-item.program .row { margin-left: -15px; margin-right: -15px; } } @media (min-width: 992px) { .desktop.available-programs-list .content-container { margin-left: -32px; margin-right: -32px; } .relatedProgramsModule { margin-top: -4em; } } @media (min-width: 992px) and (max-width: 1040px) { .desktop.available-programs-list .content-container { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { section.multiMediaModule.asset-grid.padding-reset-bottom-xs-small.module-padding-medium-both { padding-top: 0 !important; } .mobile.available-programs-list { padding-top: 44px; padding-bottom: 44px; } } /* INCLUDE ON body CSS */ .search-type { display: none; } main.search { padding-bottom: 4em; } main.search .student-events.career-programs { padding-bottom: 0; margin-bottom: 0; } main.search .search-type { border-bottom: 1px solid #dadad3; color: #8f8f8f; display: block; font-family: "Amplitude Light", Arial, Helvetica, sans-serif; line-height: 2em; margin-bottom: 0.75em; margin-top: -1em; padding-top: 0; text-align: right; width: 100%; font-size: 0.85em; } main.search .student-events .event-tile.eventtype, main.search .career-programs .program-tile { border: #e6e6db 1px solid; } main.search .student-events .event-tile .event-tile-inner, main.search .career-programs .program-tile .program-tile-inner { padding-top: 1.25em; padding-bottom: 0.75em; } main.search .career-programs .program-tile .program-tile-inner.row { margin: 0; } main.search .career-programs hr { display: none; } /*main.search .program-type, main.search .program-name{ display:inline; }*/ main.search .program-type span, main.search .program-name a span { color: #df3225; /* font-size:24px; */ font-family: "Amplitude Light", Arial, Helvetica, sans-serif; } main.search .section-header { font-family: "Amplitude Light", Arial, Helvetica, sans-serif; } main.search .col-xs-12.col-sm-8.searchResults { padding-left: 20px; padding-right: 20px; } main.search .program-section { max-width: 100%; } @media (max-width: 991px) { main.search .events-filter { margin-left: 0px; margin-right: 0px; } main.search .student-events .event-tile .event-tile-inner .event-details-block { /* padding-bottom: 1em; */ border-right: 0 none; max-width: 100%; padding-right: 0; } main.search .student-events .event-tile .event-tile-inner .event-date-block { max-width: 100%; } main.search .student-events .event-tile .event-tile-inner .event-date-block .event-start { float: left; margin-right: 0.75em; } main.search .student-events .event-tile .event-tile-inner .event-date-block .event-time { display: inline; } } @media (max-width: 767px) { main.search .events-filter { margin-left: 20px; margin-right: 20px; } } @media (min-width: 992px) { /*main.search .events-filter { margin-left: 0; margin-right: 0; }*/ main.search .col-xs-12.col-sm-8.searchResults { padding-left: 8px; padding-right: 8px; } } /**/ main.search .student-events .event-tile .event-tile-inner div.event-date-block { border-top: 1px solid #dedede; float: left; padding-top: 0.75em; width: 100%; } main.search .program-section { display: block; } main.search .career-programs .program-tile .program-section .section-header { display: block; } main.search .career-programs .program-tile .program-section .section-content { display: inline; /* float: left;*/ } main.search .event-tile .divisions-display { display: inline; } main.search .locations-display { display: inline; } main.search .program-section span.ellip { display: inline; } main.search .professionalPromo { border-top: 8px solid #1f3c57; margin-bottom: 2em; margin-top: 1em; padding-bottom: 0.75em; } .event-tile.professionalPromo .program-tile-inner.event-tile-inner.row { padding-top: 0.75em; padding-bottom: 0; } main.search .professionalPromo h4 { padding: 0.25em 2em 0 2em; } main.search .professionalPromo h4 .searchTerm { font-weight: 700; } @media (min-width: 992px) { main.search .student-events .event-tile .event-tile-inner div.event-date-block { border-top: none; float: none; padding-top: 0; } main.search .events-list .program-tile.search-result div.event-date-block { max-width: 145px; } main.search .student-events .event-tile .event-tile-inner div.event-date-block { float: right; max-width: 145px; } main.search .program-section { display: block; float: none; } main.search .locations-display { display: block; } main.search .program-section span.ellip { display: inline-block; } } main.search .career-programs .program-tile .program-name { margin-bottom: 0; } /*main.search .event-tile .description, main.search .event-tile .divisions-display, main.search .event-tile .locations-display { font-size: 0.9rem; line-height: 1.35; display: block; }*/ main.search .event-tile .event-details-block > div:last-child, main.search .event-tile .search-details-block > div:last-child, main.search .event-tile.locations-display { padding-top: 0.5em; padding-bottom: 1em; } main.search .locations-display { padding-bottom: 1em; } main.search .withlink a { font-size: 24px; line-height: 24px; /*display: inline-block; width: 395px;*/ } main.search .withlink a.url { font-size: 20px; } /*color: #df3225; main.search .career-programs .program-tile .program-type { display:none; }*/ .search .pager { position: relative; display: -ms-flexbox; display: flex; } .search .pager .bar { border-bottom: 1px solid #dadad3; padding-top: 0.45em; position: absolute; width: 100%; } .search .pager h4 { background-color: #f5f4ee; font-size: 1em; line-height: 1em; margin: auto; z-index: 1; padding: 0 0.75em; color: #8f8f8f; -ms-flex-preferred-size: auto; flex-basis: auto; } .search .pager h4 a { font-size: 0.9em; vertical-align: calc(-1px); color: #8f8f8f; } .search .pager h4 a:hover { color: #212121; cursor: pointer; text-decoration: none; color: #666666; } .search .pager h4 span.currentPage { margin-left: 0.3em; } .search .pager h4 span.totalPage { margin-right: 0.3em; } .search .pager h4 i.icon-arrow-left.start::after { content: "\e605"; margin-left: -0.6em; } .search .pager h4 i.icon-arrow-right.end::after { content: "\e608"; } .search .pager h4 i.icon-arrow-right.end::before { content: "\e608"; margin-right: -0.6em; } .search .filter-row2 .icon-search input { height: 3.33em; left: -1em; opacity: 0; position: absolute; top: 0; width: 3em; } .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .ellip, .ellip-line { position: relative; overflow: hidden; max-width: 100%; } .doSearch { margin: 2em auto; width: 80%; display: block; } #spredfast-social-container { display: inline-block; width: 775px; } #spredfast-subhead-text { float: left; margin: 0 25px 0 15px; } html.jp #spredfast-subhead-text { font-size: 1.95rem; float: left; margin: 0 22px; } /* ----------- iPad Media Query ----------- */ /* Portrait and Landscape */ @media (max-width: 991px) { #spredfast-subhead-text { display: none; } #spredfast-social-container { width: auto; margin: 0 -1em 0 0; } } .spredfast-social-icon-oval { width: 82px; height: 51px; padding: 3px 0 0 2px; border: 1px solid #ddd; border-radius: 25px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 1px white; /*bottom internal highlight*/ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 1px white; /*bottom internal highlight*/ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 1px white; /*bottom internal highlight*/ } .spredfast-social-icon-oval svg path { fill: #ee33cc !important; } .spredfast-social-icon-oval-arrow { display: inline-block; vertical-align: middle; margin: 0 0 30px 0; font-size: 20px; color: #c4c3be; -ms-transform: rotate(90deg); /* IE 9 */ /* Chrome, Safari, Opera */ transform: rotate(90deg); } #spredfast-social-container #social-links-desktop ul li { margin: 0px 60px 0px 0px; font-size: 43px; } .spredfast-social-icon-oval .icon-twitter-fill { color: #55ACEE; } .spredfast-social-icon-oval .icon-facebook-fill { color: #4c769a; } .spredfast-social-icon-oval .icon-linkedin-fill { color: #337AB7; } .spredfast-social-icon-oval .icon-youtube-fill { color: #C73D2A; } .spredfast-social-icon-oval .icon-instagram-fill { color: #ee33cc; font-size: 0.975em; padding: 1px; } .icon-instagram-footer-fill { font-size: 34.55px; line-height: -5px !important; } @media (max-width: 767px) { .icon-instagram-footer-fill { font-size: 44px; } } .spredfast-social-icon-oval .icon-twitter-fill, .spredfast-social-icon-oval .icon-facebook-fill, .spredfast-social-icon-oval .icon-linkedin-fill, .spredfast-social-icon-oval .icon-youtube-fill, .spredfast-social-icon-oval .icon-instagram-fill { vertical-align: top; float: left; } #spredfast-social-container #social-links-desktop ul li > ul { display: none; } ul.spredfast-social-dropdown-item.open { display: block; } #spredfast-social-container #social-links-desktop ul ul::after { position: absolute; bottom: 100%; left: 50%; margin-left: -10px; border-color: transparent transparent #ddd; border-width: 10px; } #spredfast-social-container #social-links-desktop ul ul::before { position: absolute; bottom: 20%; left: 50%; margin-left: -10px; border-color: transparent transparent #000; border-width: 14px; } #spredfast-social-container #social-links-desktop ul ul li { text-align: center; float: none; padding: 0; margin: 0 auto; width: 120px; } .spredfast-social-dropdown-item { margin: 20px 0 0 -14px !important; border-radius: 2px; border: 1px solid #ddd; } .spredfast-social-dropdown-item li { display: block; margin: 0 !important; padding: 7px 4px 4px !important; font-size: 12px !important; background-color: #fff !important; } .spredfast-social-dropdown-item li:hover { display: block; font-size: 12px !important; background-color: #ddd !important; } .spredfast-social-dropdown-item li a { display: block; color: #212121; text-decoration: none; } .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .spredfast-social-icon-oval-hidden-bottom { width: 76px; height: 63px; display: block; position: absolute; } /* Speedbump ----------------------------*/ .speedbump__wrapper { display: none; position: fixed; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.96); z-index: 5004; } .speedbump__wrapper.visible { display: block; } .speedbump__inner { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .speedbump__inner--header { font-size: 1.5em; font-weight: 300; line-height: 1.25em; margin: 0 0 1em 0; } .speedbump__inner--desc { color: #717171; line-height: 1.375em; margin: 0 0 1.5em 0; } .speedbump__inner--desc p:last-child { margin-bottom: 0; } .speedbump__inner--links { padding-left: 0; } .speedbump__inner--links__cancel { line-height: 1.375em; margin-right: 1.5em; padding: .563em 1.1em; text-decoration: none; font-weight: 400; background: #ededed; color: #666; } .speedbump__inner--links__proceed { font-weight: 600; line-height: 1.375em; padding: .563em 1.1em; text-decoration: none; background: #0f2d51; color: #fff; } .speedbump__inner--links__proceed:hover, .speedbump__inner--links__cancel:hover { color: #D84A24; } .lt-ie9 .speedbump__wrapper { background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)"; } .lt-ie9 .speedbump__inner { position: absolute; top: 40%; left: 20%; width: 58.33333333%; float: left; } .lt-ie9 .speedbump__inner--header { font-size: 1.625em; line-height: 1.231em; margin-bottom: 1.538em; } .lt-ie9 .speedbump__inner--desc { margin-bottom: 2.5em; } .lt-ie9 .speedbump__inner--links { width: 100%; float: left; } .lt-ie9 .speedbump__inner--links__cancel { width: 33.33333333%; float: left; } .lt-ie9 .speedbump__inner--links__proceed { width: 33.33333333%; float: left; } @media only screen and (min-width: 48em) { .speedbump__inner--header { font-size: 1.625em; line-height: 1.231em; margin-bottom: 1.538em; } .speedbump__inner--desc { margin-bottom: 2.5em; } } .static-page { color: #ffffff; padding: 28px; } .static-page .static-page__title { color: #D84A24; } .static-page .static-page__desc { margin-bottom: 56px; } .static-page .static-page__content { margin: -1.6em auto 0; text-align: center; max-width: 760px; } .static-page .static-footer { position: absolute; bottom: 0; left: 0; right: 0; } .static-page a { color: inherit; border-bottom-color: inherit; } .static-page .static-spacing { margin-top: 28px; margin-bottom: 28px; } .static-404 { margin: 45.304px auto; } .static-404 .static-page__content { color: #212121; } .sg-title { font-size: 2.875rem; border-bottom: 1px solid #989898; } .sg-module { margin: 28px auto; } .sg-module__title { font-size: 2rem; font-weight: 200; margin: 0 0 14px; color: #545454; } .sg-module__title--sub { font-size: 1.375rem; margin: 0; color: #878787; } .sg-color__palette { background: #ffffff; border: 0 none; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } .sg-color__palette section { margin-bottom: 1.5rem; overflow: hidden; border-radius: 3px; } .sg-color__palette section div { min-height: 100px; text-align: center; position: relative; overflow: hidden; } .sg-color__palette section small, .sg-color__palette section strong { display: block; margin: 7px 14px; } .sg-color__palette section small { font-size: 0.97875rem; } .sg-color__palette section strong { font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0; } .sg-color__palette.sg-color__palette--primary div { background-color: #D84A24; } .sg-color__palette.sg-color__palette--secondary div { background-color: #0f2d51; } .sg-color__palette.sg-color__palette--tertiary div { background-color: #d6f3e7; } .sg-color__palette.sg-color__palette--quaternary div { background-color: #d6f3e7; } .sg-color__palette.sg-color__palette--quinary div { background-color: #d6f3e7; } .sg-color__palette.sg-color__palette--senary div { background-color: #d6f3e7; } .sg-color__palette.sg-color__palette--light div { background-color: #f0f0e5; } .sg-color__palette.sg-color__palette--dark div { background-color: #212121; } .sg-color__palette.sg-color__palette--primary strong:before { content: "#D84A24"; } .sg-color__palette.sg-color__palette--secondary strong:before { content: "#0f2d51"; } .sg-color__palette.sg-color__palette--tertiary strong:before { content: "#d6f3e7"; } .sg-color__palette.sg-color__palette--quaternary strong:before { content: "#d6f3e7"; } .sg-color__palette.sg-color__palette--quinary strong:before { content: "#d6f3e7"; } .sg-color__palette.sg-color__palette--senary strong:before { content: "#d6f3e7"; } .sg-color__palette.sg-color__palette--light strong:before { content: "#f0f0e5"; } .sg-color__palette.sg-color__palette--dark strong:before { content: "#212121"; } .sg-color__palette.sg-color__palette--gray div { background-color: #9b9b9b; } .sg-color__palette.sg-color__palette--gray-light div { background-color: #d9d9d9; } .sg-color__palette.sg-color__palette--gray-lighter div { background-color: #e8ebee; } .sg-color__palette.sg-color__palette--gray-dark div { background-color: #6a6b6e; } .sg-color__palette.sg-color__palette--gray-darker div { background-color: #4e4f50; } .sg-color__palette.sg-color__palette--gray strong:before { content: "#9b9b9b"; } .sg-color__palette.sg-color__palette--gray-light strong:before { content: "#d9d9d9"; } .sg-color__palette.sg-color__palette--gray-lighter strong:before { content: "#e8ebee"; } .sg-color__palette.sg-color__palette--gray-dark strong:before { content: "#6a6b6e"; } .sg-color__palette.sg-color__palette--gray-darker strong:before { content: "#4e4f50"; } .margin-xs { margin-top: 14px; margin-bottom: 14px; } .margin-top-xs { margin-top: 14px; } .margin-bottom-xs { margin-bottom: 14px; } .margin-sm { margin-top: 28px; margin-bottom: 28px; } .margin-top-sm { margin-top: 28px; } .margin-bottom-sm { margin-bottom: 28px; } .margin-top-md { margin-top: 56px; } .margin-bottom-md { margin-bottom: 56px; } .margin-top-lg { margin-top: 70px; } .margin-bottom-lg { margin-bottom: 70px; } .margin-top-xlg { margin-top: 84px; } .margin-bottom-xlg { margin-bottom: 84px; } .no-margin { margin: 0; } .location-blocks { height: 355px; } .location-img-rounded figure { max-width: 220px; margin-left: auto; margin-right: auto; min-height: 220px; } .location-img-rounded-small figure { margin: 0 auto 28px; } .location-img-rounded-small figure img { margin-left: auto; margin-right: auto; } .getting-around-info__image { max-width: 220px; } .location-carousel figure { max-width: 1328px; margin-left: auto; margin-right: auto; } .location-carousel figure img { width: 100%; } @media (max-width: 767px) { .location-carousel figure img { width: 100%; } } .featured-loc__title { margin: 0; padding: 0; } .featured-loc__title--sub { margin: 0; padding: 0; } .page-block { height: 350px; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } .page-block__content { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px; color: #ffffff; } .page-block-links { display: block; height: 100%; text-decoration: none !important; outline: 0 none; } .whyus-overlay-env { overflow: hidden; height: 100%; padding: 28px; } @media (min-width: 991px) { .whyus-overlay-env { height: 400px; } } .page-highlight__content { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px; color: #ffffff; } .whyus-culture { position: relative; margin-top: -28px; padding: 28px 56px; background: #f5f4ee; z-index: 1; } @media (max-width: 767px) { .whyus-culture { margin: -28px auto; width: 90%; padding: 28px; } } @media (min-width: 991px) { .sitemap .accordion .accordion-section-title, .sitemap .accordion .accordion-section-content-wrapper { max-width: 100%; } } .sitemap__title { text-align: center; } .need-advice-links { margin-top: 56px; margin-bottom: 28px; } @media (max-width: 767px) { .need-advice-links { margin-top: 28px; margin-bottom: 0; } } .need-advice-links .link-block { margin-bottom: 32px; } .img-1-1-env .img-caption-square .img-caption__image { height: auto; } .img-1-1-env-small { overflow: hidden; } .img-1-1-env-small img { margin: 0 auto; } .location-life-in-grid-media { display: block; } section#life-in-grid .title-desc__title { padding-bottom: 0; } .has-colummns { word-wrap: break-word; } .has-colummns li { /* Chrome, Safari, Opera */ /* Firefox */ break-inside: avoid; /* IE 10+ */ } @media (min-width: 767px) { .has-colummns { columns: 2 32px; } } @media (min-width: 991px) { .has-colummns { columns: 3 32px; } } html.ie9 .has-colummns li { float: left; width: 30%; padding-right: 2%; word-wrap: break-word; } @media (min-width: 768px) and (max-width: 991px) { .diversity-imgtxt .txt-blob { padding: 0 56px; } } @media (min-width: 991px) { .diversity-imgtxt .txt-blob { padding: 28px 56px 28px 220px; } .diversity-imgtxt .txt-blob.right { padding-right: 220px; padding-left: 56px; } } .jpm-dark { background-color: #0f2d51; color: #ffffff; } .jpm-dark--padding-bottom { padding-bottom: 112px; } .jpm-dark--padding-collapse { padding-bottom: 0; } .oldies { display: table; width: 100%; height: 100%; margin: 0 auto; padding-top: 40px; background: #0f2d51; color: #ffffff; } .oldies__header { display: table-row; } .oldies__content { display: table-row; text-align: center; } .oldies__content a { text-decoration: none; color: inherit; border-bottom: 1px solid #ffffff; } .oldies__content a:hover, .oldies__content a:focus { border-bottom-color: #ffffff; } .oldies__cta { display: inline-block; margin: 28px auto 45.304px; padding: 0.5em 1em; border: 0 none; background: #ffffff; color: #D84A24 !important; font-weight: 500; text-transform: uppercase; } .oldies__footer { display: table-row; } body.jpm .oldies { background: #f5f4ee; color: #212121; } body.jpm .oldies__content a, body.jpm .oldies__content a:hover, body.jpm .oldies__content a:focus { border-bottom-color: #212121; } body.jpm .oldies__cta { background: #D84A24; color: #ffffff !important; } body.jpm .oldies .language-selector li.active a { border-bottom-color: #212121; } /* Styles reserved just for your hacky code. The code you have to write to get the release out on time, but the code that makes you ashamed. Some kind of rules and criteria: - If it’s a hack, it goes in shame.css. - Document all hacks fully: - What part of the codebase does it relate to? - Why was this needed? - How does this fix it? - How might you fix it properly, given more time? - Do not blame the developer; if they explained why they had to do it then their reasons are probably (hopefully) valid. - Try and clean shame.css up when you have some down time. - Even better, get a tech-debt story in which you can dedicate actual sprint time to it. */ .border-fix { border: 1px solid transparent; } @-moz-document url-prefix() { .img-fix-ff-100 { width: 100%; } } @media screen and (min-width: 0\0) { .img-fix-ie-100 { width: 100%; } } @media all and (-ms-high-contrast: none) { .img-fix-ie-100, *::-ms-backdrop .img-fix-ie-100 { width: 100%; } } main { padding-bottom: 60px; } main .module-spacing-large-x:last-child, main .module-spacing-large-x-both:last-child, main .margin-bottom-xlg:last-child, main .module-spacing-large:last-child, main .module:last-child, main .module-padding-base-both:last-child { margin-bottom: 0 !important; } main .module:last-child, main .module-padding:last-child, main .imgtxtbtn__text:last-child, main .module-padding-medium-both:last-child, main .module-padding-base-both:last-child { /*padding-bottom: 0 !important;*/ } section#whyus-history { padding-bottom: 94px; } section#whyus-impact__diversity { padding: 84px 0; } #whyus-impact { padding: 84px 0; } #whyus-impact .why-us-carousel .owl-controls .owl-buttons div { margin-top: -56px; } section#whyus-apply { padding: 84px 0; } section#whyus-apply h2 { padding-left: 16px; padding-right: 16px; } section#whyus-apply article.imgtxtbtn__text { text-align: center; } div#whyus-awards__accordion.module-padding-large { padding-bottom: 0 !important; padding: 0 84px; } div#whyus-awards__accordion.module-padding-large #accordion__component { padding-left: 3vw; padding-right: 3vw; } section#whyus-apply div#cross-linking-blocks { max-width: 976px; margin: auto; } section#socialMedia #spredfast-social-container { padding-top: 2em; padding-bottom: 2em; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }