/* e236ff37 */ @charset "UTF-8"; @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 300; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: italic; font-weight: 300; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: italic; font-weight: 400; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 400; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: italic; font-weight: 500; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 500; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 700; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: italic; font-weight: 700; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 800; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.svg") format("svg"); } @font-face { font-family: "Workday Adelle Sans"; font-style: normal; font-weight: 900; src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.eot"); src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.svg") format("svg"); } html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: 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; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } .component-featured-customer .panel blockquote, .component-featured-customer .panel .logo-list, .wd-accordion > header { border: 0; box-sizing: border-box; font-size: inherit; line-height: inherit; margin: 0; padding: 0; } .page-wrap .ui-button, .ui-button { /* IE hacks */ zoom: 1; *display: inline; } /* wraps code around passed in selector */ /* example scss @include selector-wrap(".box") { width: 100px; height: 100px; } css: .box { width: 100px; height: 100px; } */ /* create right angle arrow Can specify color, direction and 4 sizes. Usage: @include icon-arrow(black, down); position icon with absolute position, add position relative to parent or .elem::after { @include icon-arrow(black, down); position icon with absolute position, add position relative to parent }*/ /* create filled triangle arrow Can specify color, direction and 4 sizes. */ /* generate scss to change specified properties for the nth last children */ /* css sample: &:nth-last-child(2), &:nth-last-child(1) { @content; }; */ .row:after, .row.gd-width-90:after, .row.gd-width-80:after, .row.gd-width-60:after, .row.gd-width-50:after, .table:after, .container:after, .page-wrap:after, .workdayeventstemplate .page-wrap:after, .nav-container .container:after, .nav-container .flexarea-container.content-container .double-banner:after, .component-spotlight:after, footer.page-footer .social:after, .component-iconbullet:after, .component-featured-customer:after, .wd-accordion:after, .component-api .careers-container .result-group:after, .component-api .careers-container .result-row:after, .component-api .customers-container:after, .component-api .partners-container:after, .component-leadgenbar .leadgen-item:after, .component-left-tab-interface:after, .simple-logo-wall:after, .profile-tab .tab-container:after, .profile-tab .featurette-container:after, #partners-form-wrapper .form .radio:after, .component-announcement-item:after, .service-partners:after, .service-partners .service-partners-section:after, .component-careers-search form.careers-search-form:after, .component-search-simple form.search-simple-form:after, .component-media-resource:after { content: ""; display: table; clear: both; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { width: 1px; height: 1px; position: absolute; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .img-responsive { max-width: 100%; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container video, .video-container iframe, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .margin-top-20 { margin-top: 20px; } .margin-top-40 { margin-top: 40px; } .margin-top-60 { margin-top: 60px; } .margin-top-80 { margin-top: 80px; } .margin-top-100 { margin-top: 100px; } .margin-top-200 { margin-top: 200px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-200 { margin-bottom: 200px; } .padding-top-20 { padding-top: 20px; } .padding-top-40 { padding-top: 40px; } .padding-top-60 { padding-top: 60px; } .padding-top-80 { padding-top: 80px; } .padding-top-100 { padding-top: 100px; } .padding-top-200 { padding-top: 200px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-200 { padding-bottom: 200px; } .padding-left-20 { padding-left: 20px; } .padding-left-40 { padding-left: 40px; } .padding-left-60 { padding-left: 60px; } .padding-left-80 { padding-left: 80px; } .padding-left-100 { padding-left: 100px; } .padding-left-200 { padding-left: 200px; } .padding-right-20 { padding-right: 20px; } .padding-right-40 { padding-right: 40px; } .padding-right-60 { padding-right: 60px; } .padding-right-80 { padding-right: 80px; } .padding-right-100 { padding-right: 100px; } .padding-right-200 { padding-right: 200px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .visible-xs { display: block; } @media (min-width: 768px) { .visible-xs { display: none !important; } } .hidden-xs { display: block; } @media only screen and (max-width: 767px) { .hidden-xs { display: none; } } .dark-blue { background: #006DB6; color: #FFFFFF; } .light-blue { background: #40B4E5; color: #FFFFFF; } .light-grey { background: whitesmoke; color: #1F242B; } .black { background: #1F242B; color: #FFFFFF; } .white { background: #FFFFFF; color: #1F242B; } .text-color-dark-gray { color: #929292 !important; } .hide { display: none !important; } .show { display: block !important; } [floating-image] { width: 100%; } @media (min-width: 768px) { [floating-image] { width: auto; display: none; position: absolute; z-index: -1; height: 120%; } .air-up-1 [floating-image] { height: 140%; } .air-up-2 [floating-image] { height: 160%; } [floating-image].floating-image-anchor-center { max-height: 600px; } } @media (min-width: 768px) { .has-floating-image { overflow: hidden; z-index: 5; } .has-floating-image [floating-image] { left: 0; margin-left: -8.46811%; } .has-floating-image .gd-swap [floating-image], .has-floating-image .floating-img-align-left [floating-image] { left: auto; right: 0; margin-left: 0; margin-right: -8.46811%; } } @-webkit-keyframes jumper { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes jumper { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .loaded { -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .loaded.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .loaded.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } .loaded.three { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; animation-delay: 1.7s; } /*******************/ /*** Functions ***/ /*******************/ /* Parameter: column desired */ /* function returns number of columns factoring in grid size */ /* This is mainly for when grid change, we do not have to change column size too */ /* Ex. grid = 12, grid-calc-col(2) returns 2 */ /* Ex. grid = 24, grid-calc-col(2) returns 4 */ /* add gd-width to caller container */ /* mainling used as options for spacing above and after a component */ /* set an element's ratio by giving it a width */ /*------ Grid Classes ------*/ .genericcolumncontrol + .imagespacer, .genericcolumncontrol + .genericcolumncontrol { margin-top: 22px; margin-top: 1.375rem; } .row { display: block; /* spacing after row */ /* one column and mobile */ } @media (min-width: 768px) { .row.gd-width-90 { max-width: 90%; margin-left: auto; margin-right: auto; } .row.gd-width-80 { max-width: 80%; margin-left: auto; margin-right: auto; } .row.gd-width-60 { max-width: 60%; margin-left: auto; margin-right: auto; } .row.gd-width-50 { max-width: 50%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 767px) { .row.text-center-sm { text-align: center; } } @media screen and (max-width: 991px) { .row.text-center-md { text-align: center; } } @media (min-width: 768px) { .row.row-air-1 { margin-top: 44px; margin-top: 2.75rem; margin-bottom: 44px; margin-bottom: 2.75rem; } } @media (min-width: 768px) { .row.row-air-2 { margin-top: 88px; margin-top: 5.5rem; margin-bottom: 88px; margin-bottom: 5.5rem; } } @media (min-width: 768px) { .row.row-air-3 { margin-top: 132px; margin-top: 8.25rem; margin-bottom: 88px; margin-bottom: 5.5rem; } } .row.gd-vgutter { margin-bottom: 1em; } .row.gd-vgutter-up1 { margin-bottom: 1.2em; } .row.gd-vgutter-up2 { margin-bottom: 1.44em; } .row.gd-vgutter-up3 { margin-bottom: 1.728em; } .row > .col { float: left; display: block; margin-right: 1.61735%; width: 100%; margin-right: 0; /* padding */ } .row > .col:last-child { margin-right: 0; } .row > .col.gd-hpadding { padding: 0 1em; } .row > .col.gd-vpadding { padding: 1em 0; } .row > .col.gd-padding { padding: 1em; } .row > .col.gd-hpadding-up1 { padding: 0 1.2em; } .row > .col.gd-vpadding-up1 { padding: 1.2em 0; } .row > .col.gd-padding-up1 { padding: 1.2em; } .row > .col.gd-hpadding-up2 { padding: 0 1.44em; } .row > .col.gd-vpadding-up2 { padding: 1.44em 0; } .row > .col.gd-padding-up2 { padding: 1.44em; } .row > .col.gd-hpadding-up3 { padding: 0 1.728em; } .row > .col.gd-vpadding-up3 { padding: 1.728em 0; } .row > .col.gd-padding-up3 { padding: 1.728em; } .row > .col > *:last-child, .row > .col > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row > .col > *:last-child { margin-bottom: 0; } @media (min-width: 768px) { .row.gd-size-2 > .col { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; /* ratio */ } .row.gd-size-2 > .col:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-20 { float: left; display: block; margin-right: 5.01424%; width: 15.98861%; } .row.gd-size-2 > .col.gd-ratio-20:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-30 { float: left; display: block; margin-right: 5.01424%; width: 26.49003%; } .row.gd-size-2 > .col.gd-ratio-30:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-40 { float: left; display: block; margin-right: 5.01424%; width: 36.99146%; } .row.gd-size-2 > .col.gd-ratio-40:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-50 { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .row.gd-size-2 > .col.gd-ratio-50:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-60 { float: left; display: block; margin-right: 5.01424%; width: 57.9943%; } .row.gd-size-2 > .col.gd-ratio-60:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-70 { float: left; display: block; margin-right: 5.01424%; width: 68.49573%; } .row.gd-size-2 > .col.gd-ratio-70:last-child { margin-right: 0; } .row.gd-size-2 > .col.gd-ratio-80 { float: left; display: block; margin-right: 5.01424%; width: 78.99715%; } .row.gd-size-2 > .col.gd-ratio-80:last-child { margin-right: 0; } } @media (min-width: 768px) { .gd-size-2 .row.gd-size-2 > .col { float: left; display: block; margin-right: 5.01424%; width: 100%; } .gd-size-2 .row.gd-size-2 > .col:last-child { margin-right: 0; } } @media (min-width: 768px) { .gd-size-2 .row.gd-size-2 > .col { float: left; display: block; margin-right: 5.01424%; width: 100%; } .gd-size-2 .row.gd-size-2 > .col:last-child { margin-right: 0; } } @media (min-width: 992px) { .gd-size-2 .row.gd-size-2 > .col { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .gd-size-2 .row.gd-size-2 > .col:last-child { margin-right: 0; } } @media (max-width: 767px) { .row.gd-size-2 > .col > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-2 > .col > *:last-child { margin-bottom: 0; } .row.gd-size-2 > .col + .col { margin-top: 22px; margin-top: 1.375rem; } } @media (min-width: 768px) { .row.gd-size-2.gd-vert-center > .col.match-height > * { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 768px) { .row.gd-size-2.gd-swap > .col { margin-left: 52.50712%; } .row.gd-size-2.gd-swap > .col:last-child { margin-left: -105.01424%; } } @media (min-width: 992px) { .row.gd-size-3 > .col { float: left; display: block; margin-right: 6.7993%; width: 28.80047%; /* ratio */ } .row.gd-size-3 > .col:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-20 { float: left; display: block; margin-right: 6.7993%; width: 14.56056%; } .row.gd-size-3 > .col.gd-ratio-20:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-30 { float: left; display: block; margin-right: 6.7993%; width: 25.24049%; } .row.gd-size-3 > .col.gd-ratio-30:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-40 { float: left; display: block; margin-right: 6.7993%; width: 35.92042%; } .row.gd-size-3 > .col.gd-ratio-40:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-50 { float: left; display: block; margin-right: 6.7993%; width: 46.60035%; } .row.gd-size-3 > .col.gd-ratio-50:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-60 { float: left; display: block; margin-right: 6.7993%; width: 57.28028%; } .row.gd-size-3 > .col.gd-ratio-60:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-70 { float: left; display: block; margin-right: 6.7993%; width: 67.96021%; } .row.gd-size-3 > .col.gd-ratio-70:last-child { margin-right: 0; } .row.gd-size-3 > .col.gd-ratio-80 { float: left; display: block; margin-right: 6.7993%; width: 78.64014%; } .row.gd-size-3 > .col.gd-ratio-80:last-child { margin-right: 0; } } @media (min-width: 992px) { .gd-size-2 .row.gd-size-3 > .col { float: left; display: block; margin-right: 6.7993%; width: 100%; } .gd-size-2 .row.gd-size-3 > .col:last-child { margin-right: 0; } } @media (min-width: 1200px) { .gd-size-2 .row.gd-size-3 > .col { float: left; display: block; margin-right: 6.7993%; width: 28.80047%; } .gd-size-2 .row.gd-size-3 > .col:last-child { margin-right: 0; } } @media (max-width: 991px) { .row.gd-size-3 > .col > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-3 > .col > *:last-child { margin-bottom: 0; } .row.gd-size-3 > .col + .col { margin-top: 22px; margin-top: 1.375rem; } } @media (min-width: 768px) { .row.gd-size-4 > .col { /* 2/2 stacked */ float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .row.gd-size-4 > .col:last-child { margin-right: 0; } .row.gd-size-4 > .col:nth-child(2n) { margin-right: 0; } .row.gd-size-4 > .col:nth-child(2n+1) { clear: left; } .row.gd-size-4 > .col:first-child, .row.gd-size-4 > .col:nth-child(2) { margin-bottom: 22px; margin-bottom: 1.375rem; } } @media (min-width: 1200px) { .row.gd-size-4 > .col { float: left; display: block; margin-right: 5.01424%; width: 21.23932%; } .row.gd-size-4 > .col:last-child { margin-right: 0; } .row.gd-size-4 > .col:nth-child(2n) { margin-right: 5.01424%; } .row.gd-size-4 > .col:nth-child(2n+1) { clear: none; } .row.gd-size-4 > .col:nth-child(4n) { margin-right: 0; } .row.gd-size-4 > .col:nth-child(4n+1) { clear: left; } .row.gd-size-4 > .col:first-child, .row.gd-size-4 > .col:nth-child(2) { margin-bottom: 0px; margin-bottom: 0rem; } } @media (max-width: 767px) { .row.gd-size-4 > .col > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-4 > .col > *:last-child { margin-bottom: 0; } .row.gd-size-4 > .col + .col { margin-top: 22px; margin-top: 1.375rem; } } @media (min-width: 768px) { .row.gd-size-5 > .col { float: left; display: block; margin-right: 3.28787%; width: 31.14142%; /* build nth-last-child string */ /* actual print out */ } .row.gd-size-5 > .col:last-child { margin-right: 0; } .row.gd-size-5 > .col:nth-child(3n) { margin-right: 0; } .row.gd-size-5 > .col:nth-child(3n+1) { clear: left; } .row.gd-size-5 > .col:nth-last-child(2), .row.gd-size-5 > .col:nth-last-child(1) { float: left; display: block; margin-right: 3.28787%; width: 31.14142%; } .row.gd-size-5 > .col:nth-last-child(2):last-child, .row.gd-size-5 > .col:nth-last-child(1):last-child { margin-right: 0; } .row.gd-size-5 > .col:nth-child(4) { margin-left: 17.21465%; } .row.gd-size-5 > .col:first-child, .row.gd-size-5 > .col:nth-child(2), .row.gd-size-5 > .col:nth-child(3) { margin-bottom: 22px; margin-bottom: 1.375rem; } } @media (min-width: 1200px) { .row.gd-size-5 > .col { float: left; display: block; margin-right: 3.97156%; width: 16.82275%; /* build nth-last-child string */ /* actual print out */ } .row.gd-size-5 > .col:nth-child(3n) { margin-right: 3.28787%; } .row.gd-size-5 > .col:nth-child(3n+1) { clear: none; } .row.gd-size-5 > .col:last-child { margin-right: 0; } .row.gd-size-5 > .col:nth-last-child(2), .row.gd-size-5 > .col:nth-last-child(1) { float: left; display: block; margin-right: 3.97156%; width: 16.82275%; } .row.gd-size-5 > .col:nth-last-child(2):last-child, .row.gd-size-5 > .col:nth-last-child(1):last-child { margin-right: 0; } .row.gd-size-5 > .col:nth-child(4) { margin-left: 0%; } .row.gd-size-5 > .col:first-child, .row.gd-size-5 > .col:nth-child(2), .row.gd-size-5 > .col:nth-child(3) { margin-bottom: 0px; margin-bottom: 0rem; } } @media (max-width: 767px) { .row.gd-size-5 > .col > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-5 > .col > *:last-child { margin-bottom: 0; } .row.gd-size-5 > .col + .col { margin-top: 22px; margin-top: 1.375rem; } } @media (min-width: 992px) { .row.gd-size-6 > .col { /* 3/3 stacked */ float: left; display: block; margin-right: 3.28787%; width: 31.14142%; } .row.gd-size-6 > .col:last-child { margin-right: 0; } .row.gd-size-6 > .col:nth-child(3n) { margin-right: 0; } .row.gd-size-6 > .col:nth-child(3n+1) { clear: left; } .row.gd-size-6 > .col:first-child, .row.gd-size-6 > .col:nth-child(2), .row.gd-size-6 > .col:nth-child(3) { margin-bottom: 22px; margin-bottom: 1.375rem; } } @media (min-width: 1200px) { .row.gd-size-6 > .col { float: left; display: block; margin-right: 3.28787%; width: 13.92677%; } .row.gd-size-6 > .col:nth-child(3n) { margin-right: 3.28787%; } .row.gd-size-6 > .col:nth-child(3n+1) { clear: none; } .row.gd-size-6 > .col:last-child { margin-right: 0; } .row.gd-size-6 > .col:nth-child(6n) { margin-right: 0; } .row.gd-size-6 > .col:nth-child(6n+1) { clear: left; } .row.gd-size-6 > .col:first-child, .row.gd-size-6 > .col:nth-child(2), .row.gd-size-6 > .col:nth-child(3) { margin-bottom: 0px; margin-bottom: 0rem; } } @media (max-width: 991px) { .row.gd-size-6 > .col > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child > *:last-child, .row.gd-size-6 > .col > *:last-child { margin-bottom: 0; } .row.gd-size-6 > .col + .col { margin-top: 22px; margin-top: 1.375rem; } } .table { display: block; /* one column and mobile */ } .table > .cell { float: left; width: 100%; } @media (min-width: 600px) { .table.gd-size-2 > .cell { width: 50%; } } @media (min-width: 600px) { .table.gd-size-3 > .cell { width: 50%; } } @media (min-width: 992px) { .table.gd-size-3 > .cell { width: 33.33333%; } } @media (min-width: 600px) { .table.gd-size-4 > .cell { width: 50%; } } @media (min-width: 992px) { .table.gd-size-4 > .cell { width: 33.33333%; } } @media (min-width: 1200px) { .table.gd-size-4 > .cell { width: 25%; } } @media (min-width: 600px) { .table.gd-size-5 > .cell { width: 50%; } } @media (min-width: 992px) { .table.gd-size-5 > .cell { width: 33.33333%; } } @media (min-width: 1200px) { .table.gd-size-5 > .cell { width: 20%; } } /** These values will not show up in content, but can be queried by JavaScript to know which breakpoint is active. Add or remove as many breakpoints as you like. the 'content' variables should match definitions in js/utils/responsive.js in order to leverage GT> or LT< logic */ body:before { content: "default"; display: none; /* Prevent from displaying. */ } @media (min-width: 600px) { body:before { content: "xs"; } } @media (min-width: 768px) { body:before { content: "sm"; } } @media (min-width: 992px) { body:before { content: "md"; } } @media (min-width: 1200px) { body:before { content: "lg"; } } @media (min-width: 1440px) { body:before { content: "xl"; } } *, *::after, *::before { box-sizing: border-box; } html, body { position: relative; font-size: 16px; height: 100%; } html.no-scroll, body.no-scroll { overflow: hidden; } body { color: #83888b; font-family: "Workday Adelle Sans","ans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; height: 100%; margin-top: 80px; } .container { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 20px; } @media (min-width: 768px) { .container { margin: 0 auto; padding: 0 40px; } } @media (min-width: 992px) { .container { margin: 0 auto; padding: 0 60px; } } @media (min-width: 1200px) { .container { margin: 0 auto; padding: 0 100px; } } .anchors { position: relative; top: -80px; display: block; visibility: hidden; } img { max-width: 100%; } img.bgimg, img.no-max-width { max-width: none; } .bgimg.loading { visibility: hidden; } .text-center .component-image-img { margin: 0 auto; } .page-wrap { overflow: hidden; min-height: 100%; margin-bottom: -650px; } @media (min-width: 768px) { .page-wrap { margin-bottom: -652px; } } @media (min-width: 992px) { .page-wrap { margin-bottom: -610px; } } @media (min-width: 1200px) { .page-wrap { margin-bottom: -490px; } } .page-footer, .page-wrap::after { height: 650px; } @media (min-width: 768px) { .page-footer, .page-wrap::after { height: 652px; } } @media (min-width: 992px) { .page-footer, .page-wrap::after { height: 610px; } } @media (min-width: 1200px) { .page-footer, .page-wrap::after { height: 490px; } } div.image { margin-bottom: 0 !important; } /* workdayeventstemplate todo: move when it expances */ .workdayeventstemplate .page-wrap { /* counteract fixed nav */ margin-top: -80px; padding-top: 80px; margin-bottom: -120px; } @media (min-width: 768px) { .workdayeventstemplate .page-wrap { margin-bottom: -120px; } } @media (min-width: 992px) { .workdayeventstemplate .page-wrap { margin-bottom: -120px; } } .workdayeventstemplate .page-footer, .workdayeventstemplate .page-wrap::after { height: 120px; } @media (min-width: 768px) { .workdayeventstemplate .page-footer, .workdayeventstemplate .page-wrap::after { height: 120px; } } @media (min-width: 992px) { .workdayeventstemplate .page-footer, .workdayeventstemplate .page-wrap::after { height: 120px; } } .workdayeventstemplate footer.page-footer { z-index: 5; padding: 0; line-height: 120px; } @media (min-width: 768px) { .workdayeventstemplate footer.page-footer { padding: 0; line-height: 120px; } } .workdayeventstemplate footer.page-footer .copyright { margin: 0; } p.var1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } p.var2 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } p.var3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } p.var4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } p.hd1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 54px; font-size: 3.375rem; line-height: 66px; line-height: 4.125rem; } p.hd2 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 44px; font-size: 2.75rem; line-height: 55px; line-height: 3.4375rem; } p.hd3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 36px; font-size: 2.25rem; line-height: 44px; line-height: 2.75rem; } p.hd4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; } p.hd5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 22px; font-size: 1.375rem; line-height: 27.5px; line-height: 1.71875rem; } p.hd6 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } p.hd7 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 26px; font-size: 1.625rem; line-height: 33px; line-height: 2.0625rem; } p.hd8 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } p.hd9 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } p.hd10 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; } p.hd11 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; } p.lk1 { font-weight: 600; color: #40B4E5; text-decoration: none; } p.lk1:hover { color: #006DB6; } p.lk2 { font-weight: 600; color: #40B4E5; text-decoration: none; } p.lk2:hover { color: #006DB6; } p.lk3 { font-weight: 700; color: #40B4E5; text-decoration: none; } p.lk3:hover { color: #006DB6; } /*********** Font ************/ .page-wrap a { -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; transition: color 250ms ease; font-weight: 600; color: #40B4E5; text-decoration: none; } .page-wrap a:hover { color: #006DB6; } @media (min-width: 768px) { .page-wrap a { font-weight: 600; color: #40B4E5; text-decoration: none; } .page-wrap a:hover { color: #006DB6; } } .page-wrap a.emph { font-weight: 600; color: #40B4E5; text-decoration: none; } .page-wrap a.emph:hover { color: #006DB6; } @media (min-width: 768px) { .page-wrap a.emph { font-weight: 700; color: #40B4E5; text-decoration: none; } .page-wrap a.emph:hover { color: #006DB6; } } .page-wrap p, .page-wrap li { margin-bottom: 22px; margin-bottom: 1.375rem; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .page-wrap p, .page-wrap li { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .page-wrap p.size-up, .page-wrap li.size-up { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .page-wrap p.size-up, .page-wrap li.size-up { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } } .page-wrap p.size-down, .page-wrap .component-icon-content-cta p.heading, .component-icon-content-cta .page-wrap p.heading, .page-wrap li.size-down, .page-wrap .component-icon-content-cta li.heading, .component-icon-content-cta .page-wrap li.heading { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } @media (min-width: 768px) { .page-wrap p.size-down, .page-wrap .component-icon-content-cta p.heading, .component-icon-content-cta .page-wrap p.heading, .page-wrap li.size-down, .page-wrap .component-icon-content-cta li.heading, .component-icon-content-cta .page-wrap li.heading { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } } .page-wrap strong, .page-wrap b { font-weight: 700; } .page-wrap em { font-style: italic; } .page-wrap ul, .page-wrap ol { margin-left: 2rem; } .page-wrap ul li, .page-wrap ol li { margin-bottom: 22px; margin-bottom: 1.375rem; } .page-wrap h1, .page-wrap .h1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 26px; font-size: 1.625rem; line-height: 33px; line-height: 2.0625rem; } @media (min-width: 768px) { .page-wrap h1, .page-wrap .h1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 54px; font-size: 3.375rem; line-height: 66px; line-height: 4.125rem; } } .page-wrap h2, .page-wrap .h2 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 26px; font-size: 1.625rem; line-height: 33px; line-height: 2.0625rem; } @media (min-width: 768px) { .page-wrap h2, .page-wrap .h2 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 44px; font-size: 2.75rem; line-height: 55px; line-height: 3.4375rem; } } .page-wrap h3, .page-wrap .h3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } @media (min-width: 768px) { .page-wrap h3, .page-wrap .h3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 36px; font-size: 2.25rem; line-height: 44px; line-height: 2.75rem; } } .page-wrap h4, .page-wrap .h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } @media (min-width: 768px) { .page-wrap h4, .page-wrap .h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; } } .page-wrap h5, .page-wrap .h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .page-wrap h5, .page-wrap .h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 22px; font-size: 1.375rem; line-height: 27.5px; line-height: 1.71875rem; } } .page-wrap h6, .page-wrap .h6 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .page-wrap h6, .page-wrap .h6 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } } .page-wrap input::-webkit-input-placeholder { color: #1F242B; font-weight: inherit; } .page-wrap input:-moz-placeholder { color: #1F242B; font-weight: inherit; } .page-wrap input::-moz-placeholder { color: #1F242B; font-weight: inherit; } .page-wrap input:-ms-input-placeholder { color: #1F242B; font-weight: inherit; } .text.parbase h1, .text.parbase h2, .text.parbase h3 { margin-bottom: 22px; margin-bottom: 1.375rem; } .text.parbase h4, .text.parbase h5, .text.parbase h6 { margin-bottom: 22px; margin-bottom: 1.375rem; } section.component-section { position: relative; padding-top: 66px; padding-top: 4.125rem; padding-bottom: 66px; padding-bottom: 4.125rem; } section.component-section.bg-green { color: #FFFFFF; background-color: #78b92f; } .sub-section section.component-section.bg-green { background-color: rgba(120, 185, 47, 0.9); } section.component-section.bg-green h6.eyebrow, section.component-section.bg-green .eyebrow { color: #FFFFFF !important; } section.component-section.bg-green h1, section.component-section.bg-green h2, section.component-section.bg-green h3, section.component-section.bg-green h4, section.component-section.bg-green h5, section.component-section.bg-green h6 { color: #FFFFFF; } section.component-section.bg-green a { color: #40B4E5; } section.component-section.bg-green a:hover { text-decoration: underline; } section.component-section.bg-green .col { border-color: #FFFFFF; } section.component-section.bg-green .icon { fill: #F6F6F6 !important; } section.component-section.bg-green .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-green.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2378b92f%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-green.bg-transparent { background-color: transparent; } section.component-section.bg-green ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-green .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-green .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-green .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-blue { color: #FFFFFF; background-color: #006db6; } .sub-section section.component-section.bg-blue { background-color: rgba(0, 109, 182, 0.9); } section.component-section.bg-blue h6.eyebrow, section.component-section.bg-blue .eyebrow { color: #FFFFFF !important; } section.component-section.bg-blue h1, section.component-section.bg-blue h2, section.component-section.bg-blue h3, section.component-section.bg-blue h4, section.component-section.bg-blue h5, section.component-section.bg-blue h6 { color: #FFFFFF; } section.component-section.bg-blue a { color: #40B4E5; } section.component-section.bg-blue a:hover { text-decoration: underline; } section.component-section.bg-blue .col { border-color: #FFFFFF; } section.component-section.bg-blue .icon { fill: #F6F6F6 !important; } section.component-section.bg-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-blue.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23006DB6%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-blue.bg-transparent { background-color: transparent; } section.component-section.bg-blue ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-blue .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-blue .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-blue .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-light-blue { color: #FFFFFF; background-color: #40b4e5; } .sub-section section.component-section.bg-light-blue { background-color: rgba(64, 180, 229, 0.9); } section.component-section.bg-light-blue h6.eyebrow, section.component-section.bg-light-blue .eyebrow { color: #FFFFFF !important; } section.component-section.bg-light-blue h1, section.component-section.bg-light-blue h2, section.component-section.bg-light-blue h3, section.component-section.bg-light-blue h4, section.component-section.bg-light-blue h5, section.component-section.bg-light-blue h6 { color: #FFFFFF; } section.component-section.bg-light-blue a { color: #FFFFFF; } section.component-section.bg-light-blue a:hover { text-decoration: underline; } section.component-section.bg-light-blue .col { border-color: #FFFFFF; } section.component-section.bg-light-blue .icon { fill: #F6F6F6 !important; } section.component-section.bg-light-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-light-blue.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2340B4E5%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-light-blue.bg-transparent { background-color: transparent; } section.component-section.bg-light-blue ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-light-blue .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-light-blue .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-light-blue .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-dark-blue { color: #FFFFFF; background-color: #006db6; } .sub-section section.component-section.bg-dark-blue { background-color: rgba(0, 109, 182, 0.9); } section.component-section.bg-dark-blue h6.eyebrow, section.component-section.bg-dark-blue .eyebrow { color: #FFFFFF !important; } section.component-section.bg-dark-blue h1, section.component-section.bg-dark-blue h2, section.component-section.bg-dark-blue h3, section.component-section.bg-dark-blue h4, section.component-section.bg-dark-blue h5, section.component-section.bg-dark-blue h6 { color: #FFFFFF; } section.component-section.bg-dark-blue a { color: #40B4E5; } section.component-section.bg-dark-blue a:hover { text-decoration: underline; } section.component-section.bg-dark-blue .col { border-color: #FFFFFF; } section.component-section.bg-dark-blue .icon { fill: #F6F6F6 !important; } section.component-section.bg-dark-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-dark-blue.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23006DB6%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-dark-blue.bg-transparent { background-color: transparent; } section.component-section.bg-dark-blue ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-dark-blue .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-dark-blue .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-dark-blue .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-orange { color: #FFFFFF; background-color: #f38b00; } .sub-section section.component-section.bg-orange { background-color: rgba(243, 139, 0, 0.9); } section.component-section.bg-orange h6.eyebrow, section.component-section.bg-orange .eyebrow { color: #FFFFFF !important; } section.component-section.bg-orange h1, section.component-section.bg-orange h2, section.component-section.bg-orange h3, section.component-section.bg-orange h4, section.component-section.bg-orange h5, section.component-section.bg-orange h6 { color: #FFFFFF; } section.component-section.bg-orange a { color: #FFFFFF; } section.component-section.bg-orange a:hover { text-decoration: underline; } section.component-section.bg-orange .col { border-color: #FFFFFF; } section.component-section.bg-orange .icon { fill: #F6F6F6 !important; } section.component-section.bg-orange .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-orange.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23F38B00%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-orange.bg-transparent { background-color: transparent; } section.component-section.bg-orange ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-orange .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-orange .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-orange .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-dark-orange { color: #FFFFFF; background-color: #ff671b; } .sub-section section.component-section.bg-dark-orange { background-color: rgba(255, 103, 27, 0.9); } section.component-section.bg-dark-orange h6.eyebrow, section.component-section.bg-dark-orange .eyebrow { color: #FFFFFF !important; } section.component-section.bg-dark-orange h1, section.component-section.bg-dark-orange h2, section.component-section.bg-dark-orange h3, section.component-section.bg-dark-orange h4, section.component-section.bg-dark-orange h5, section.component-section.bg-dark-orange h6 { color: #FFFFFF; } section.component-section.bg-dark-orange a { color: #FFFFFF; } section.component-section.bg-dark-orange a:hover { text-decoration: underline; } section.component-section.bg-dark-orange .col { border-color: #FFFFFF; } section.component-section.bg-dark-orange .icon { fill: #F6F6F6 !important; } section.component-section.bg-dark-orange .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-dark-orange.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FF671B%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-dark-orange.bg-transparent { background-color: transparent; } section.component-section.bg-dark-orange ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-dark-orange .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-dark-orange .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-dark-orange .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-white { color: #84888B; background-color: white; } .sub-section section.component-section.bg-white { background-color: rgba(255, 255, 255, 0.9); } section.component-section.bg-white h6.eyebrow, section.component-section.bg-white .eyebrow { color: #F38B00 !important; } section.component-section.bg-white h1, section.component-section.bg-white h2, section.component-section.bg-white h3, section.component-section.bg-white h4, section.component-section.bg-white h5, section.component-section.bg-white h6 { color: #1F242B; } section.component-section.bg-white a { color: #40B4E5; } section.component-section.bg-white a:hover { text-decoration: underline; } section.component-section.bg-white .col { border-color: #1F242B; } section.component-section.bg-white .icon { fill: #40B4E5 !important; } section.component-section.bg-white .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-white.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-white.bg-transparent { background-color: transparent; } section.component-section.bg-white ul.slick-dots li button { background-color: #84888B; } section.component-section.bg-white .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-white .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-white .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-black { color: #FFFFFF; background-color: #1f242b; } .sub-section section.component-section.bg-black { background-color: rgba(31, 36, 43, 0.9); } section.component-section.bg-black h6.eyebrow, section.component-section.bg-black .eyebrow { color: #F38B00 !important; } section.component-section.bg-black h1, section.component-section.bg-black h2, section.component-section.bg-black h3, section.component-section.bg-black h4, section.component-section.bg-black h5, section.component-section.bg-black h6 { color: #FFFFFF; } section.component-section.bg-black a { color: #40B4E5; } section.component-section.bg-black a:hover { text-decoration: underline; } section.component-section.bg-black .col { border-color: #FFFFFF; } section.component-section.bg-black .icon { fill: #F6F6F6 !important; } section.component-section.bg-black .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-black.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%231F242B%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-black.bg-transparent { background-color: transparent; } section.component-section.bg-black ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-black .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-black .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-black .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-gray { color: #84888B; background-color: #f6f6f6; } .sub-section section.component-section.bg-gray { background-color: rgba(246, 246, 246, 0.9); } section.component-section.bg-gray h6.eyebrow, section.component-section.bg-gray .eyebrow { color: #F38B00 !important; } section.component-section.bg-gray h1, section.component-section.bg-gray h2, section.component-section.bg-gray h3, section.component-section.bg-gray h4, section.component-section.bg-gray h5, section.component-section.bg-gray h6 { color: #1F242B; } section.component-section.bg-gray a { color: #40B4E5; } section.component-section.bg-gray a:hover { text-decoration: underline; } section.component-section.bg-gray .col { border-color: #1F242B; } section.component-section.bg-gray .icon { fill: #40B4E5 !important; } section.component-section.bg-gray .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-gray.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23F6F6F6%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-gray.bg-transparent { background-color: transparent; } section.component-section.bg-gray ul.slick-dots li button { background-color: #84888B; } section.component-section.bg-gray .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-gray .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-gray .tile-featured .icon { fill: #40B4E5 !important; } section.component-section.bg-blacker-black { color: #FFFFFF; background-color: #16191e; } .sub-section section.component-section.bg-blacker-black { background-color: rgba(22, 25, 30, 0.9); } section.component-section.bg-blacker-black h6.eyebrow, section.component-section.bg-blacker-black .eyebrow { color: #F38B00 !important; } section.component-section.bg-blacker-black h1, section.component-section.bg-blacker-black h2, section.component-section.bg-blacker-black h3, section.component-section.bg-blacker-black h4, section.component-section.bg-blacker-black h5, section.component-section.bg-blacker-black h6 { color: #FFFFFF; } section.component-section.bg-blacker-black a { color: #40B4E5; } section.component-section.bg-blacker-black a:hover { text-decoration: underline; } section.component-section.bg-blacker-black .col { border-color: #FFFFFF; } section.component-section.bg-blacker-black .icon { fill: #F6F6F6 !important; } section.component-section.bg-blacker-black .icon.icon-quotation-mark { fill: #40B4E5 !important; } section.component-section.bg-blacker-black.curve::after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20class%3D%22the-curve%22%20preserveAspectRatio%3D%22xMinYMax%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%22%20width%3D%221920%22%20viewBox%3D%220%200%201920%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2316191e%22%20class%3D%22path%22%20d%3D%22M14143.5-13148.5C14143.5-5867.454%2C8241.046%2C35%2C960%2C35s-13183.5-5902.454-13183.5-13183.5H14143.5z%22%2F%3E%3C%2Fsvg%3E"); } section.component-section.bg-blacker-black.bg-transparent { background-color: transparent; } section.component-section.bg-blacker-black ul.slick-dots li button { background-color: #FFFFFF; } section.component-section.bg-blacker-black .tile-featured .tile-cta { color: #40B4E5; } section.component-section.bg-blacker-black .tile-featured .tile-cta:hover { text-decoration: none; } section.component-section.bg-blacker-black .tile-featured .icon { fill: #40B4E5 !important; } @media (min-width: 992px) { section.component-section { padding-top: 66px; padding-top: 4.125rem; padding-bottom: 66px; padding-bottom: 4.125rem; } } section.component-section .eyebrow { margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { section.component-section.air-up-1 { padding-top: 110px; padding-top: 6.875rem; padding-bottom: 110px; padding-bottom: 6.875rem; } } @media (min-width: 768px) { section.component-section.air-up-2 { padding-top: 154px; padding-top: 9.625rem; padding-bottom: 154px; padding-bottom: 9.625rem; } } section.component-section.air-down-1 { padding-top: 44px; padding-top: 2.75rem; padding-bottom: 44px; padding-bottom: 2.75rem; } section.component-section.air-down-2 { padding-top: 22px; padding-top: 1.375rem; padding-bottom: 22px; padding-bottom: 1.375rem; } section.component-section.air-down-3 { padding-top: 11px; padding-top: 0.6875rem; padding-bottom: 11px; padding-bottom: 0.6875rem; } section.component-section.air-none { padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; } section.component-section.air-bottom-none { padding-bottom: 0px; padding-bottom: 0rem; } section.component-section.image-fill.dark { color: #FFFFFF !important; } section.component-section.image-fill.light { color: #1F242B !important; } section.component-section.curve { position: relative; overflow: visible; } section.component-section.curve::after { background-size: contain; background-repeat: no-repeat; content: ''; width: 100%; padding-bottom: 5.2083333%; display: block; position: absolute; top: 100%; margin: 0; pointer-events: none; z-index: 8; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } section.component-section.bg-blue-gradient { background: #0060a0; background: -moz-linear-gradient(top, #0060a0 0%, #0d7ab9 50%, #3da8c2 100%); background: -webkit-linear-gradient(top, #0060a0 0%, #0d7ab9 50%, #3da8c2 100%); background: linear-gradient(to bottom, #0060a0 0%, #0d7ab9 50%, #3da8c2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060a0', endColorstr='#3da8c2',GradientType=0 ); } section.component-section.bg-intro-radial { background: -moz-radial-gradient(left center, ellipse cover, white 0%, #646464 150%); background: -webkit-radial-gradient(left center, ellipse cover, white 0%, #646464 150%); background: radial-gradient(ellipse at 30% 50%, white 0%, #323232 150%); } .modal { display: none; overflow: auto !important; overflow-y: scroll !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 0 !important; width: 100%; z-index: 1040; transform: translateX(-50%) translateY(0) scale(0); } .modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0; } .modal .modal-dialog { position: absolute; width: 75%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1050; } .modal .modal-dialog .modal-content { background-clip: padding-box; background-color: #fafafa; } .modal .modal-dialog .modal-content .modal-body { position: relative; } .modal .modal-dialog img { display: block; margin: 0 auto; } .modal.partner .modal-body { padding: 2em; } .modal.youtube { top: 50%; } .modal.youtube .modal-header { min-height: 0; } .modal.youtube .modal-body .video-js { overflow: hidden; height: 0; padding-top: 56.25%; width: 100%; } .modal.youtube .modal-body .video-js > div iframe { width: 100%; height: 100%; top: 0; right: 0; left: 0; } .modal.youtube .modal-body .video-js.vjs-youtube-mobile .vjs-control-bar { display: none; } .modal.url .modal-body { padding-bottom: 56.25%; overflow: hidden; height: 0; } .modal.url .modal-body iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; } .modal.infographic .modal-dialog { max-width: 700px; top: 30px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 30px auto; } .modal.image { max-height: 100%; } .modal .modal-close { text-indent: -999em; cursor: pointer; position: absolute; top: -25px; right: -25px; height: 50px; width: 50px; border-radius: 100%; background-color: #40B4E5; -webkit-transition: background-color 250ms ease; -moz-transition: background-color 250ms ease; transition: background-color 250ms ease; z-index: 1000; border: 0 none transparent; outline-style: none; } .modal .modal-close:hover { background-color: #006DB6; } .modal .modal-close::before, .modal .modal-close::after { background: #FFFFFF; position: absolute; content: ' '; display: block; height: 2px; width: 50%; top: 50%; left: 50%; opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; margin: -1px 0 0 -25%; } .modal .modal-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .modal .modal-close::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .lean-overlay { position: fixed; z-index: 999; top: -100px; left: 0; bottom: 0; right: 0; height: 125%; width: 100%; background: #000; display: none; will-change: opacity; } .SelectClass, .SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; box-sizing: border-box; filter: alpha(opacity=0); opacity: 0; } .SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px; } .SumoSelect .select-all > span i, .SumoSelect > .optWrapper.multiple > .options li.opt span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #aeaeae; border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff; } .SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background-color: #11a911; box-shadow: none; border-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; } form input, form select { height: 42px; width: 100%; border: none; } form input::-webkit-input-placeholder, form select::-webkit-input-placeholder { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; font-style: normal; color: #83888b; } form input::-moz-placeholder, form select::-moz-placeholder { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; font-style: normal; color: #83888b; } form input:-moz-placeholder, form select:-moz-placeholder { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; font-style: normal; color: #83888b; } form input:-ms-input-placeholder, form select:-ms-input-placeholder { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; font-style: normal; color: #83888b; } form input:focus, form input:hover, form select:focus, form select:hover { box-shadow: 0 0 2px #7799D0; border-color: #7799D0; } .SumoSelect { width: 100%; height: 100%; display: inline-block; position: relative; outline: none; } .SumoSelect p { margin: 0; } .SumoSelect .hidden { display: none; } .SumoSelect .search-txt { display: none; outline: none; } .SumoSelect .no-match { display: none; padding: 6px; } .SumoSelect.open .search-txt { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 5px 8px; border: none; box-sizing: border-box; border-radius: 5px; } .SumoSelect.open > .search > label { visibility: hidden; } .SumoSelect.open > .search > span { visibility: hidden; } .SumoSelect.open > .CaptionCont { box-shadow: 0 0 2px #7799d0; border-color: #7799d0; } .SumoSelect.open > .optWrapper { top: 44px; display: block; width: 100%; } .SumoSelect.open > .optWrapper.up { top: auto; bottom: 100%; margin-bottom: 5px; } .SumoSelect .select-all { border-radius: 3px 3px 0 0; position: relative; border-bottom: 1px solid #ddd; background-color: #fff; padding: 8px 0 3px 35px; height: 20px; cursor: pointer; } .SumoSelect .select-all > label { user-select: none; cursor: pointer; } .SumoSelect .select-all > span i { cursor: pointer; } .SumoSelect .select-all.partial > span i { background-color: #ccc; } .SumoSelect > .CaptionCont { user-select: none; position: relative; border: 1px solid #a4a4a4; min-height: 14px; background-color: #fff; border-radius: 2px; margin: 0; cursor: pointer; } .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; } .SumoSelect > .CaptionCont > span.placeholder { cursor: pointer; color: #ccc; font-style: italic; } .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; cursor: pointer; } .SumoSelect > .CaptionCont > label > i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII="); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; opacity: 0.8; } .SumoSelect > .optWrapper { display: none; z-index: 1000; top: 30px; position: absolute; left: 0; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px; overflow-y: auto; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; text-align: left; } @media (min-width: 768px) { .SumoSelect > .optWrapper { z-index: 998; } } .SumoSelect > .optWrapper > .options { border-radius: 2px; position: relative; max-height: 250px; } .SumoSelect > .optWrapper > .options li.opt { margin: 0; padding: 6px 12px; position: relative; border-bottom: 1px solid #f5f5f5; } .SumoSelect > .optWrapper > .options li.opt label { user-select: none; white-space: normal; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #e4e4e4; } .SumoSelect > .optWrapper > .options li.opt.sel { background-color: #a1c0e4; border-bottom: 1px solid #a1c0e4; } .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit; pointer-events: none; } .SumoSelect > .optWrapper > .options li.opt.disabled * { filter: alpha(opacity=50); opacity: 0.5; } .SumoSelect > .optWrapper > .options li.group > label { cursor: default; padding: 8px 6px; font-weight: bold; } .SumoSelect > .optWrapper > .options li.group.disabled > label { opacity: 0.5; } .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .SumoSelect > .optWrapper > .options li span { display: none; } .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; } .SumoSelect > .optWrapper > .options li ul li.opt { padding-left: 22px; } .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; } .SumoSelect > .optWrapper > .options > li.opt:last-child { border-radius: 0 0 2px 2px; border-bottom: none; } .SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; } .SumoSelect > .optWrapper ul { list-style: none; display: block; padding: 0; margin: 0; overflow: auto; } .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px; cursor: pointer; } .SumoSelect > .optWrapper.multiple > .options li ul li.opt { padding-left: 50px; } .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; } .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; } .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #dbdbdb; border-radius: 0 0 0 3px; } .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; } .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; } .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; } .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; } .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; } .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; } .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; } .SumoSelect > .optWrapper.isFloating > .options { max-height: 100%; box-shadow: 0 0 100px #595959; } .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; } .SumoSelect.disabled { opacity: 0.7; cursor: not-allowed; } .SumoSelect.disabled > .CaptionCont { border-color: #ccc; box-shadow: none; } .SumoSelect:focus > .CaptionCont { box-shadow: 0 0 2px #7799d0; border-color: #7799d0; } .SumoSelect:hover > .CaptionCont { box-shadow: 0 0 2px #7799d0; border-color: #7799d0; } .SumoSelect .SelectBox { border: 1px solid #b9b9b9; padding: 0 1em; line-height: 42px; border-radius: 6px; text-align: left; height: 100%; } .SumoSelect .SelectBox label i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII="); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; } .SelectClass { z-index: 1; } .toggle-btn { position: relative; box-shadow: 0 0 0 1px #40B4E5; } .toggle-btn.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .toggle-btn.plus-circle::before { background-color: #40B4E5; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .toggle-btn.plus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .toggle-btn.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .toggle-btn.minus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .toggle-btn.minus-circle::after { left: 4px; } } .cta { margin: 0 auto; display: inline-block; border-radius: 20px; padding: 10px 30px; color: #fff; -webkit-transition: background-color 250ms ease, color 250ms ease; -moz-transition: background-color 250ms ease, color 250ms ease; transition: background-color 250ms ease, color 250ms ease; text-decoration: none; line-height: 0; text-align: center; font-size: 0.83333rem; } .cta.btn { position: relative; padding: 16px 40px 15px 30px; border: 0 none transparent; } .cta.btn::after { content: ''; position: absolute; right: 20px; top: 50%; margin: -4px 0 0 -4px; height: 9px; width: 9px; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); } .cta.green { background-color: #78b92f; color: #fff; } .cta.blue { background-color: #006DB6; color: #fff; } .cta.light-blue { background-color: #40B4E5; color: #fff; } .cta.dark-blue { background-color: #006DB6; color: #fff; } .cta.orange { background-color: #F38B00; color: #fff; } .cta.dark-orange { background-color: #FF671B; color: #fff; } .cta.white { background-color: #fff; color: #1F242B; } .cta.preview { position: relative; padding: 10px 30px 10px 50px; } .cta.preview:hover { color: #fff; background-color: #7eccf0; } .cta.preview::before { content: ''; position: absolute; border-radius: 100%; border: 1px solid #fff; height: 24px; width: 24px; left: 15px; top: 50%; margin-top: -12px; } .cta.preview::after { content: ''; position: absolute; width: 0; height: 0; left: 25px; top: 50%; margin-top: -4px; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #fff; } .cta + .cta { margin-top: 10px; margin-left: 0; } @media (min-width: 768px) { .cta + .cta { margin-top: 0; margin-left: 10px; } } /**********************************************/ /***************** ui-button ******************/ /**********************************************/ .page-wrap .ui-button, .ui-button { cursor: pointer; overflow: visible; outline: none; display: inline-block; padding: 10px 25px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 250ms ease, color 250ms ease; -moz-transition: background-color 250ms ease, color 250ms ease; transition: background-color 250ms ease, color 250ms ease; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; margin-bottom: 22px; margin-bottom: 1.375rem; background-color: #3399cc; border: 0 none transparent; color: #fff !important; } .page-wrap .ui-button + .ui-button:last-of-type, .ui-button + .ui-button:last-of-type { margin-bottom: 0px; margin-bottom: 0rem; } @media (min-width: 0) and (max-width: 600px) { .page-wrap .ui-button, .ui-button { display: block; } } @media (min-width: 600px) and (max-width: 768px) { .page-wrap .ui-button, .ui-button { margin-bottom: 0px; margin-bottom: 0rem; display: inline-block; } .page-wrap .ui-button + .ui-button, .ui-button + .ui-button { margin-top: 22px; margin-top: 1.375rem; } } @media (min-width: 992px) { .page-wrap .ui-button, .ui-button { display: inline-block; margin-bottom: 0px; margin-bottom: 0rem; } .page-wrap .ui-button + .ui-button, .ui-button + .ui-button { margin-top: 0px; margin-top: 0rem; margin-left: 10px; } } .page-wrap .ui-button.box, .ui-button.box { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .page-wrap .ui-button .cta-timestamp, .ui-button .cta-timestamp { font-weight: 600; font-size: inherit; -webkit-font-smoothing: antialiased; color: rgba(255, 255, 255, 0.6); display: inline-block; margin-left: 8px; text-transform: lowercase !important; } .page-wrap .ui-button.play, .ui-button.play { padding: 10px 30px 10px 50px; } .page-wrap .ui-button.play::before, .ui-button.play::before { content: ''; position: absolute; border-radius: 100%; border: 1px solid #fff; height: 24px; width: 24px; left: 15px; top: 50%; margin-top: -12px; } .page-wrap .ui-button.play::after, .ui-button.play::after { content: ''; position: absolute; width: 0; height: 0; left: 25px; top: 50%; margin-top: -4px; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.arrow, .ui-button.arrow { padding: 10px 40px 10px 30px; } .page-wrap .ui-button.arrow::after, .ui-button.arrow::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 23px; margin-top: -6px; } .page-wrap .ui-button.play::before, .ui-button.play::before { border-color: #fff; } .page-wrap .ui-button.play::after, .ui-button.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.arrow::after, .ui-button.arrow::after { border-color: #fff; } .page-wrap .ui-button.active, .page-wrap .ui-button:active, .page-wrap .ui-button:hover, .page-wrap .ui-button:focus, .ui-button.active, .ui-button:active, .ui-button:hover, .ui-button:focus { color: #fff; background-color: #1889c8; border: 0 none transparent; } .page-wrap .ui-button.active.play::before, .page-wrap .ui-button:active.play::before, .page-wrap .ui-button:hover.play::before, .page-wrap .ui-button:focus.play::before, .ui-button.active.play::before, .ui-button:active.play::before, .ui-button:hover.play::before, .ui-button:focus.play::before { border-color: #fff; } .page-wrap .ui-button.active.play::after, .page-wrap .ui-button:active.play::after, .page-wrap .ui-button:hover.play::after, .page-wrap .ui-button:focus.play::after, .ui-button.active.play::after, .ui-button:active.play::after, .ui-button:hover.play::after, .ui-button:focus.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.active.arrow::after, .page-wrap .ui-button:active.arrow::after, .page-wrap .ui-button:hover.arrow::after, .page-wrap .ui-button:focus.arrow::after, .ui-button.active.arrow::after, .ui-button:active.arrow::after, .ui-button:hover.arrow::after, .ui-button:focus.arrow::after { border-color: #fff; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.blue, .ui-button.blue { background-color: #0d5eb5; border: 0 none transparent; color: #fff !important; } .page-wrap .ui-button.blue.play::before, .ui-button.blue.play::before { border-color: #fff; } .page-wrap .ui-button.blue.play::after, .ui-button.blue.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.blue.arrow::after, .ui-button.blue.arrow::after { border-color: #fff; } .page-wrap .ui-button.blue.active, .page-wrap .ui-button.blue:active, .page-wrap .ui-button.blue:hover, .page-wrap .ui-button.blue:focus, .ui-button.blue.active, .ui-button.blue:active, .ui-button.blue:hover, .ui-button.blue:focus { color: #fff; background-color: #094d93; border: 0 none transparent; } .page-wrap .ui-button.blue.active.play::before, .page-wrap .ui-button.blue:active.play::before, .page-wrap .ui-button.blue:hover.play::before, .page-wrap .ui-button.blue:focus.play::before, .ui-button.blue.active.play::before, .ui-button.blue:active.play::before, .ui-button.blue:hover.play::before, .ui-button.blue:focus.play::before { border-color: #fff; } .page-wrap .ui-button.blue.active.play::after, .page-wrap .ui-button.blue:active.play::after, .page-wrap .ui-button.blue:hover.play::after, .page-wrap .ui-button.blue:focus.play::after, .ui-button.blue.active.play::after, .ui-button.blue:active.play::after, .ui-button.blue:hover.play::after, .ui-button.blue:focus.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.blue.active.arrow::after, .page-wrap .ui-button.blue:active.arrow::after, .page-wrap .ui-button.blue:hover.arrow::after, .page-wrap .ui-button.blue:focus.arrow::after, .ui-button.blue.active.arrow::after, .ui-button.blue:active.arrow::after, .ui-button.blue:hover.arrow::after, .ui-button.blue:focus.arrow::after { border-color: #fff; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.white, .ui-button.white { background-color: #fff; border: 1px solid #0d5eb5; color: #0d5eb5 !important; } .page-wrap .ui-button.white.play::before, .ui-button.white.play::before { border-color: #0d5eb5; } .page-wrap .ui-button.white.play::after, .ui-button.white.play::after { border-color: transparent transparent transparent #0d5eb5; } .page-wrap .ui-button.white.arrow::after, .ui-button.white.arrow::after { border-color: #0d5eb5; } .page-wrap .ui-button.white.active, .page-wrap .ui-button.white:active, .page-wrap .ui-button.white:hover, .page-wrap .ui-button.white:focus, .ui-button.white.active, .ui-button.white:active, .ui-button.white:hover, .ui-button.white:focus { color: #094d93 !important; background-color: #fff; border: 1px solid #0d5eb5; } .page-wrap .ui-button.white.active.play::before, .page-wrap .ui-button.white:active.play::before, .page-wrap .ui-button.white:hover.play::before, .page-wrap .ui-button.white:focus.play::before, .ui-button.white.active.play::before, .ui-button.white:active.play::before, .ui-button.white:hover.play::before, .ui-button.white:focus.play::before { border-color: #094d93; } .page-wrap .ui-button.white.active.play::after, .page-wrap .ui-button.white:active.play::after, .page-wrap .ui-button.white:hover.play::after, .page-wrap .ui-button.white:focus.play::after, .ui-button.white.active.play::after, .ui-button.white:active.play::after, .ui-button.white:hover.play::after, .ui-button.white:focus.play::after { border-color: transparent transparent transparent #094d93; } .page-wrap .ui-button.white.active.arrow::after, .page-wrap .ui-button.white:active.arrow::after, .page-wrap .ui-button.white:hover.arrow::after, .page-wrap .ui-button.white:focus.arrow::after, .ui-button.white.active.arrow::after, .ui-button.white:active.arrow::after, .ui-button.white:hover.arrow::after, .ui-button.white:focus.arrow::after { border-color: #094d93; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.orange, .ui-button.orange { background-color: #f18a23; border: 0 none transparent; color: #fff !important; } .page-wrap .ui-button.orange.play::before, .ui-button.orange.play::before { border-color: #fff; } .page-wrap .ui-button.orange.play::after, .ui-button.orange.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.orange.arrow::after, .ui-button.orange.arrow::after { border-color: #fff; } .page-wrap .ui-button.orange.active, .page-wrap .ui-button.orange:active, .page-wrap .ui-button.orange:hover, .page-wrap .ui-button.orange:focus, .ui-button.orange.active, .ui-button.orange:active, .ui-button.orange:hover, .ui-button.orange:focus { color: #fff; background-color: #e67b20; border: 0 none transparent; } .page-wrap .ui-button.orange.active.play::before, .page-wrap .ui-button.orange:active.play::before, .page-wrap .ui-button.orange:hover.play::before, .page-wrap .ui-button.orange:focus.play::before, .ui-button.orange.active.play::before, .ui-button.orange:active.play::before, .ui-button.orange:hover.play::before, .ui-button.orange:focus.play::before { border-color: #fff; } .page-wrap .ui-button.orange.active.play::after, .page-wrap .ui-button.orange:active.play::after, .page-wrap .ui-button.orange:hover.play::after, .page-wrap .ui-button.orange:focus.play::after, .ui-button.orange.active.play::after, .ui-button.orange:active.play::after, .ui-button.orange:hover.play::after, .ui-button.orange:focus.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.orange.active.arrow::after, .page-wrap .ui-button.orange:active.arrow::after, .page-wrap .ui-button.orange:hover.arrow::after, .page-wrap .ui-button.orange:focus.arrow::after, .ui-button.orange.active.arrow::after, .ui-button.orange:active.arrow::after, .ui-button.orange:hover.arrow::after, .ui-button.orange:focus.arrow::after { border-color: #fff; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.gray1, .ui-button.gray1 { background-color: #e4e5e5; border: 0 none transparent; color: #666 !important; } .page-wrap .ui-button.gray1.play::before, .ui-button.gray1.play::before { border-color: #666; } .page-wrap .ui-button.gray1.play::after, .ui-button.gray1.play::after { border-color: transparent transparent transparent #666; } .page-wrap .ui-button.gray1.arrow::after, .ui-button.gray1.arrow::after { border-color: #666; } .page-wrap .ui-button.gray1.active, .page-wrap .ui-button.gray1:active, .page-wrap .ui-button.gray1:hover, .page-wrap .ui-button.gray1:focus, .ui-button.gray1.active, .ui-button.gray1:active, .ui-button.gray1:hover, .ui-button.gray1:focus { color: #666; background-color: #cbc9c9; border: 0 none transparent; } .page-wrap .ui-button.gray1.active.play::before, .page-wrap .ui-button.gray1:active.play::before, .page-wrap .ui-button.gray1:hover.play::before, .page-wrap .ui-button.gray1:focus.play::before, .ui-button.gray1.active.play::before, .ui-button.gray1:active.play::before, .ui-button.gray1:hover.play::before, .ui-button.gray1:focus.play::before { border-color: #666; } .page-wrap .ui-button.gray1.active.play::after, .page-wrap .ui-button.gray1:active.play::after, .page-wrap .ui-button.gray1:hover.play::after, .page-wrap .ui-button.gray1:focus.play::after, .ui-button.gray1.active.play::after, .ui-button.gray1:active.play::after, .ui-button.gray1:hover.play::after, .ui-button.gray1:focus.play::after { border-color: transparent transparent transparent #666; } .page-wrap .ui-button.gray1.active.arrow::after, .page-wrap .ui-button.gray1:active.arrow::after, .page-wrap .ui-button.gray1:hover.arrow::after, .page-wrap .ui-button.gray1:focus.arrow::after, .ui-button.gray1.active.arrow::after, .ui-button.gray1:active.arrow::after, .ui-button.gray1:hover.arrow::after, .ui-button.gray1:focus.arrow::after { border-color: #666; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.gray2, .ui-button.gray2 { background-color: #fff; border: 1px solid #7d7d7d; color: #7d7d7d !important; } .page-wrap .ui-button.gray2.play::before, .ui-button.gray2.play::before { border-color: #7d7d7d; } .page-wrap .ui-button.gray2.play::after, .ui-button.gray2.play::after { border-color: transparent transparent transparent #7d7d7d; } .page-wrap .ui-button.gray2.arrow::after, .ui-button.gray2.arrow::after { border-color: #7d7d7d; } .page-wrap .ui-button.gray2.active, .page-wrap .ui-button.gray2:active, .page-wrap .ui-button.gray2:hover, .page-wrap .ui-button.gray2:focus, .ui-button.gray2.active, .ui-button.gray2:active, .ui-button.gray2:hover, .ui-button.gray2:focus { color: whitesmoke !important; background-color: #7d7d7d; border: 1px solid #7d7d7d; } .page-wrap .ui-button.gray2.active.play::before, .page-wrap .ui-button.gray2:active.play::before, .page-wrap .ui-button.gray2:hover.play::before, .page-wrap .ui-button.gray2:focus.play::before, .ui-button.gray2.active.play::before, .ui-button.gray2:active.play::before, .ui-button.gray2:hover.play::before, .ui-button.gray2:focus.play::before { border-color: whitesmoke; } .page-wrap .ui-button.gray2.active.play::after, .page-wrap .ui-button.gray2:active.play::after, .page-wrap .ui-button.gray2:hover.play::after, .page-wrap .ui-button.gray2:focus.play::after, .ui-button.gray2.active.play::after, .ui-button.gray2:active.play::after, .ui-button.gray2:hover.play::after, .ui-button.gray2:focus.play::after { border-color: transparent transparent transparent whitesmoke; } .page-wrap .ui-button.gray2.active.arrow::after, .page-wrap .ui-button.gray2:active.arrow::after, .page-wrap .ui-button.gray2:hover.arrow::after, .page-wrap .ui-button.gray2:focus.arrow::after, .ui-button.gray2.active.arrow::after, .ui-button.gray2:active.arrow::after, .ui-button.gray2:hover.arrow::after, .ui-button.gray2:focus.arrow::after { border-color: whitesmoke; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.green, .ui-button.green { background-color: #79b930; border: 0 none transparent; color: #fff !important; } .page-wrap .ui-button.green.play::before, .ui-button.green.play::before { border-color: #fff; } .page-wrap .ui-button.green.play::after, .ui-button.green.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.green.arrow::after, .ui-button.green.arrow::after { border-color: #fff; } .page-wrap .ui-button.green.active, .page-wrap .ui-button.green:active, .page-wrap .ui-button.green:hover, .page-wrap .ui-button.green:focus, .ui-button.green.active, .ui-button.green:active, .ui-button.green:hover, .ui-button.green:focus { color: #fff; background-color: #609e34; border: 0 none transparent; } .page-wrap .ui-button.green.active.play::before, .page-wrap .ui-button.green:active.play::before, .page-wrap .ui-button.green:hover.play::before, .page-wrap .ui-button.green:focus.play::before, .ui-button.green.active.play::before, .ui-button.green:active.play::before, .ui-button.green:hover.play::before, .ui-button.green:focus.play::before { border-color: #fff; } .page-wrap .ui-button.green.active.play::after, .page-wrap .ui-button.green:active.play::after, .page-wrap .ui-button.green:hover.play::after, .page-wrap .ui-button.green:focus.play::after, .ui-button.green.active.play::after, .ui-button.green:active.play::after, .ui-button.green:hover.play::after, .ui-button.green:focus.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.green.active.arrow::after, .page-wrap .ui-button.green:active.arrow::after, .page-wrap .ui-button.green:hover.arrow::after, .page-wrap .ui-button.green:focus.arrow::after, .ui-button.green.active.arrow::after, .ui-button.green:active.arrow::after, .ui-button.green:hover.arrow::after, .ui-button.green:focus.arrow::after { border-color: #fff; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.black, .ui-button.black { background-color: #1F242B; border: 0 none transparent; color: #fff !important; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button.black.play::before, .ui-button.black.play::before { border-color: #fff; } .page-wrap .ui-button.black.play::after, .ui-button.black.play::after { border-color: transparent transparent transparent #fff; } .page-wrap .ui-button.black.arrow::after, .ui-button.black.arrow::after { border-color: #fff; } .page-wrap .ui-button.black.active, .page-wrap .ui-button.black:active, .page-wrap .ui-button.black:hover, .page-wrap .ui-button.black:focus, .ui-button.black.active, .ui-button.black:active, .ui-button.black:hover, .ui-button.black:focus { color: #1F242B; background-color: #fff; border: 0 none transparent; } .page-wrap .ui-button.black.active.play::before, .page-wrap .ui-button.black:active.play::before, .page-wrap .ui-button.black:hover.play::before, .page-wrap .ui-button.black:focus.play::before, .ui-button.black.active.play::before, .ui-button.black:active.play::before, .ui-button.black:hover.play::before, .ui-button.black:focus.play::before { border-color: #1F242B; } .page-wrap .ui-button.black.active.play::after, .page-wrap .ui-button.black:active.play::after, .page-wrap .ui-button.black:hover.play::after, .page-wrap .ui-button.black:focus.play::after, .ui-button.black.active.play::after, .ui-button.black:active.play::after, .ui-button.black:hover.play::after, .ui-button.black:focus.play::after { border-color: transparent transparent transparent #1F242B; } .page-wrap .ui-button.black.active.arrow::after, .page-wrap .ui-button.black:active.arrow::after, .page-wrap .ui-button.black:hover.arrow::after, .page-wrap .ui-button.black:focus.arrow::after, .ui-button.black.active.arrow::after, .ui-button.black:active.arrow::after, .ui-button.black:hover.arrow::after, .ui-button.black:focus.arrow::after { border-color: #1F242B; } .page-wrap .ui-button.contrast.blue, .ui-button.contrast.blue { border: 1px solid transparent; box-shadow: 0 0 0 1px white; } .page-wrap .ui-button:hover, .page-wrap .ui-button:focus, .page-wrap .ui-button:active, .page-wrap .ui-button.active, .ui-button:hover, .ui-button:focus, .ui-button:active, .ui-button.active { text-decoration: none !important; } .matchwidth { display: block; } .text-center .matchwidth { margin-left: auto; margin-right: auto; } .matchwidth .ui-button { clear: both; transition: all 250ms ease; } .matchwidth .ui-button + .ui-button { clear: both; margin-top: 22px; margin-top: 1.375rem; margin-left: 0 !important; } .matchwidth.set { width: 100%; } .matchwidth.set .ui-button { width: 100%; } h6.eyebrow, .eyebrow { z-index: 1; position: relative; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; text-align: center; } @media (min-width: 768px) { h6.eyebrow, .eyebrow { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; } } .section .container h6.eyebrow, .section .container .eyebrow { margin-bottom: 33px; margin-bottom: 2.0625rem; } @keyframes ui-msg-slide { 0% { max-width: 0; opacity: 0; height: 54px; } 100% { max-width: 100%; opacity: 1; height: auto; } } .ui-msg { overflow: hidden; width: 100%; display: inline-block; text-align: left; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .ui-msg.ui-msg-error { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; color: #F38B00; } .ui-msg.ui-msg-error::-webkit-input-placeholder { color: #F38B00; font-weight: bold; } .ui-msg.ui-msg-error:-moz-placeholder { color: #F38B00; font-weight: bold; } .ui-msg.ui-msg-error::-moz-placeholder { color: #F38B00; font-weight: bold; } .ui-msg.ui-msg-error:-ms-input-placeholder { color: #F38B00; font-weight: bold; } .ui-msg.ui-msg-success-block { text-align: center; color: #fff; } .ui-msg.ui-msg-success-block.ui-msg-color-blue { color: #006DB6; } .ui-msg.ui-msg-success-block h3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; font-weight: bold; } .ui-msg.ui-msg-success-block h3 + p { margin-top: 1em; } .ui-msg.ui-msg-success-block p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } .ui-msg.ui-msg-info { position: relative; } .ui-msg.ui-msg-info:before { content: "i"; left: 3px; width: 15px; height: 15px; font-size: 11px; font-weight: bold; font-style: italic; line-height: 14px; text-align: center; color: #fff; background: #F38B00; -webkit-border-radius: 16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; } .ui-msg.ui-msg-color-blue { color: #006DB6; } .ui-msg.ui-msg-color-white { color: #fff; } .ui-msg.ui-msg-color-orange { color: #F38B00; } .component-hrz-divider { margin: 0; padding: 0; height: 1px; display: block; } .component-hrz-divider.bg-black { background-color: #1F242B; } .component-hrz-divider.bg-white { background-color: #fff; } .component-hrz-divider.air-up-1 { margin-top: 88px; margin-top: 5.5rem; margin-bottom: 88px; margin-bottom: 5.5rem; } .component-hrz-divider.air-up-2 { margin-top: 110px; margin-top: 6.875rem; margin-bottom: 110px; margin-bottom: 6.875rem; } .component-hrz-divider.air-up-3 { margin-top: 132px; margin-top: 8.25rem; margin-bottom: 132px; margin-bottom: 8.25rem; } /* mixins to simplify nav styling elements */ @-moz-keyframes topLineCross { 0% { transform: translateY(-22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(45deg); } } @-webkit-keyframes topLineCross { 0% { transform: translateY(-22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(45deg); } } @-o-keyframes topLineCross { 0% { transform: translateY(-22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(45deg); } } @keyframes topLineCross { 0% { transform: translateY(-22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(45deg); } } @-moz-keyframes bottomLineCross { 0% { transform: translateY(22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(-45deg); } } @-webkit-keyframes bottomLineCross { 0% { transform: translateY(22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(-45deg); } } @-o-keyframes bottomLineCross { 0% { transform: translateY(22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(-45deg); } } @keyframes bottomLineCross { 0% { transform: translateY(22px); } 50% { transform: translateY(0px); } 100% { transform: translateY(0px) rotate(-45deg); } } @-moz-keyframes topLineBurger { 0% { transform: translateY(0px) rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(-22px) rotate(0deg); } } @-webkit-keyframes topLineBurger { 0% { transform: translateY(0px) rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(-22px) rotate(0deg); } } @-o-keyframes topLineBurger { 0% { transform: translateY(0px) rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(-22px) rotate(0deg); } } @keyframes topLineBurger { 0% { transform: translateY(0px) rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(-22px) rotate(0deg); } } @-moz-keyframes bottomLineBurger { 0% { transform: translateY(0px) rotate(-45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(22px) rotate(0deg); } } @-webkit-keyframes bottomLineBurger { 0% { transform: translateY(0px) rotate(-45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(22px) rotate(0deg); } } @-o-keyframes bottomLineBurger { 0% { transform: translateY(0px) rotate(-45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(22px) rotate(0deg); } } @keyframes bottomLineBurger { 0% { transform: translateY(0px) rotate(-45deg); } 50% { transform: rotate(0deg); } 100% { transform: translateY(22px) rotate(0deg); } } @media (min-width: 768px) { .clear-nav { margin-top: 0px; } .clear-nav .nav-container.nav-dark-blue { background: #006DB6; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .clear-nav .nav-container { background: transparent; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } } .workdaylandingtemplate.no-selector .nav .main-menu-items .main-menu, .workdaylandingtemplate.no-selector .nav .main-menu-items .right, .hide-nav-items .nav .main-menu-items .main-menu, .hide-nav-items .nav .main-menu-items .right { display: none; } .workdaylandingtemplate.no-selector .nav .mobile-menu .signin, .workdaylandingtemplate.no-selector .nav .mobile-menu .menu-icon, .hide-nav-items .nav .mobile-menu .signin, .hide-nav-items .nav .mobile-menu .menu-icon { display: none; } .nav-overlay { background-color: #fff; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; } @media (min-width: 768px) { .nav-overlay { background-color: rgba(30, 36, 43, 0.8); } } .menu-back-btn a { position: absolute; left: 20px; top: 35%; vertical-align: middle; height: 100%; display: none; } .menu-back-btn a:after { float: right; position: relative; margin: 0px 5px; vertical-align: middle; content: ''; width: 10px; height: 10px; border-right: 1px solid; border-top: 1px solid; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); margin-left: 4px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; vertical-align: middle; margin-top: 6px; height: 15px; width: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; } @media (min-width: 768px) { .menu-back-btn { width: 45px; height: 45px; padding: 10px; margin: 0 30px; border-radius: 100%; display: inline-block; cursor: pointer; border: 1px solid #83888b; float: left; } .menu-back-btn:hover { background-color: #f9f9f9; } .menu-back-btn .arrow { float: right; position: relative; margin: 0px 5px; vertical-align: middle; content: ''; width: 10px; height: 10px; border-right: 1px solid; border-top: 1px solid; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); margin-left: 4px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; vertical-align: middle; margin-top: 6px; border-color: #83888b; } } .menu-dropdown-container { top: 80px; left: 0; width: 100%; position: absolute; overflow: hidden; display: none; } .menu-dropdown-container.show-me { display: block; } @media (min-width: 768px) { .menu-dropdown-container { background: #fff; display: block; transform: none; top: 80px; } } @media (min-width: 768px) { .no-sub .overview-container { width: 90%; max-width: 350px; text-align: left; padding: 0; } .no-sub .menu-list-container { width: 100%; } .no-sub .menu-list-container .menu-list { width: 50%; float: left; } } .submenu-container { position: absolute; display: inline-block; width: 100%; padding: 20px 0; background-color: #fff; vertical-align: top; height: 100%; top: 0; } @media (min-width: 768px) { .submenu-container { width: 67%; left: auto !important; right: 0; padding-left: 0 !important; -webkit-box-shadow: -10px 0 25px 0 #ddd; box-shadow: -10px 0 25px 0 #ddd; } .submenu-container[navigation-level="1"] { width: 67%; } .submenu-container[navigation-level="2"] { width: 64%; } .submenu-container[navigation-level="3"] { width: 61%; } .submenu-container[navigation-level="4"] { width: 58%; } } .underline-indicator { display: none; } @media (min-width: 768px) { .underline-indicator { display: block; background-color: #40b4e5; position: absolute; height: 4px; bottom: -2px; will-change: left, right; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } } .grey { -webkit-transition: background 300ms; -moz-transition: background 300ms; transition: background 300ms; background-color: #fff; height: auto; width: 100%; vertical-align: top; z-index: 1; } .grey .grey-bleed { -webkit-transition: background 300ms; -moz-transition: background 300ms; transition: background 300ms; position: absolute; left: 0; height: 100%; width: 100%; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .grey.grey-on { background-color: #f6f6f6; } .grey.grey-on .grey-bleed { background-color: #f6f6f6; } .grey a { color: #83888b; } @media (min-width: 768px) { .grey { position: absolute; position: static; display: inline-block; width: 40%; padding: 60px 0; height: 100%; min-height: 365px; } .grey a { color: #83888b; } .grey a.ui-button { color: #fff; } } .overview-container { width: 100%; height: auto; color: #83888b; white-space: normal; line-height: normal; vertical-align: top; float: left; margin-bottom: 22px; margin-bottom: 1.375rem; } .overview-container img, .overview-container svg { width: 50px; height: 50px; fill: #40B4E5; margin-bottom: 15px; } .overview-container > a.ui-button { background-color: #40B4E5; color: #fff; padding: 10px 40px 10px 30px; font-size: 14px; display: inline-block; font-weight: 400; } .overview-container > a.ui-button.arrow::after { display: inline-block; width: 10px; height: 10px; } .overview-container > a.ui-button:hover { background-color: #1889c8; } .overview-container h5 { font-weight: 400; color: #1F242B; font-size: 20px; } @media (min-width: 768px) { .overview-container h5 { font-weight: 600; } } .overview-container p { margin: 1em 0; } @media (min-width: 768px) { .overview-container { display: inline-block; width: 50%; } .submenu-container .overview-container { padding: 0% 10% 0% 8%; } } .main-menu-items { margin: 0; background-color: #ffffff; position: absolute; width: 100%; left: -100%; } .main-menu-items .main-menu-item { background-color: inherit; border: none; width: 100%; display: block; line-height: normal; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-items .main-menu-item > a { text-decoration: none; vertical-align: middle; padding: 10px 20px; display: block; color: #83888b; font-weight: 400; } @media (min-width: 768px) { .main-menu-items { margin: 0; vertical-align: middle; position: static; left: 0; height: 100%; background-color: transparent; } .main-menu-items .main-menu-item { width: auto; line-height: inherit; border-bottom: none; transition: none; display: inline-block; padding: 0; } .main-menu-items .main-menu-item > a { display: inline; } .main-menu-items .main-menu-item > a::after { float: right; position: relative; margin: 0px 5px; vertical-align: middle; content: ''; width: 10px; height: 10px; border-right: 1px solid; border-top: 1px solid; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-left: 4px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; float: none; border: none; display: none; } .main-menu-items .main-menu-item > a { text-decoration: none; display: inline-block; padding: 0px 3px; font-size: 85%; color: #fff; } } @media (min-width: 768px) and (min-width: 992px) { .main-menu-items .main-menu-item > a { font-size: 95%; padding: 0 8px; } } @media (min-width: 768px) and (min-width: 1200px) { .main-menu-items .main-menu-item > a { padding: 0 8px; font-size: 100%; } } .menu-list-container { width: 100%; } .menu-list-container h5 { display: block; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #b9b9b9; color: #1F242B; line-height: normal; font-weight: 600; } .menu-list-container h5 > a { color: #1F242B; text-decoration: none; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } @media (min-width: 768px) { .menu-list-container h5 > a { opacity: 0.7; } .menu-list-container h5 > a[href]:hover { opacity: 1; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } } .menu-list-container .featured-top-menu-list > li { display: block; line-height: normal; padding: 0; margin: 0; position: relative; } .menu-list-container .featured-top-menu-list > li:last-child { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #b9b9b9; } .menu-list-container .featured-top-menu-list > li > a { padding: 5px 0; margin: 0; display: block; text-decoration: none; white-space: normal; font-weight: 400; color: #83888b; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .menu-list-container .featured-top-menu-list > li > a:hover { color: #1F242B; opacity: 1; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .menu-list-container .menu-list { padding: 0; } .menu-list-container .menu-list > li { display: block; line-height: normal; padding: 0; margin: 0; position: relative; } .menu-list-container .menu-list > li > a { padding: 10px 0; position: relative; display: block; margin: 0; text-decoration: none; white-space: normal; font-weight: 400; } .menu-list-container .menu-list > li > a::after { margin: 0; top: 12px; } .menu-list-container .menu-list > li > a > svg { display: none; } .menu-list-container li.top-divider { margin-top: 20px; padding-top: 20px; border-top: 1px solid #b9b9b9; } .menu-list-container a { color: #83888b; } @media (min-width: 768px) { .menu-list-container { float: left; width: 50%; max-width: 350px; } .menu-list-container .menu-list { display: block; } .menu-list-container .menu-list > li { white-space: nowrap; } .menu-list-container .menu-list > li.active > a { color: #1F242B; } .menu-list-container .menu-list > li.active > a:after { border-color: #1F242B; } .menu-list-container .menu-list > li.noactive > a, .menu-list-container .menu-list > li.noactive:after { opacity: .7; } .menu-list-container .menu-list > li > a { padding: 5px 0; font-size: inherit; color: #83888b; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .menu-list-container .menu-list > li > a > svg { display: inherit; height: 30px; width: 30px; vertical-align: middle; margin-right: 5px; float: left; } .menu-list-container .menu-list > li > a:hover { color: #1F242B; opacity: 1; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .menu-list-container .menu-list > li > a:hover:after { border-color: #1F242B; opacity: 1; } } .nav-container { width: 100%; padding: 0 3%; position: fixed; height: 80px; top: 0; z-index: 999; } @media (min-width: 768px) { .nav-container.dark-blue { -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } } .nav-container .nav { width: 100%; max-width: 1000px; height: 80px; padding: 0; line-height: 77px; margin: 0 auto; } .nav-container .right { display: none; } @media (min-width: 768px) { .nav-container .right { float: right; display: block; height: 100%; } .nav-container .right ul { padding: 0; height: 100%; } .nav-container .right ul li { height: 100%; display: inline-block; float: left; padding: 0 0 0 5px; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw"); margin: 0; } } @media (min-width: 768px) and (min-width: 992px) { .nav-container .right ul li { padding: 0 0 0 10px; } } @media (min-width: 768px) { .nav-container .right ul li a { color: #fff; position: relative; top: 8px; } .nav-container .right ul li a img, .nav-container .right ul li a svg { width: 26px; height: 26px; margin-right: 6px; fill: #fff; } } @media (min-width: 768px) and (min-width: 992px) { .nav-container .right ul li a img, .nav-container .right ul li a svg { margin-right: 6px; } } @media (min-width: 768px) { .nav-container .right ul li.search { display: inline-block; } .nav-container .right ul li.signin { display: inline-block; } } .nav-container .main-menu-items .logo, .nav-container .main-menu-items .signin { display: none; } @media (min-width: 0) and (max-width: 767px) { .nav-container .container { padding: 0; } } @media (min-width: 768px) { .nav-container .nav .logo { display: inline-block; vertical-align: middle; width: 20%; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; float: left; height: 80px; } } @media (min-width: 768px) and (min-width: 992px) { .nav-container .nav .logo { width: 27%; } } @media (min-width: 768px) { .nav-container .nav .logo a { height: 80px; } .nav-container .nav .logo a img, .nav-container .nav .logo a svg { width: 110px; vertical-align: middle; } } .has-arrow:after { float: right; position: relative; margin: 0px 5px; vertical-align: middle; content: ''; width: 10px; height: 10px; border-right: 1px solid; border-top: 1px solid; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 4px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; margin: 5px 0 0 0; border-color: #83888b; } @media (min-width: 768px) { .has-arrow:after { position: absolute; right: -10px; } } .nav-container .container { max-width: 1440px; margin-left: auto; margin-right: auto; } @media (min-width: 1440px) { .nav-container .container { width: 1440px; } } .nav-container .container > .menu-container { padding: 20px; } @media (min-width: 768px) { .nav-container .container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .nav-container .container > .menu-container { padding: 10px 20px; } } @media (min-width: 768px) and (min-width: 768px) { .nav-container .container > .menu-container { padding: 20px 40px; } } @media (min-width: 768px) and (min-width: 992px) { .nav-container .container > .menu-container { padding: 40px 60px; } } @media (min-width: 768px) and (min-width: 1200px) { .nav-container .container > .menu-container { padding: 60px 100px; } } .menu-container { display: none; position: absolute; left: 0; overflow: auto; background: white; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } @media (min-width: 768px) { .menu-container { overflow: visible; } .menu-container.primary-menu { width: 100%; } .menu-container.primary-menu .menu-contain-left { width: 25%; margin-right: 8%; float: left; max-width: 310px; } .menu-container.primary-menu .content-container { width: 67%; float: left; padding-left: 2%; } .menu-container.primary-menu .content-container .menu-list-container { max-width: 700px; margin: 0 auto; } } @media (min-width: 768px) { ul.main-menu { float: left; position: relative; } ul.main-menu li.main-menu-item { display: inline-block; } } @media (min-width: 768px) { .component-navigationsimple .nav .logo { width: 25%; } } .component-navigationsimple .nav .logo a { display: block; height: 80px; } .component-navigationsimple .nav .logo a img, .component-navigationsimple .nav .logo a svg { width: auto; height: 55%; } .no-supports .component-navigationsimple .nav .logo a img, .no-supports .component-navigationsimple .nav .logo a svg { width: 100%; } .component-navigationsimple ul.main-menu { position: relative; } @media (min-width: 768px) { .component-navigationsimple ul.main-menu { width: 75%; text-align: right; } } @media (min-width: 992px) { .component-navigationsimple ul.main-menu { width: 75%; text-align: right; } } @media (min-width: 768px) { .component-navigationsimple .main-menu-item { text-align: center; } } @media (min-width: 768px) and (min-width: 768px) { .component-navigationsimple .main-menu-item > a { padding: 0 12px; } } @media (min-width: 768px) and (min-width: 992px) { .component-navigationsimple .main-menu-item > a { padding: 0 15px; } } @media (min-width: 768px) and (min-width: 1200px) { .component-navigationsimple .main-menu-item > a { padding: 0 15px; } } @media (min-width: 768px) { .component-navigationsimple .main-menu-item.active { position: relative; } .component-navigationsimple .main-menu-item.active:before { content: ""; color: transparent; position: absolute; left: 0px; right: 0px; bottom: -2px; height: 2px; width: 100%; border: 2px solid #40b4e5; } } .nav-container .mobile-menu { margin: 0; padding: 0; height: inherit; text-align: center; } .nav-container .mobile-menu > li { display: inline-block; } .nav-container .mobile-menu .logo { width: 120px; } .nav-container .mobile-menu .logo img, .nav-container .mobile-menu .logo svg { width: 120px; height: 44px; vertical-align: middle; } .nav-container .mobile-menu .menu-icon-btn-container { left: inherit; right: 3%; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu { right: 0; left: inherit; } .nav-container .mobile-menu .search { float: right; margin-right: 20px; } .nav-container .mobile-menu .search img { vertical-align: middle; } .nav-container .mobile-menu .signin { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 13px; max-width: 25px; margin: 0; padding: 0 10px; float: left; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .nav-container .mobile-menu .signin img, .nav-container .mobile-menu .signin svg { width: 25px; height: 25px; margin-right: 6px; vertical-align: middle; fill: #fff; } .nav-container .mobile-menu .signin a { color: #fff; } @media (min-width: 768px) { .nav-container .mobile-menu { display: none; } } .nav-container .mobile-menu .menu-icon-btn-container { position: absolute; top: 25px; width: 30px; height: 30px; right: 20px; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu { width: 25px; height: 25px; display: block; position: absolute; top: 0; left: 0; padding: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } @media screen and (min-width: 992px) { .nav-container .mobile-menu .menu-icon-btn-container .burgermenu { display: none; } } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu span:nth-child(1) { top: 5px; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu span:nth-child(2), .nav-container .mobile-menu .menu-icon-btn-container .burgermenu span:nth-child(3) { top: 15px; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu span:nth-child(4) { top: 25px; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu.opened span { background: #fff; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu.opened span:nth-child(1) { top: 15px; width: 0%; left: 50%; } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu.opened span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu.opened span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-container .mobile-menu .menu-icon-btn-container .burgermenu.opened span:nth-child(4) { top: 15px; width: 0%; left: 50%; } /* Microsite - Navigation Simple Overrides */ .component-navigationsimple .mobile-menu .logo { width: 60%; height: 90%; } .nav-container .search-container.icon { position: relative; display: block; height: 25px; width: 25px; } .nav-container .search-dropdown a { color: #fff; } .nav-container .search-dropdown a.ui-button { display: none; } .nav-container .search-dropdown .search-container { height: 60px; padding: 0; box-shadow: none; border-bottom: 1px solid #b9b9b9; margin-bottom: 30px; } .nav-container .search-dropdown .search-container .searchform-wrapper { line-height: normal; width: 100%; opacity: 1; margin: 0 auto; padding: 15px 20px; } @media (min-width: 768px) { .nav-container .search-dropdown .search-container .searchform-wrapper { padding: 0.75% 0%; } } .nav-container .search-dropdown .search-container .searchform-wrapper .ui-button.gray { background-color: rgba(132, 136, 139, 0.1); color: #83888b !important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; margin: 0; } .nav-container .search-dropdown .search-container .searchform-wrapper .ui-button.gray:hover { background-color: rgba(132, 136, 139, 0.2); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .nav-container .search-dropdown .search-container .searchform-wrapper form#searchform { top: 0; position: absolute; width: 100%; } .nav-container .search-dropdown .search-container .searchform-wrapper img, .nav-container .search-dropdown .search-container .searchform-wrapper svg { vertical-align: middle; width: 22px; fill: #84888B; height: 22px; margin-right: 20px; margin-top: -5px; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input { font-size: 20px; line-height: normal; height: 30px; box-shadow: none; width: 80%; border: none; color: #84888B; } @media (min-width: 768px) { .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input { height: 30px; } } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input:focus { outline: none; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input:placeholder { color: #84888B; font-weight: 300; font-size: 20px; height: 30px; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input::-webkit-input-placeholder { color: #84888B; font-size: 20px; font-weight: 300; height: 30px; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input:-moz-placeholder { color: #84888B; font-size: 20px; font-weight: 300; height: 30px; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input::-moz-placeholder { color: #84888B; font-size: 20px; font-weight: 300; height: 30px; } .nav-container .search-dropdown .search-container .searchform-wrapper input.searchform-input:-ms-input-placeholder { color: #84888B; font-size: 20px; font-weight: 300; height: 30px; } @media (min-width: 768px) { .nav-container .search-dropdown .search-container { width: 100%; left: 0; height: 100px; padding: 10px 0; } .nav-container .search-dropdown .searchform-wrapper { opacity: 1; width: 100%; z-index: -1; margin: 0 auto; line-height: 80px; top: 0; right: 0; text-align: center; white-space: nowrap; padding: 0 2%; } } @media (min-width: 768px) { .nav-container .search-dropdown { display: block; width: 100%; left: 0; right: 0; overflow: hidden; visibility: hidden; top: 80px; position: fixed; height: 80px; -webkit-transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; } .nav-container .search-dropdown a.ui-button.gray { display: inline-block; color: #83888b; border: 1px solid #83888b; background-color: transparent; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .nav-container .search-dropdown a.ui-button.gray:hover { background-color: whitesmoke; } .nav-container .search-dropdown .container { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } .nav-container .search-dropdown .search-container { height: 80px; border: none; } .nav-container .search-dropdown .search-container .searchform-wrapper { background-color: transparent; } .nav-container .search-dropdown .search-container .searchform-wrapper .searchform-input { font-size: 20px; height: 80px; background-color: transparent; } .nav-container .search-dropdown a { color: #fff; } } @media (min-width: 768px) and (min-width: 768px) { .nav-container.search-open .search-dropdown, .search-locked-open .nav-container .search-dropdown { visibility: visible; background: #fff; } .nav-container.search-open .search-dropdown .container, .search-locked-open .nav-container .search-dropdown .container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .nav-container.search-open .search-icon, .search-locked-open .nav-container .search-icon { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .nav-container.search-open .search-icon .bars, .search-locked-open .nav-container .search-icon .bars { width: 25px; margin-top: 18px; margin-left: -2px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .nav-container.search-open .search-icon .bars:before, .search-locked-open .nav-container .search-icon .bars:before { height: 25px; width: 0; border-radius: 0; top: -12px; left: 12px; border-left-width: 0; border-top-width: 0; border-bottom-width: 0; } } .nav-container .search-icon { border: 1px solid transparent; height: 40px; width: 34px; margin: 7px 0; position: absolute; z-index: 9002; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); -o-transform: rotate(-315deg); transform: rotate(-315deg); -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .nav-container .search-icon.search-close { -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); -o-transform: rotate(-315deg); transform: rotate(-315deg); } .nav-container .search-icon .bars { position: relative; margin-top: 18px; height: 2px; width: 12px; margin-top: 20px; margin-left: 22px; background-color: #FFF; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .nav-container .search-icon .bars:before { content: ''; height: 2px; width: 18px; height: 18px; border-radius: 50%; position: absolute; right: 0; background-color: transparent; border: 2px solid white; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; left: -18px; top: -8px; left: -18px; } .nav-container .search-close .animate-1 .bars:before { -webkit-transform: rotate(0deg) translateY(0) translateX(0); -moz-transform: rotate(0deg) translateY(0) translateX(0); -ms-transform: rotate(0deg) translateY(0) translateX(0); -o-transform: rotate(0deg) translateY(0) translateX(0); transform: rotate(0deg) translateY(0) translateX(0); } .search-locked-open .nav-container .search-dropdown { box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .nav-container .flexarea-container { left: 0; margin-top: 35px; max-width: none; position: absolute; right: 0; width: 100%; } @media (min-width: 768px) { .nav-container .flexarea-container { position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; } } .nav-container .flexarea-container .flexarea-title { text-align: left; padding-left: 5%; } .nav-container .flexarea-container .flexarea-title a { text-align: left; } .nav-container .flexarea-container.center .flexarea-title { text-align: center; } .nav-container .flexarea-container.center .flexarea-title a { text-align: center !important; } .nav-container .flexarea-container.content-container { padding-left: 0; } .nav-container .flexarea-container.content-container .single-banner { overflow: hidden; } .nav-container .flexarea-container.content-container .flexarea-inner-container { display: table; height: 100px; min-height: 100px; width: 100%; background-color: #fff; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .flexarea-inner-container { height: 260px; min-height: 260px; } } .nav-container .flexarea-container.content-container .flexarea-inner-container.gradient { background: #016db6; background: -webkit-linear-gradient(left, #016db6, #349abf); background: -o-linear-gradient(right, #016db6, #349abf); background: -moz-linear-gradient(right, #016db6, #349abf); background: linear-gradient(to right, #016db6, #349abf); } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title { display: table-cell; vertical-align: middle; width: 100%; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a { display: block; margin: 0; text-decoration: none; width: auto; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title h2 { color: #fff; font-size: 18px; font-weight: 100; line-height: normal; margin: 0; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title h2 { font-size: 32px; } } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a.ui-button { background-color: transparent; color: #40B4E5; display: block; font-size: 12px; font-weight: 400; padding: 0; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a.ui-button.arrow::after { display: none; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a.ui-button { background-color: #40B4E5; color: #fff; display: inline-block; font-size: 14px; padding: 10px 40px 10px 30px; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a.ui-button.arrow::after { display: inline-block; width: 10px; height: 10px; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-title a.ui-button:hover { background-color: #1889c8; } } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-image { display: table-cell; text-align: center; vertical-align: middle; } .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-image img { margin: 10px 0px; vertical-align: middle; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .flexarea-inner-container .flexarea-image img { margin-top: 40px; max-height: none; max-width: 450px; width: 80%; } } .nav-container .flexarea-container.content-container .double-banner { line-height: 0; -webkit-perspective: 1000; } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container { background-color: #006DB6; box-shadow: 0 0 0 0 rgba(31, 36, 43, 0); color: #fff; display: inline-block; float: none; overflow: hidden; text-decoration: none; transition: transform 250ms ease, box-shadow 250ms ease; line-height: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0); } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .bgimg { width: auto !important; height: 100% !important; top: 0 !important; left: auto !important; right: 0 !important; } @media screen and (min-width: 1200px) and (max-width: 1360px) { .en_us .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .bgimg { right: -20px !important; } } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container + .flexarea-inner-container { margin-top: 10px; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container { height: 120px; min-height: 120px; } } @media (min-width: 992px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container { width: 100%; } } @media (min-width: 1200px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container { width: 49%; max-width: 410px !important; min-height: 160px; height: 160px; float: left; vertical-align: middle; } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container + .flexarea-inner-container { margin-left: 2%; margin-top: 0; } } @media (min-width: 1199px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container:hover { transform: scale(1.04); box-shadow: 0 5px 30px rgba(31, 36, 43, 0.3); } } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title { position: relative; display: inline-block; top: 50%; transform: translateY(-50%); } .no-csstransforms3d .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title { top: 25%; width: 100% !important; } @media screen and (min-width: 768px) and (max-width: 1289px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title { max-width: 55%; } } @media screen and (min-width: 1290px) and (max-width: 1439px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title { max-width: 55%; } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title .sub-heading { max-width: 82%; } } @media screen and (min-width: 1440px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title { max-width: 65%; } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title .sub-heading { max-width: 85%; } } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title h2 { color: #fff; font-size: 18px; font-weight: 300; line-height: 20px; margin-top: -2px; margin-bottom: 4.4px; margin-bottom: 0.275rem; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title h2 { font-size: 24px; line-height: 34px; } } @media (min-width: 1440px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title h2 { font-size: 30px; line-height: 36px; } } @media (min-width: 1440px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title h2 { font-size: 30px; } } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title span { font-size: 18px; font-weight: 300; line-height: 1; margin: 0; padding: 0; width: 100%; color: rgba(255, 255, 255, 0.7); } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title span.mobile-cta { display: block; font-size: 12px; line-height: 16px; font-weight: 600; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title span.mobile-cta { display: none; } } .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title span.sub-heading { display: none; } @media (min-width: 768px) { .nav-container .flexarea-container.content-container .double-banner .flexarea-inner-container .flexarea-title span.sub-heading { display: block; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 20px; } } /*********** Shades/Color ************/ .color { display: table-cell; height: 100px; width: 100px; font-size: 0.83333rem; font-weight: 400; vertical-align: middle; text-align: center; position: relative; } .color.gray1 { background-color: whitesmoke; color: #1F242B; } .color.gray2 { background-color: #b9b9b9; color: #fff; } .color.gray3 { background-color: #7d7d7d; color: #fff; } .color.gray4 { background-color: #555555; color: #fff; } .color.gray5 { background-color: #2d2d2d; color: #fff; } .color.gray6 { background-color: #050505; color: #fff; } .color.dark-blue { background-color: #006DB6; color: #fff; } .color.light-blue { background-color: #40B4E5; color: #fff; } .color.blue { background-color: #006DB6; color: #fff; } .color.orange { background-color: #F38B00; color: #fff; } .color.dark-orange { background-color: #FF671B; color: #fff; } .color.green { background-color: #78b92f; color: #fff; } .color.white { background-color: #fff; color: #1F242B; } .color.black { background-color: #1F242B; color: #fff; } .color.text-color { background-color: #83888b; color: #fff; } .color.wd-carousel-arrow-bg { background-color: #2c3136; color: #fff; } .color.wd-carousel-arrow { background-color: #8E9194; color: #fff; } .color.wd-carousel-btn { background-color: #2b3137; color: #fff; } .color.wd-blue-icon { background-color: #40b4e5; color: #fff; } .demo { /*********** Grid ************/ } .demo .demo-container { background-color: #ccc; } .demo.grid h4 { text-align: center; } .demo.grid h2 { overflow: hidden; } .demo.grid .text-block { background-color: #ee9e9c; } .demo.grid .text-block2 { background-color: #fbeecb; } .demo.grid .text-block3 { background-color: #71dad2; } .demo.grid .text-block4 { background-color: #f09671; } .table { margin: 1em 0; width: 100%; height: 100%; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; /* using max-width because mobile-first attempt to set tr: block and developer reset to tr: table-row on larger screen doesn't seem to work. With max-width breakpoint, we let browser set tr when screen size gets bigger. Even though brower sets it to tr: table-row also, it seems to work. Not sure difference between developer code set vs browser. */ } @media (max-width: 768px) { .table { display: block; } .table tbody, .table tr { display: inline-block; width: 100%; } .table thead { display: none; } } .table th { display: none; border-bottom: 1px solid #F38B00; text-align: left; } @media (min-width: 768px) { .table th { background-color: #fff; } } .table td { display: block; vertical-align: middle; padding: .5em; position: relative; clear: both; white-space: normal; padding-left: 50%; } .table td:before { content: attr(data-th) ": "; width: 98%; display: inline-block; float: left; margin-left: -100%; text-align: left; } @media (min-width: 768px) { .table td:before { display: none; } } @media (min-width: 768px) { .table { display: table; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .table th, .table td { display: table-cell; padding: 1em; vertical-align: middle; } } @media (min-width: 992px) { .table { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .table tr:nth-of-type(odd) { background: #ebf7fc; } .table.committee th { padding: .25em; background-color: #fff; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .table.committee td { text-align: center; } @media (min-width: 768px) { .table.committee th:first-of-type, .table.committee td:first-of-type { text-align: left; width: 20%; padding-left: 1em; } } .stacking-table { width: 100%; margin-bottom: 22px; margin-bottom: 1.375rem; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .stacking-table tr { padding: 10px 0; display: block; } @media (min-width: 768px) { .stacking-table tr { display: table-row; } } .stacking-table tr td { display: block; } @media (min-width: 768px) { .stacking-table tr td { padding-bottom: 11px; padding-bottom: 0.6875rem; display: table-cell; } .stacking-table tr td:first-of-type { width: 45%; } } @media (min-width: 992px) { .stacking-table tr td:first-of-type { width: 40%; } } @media (min-width: 1200px) { .stacking-table tr td:first-of-type { width: 30%; } } .legend { margin-left: 2%; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .legend { float: right; margin: 0 0 2em 0; } } .marker { position: relative; display: inline-block; margin: 0 auto; height: 1em; } .marker::before { display: inline-block; vertical-align: middle; height: 1em; width: 1em; border-radius: 100%; content: ''; position: absolute; margin: -0.5em 0 0 0; left: 0; top: 50%; } .marker .text { margin: 0 0 0 1.5em; } .marker.member::before { background-color: #F38B00; } .marker.chair::before { background-color: #1F242B; } .marker + .marker { margin: 0 0 0 2em; } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { text-align: center; } @font-face { font-family: VideoJS; src: url("font/VideoJS.eot?#iefix") format("eot"); } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subtitles-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { content: "\f10c"; } .vjs-icon-captions, .video-js .vjs-captions-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js .vjs-captions-button:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before { content: "\f115"; } .vjs-icon-replay { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button:before { content: "\f11e"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .video-js button { background: none; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li:focus, .vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } @media \0screen { .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; } } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .vjs-live .vjs-progress-control { display: none; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } /* If we let the font size grow as much as everything else, the current time tooltip ends up ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { font-family: Arial, Helvetica, sans-serif; visibility: visible; font-size: 0.6em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-js .vjs-mouse-display:before { display: none; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { position: absolute; top: -0.333333333333333em; right: -0.5em; font-size: 0.9em; } .video-js .vjs-time-tooltip, .video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { visibility: hidden; pointer-events: none; position: absolute; top: -3.4em; right: -1.9em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 6px 8px 8px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-js .vjs-time-tooltip, .video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { z-index: 1; } .video-js .vjs-progress-control .vjs-keep-tooltips-inside:after { display: none; } .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: white; background: rgba(115, 133, 159, 0.75); } .video-js.vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-time-tooltip { display: inline-block; height: 2.4em; position: relative; float: right; right: -1.9em; } .vjs-tooltip-progress-bar { visibility: hidden; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none; } .vjs-mouse-display .vjs-time-tooltip, .video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; height: 8em; } .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { height: 8em; width: 2.9em; } .vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 8em; } .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent !important; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-controls-disabled .vjs-poster { display: none; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button { display: none; } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button { display: none; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button { display: none; } .vjs-caption-settings { position: relative; top: 1em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; margin: 0 auto; padding: 0.5em; height: 15em; font-size: 12px; width: 40em; } .vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 2em; left: 0; right: 0; position: absolute; overflow: auto; } .vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left; } .vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after { clear: both; } .vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em; } .vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; } .vjs-caption-settings .vjs-tracksetting label { display: block; width: 100px; margin-bottom: 5px; } .vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px; } .vjs-caption-settings .vjs-tracksetting > div { margin-bottom: 5px; min-height: 20px; } .vjs-caption-settings .vjs-tracksetting > div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .vjs-caption-settings label > input { margin-right: 10px; } .vjs-caption-settings input[type="button"] { width: 40px; height: 40px; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .wd-video-skin { font-size: 10px; color: #fff; } .wd-video-skin .vjs-playback-rate .vjs-menu li { margin-left: 0; } .wd-video-skin .vjs-control-bar, .wd-video-skin .vjs-menu-button .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .wd-video-skin .vjs-slider { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .wd-video-skin .vjs-volume-level, .wd-video-skin .vjs-play-progress, .wd-video-skin .vjs-slider-bar { background: #fff; } .wd-video-skin .vjs-progress-control { width: 100%; } @media screen and (min-width: 0\0) { .wd-video-skin .vjs-progress-control { width: auto; } } .wd-video-skin .vjs-load-progress { background: ligthen(#73859f, 25%); background: rgba(115, 133, 159, 0.5); } .wd-video-skin .vjs-load-progress div { background: ligthen(#73859f, 50%); background: rgba(115, 133, 159, 0.75); } .wd-video-skin .vjs-big-play-button { font-size: 2em; line-height: 2em; height: 2em; width: 2em; border: 0.06666em solid #fff; border-radius: 100%; left: 50%; top: 50%; margin-left: -1em; margin-top: -1em; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); transition: background-color 250ms ease; } @media (min-width: 768px) { .wd-video-skin .vjs-big-play-button { font-size: 4em; } } .wd-video-skin .vjs-custom-control-spacer { display: flex; flex: auto; } .wd-video-skin:hover .vjs-big-play-button { transition: background-color 250ms ease; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); } .wd-video-skin.vjs-youtube-mobile .vjs-control-bar, .wd-video-skin.vjs-youtube .vjs-control-bar, .wd-video-skin .vjs-youtube-mobile .vjs-control-bar, .wd-video-skin .vjs-youtube .vjs-control-bar, .wd-video-skin .vjs-no-flex .vjs-control-bar { display: none; } .video-container .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .component-intro-content { position: relative; text-align: center; color: inherit; } .component-intro-content .main-heading { margin-bottom: 22px; margin-bottom: 1.375rem; color: inherit; } .component-intro-content .main-heading.light { font-weight: 300; } .component-intro-content .main-heading.regular { font-weight: 400; } .component-intro-content .main-heading.semi-bold { font-weight: 600; } .component-intro-content .main-heading.bold { font-weight: 700; } .component-intro-content .main-heading.extra-bold { font-weight: 800; } .component-intro-content p { color: inherit; } .component-intro-content > .icon-container > .icon, .component-intro-content > .icon-container > .img { margin-bottom: 22px; margin-bottom: 1.375rem; margin-left: auto; margin-right: auto; display: block; } .component-intro-content > .icon-container > .img { max-width: 270px; max-height: 120px; } .component-intro-content > .icon-container > .icon { width: 120px; height: 120px; fill: #40B4E5; } .component-intro-content blockquote .main-heading { max-width: 100%; } .component-intro-content blockquote > .icon-container.quote-mark > .icon { height: 30px; max-width: 30px; } .component-intro-content blockquote > .icon-container > .icon, .component-intro-content blockquote > .icon-container > .img { width: auto; } .component-intro-content blockquote > .icon-container > .img { max-height: 60px; } .component-intro-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } @media (min-width: 768px) { .component-intro-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 0; } } @media (min-width: 992px) { .component-intro-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } } .component-intro-content blockquote .source p.author { font-weight: bold; } .component-intro-content blockquote > .logo { margin-bottom: 22px; margin-bottom: 1.375rem; overflow: hidden; } .component-intro-content blockquote > .logo > div > .icon, .component-intro-content blockquote > .logo > div > .img { width: auto; display: block; max-height: 60px; height: auto; width: auto; max-height: 60px; max-width: 260px; transform: translateZ(0); } .component-intro-content.pos-center { text-align: center; margin-left: auto; margin-right: auto; } .component-intro-content.pos-center .icon, .component-intro-content.pos-center .img, .component-intro-content.pos-center .main-heading, .component-intro-content.pos-center p { margin-left: auto; margin-right: auto; } .component-intro-content.pos-center .main-heading { max-width: 70%; } .component-intro-content.pos-center p { max-width: 70%; } @media (min-width: 768px) { .component-intro-content.pos-center p { max-width: 60%; } } @media (min-width: 992px) { .component-intro-content.pos-center p { max-width: 45%; } } @media (min-width: 768px) { .component-intro-content.pos-lt { text-align: left; top: 0; left: 0; transform: translate(0, 0); width: 40%; } .component-intro-content.pos-lt .main-heading, .component-intro-content.pos-lt p { width: 100%; } } .component-intro-content.pos-lt .icon, .component-intro-content.pos-lt .img { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .component-intro-content.pos-lt .icon, .component-intro-content.pos-lt .img { margin-left: 0; } } .component-intro-content.pos-rt .icon, .component-intro-content.pos-rt .img { margin-left: 0; margin-right: auto; } @media (min-width: 768px) { .component-intro-content.pos-rt { text-align: left; right: 0; width: 40%; margin-left: auto; } .component-intro-content.pos-rt .main-heading, .component-intro-content.pos-rt p { width: 100%; } .component-intro-content.pos-rt .icon, .component-intro-content.pos-rt .img { margin-left: 0; margin-right: auto; } } @media (min-width: 768px) { .component-intro-content.air-up-1 { padding-top: 110px; padding-top: 6.875rem; padding-bottom: 110px; padding-bottom: 6.875rem; } } @media (min-width: 768px) { .component-intro-content.air-up-2 { padding-top: 154px; padding-top: 9.625rem; padding-bottom: 154px; padding-bottom: 9.625rem; } } @media (min-width: 768px) { .component-intro-content.air-top-up-1 { padding-top: 110px; padding-top: 6.875rem; } } @media (min-width: 768px) { .component-intro-content.air-top-up-2 { padding-top: 154px; padding-top: 9.625rem; } } @media (min-width: 768px) { .component-intro-content.air-bottom-up-1 { padding-bottom: 110px; padding-bottom: 6.875rem; } } @media (min-width: 768px) { .component-intro-content.air-bottom-up-2 { padding-bottom: 154px; padding-bottom: 9.625rem; } } .air-bottom-none .component-intro-content { margin-bottom: 66px; margin-bottom: 4.125rem; } .card { margin: 0 auto; display: block; width: 400px; } .donut-chart.chart { width: 400px; height: 400px; background: transparent; position: relative; } .donut-chart.chart .chart-center { top: 40px; left: 40px; width: 380px; height: 380px; background: transparent; } .donut-chart.chart .chart-center span { font-size: 40px; line-height: 320px; color: #40B4E5; } .donut-chart.chart .chart-center span:after { content: "50%"; } .donut-chart.chart svg { width: 400px; height: 400px; transform: rotate(-90deg); position: absolute; top: 0; right: 0; } .donut-chart.chart #circle { stroke: #40B4E5; } .donut-chart.chart .circle_animation { stroke-dasharray: 440; stroke-dashoffset: 440; } .donut-chart.chart .circle_animation { -webkit-animation: chart 1s ease-out forwards; animation: chart 1s ease-out forwards; } @-webkit-keyframes chart { to { stroke-dashoffset: 220; } } @keyframes chart { to { stroke-dashoffset: 220; } } .component-spotlight { display: block; } .component-spotlight .circles { margin-right: 0; text-align: center; margin-bottom: 40px; } .component-spotlight .circles .circle { width: 150px; height: 150px; border-radius: 100%; border: 1px solid #40B4E5; display: inline-block; position: relative; } .component-spotlight .circles .circle .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .component-spotlight .circles .circle + .circle { margin-left: 20px; } .component-spotlight .circles .circle + .circle::before { content: '- - - - - -'; position: absolute; top: 50%; left: -10%; width: 52px; margin: -11px 0 0 -26px; display: inline; } .component-spotlight .content { float: left; display: block; margin-right: 1.61735%; width: 49.19133%; margin-left: 25.40434%; } .component-spotlight .content:last-child { margin-right: 0; } footer.page-footer { font-size: 0.83333rem; position: relative; padding: 50px 0 40px; text-align: center; color: #84888b; background-color: #1F242B; } footer.page-footer.bg-green { color: #fff; background-color: #78b92f; } footer.page-footer.bg-green a { color: #40B4E5; } footer.page-footer.bg-green a:hover { text-decoration: underline; } footer.page-footer.bg-green .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-green .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-blue { color: #fff; background-color: #006db6; } footer.page-footer.bg-blue a { color: #40B4E5; } footer.page-footer.bg-blue a:hover { text-decoration: underline; } footer.page-footer.bg-blue .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-light-blue { color: #fff; background-color: #40b4e5; } footer.page-footer.bg-light-blue a { color: #fff; } footer.page-footer.bg-light-blue a:hover { text-decoration: underline; } footer.page-footer.bg-light-blue .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-light-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-dark-blue { color: #fff; background-color: #006db6; } footer.page-footer.bg-dark-blue a { color: #40B4E5; } footer.page-footer.bg-dark-blue a:hover { text-decoration: underline; } footer.page-footer.bg-dark-blue .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-dark-blue .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-white { color: #84888B; background-color: white; } footer.page-footer.bg-white a { color: #40B4E5; } footer.page-footer.bg-white a:hover { text-decoration: underline; } footer.page-footer.bg-white .icon { fill: #40B4E5 !important; } footer.page-footer.bg-white .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-black { color: #fff; background-color: #1f242b; } footer.page-footer.bg-black a { color: #40B4E5; } footer.page-footer.bg-black a:hover { text-decoration: underline; } footer.page-footer.bg-black .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-black .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-gray { color: #84888B; background-color: #f6f6f6; } footer.page-footer.bg-gray a { color: #40B4E5; } footer.page-footer.bg-gray a:hover { text-decoration: underline; } footer.page-footer.bg-gray .icon { fill: #40B4E5 !important; } footer.page-footer.bg-gray .icon.icon-quotation-mark { fill: #40B4E5 !important; } footer.page-footer.bg-blacker-black { color: #fff; background-color: #16191e; } footer.page-footer.bg-blacker-black a { color: #40B4E5; } footer.page-footer.bg-blacker-black a:hover { text-decoration: underline; } footer.page-footer.bg-blacker-black .icon { fill: #F6F6F6 !important; } footer.page-footer.bg-blacker-black .icon.icon-quotation-mark { fill: #40B4E5 !important; } @media (min-width: 768px) { footer.page-footer { padding: 150px 0 40px; text-align: left; } footer.page-footer .row + .row { margin-top: 35px; padding-top: 35px; border-top: 1px solid rgba(134, 136, 139, 0.1); } } @media (min-width: 992px) { footer.page-footer { padding: 180px 0 40px; } } @media (min-width: 1200px) { footer.page-footer { padding: 50px 0 40px; } } footer.page-footer a { text-decoration: none; color: inherit; -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; transition: color 250ms ease; } footer.page-footer a:hover { color: #fff; } footer.page-footer h5 { font-size: 1rem; font-weight: 400; margin: 0 0 20px 0; text-transform: uppercase; color: #fff; } footer.page-footer h5 > a { text-decoration: none; color: inherit; } footer.page-footer .extra-content { margin-bottom: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(132, 136, 139, 0.1); } footer.page-footer .extra-content .icon { width: 40px; height: 40px; fill: #40B4E5; } footer.page-footer .extra-content img, footer.page-footer .extra-content .icon { margin: 0 0 20px 0; } footer.page-footer .extra-content p { margin-bottom: 20px; font-size: 1rem; } footer.page-footer .extra-content a { font-weight: 700; color: #fff; position: relative; } footer.page-footer .extra-content a::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: -10px; margin: -4px 0 0 0; height: 8px; width: 8px; } footer.page-footer .extra-content a:hover { text-decoration: underline; } @media (min-width: 768px) { footer.page-footer .extra-content { float: left; width: 25%; margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none transparent; } } footer.page-footer .copyright { display: block; margin: 10px 0 0 0; text-align: center; } @media (min-width: 992px) { footer.page-footer .copyright { display: inline; text-align: right; margin: 10px 0 0 10px; } } footer.page-footer .green-powered { color: #84888b; font-size: 0.83333rem; margin-bottom: 10px; text-align: center; } footer.page-footer .green-powered a { color: inherit; } footer.page-footer .green-powered a:hover { color: #fff; } footer.page-footer .green-powered a:hover .icon { fill: #fff; } footer.page-footer .green-powered .icon { height: 12px; width: 12px; display: inline; margin-right: 5px; fill: #84888b; -webkit-transition: fill 250ms ease; -moz-transition: fill 250ms ease; transition: fill 250ms ease; } footer.page-footer .links { padding: 20px 0; text-align: center; } footer.page-footer .links a { margin: 0 10px; } footer.page-footer .links a.email-subscriptions { margin-bottom: 10px; display: inline-block; } @media screen and (max-width: 410px) { footer.page-footer .links a:last-of-type { margin-top: 10px; display: inline-block; } } footer.page-footer .footer-links { display: none; } @media (min-width: 768px) { footer.page-footer .footer-links { display: block; float: right; width: 75%; padding-left: 10%; } footer.page-footer .footer-links > .col { display: block; float: left; width: 50%; padding: 0 2%; } footer.page-footer .footer-links > .col a { display: block; } footer.page-footer .footer-links > .col a + a { margin-top: 10px; } } @media (min-width: 1200px) { footer.page-footer .footer-links { float: left; width: 50%; padding-left: 5%; } } footer.page-footer .social { margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { footer.page-footer .social { position: absolute; top: 50px; left: 50%; width: 300px; margin: 0 0 0 -150px; text-align: center; margin-bottom: 0px; margin-bottom: 0rem; } } @media (min-width: 1200px) { footer.page-footer .social { text-align: left; position: static; float: right; width: 25%; } } footer.page-footer .social h5 { display: none; } @media (min-width: 992px) { footer.page-footer .social h5 { display: block; } } footer.page-footer .country-select { position: relative; display: inline-block; margin: 0 10px 10px 0; cursor: pointer; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align: right; outline: none; scrollbar-face-color: #000000; scrollbar-shadow-color: #2D2C4D; scrollbar-highlight-color: #7D7E94; scrollbar-3dlight-color: #7D7E94; scrollbar-darkshadow-color: #2D2C4D; scrollbar-track-color: #7D7E94; scrollbar-arrow-color: #C1C1D1; } footer.page-footer .country-select ::-webkit-scrollbar { width: 8px; } footer.page-footer .country-select ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } footer.page-footer .country-select ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(31, 36, 43, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } footer.page-footer .country-select::before { position: absolute; border-top: 1px solid #84888b; border-left: 1px solid #84888b; height: 8px; width: 8px; -webkit-transition: border-color 250ms ease, -webkit-transform 250ms ease; -moz-transition: border-color 250ms ease, -moz-transform 250ms ease; transition: border-color 250ms ease, transform 250ms ease; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); transform-origin: 50% 50%; content: ''; left: -18px; top: 56%; } footer.page-footer .country-select:hover { color: #fff; } footer.page-footer .country-select:hover::before { border-color: #fff; } footer.page-footer .country-select .dropdown { position: absolute; z-index: 900; bottom: 130%; left: 50%; overflow: hidden; width: 250px; max-height: 0; margin: 0; padding: 0; list-style: none; left: -15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align: left; border-radius: 4px; background-color: #fff; } @media (min-width: 768px) { footer.page-footer .country-select .dropdown { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 200px; } } footer.page-footer .country-select .dropdown li { margin: 0; padding: 0; } footer.page-footer .country-select .dropdown li a { display: block; padding: 10px; margin: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; color: #83888b; font-weight: 600; font-size: 0.69444rem; } footer.page-footer .country-select .dropdown li:hover a { color: #333333; background: #f1f1f1; } footer.page-footer .country-select.active { color: #fff; } footer.page-footer .country-select.active .dropdown { overflow-y: scroll; max-height: 259px; } footer.page-footer .country-select.active:hover::before { border-color: #fff; } footer.page-footer .country-select.active::before { border-top: 0 solid transparent; border-left: 0 solid transparent; border-bottom: 1px solid #fff; border-right: 1px solid #fff; top: 35%; } footer.page-footer.simple-footer { color: #84888b; overflow: hidden; } footer.page-footer.simple-footer .links { line-height: 2; position: absolute; top: 50%; left: 50%; margin-left: -50%; margin-top: -30px; padding: 0; text-align: center; } @media (min-width: 768px) { footer.page-footer.simple-footer .links { line-height: inherit; position: relative; margin: 0; top: auto; left: auto; } } footer.page-footer.simple-footer a { color: inherit; white-space: nowrap; -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; transition: color 250ms ease; } footer.page-footer.simple-footer a:hover { color: #fff; text-decoration: none; } footer.page-footer.simple-footer .copyright { color: #84888b; display: block; margin: 10px 0 0 0; } @media (min-width: 768px) { footer.page-footer.simple-footer .copyright { display: inline; margin: 10px 0 0 10px; } } footer.page-footer.simple-footer.bg-gray a:hover { color: #222; } .component-iconbullet { display: block; } .component-iconbullet .collection-item { margin: 10px 0px; } .component-iconbullet .collection-item .collection-icon { width: 15%; max-width: 100px; padding: 0; margin-right: 15px; } .component-iconbullet .collection-item .collection-icon img, .component-iconbullet .collection-item .collection-icon svg { width: 100%; max-width: 57px; max-height: 60px; fill: #40b4e5; margin: 0; padding: 0; vertical-align: middle; } .component-iconbullet .collection-item .collection-content { width: 80%; margin-left: -5px; font-size: 1rem -1; color: #7d7d7d; vertical-align: middle; } .component-iconbullet .collection-item .collection-content.top-align, .component-iconbullet .collection-item .collection-content.top-align > p { vertical-align: top; } .component-iconbullet .collection-item .collection-content p { margin: 0; padding: 0; } .component-iconbullet .collection-item .collection-icon, .component-iconbullet .collection-item .collection-content { display: inline-block; } /* slick-theme.scss"; */ /* Icons */ .component-carousel { padding: 0; margin: 0 auto; z-index: 0; position: relative; } @media (min-width: 600px) { .component-carousel { padding: 25px; } } @media (min-width: 992px) { .component-carousel { padding: 50px; } } .component-carousel div:focus { outline: none; } .component-carousel .slick-prev, .component-carousel .slick-next { height: 30px; width: 30px; border-radius: 50%; cursor: pointer; display: none; z-index: 8; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; background-color: rgba(144, 148, 155, 0.2); } @media (min-width: 992px) { .component-carousel .slick-prev, .component-carousel .slick-next { height: 50px; width: 50px; } } .component-carousel .slick-prev::after, .component-carousel .slick-next::after { position: absolute; top: 10px; content: ''; width: 10px; height: 10px; border-right: 1px solid #8E9194; border-top: 1px solid #8E9194; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } @media (min-width: 992px) { .component-carousel .slick-prev::after, .component-carousel .slick-next::after { top: 20px; } } .component-carousel .slick-prev.no-touch:hover, .component-carousel .slick-next.no-touch:hover { outline: none; color: transparent; background: rgba(85, 95, 105, 0.8); } .component-carousel .slick-prev.no-touch:hover::after, .component-carousel .slick-next.no-touch:hover::after { border-right: 1px solid #fff; border-top: 1px solid #fff; } .component-carousel .slick-next::after { right: 12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .component-carousel .slick-next::after { right: 22px; } } .component-carousel .slick-prev::after { left: 12px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media (min-width: 992px) { .component-carousel .slick-prev::after { left: 22px; } } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: 30px; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-list { position: relative; display: block; margin: 0 0 50px 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px\9; /*lte IE 8*/ transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-next:hover { outline: none; background: transparent; color: transparent; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: -12.5px; } [dir="rtl"] .slick-prev { left: auto; right: -12.5px; } @media (min-width: 992px) { .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; } } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -12.5px; } [dir="rtl"] .slick-next { left: -12.5px; right: auto; } @media (min-width: 992px) { .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; } } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } /* Dots */ ul.slick-dots { list-style: none; text-align: center; padding: 0; margin: 0; width: 100%; } ul.slick-dots li { position: relative; display: inline-block; padding: 5px; margin: 0; cursor: pointer; } ul.slick-dots li + li { margin-left: 10px; } ul.slick-dots li button { border: 0; opacity: .5; background: #8E9194; display: block; height: 6px; width: 6px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; border-radius: 100%; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; } ul.slick-dots li button:hover, ul.slick-dots li button:focus { outline: none; } ul.slick-dots li button:hover::before, ul.slick-dots li button:focus::before { opacity: 1; } ul.slick-dots li.slick-active button { opacity: 1; } .carousel-type-default, .carousel-type-quote { position: relative; text-align: center; } .carousel-type-default .icon, .carousel-type-quote .icon { fill: #40B4E5; height: 30px; width: 30px; display: block; margin: 0 auto 50px; } .carousel-type-default .logo, .carousel-type-quote .logo { margin: 50px auto 50px auto; } .carousel-type-default .logo img, .carousel-type-default .logo svg, .carousel-type-quote .logo img, .carousel-type-quote .logo svg { max-height: 35px; display: block; margin: 0 auto; } @media (min-width: 768px) { .carousel-type-default .logo img, .carousel-type-default .logo svg, .carousel-type-quote .logo img, .carousel-type-quote .logo svg { max-height: 45px; } } .carousel-type-default a, .carousel-type-quote a { color: #40B4E5; text-decoration: none; } .carousel-type-spotlight h3 { margin-bottom: 22px; margin-bottom: 1.375rem; } .carousel-type-spotlight .slick-prev { left: 0; } .carousel-type-spotlight .slick-next { right: 0; } .component-carousel .slick-prev, .component-carousel .slick-next { z-index: 9999999; } .component-carousel .slick-dots { position: relative; z-index: 9999999; } .carousel-type-large-photo { margin-bottom: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } .carousel-type-large-photo .slick-slider { margin-bottom: 0; } .carousel-type-large-photo .slick-list { margin-bottom: 0; } .carousel-type-large-photo h3 { margin-bottom: 22px; margin-bottom: 1.375rem; } .carousel-type-large-photo .content { text-align: center; margin: 0 auto; width: 100%; } @media (min-width: 992px) { .carousel-type-large-photo .content { width: 75%; } } .carousel-type-large-photo .slider-main .image { text-align: center; width: 100%; } .carousel-type-large-photo .slider-main .image img { margin: 0 auto; } .carousel-type-large-photo .with-controls .slick-prev, .carousel-type-large-photo .with-controls .slick-next { height: 30px; width: 30px; margin: 0px 50px; border-radius: 50%; cursor: pointer; display: none; z-index: 8; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; background-color: rgba(144, 148, 155, 0.2); } @media (min-width: 992px) { .carousel-type-large-photo .with-controls .slick-prev, .carousel-type-large-photo .with-controls .slick-next { height: 50px; width: 50px; } } .carousel-type-large-photo .with-controls .slick-prev::after, .carousel-type-large-photo .with-controls .slick-next::after { position: absolute; top: 10px; content: ''; width: 10px; height: 10px; border-right: 1px solid #8E9194; border-top: 1px solid #8E9194; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } @media (min-width: 992px) { .carousel-type-large-photo .with-controls .slick-prev::after, .carousel-type-large-photo .with-controls .slick-next::after { top: 20px; } } .carousel-type-large-photo .with-controls .slick-prev.no-touch:hover, .carousel-type-large-photo .with-controls .slick-next.no-touch:hover { outline: none; color: transparent; background: rgba(85, 95, 105, 0.8); } .carousel-type-large-photo .with-controls .slick-prev.no-touch:hover::after, .carousel-type-large-photo .with-controls .slick-next.no-touch:hover::after { border-right: 1px solid #fff; border-top: 1px solid #fff; } .carousel-type-large-photo .with-controls .slick-prev.slick-disabled, .carousel-type-large-photo .with-controls .slick-next.slick-disabled { opacity: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .carousel-type-large-photo .with-controls .slick-next::after { right: 12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .carousel-type-large-photo .with-controls .slick-next::after { right: 22px; } } .carousel-type-large-photo .with-controls .slick-prev::after { left: 12px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media (min-width: 992px) { .carousel-type-large-photo .with-controls .slick-prev::after { left: 22px; } } .carousel-type-large-photo .slider-date-nav .item { margin: 0px 15px; cursor: pointer; text-align: center; font-weight: bold; color: #006DB6; } .carousel-type-large-photo .slider-date-nav .item.slick-center { opacity: 1; color: #F38B00; } .carousel-type-large-photo .slider-date-nav .item:hover { opacity: 1; } .carousel-type-large-photo .slider-date-nav .item .month { font-size: 12px; } .carousel-type-large-photo .slider-date-nav .item .year { font-size: 16px; } @media (min-width: 768px) { .carousel-type-large-photo .slider-date-nav .item { margin: 0px 30px; } .carousel-type-large-photo .slider-date-nav .item .month { font-size: 14px; } .carousel-type-large-photo .slider-date-nav .item .year { font-size: 22px; } } .carousel-type-photo { padding: 0; } .carousel-type-photo .slick-track { overflow: hidden; padding: 50px 0px; } .carousel-type-photo .slick-prev, .carousel-type-photo .slick-next { top: 40%; } .carousel-type-photo .item { -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; height: auto; min-height: 200px; margin: 0px 20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .carousel-type-photo .item { padding: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); width: 600px; height: 385px; } } .carousel-type-photo .item .content { -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; transition: opacity 300ms; position: relative; padding: 2em; height: 100%; color: #fff; max-width: 450px; } .carousel-type-photo .item .content h4 { margin-bottom: 11px; margin-bottom: 0.6875rem; color: #fff; } .carousel-type-photo .item .content .subheader { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } .carousel-type-photo .item .content .description { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } .carousel-type-photo .item .content .cta { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; position: absolute; left: 0; bottom: 0; } @media (min-width: 768px) { .carousel-type-photo .item .content .cta { bottom: 2em; } } .carousel-type-photo .item .content .cta::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #1F242B; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: inherit; position: absolute; top: 50%; right: 15px; margin: -3px 0 0 0; height: 9px; width: 9px; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } .carousel-type-photo .item.slick-active { opacity: 1; } @media (min-width: 768px) { .carousel-type-photo .item.slick-current { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: 0px 10px 55px #ddd; } } .carousel-type-photo .item.slick-current > .content { opacity: 1; } .customers.hero { height: 705px; background: #8795a8; background-size: cover; display: block; overflow: hidden; text-align: left; } .customers.hero .square { height: 140px; width: 140px; display: inline-block; background-color: white; } .customers.hero .square > div { position: absolute; } .component-five-cell-grid { position: relative; } @media (min-width: 768px) { .component-five-cell-grid { min-height: 670px; } } @media (min-width: 992px) { .component-five-cell-grid { min-height: 460px; } } .component-five-cell-grid .box { position: relative !important; display: block; overflow: hidden; width: 100%; cursor: pointer; text-align: left; background-color: #1F242B; background-size: cover; background-repeat: no-repeat; } .component-five-cell-grid .box .shadow { position: absolute !important; height: 100%; width: 100%; z-index: 1 !important; } .component-five-cell-grid .box:hover .caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); background: rgba(31, 36, 43, 0.5); } .component-five-cell-grid .box + .box { margin-top: 15px; } @media (min-width: 992px) { .component-five-cell-grid .box { position: absolute; } .component-five-cell-grid .box + .box { margin-top: 0; } .component-five-cell-grid .box:nth-child(1) { top: 0; left: 25%; } .component-five-cell-grid .box:nth-child(2) { top: 0; left: 0; } .component-five-cell-grid .box:nth-child(3) { top: 240px; left: 0; } .component-five-cell-grid .box:nth-child(4) { top: 0; left: 77%; } .component-five-cell-grid .box:nth-child(5) { top: 240px; left: 77%; } } .component-five-cell-grid .box.small { background-position: top center; min-height: 220px; } @media (min-width: 768px) { .component-five-cell-grid .box.small { width: 49%; float: left; } .component-five-cell-grid .box.small + .small { margin-left: 2%; } } @media (min-width: 992px) { .component-five-cell-grid .box.small { position: absolute !important; width: 23%; float: none; } .component-five-cell-grid .box.small + .small { margin-left: 0; } } .component-five-cell-grid .box.small .shadow { box-shadow: 0 0 0 transparent inset, 0 0 0 transparent inset, 0 -160px 100px -95px rgba(42, 42, 42, 0.85) inset, 0 0 0 transparent inset; } .component-five-cell-grid .box.large { margin: 0; min-height: 420px; background-position: center center; } .component-five-cell-grid .box.large .cta { position: absolute !important; bottom: 0; z-index: 5; right: 40px; opacity: 0; -webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease; -moz-transition: opacity 250ms ease, -moz-transform 250ms ease; transition: opacity 250ms ease, transform 250ms ease; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .component-five-cell-grid .box.large .cta::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: -10px; margin: -4px 0 0 0; height: 8px; width: 8px; } @media (min-width: 992px) { .component-five-cell-grid .box.large { width: 50%; min-height: 460px; } } .component-five-cell-grid .box.large header { position: absolute !important; z-index: 2; top: 20px; left: 20px; } @media (min-width: 992px) { .component-five-cell-grid .box.large header { top: 30px; left: 30px; } } .component-five-cell-grid .box.large header p { display: block; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; color: rgba(255, 255, 255, 0.6); font-weight: 400; } .component-five-cell-grid .box.large blockquote { position: absolute !important; bottom: 20px; left: 20px; display: block; max-width: 80%; margin: 0; padding: 0; z-index: 4; color: #fff; } @media (min-width: 992px) { .component-five-cell-grid .box.large blockquote { bottom: 30px; left: 30px; width: 50%; } } .component-five-cell-grid .box.large blockquote p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; font-weight: 300; margin: 0 0 20px 0; } @media (min-width: 768px) { .component-five-cell-grid .box.large blockquote p { font-size: 20px; line-height: 26px; } } @media (min-width: 992px) { .component-five-cell-grid .box.large blockquote p { font-size: 24px; line-height: 30px; } } .component-five-cell-grid .box.large blockquote cite { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; font-weight: 300; font-style: normal; font-variant: normal; color: rgba(255, 255, 255, 0.6); } .component-five-cell-grid .box.large blockquote cite strong { color: white; font-weight: 600; display: block; } .component-five-cell-grid .box.large blockquote::before { font-family: Georgia, serif; font-size: 50px; line-height: 0; content: '“'; color: #40B4E5; } .component-five-cell-grid .box.large:hover .cta { opacity: 1; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } .component-five-cell-grid .box.large .shadow { box-shadow: 0 0 0 transparent inset, 0 0 0 transparent inset, 0 -270px 100px -95px rgba(42, 42, 42, 0.85) inset, 0 0 0 transparent inset; } .component-five-cell-grid .box .caption { font-weight: 200; position: absolute !important; z-index: 5; bottom: 0; left: 0; width: 100%; padding: 10px; z-index: 2; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); } .component-five-cell-grid .box .caption .heading { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; color: #fff; margin: 0; } .component-five-cell-grid .box .caption .heading > img { width: 98px; height: auto; } .component-five-cell-grid .box .caption .sub-heading { font-size: 12px; margin: 0 0 5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } .component-five-cell-grid .box .caption .cta { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; color: #fff; text-align: left; font-weight: 300; position: relative; display: inline; } .component-five-cell-grid .box .caption .cta::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: -10px; margin: -4px 0 0 0; height: 8px; width: 8px; } .component-five-cell-grid .box:nth-last-child(-n+2) { display: none; } @media (min-width: 992px) { .component-five-cell-grid .box:nth-last-child(-n+2) { display: block; } } .component-inline-contact-form { margin-top: 1em; overflow: hidden; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-inline-contact-form h3 { margin-bottom: 44px; margin-bottom: 2.75rem; } .component-inline-contact-form form { text-align: center; } .component-inline-contact-form fieldset { float: left; display: block; margin-right: 5.01424%; width: 100%; float: none; } .component-inline-contact-form fieldset:last-child { margin-right: 0; } @media (min-width: 992px) { .component-inline-contact-form fieldset { float: left; display: block; margin-right: 5.01424%; width: 73.74644%; } .component-inline-contact-form fieldset:last-child { margin-right: 0; } } .component-inline-contact-form input { border: 1px solid #84888B; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 10px 20px; color: #83888b; width: 100%; } .component-inline-contact-form input:focus { outline-style: none; } .component-inline-contact-form .icf-input-wrap { width: 100%; margin-top: 1em; float: left; display: block; margin-right: 5.01424%; width: 100%; float: none; } .component-inline-contact-form .icf-input-wrap:last-child { margin-right: 0; } @media (min-width: 768px) { .component-inline-contact-form .icf-input-wrap { float: left; display: block; margin-right: 6.7993%; width: 28.80047%; margin-top: 0; } .component-inline-contact-form .icf-input-wrap:last-child { margin-right: 0; } } .component-inline-contact-form .icf-input-wrap .ui-msg { padding-left: 25px; } .component-inline-contact-form .icf-input-wrap input.ui-msg.ui-msg-error { border-color: transparent; -moz-box-shadow: 0 0 5px #F38B00; -webkit-box-shadow: 0 0 5px #F38B00; box-shadow: 0 0 5px #F38B00; } .component-inline-contact-form .ui-button { width: auto; } @media (min-width: 992px) { .component-inline-contact-form .ui-button { float: left; display: block; margin-right: 5.01424%; width: 21.23932%; } .component-inline-contact-form .ui-button:last-child { margin-right: 0; } } .component-inline-contact-form .icf-input-set { margin-bottom: 1em; } .component-inline-contact-form .icf-input-set + .icf-input-set { margin-top: 1em; } .component-featured-customer { display: block; text-align: center; margin-bottom: 22px; margin-bottom: 1.375rem; /* options */ } .component-featured-customer .video-content { float: left; display: block; margin-right: 5.01424%; width: 100%; margin-bottom: 11px; margin-bottom: 0.6875rem; /* play button overlay */ } .component-featured-customer .video-content:last-child { margin-right: 0; } .component-featured-customer .video-content .overlay-mask { background-color: #444; opacity: 0.4; position: absolute; width: 100%; height: 100%; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; } .component-featured-customer .video-content .overlay-play-btn { -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; background-color: transparent; border-radius: 50%; height: 50px; width: 50px; border: 2px solid #fff; display: block; position: relative; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.75; z-index: 1; } .component-featured-customer .video-content .overlay-play-btn::before { content: ""; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 15px solid #fff; position: absolute; white-space: pre; left: 18px; top: 16px; } .component-featured-customer .video-content .overlay-play-btn:hover { opacity: 0.95; } @media (min-width: 600px) { .component-featured-customer .video-content .overlay-play-btn { /* default */ background-color: transparent; border-radius: 50%; height: 80px; width: 80px; border: 2px solid #fff; display: block; position: relative; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.75; z-index: 1; } .component-featured-customer .video-content .overlay-play-btn::before { content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 24px solid #fff; position: absolute; white-space: pre; left: 30px; top: 23px; } .component-featured-customer .video-content .overlay-play-btn:hover { opacity: 0.95; } } .component-featured-customer .video-content .overlay-play-btn::before { -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } @media (max-width: 599px) { .component-featured-customer .video-content .overlay-play-btn { top: 40%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } } @media (min-width: 992px) { .component-featured-customer .video-content { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .component-featured-customer .video-content:last-child { margin-right: 0; } } .component-featured-customer .video-content .video-trigger { display: block; } .component-featured-customer .video-content .video-trigger:hover { cursor: pointer; } .component-featured-customer .video-content .video-trigger:hover .overlay-mask { opacity: .2; } .component-featured-customer .video-content .video-trigger:hover .overlay-play-btn::before, .component-featured-customer .video-content .video-trigger:hover .overlay-play-btn { opacity: 1; } .component-featured-customer .video-content .video-trigger.no-pointer { cursor: auto; } .component-featured-customer .video-content .video-trigger .img-holder { position: relative; width: 100%; padding-bottom: 100%; /* = width for a 1:1 aspect ratio */ background-position: center center; background-repeat: no-repeat; background-size: cover; /* change to "contain" for uncropped image */ padding-bottom: 75.25%; /* image aspect ratio */ } @media (min-width: 768px) { .component-featured-customer .video-content .video-trigger .img-holder { padding-bottom: 56.25%; } } @media (min-width: 768px) and (min-width: 992px) { .component-featured-customer .video-content .video-trigger .img-holder { padding-bottom: 100%; } } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content { text-align: left; background-color: #fff; width: 100%; border: 1px solid #808080; z-index: 5; padding: 5px 0px; display: block; position: absolute; bottom: 0; } @media (min-width: 600px) { .component-featured-customer .video-content .video-trigger .img-holder .overlay-content { display: block; position: absolute; padding-left: 30px; bottom: 0; padding: 10px 0px; } } @media (min-width: 768px) { .component-featured-customer .video-content .video-trigger .img-holder .overlay-content { padding-left: 40px; bottom: 0; } } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content .overlay-logo { vertical-align: middle; width: auto; display: inline-block; max-width: 25%; margin-left: 2.5%; transform: translateZ(0); } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content .overlay-title { line-height: 10px; vertical-align: middle; display: inline-block; max-width: 65%; margin-right: 2.5%; margin-left: 3%; } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content .overlay-title p { color: #808080; font-size: 11px; line-height: 14px; } @media (min-width: 768px) { .component-featured-customer .video-content .video-trigger .img-holder .overlay-content .overlay-title p { line-height: normal; font-size: 14px; } } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content.ftv-text-blue { color: #006DB6; } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content.ftv-text-white { color: #fff; } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content.ftv-text-orange { color: #F38B00; } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } @media (min-width: 768px) { .component-featured-customer .video-content .video-trigger .img-holder .overlay-content h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; font-weight: bold; } } .component-featured-customer .video-content .video-trigger .img-holder .overlay-content p { margin-bottom: 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .component-featured-customer .video-content .video-trigger .img-holder .page-icon { position: absolute; top: 35%; left: 50%; bottom: auto; right: auto; max-width: 60px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media (min-width: 600px) { .component-featured-customer .video-content .video-trigger .img-holder .page-icon { top: 50%; } } .component-featured-customer .video-content .video-trigger .img, .component-featured-customer .video-content .video-trigger .icon { height: 60px; width: auto; display: block; margin: 0 auto; } .component-featured-customer .panel { float: left; display: block; margin-right: 5.01424%; width: 100%; margin-right: 0; margin-top: 1em; } .component-featured-customer .panel:last-child { margin-right: 0; } @media (min-width: 992px) { .component-featured-customer .panel { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; margin-top: 0; } .component-featured-customer .panel:last-child { margin-right: 0; } } @media (min-width: 768px) { .component-featured-customer .panel blockquote { float: left; display: block; margin-right: 5.01424%; width: 100%; margin-right: 0; } .component-featured-customer .panel blockquote:last-child { margin-right: 0; } } .component-featured-customer .panel blockquote p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 33px; margin-bottom: 2.0625rem; } @media (min-width: 992px) { .component-featured-customer .panel blockquote p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-align: left; } } .component-featured-customer .panel blockquote .img, .component-featured-customer .panel blockquote .icon { height: 30px; max-width: 30px; fill: #40B4E5; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 992px) { .component-featured-customer .panel blockquote .img, .component-featured-customer .panel blockquote .icon { text-align: left; display: block; } } .component-featured-customer .panel blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } @media (min-width: 992px) { .component-featured-customer .panel blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-featured-customer .panel blockquote .source p:first-child { font-weight: 600; margin-bottom: 0px; margin-bottom: 0rem; } .component-featured-customer .panel .cta-wrap { margin: 0 auto; margin-bottom: 33px; margin-bottom: 2.0625rem; } @media (min-width: 992px) { .component-featured-customer .panel .cta-wrap { float: left; display: block; margin-right: 1.61735%; width: 100%; margin-left: 0%; text-align: left; } .component-featured-customer .panel .cta-wrap:last-child { margin-right: 0; } } .component-featured-customer .panel .logo-list { float: left; display: block; margin-right: 5.01424%; width: 100%; margin-bottom: 1em; } .component-featured-customer .panel .logo-list:last-child { margin-right: 0; } .component-featured-customer .panel .logo-list .logo { margin-left: 0; list-style: none; float: left; width: 50%; min-height: 70px; position: relative; } .component-featured-customer .panel .logo-list .logo img, .component-featured-customer .panel .logo-list .logo .icon { max-width: 120px; max-height: 60px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0); -o-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); } @media (min-width: 992px) { .component-featured-customer .panel .logo-list .logo img, .component-featured-customer .panel .logo-list .logo .icon { max-width: 90px; } } @media (min-width: 1440px) { .component-featured-customer .panel .logo-list .logo img, .component-featured-customer .panel .logo-list .logo .icon { max-width: 120px; } } @media (min-width: 600px) { .component-featured-customer .panel .logo-list .logo { width: 23%; } .component-featured-customer .panel .logo-list .logo + .logo { margin-left: 2%; } } @media (min-width: 992px) { .component-featured-customer.ftv-media-right .video-content { margin-left: 52.50712%; } } @media (min-width: 992px) { .component-featured-customer.ftv-media-right .panel { margin-left: -105.01424%; } } section.component-section.bg-black .wd-accordion .bellow .panel > .accordion-btn .title { color: #83888b; } .wd-accordion { display: block; color: #83888b; /* options for spacing above and after component */ } .wd-accordion > header { float: left; display: block; margin-right: 1.61735%; width: 100%; height: auto; box-shadow: none; padding-left: 0; text-align: left; } .wd-accordion > header:last-child { margin-right: 0; } @media (min-width: 992px) { .wd-accordion > header { padding-left: 15px; } } .wd-accordion .bellow { float: left; display: block; margin-right: 1.61735%; width: 100%; display: block; overflow: hidden; background-color: transparent; border: 0; border-top: 1px solid rgba(185, 185, 185, 0.7); } .wd-accordion .bellow:last-child { margin-right: 0; } @media (min-width: 992px) { .wd-accordion .bellow { padding-top: 40px; padding-bottom: 30px; } } .wd-accordion .bellow:first-child { border-top: 0; } .wd-accordion .bellow.on { color: #1F242B; } @media (min-width: 768px) { .wd-accordion .bellow.mobile-toggle .toggle-btn { display: none; } .wd-accordion .bellow.mobile-toggle .accordion-btn:hover { cursor: default !important; } } .wd-accordion .bellow .opt-panel { display: none; padding: 15px 0px; } @media (min-width: 992px) { .wd-accordion .bellow .opt-panel { float: left; display: block; margin-right: 1.61735%; width: 15.31888%; padding-left: 0; } .wd-accordion .bellow .opt-panel:last-child { margin-right: 0; } } .wd-accordion .bellow .opt-panel img { display: none; max-width: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media (min-width: 992px) { .wd-accordion .bellow .opt-panel img { display: block; } } .wd-accordion .bellow .panel { float: left; display: block; margin-right: 1.61735%; width: 100%; } .wd-accordion .bellow .panel:last-child { margin-right: 0; } @media (min-width: 992px) { .wd-accordion .bellow .panel { float: left; display: block; margin-right: 1.61735%; width: 83.06378%; } .wd-accordion .bellow .panel:last-child { margin-right: 0; } } .wd-accordion .bellow .panel > .accordion-btn { display: block; text-align: left; padding: 15px 45px 0 0; margin: 0; text-decoration: none; color: #83888b; overflow: hidden; position: relative; box-shadow: none; height: auto; } .wd-accordion .bellow .panel > .accordion-btn:hover { cursor: pointer; } .wd-accordion .bellow .panel > .accordion-btn .title { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #1f242b; } .wd-accordion .bellow .panel > .accordion-btn .title .subtitle { display: block; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; font-weight: 400; } .wd-accordion .bellow .panel > .accordion-btn i.toggle-btn { position: absolute; right: 10px; top: 20px; left: auto; margin-right: 5px; } .wd-accordion .bellow .panel > .accordion-btn .tagline { margin-top: 1em; margin-bottom: 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .wd-accordion .bellow .panel > .accordion-btn .tagline p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .wd-accordion .bellow .panel > .accordion-content { display: none; cursor: default; padding: 0 45px 0 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #83888b; } .wd-accordion .bellow .panel > .accordion-content p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .wd-accordion .bellow .panel > .accordion-content p + p { margin-bottom: 1em; } .wd-accordion .bellow .panel > .accordion-content p:first-child { margin-top: 0; } .no-js .wd-accordion .bellow .panel > .accordion-content { display: block; } .wd-accordion.vspace { margin-top: 1em; margin-bottom: 1em; } .wd-accordion.vspace-up1 { margin-top: 1.2em; margin-bottom: 1.2em; } .wd-accordion.vspace-up2 { margin-top: 1.44em; margin-bottom: 1.44em; } .wd-accordion.vspace-up3 { margin-top: 1.728em; margin-bottom: 1.728em; } .wd-accordion.vspace-up4 { margin-top: 2.0736em; margin-bottom: 2.0736em; } .wd-accordion.no-divider .bellow { border: 0; } .wd-accordion.square-img .bellow .opt-panel img { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .wd-accordion.simple-view .bellow { padding-top: 0; padding-bottom: 0; } .wd-accordion.simple-view .bellow .opt-panel { display: none; } @media (min-width: 992px) { .wd-accordion.simple-view .bellow .panel { float: left; display: block; margin-right: 1.61735%; width: 100%; } .wd-accordion.simple-view .bellow .panel:last-child { margin-right: 0; } } .wd-accordion.toggle-left .bellow > header { padding-left: 15px; } .wd-accordion.toggle-left .bellow .opt-panel { padding-right: 15px; } @media (min-width: 992px) { .wd-accordion.toggle-left .bellow .opt-panel { margin-left: 84.68112%; } } .wd-accordion.toggle-left .bellow .panel .accordion-btn { padding: 15px 15px 15px 45px; } .wd-accordion.toggle-left .bellow .panel .accordion-btn .toggle-btn { left: 0px; right: auto; margin-left: 3px; } .wd-accordion.toggle-left .bellow .panel .accordion-content { padding: 0 15px 15px 45px; } @media (min-width: 992px) { .wd-accordion.toggle-left .bellow .panel { margin-left: -101.61735%; } } .wd-accordion.toggle-left.simple-view .bellow { padding-top: 0; padding-bottom: 0; } @media (min-width: 992px) { .wd-accordion.toggle-left.simple-view .bellow .panel { margin-left: 0%; } } .component-icon-content-cta { margin-bottom: 22px; margin-bottom: 1.375rem; padding-top: 22px; padding-top: 1.375rem; padding-bottom: 22px; padding-bottom: 1.375rem; } .component-icon-content-cta .icon-container { margin-bottom: 26.4px; margin-bottom: 1.65rem; } .component-icon-content-cta .icon-container .icon { fill: #40B4E5; height: 60px; width: 60px; } .component-icon-content-cta .icon-container .img { height: 60px; margin: 10px 0px; } .component-icon-content-cta .icon-container .bg-image { min-height: 60px; max-height: 300px; max-width: 100%; } .component-icon-content-cta .heading { margin-bottom: 11px; margin-bottom: 0.6875rem; } .component-icon-content-cta footer a { margin-bottom: 11px; margin-bottom: 0.6875rem; font-weight: 600; color: #40B4E5; text-decoration: none; position: relative; } .component-icon-content-cta footer a:hover { color: #006DB6; } .component-icon-content-cta footer a::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #1F242B; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: inherit; display: inline-block; height: 9px; width: 9px; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } .component-icon-content-cta footer a:hover::after { border-color: inherit; } .component-hovercard .cell { margin-bottom: 22px; margin-bottom: 1.375rem; margin-bottom: 0; position: relative; width: 100%; text-align: center; -webkit-transition: box-shadow 0.5s ease-in-out; -moz-transition: box-shadow 0.5s ease-in-out; transition: box-shadow 0.5s ease-in-out; } .component-hovercard .cell .icon-container { margin-bottom: 39.6px; margin-bottom: 2.475rem; } .component-hovercard .cell .icon-container .icon { fill: #40B4E5; height: 60px; width: 60px; } .component-hovercard .cell .icon-container .img { height: 60px; margin: 10px 0px; } .component-hovercard .cell .icon-container .bg-image { min-height: 60px; max-height: 300px; max-width: 100%; } .component-hovercard .cell .heading { margin-bottom: 16.5px; margin-bottom: 1.03125rem; } .component-hovercard .cell footer a { margin-bottom: 16.5px; margin-bottom: 1.03125rem; font-weight: 600; color: #40B4E5; text-decoration: none; position: relative; } .component-hovercard .cell footer a:hover { color: #006DB6; } .component-hovercard .cell footer a::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #1F242B; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: inherit; display: inline-block; height: 9px; width: 9px; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } .component-hovercard .cell footer a:hover::after { border-color: inherit; } .component-hovercard .cell:hover { box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5); } .component-hovercard .cell:hover { cursor: pointer; } .component-hovercard .cell:hover a { color: #006DB6; text-decoration: underline; } .component-hovercard .cell:hover a::after { border-color: inherit; } .component-hovercard .cell.icon-content { display: block; padding: 1em; } .component-hovercard .cell.icon-content p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #83888b; } .component-hovercard .cell.icon-content:link, .component-hovercard .cell.icon-content:visited, .component-hovercard .cell.icon-content:hover, .component-hovercard .cell.icon-content:active { text-decoration: none; } .component-api { /* .api { text-align: center; h5 { color: #3a3e43; font-size: 18px; padding: 80px 0px; text-align: center; font-weight: $base-font-weight; } } */ } .component-api .filter-container { background-color: #F6F6F6; padding: 2em 0px; } @media (min-width: 768px) { .component-api .filter-container { padding: 4em 0px; } } .component-api .filter-container ul.options li { margin-left: 5px; } .component-api .filter-container.hide-filters-on { display: none; } .search-locked-open .component-api .filter-container.hide-filters-on { display: block; } .search-locked-open .component-api .filter-container.hide-filters-on .reset { display: none; } @media (min-width: 768px) { .search-locked-open .component-api .filter-container.hide-filters-on { display: none; } } .component-api .filter-container .filter .tags { margin-top: 11px; margin-top: 0.6875rem; text-align: left; } .component-api .filter-container .filter .tags .tag-container { display: inline-block; margin-right: 15px; } .component-api .filter-container .filter .tags .tag-container .remove { cursor: pointer; } .component-api .filter-container .filter .tags .tag-container .tag { margin-left: 5px; } .component-api .filter-container .input-container { background-color: #fff; border: 1px solid #b9b9b9; border-radius: 6px; position: relative; } .component-api .filter-container .input-container input { border-radius: 6px; padding: 10px 30px 10px 15px; width: 100%; } .component-api .filter-container .input-container input:focus { outline: none; } .component-api .filter-container .input-container input::-webkit-input-placeholder { font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; font-style: italic; color: #ccc; } @media (min-width: 768px) { .component-api .filter-container .input-container input::-webkit-input-placeholder { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-api .filter-container .input-container input::-moz-placeholder { font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; font-style: italic; color: #ccc; } @media (min-width: 768px) { .component-api .filter-container .input-container input::-moz-placeholder { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-api .filter-container .input-container input:-ms-input-placeholder { font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; font-style: italic; color: #ccc; } @media (min-width: 768px) { .component-api .filter-container .input-container input:-ms-input-placeholder { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-api .filter-container .input-container img, .component-api .filter-container .input-container svg { width: 1.25em; vertical-align: middle; height: 100%; fill: #83888b; position: absolute; right: 5px; top: 0; } .component-api .filter-container .input-container:hover { box-shadow: 0 0 2px #7799D0; border-color: #7799D0; } .component-api .filter-container .reset { cursor: pointer; border: none; height: 42px; white-space: nowrap; width: 100%; line-height: 42px; text-align: right; } @media (min-width: 768px) { .component-api .filter-container .reset { width: 10%; float: left; margin-right: 0; } } .component-api .filter-container .reset img, .component-api .filter-container .reset svg { margin-right: 0.25rem; width: 1.5em; height: 1.5em; position: relative; top: 0.35em; } .component-api .filter-container .reset a { color: #83888b; text-transform: uppercase; line-height: 42px; font-size: 14px; font-weight: 300; width: 100%; } .component-api .filter-container .col { margin-bottom: 11px; margin-bottom: 0.6875rem; } @media (min-width: 768px) { .component-api .filter-container .col { float: left; margin-right: 1em; margin-bottom: 0px; margin-bottom: 0rem; } } @media (min-width: 768px) { .component-api .filter-container .active-cols-2 .col { width: 42%; } } @media (min-width: 768px) { .component-api .filter-container .active-cols-3 .col { width: 27%; } } @media (min-width: 768px) { .component-api .filter-container .active-cols-4 .col { width: 39%; } } @media (min-width: 992px) { .component-api .filter-container .active-cols-4 .col { width: 19.5%; } } @media (min-width: 768px) { .component-api .filter-container .active-cols-5 .col { width: 30%; } } @media (min-width: 992px) { .component-api .filter-container .active-cols-5 .col { width: 15%; } } .component-api .sub-heading-wrapper { margin-top: 22px; margin-top: 1.375rem; } @media (min-width: 768px) { .component-api .sub-heading-wrapper { margin-top: 44px; margin-top: 2.75rem; } } .component-api .sub-heading-wrapper .hide-resultcount-on { display: none; } .component-api .load-more { border: none; background-color: transparent; margin: 2em auto; text-align: center; display: block; color: #40B4E5; font-weight: 400; } .component-api .load-more:focus { outline: none; } .component-api .load-more.has-arrow:after { float: right; position: relative; margin: 0px 5px; vertical-align: middle; content: ''; width: 10px; height: 10px; border-right: 1px solid; border-top: 1px solid; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 4px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; vertical-align: middle; margin-top: 7px; border-color: #40B4E5; } .component-api .load-more.has-arrow:after:hover { border-color: #006DB6; } .component-api .load-more.hide-loadmore-on { display: none; } .component-api .load-more:hover { -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; transition: color 250ms ease; color: #006DB6; } .component-api .load-more:hover:after { border-color: #006DB6; } .component-api .careers-container { margin-left: -5px; margin-right: -35px; } @media (min-width: 768px) { .component-api .careers-container { margin-left: auto; margin-right: auto; } } .component-api .careers-container .result-group { margin: 20px 0; } .component-api .careers-container .dept-head { margin: 0 0 20px; font-weight: 600; color: #1F242B; } @media (min-width: 768px) { .component-api .careers-container .dept-head { border-bottom: 1px solid #b9b9b9; padding-bottom: 10px; } } .component-api .careers-container .result-row { /* row(table) triggers $container-display-table to be true. $container-display-table is used in span-column to do display: table-cell; Taking table out as this should be ok as a block. This was changing layouts for other components */ display: block; width: 100%; color: #83888b; padding: 10px 35px 10px 15px; margin-left: -1em; margin-right: -1em; transition: background-color 250ms ease; border-top: 1px solid whitesmoke; position: relative; } @media (min-width: 768px) { .component-api .careers-container .result-row { border: 0 none transparent; padding: 10px 15px; margin-left: 0; margin-right: 0; } .component-api .careers-container .result-row:hover { background-color: #ebf7fc; } } .component-api .careers-container .result-row:last-of-type { border-bottom: 1px solid whitesmoke; } @media (min-width: 768px) { .component-api .careers-container .result-row:last-of-type { border: 0 none transparent; } } @media (min-width: 0) and (max-width: 767px) { .component-api .careers-container .result-row::after { content: ''; position: absolute; top: 50%; margin: -5px 5px 0 0; right: 10px; height: 10px; width: 10px; border-top: 2px solid #006DB6; border-right: 2px solid #006DB6; transform: rotate(45deg); } } @media (min-width: 768px) { .component-api .careers-container .result-row:after { content: ""; display: table; clear: both; } } .component-api .careers-container .result-row .result-title { color: #2d2d2d; font-weight: 400; margin-bottom: 10px; font-size: 0.83333rem; display: block; } @media (min-width: 768px) { .component-api .careers-container .result-row .result-title { font-weight: 300; color: inherit; display: table-cell; margin-bottom: 0; font-size: 1rem; width: 75%; vertical-align: middle; float: left; } } .component-api .careers-container .result-row .result-location { font-size: 0.69444rem; } @media (min-width: 768px) { .component-api .careers-container .result-row .result-location { color: inherit; display: table-cell; font-size: 1rem; width: 25%; position: relative; vertical-align: middle; float: left; } } .component-api .tooltip { visibility: hidden; position: absolute; background-color: #1F242B; border-radius: 4px; padding: 10px; font-size: 0.69444rem; font-weight: 400; top: 50%; left: 0; -webkit-transform: translate(-165px, -50%); -moz-transform: translate(-165px, -50%); -ms-transform: translate(-165px, -50%); -o-transform: translate(-165px, -50%); transform: translate(-165px, -50%); color: #fff; width: 150px; z-index: 10; cursor: default; max-height: 325px; } .component-api .tooltip .tooltip-content { max-height: 310px; overflow: hidden; } .component-api .tooltip span { display: block; } .component-api .tooltip::after { position: absolute; right: -7px; width: 0; height: 0; top: 50%; margin: -6px 0 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #1F242B; content: ''; } .cssSlideUp { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; height: 80px; overflow: hidden; } .cssSlideUp.ng-hide { height: 0; } .ng-hide-add, .ng-hide-remove { /* ensure visibility during the transition */ display: block !important; /* yes, important */ } .component-api .customers-container { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; display: block; } .component-api .customers-container a { position: relative; cursor: pointer; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .component-api .customers-container a::after { border-color: currentColor; transition-delay: 0; height: 7px; width: 7px; top: 2px; transition: border-color 250ms ease; } .component-api .customers-container .heading { display: block; font-weight: 600; } @media (min-width: 0) and (max-width: 767px) { .component-api .customers-container .col .content { visibility: visible; position: relative; opacity: 1; background-color: #fff; padding: 0; } .component-api .customers-container .plus { float: right; margin-right: 20px; } } @media (min-width: 768px) { .component-api .customers-container .content.ng-hide:not(.ng-hide-animate) { display: block !important; } .component-api .customers-container .heading { margin: 20px 0 0 0; } } .component-api .customers-container .col { text-align: center; position: relative; border-top: 1px solid #F6F6F6; cursor: default; } .component-api .customers-container .col:last-of-type { border-bottom: 1px solid #F6F6F6; } @media (min-width: 768px) { .component-api .customers-container .col { float: left; display: block; margin-right: 1.61735%; width: 49.19133%; height: 135px; border: 1px solid #F6F6F6; margin-bottom: 70px; } .component-api .customers-container .col:last-child { margin-right: 0; } .component-api .customers-container .col:nth-child(2n) { margin-right: 0; } .component-api .customers-container .col:nth-child(2n+1) { clear: left; } } @media (min-width: 992px) { .component-api .customers-container .col { float: left; display: block; margin-right: 1.61735%; width: 32.2551%; } .component-api .customers-container .col:nth-child(2n) { margin-right: 1.61735%; } .component-api .customers-container .col:nth-child(2n+1) { clear: none; } .component-api .customers-container .col:last-child { margin-right: 0; } .component-api .customers-container .col:nth-child(3n) { margin-right: 0; } .component-api .customers-container .col:nth-child(3n+1) { clear: left; } } @media (min-width: 1200px) { .component-api .customers-container .col { float: left; display: block; margin-right: 1.61735%; width: 23.78699%; } .component-api .customers-container .col:nth-child(3n) { margin-right: 1.61735%; } .component-api .customers-container .col:nth-child(3n+1) { clear: none; } .component-api .customers-container .col:last-child { margin-right: 0; } .component-api .customers-container .col:nth-child(4n) { margin-right: 0; } .component-api .customers-container .col:nth-child(4n+1) { clear: left; } } .component-api .customers-container .col .m-tile { display: inline-block; } @media (min-width: 768px) { .component-api .customers-container .col .m-tile { display: none; } } .component-api .customers-container .col.featured { cursor: pointer; } .component-api .customers-container .col .content { cursor: pointer; text-align: left; padding: 0 0 1em 0; color: #84888B; background-color: #fff; -webkit-transition: visibility 250ms ease, opacity 250ms ease; -moz-transition: visibility 250ms ease, opacity 250ms ease; transition: visibility 250ms ease, opacity 250ms ease; z-index: 0; } .component-api .customers-container .col .content .product-list { margin: 0 0 20px; } .component-api .customers-container .col .content .quote { text-align: center; font-size: 1.44rem; font-weight: 300; margin: 0 0 20px; line-height: 1.25em; cursor: cell; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; } @media (min-width: 768px) { .component-api .customers-container .col .content { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; padding: 125px 0em 0em; background-color: transparent; text-align: center; width: 100%; } .component-api .customers-container .col .content .content-container { z-index: 4; background: #fff; padding: 0px 1.5em 1em; } } @media (min-width: 768px) { .component-api .customers-container .col.active { border: 1px solid transparent; z-index: 10; } .component-api .customers-container .col.active .content { -webkit-transition: box-shadow 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); visibility: visible; opacity: 1; z-index: 3; transition-delay: 100ms; } .component-api .customers-container .col.active .toggle { z-index: 4; } } .component-api .customers-container .toggle { display: block; padding: 15px 0; font-weight: 600; font-size: 1rem; text-align: left; position: relative; } @media (min-width: 768px) { .component-api .customers-container .toggle { z-index: 2; display: block; position: absolute; padding: 15px 0; padding: 0 5px; font-weight: 600; font-size: 1rem; text-align: left; border-radius: 100%; background: #dadbdc; right: 10px; color: #fff; width: 20px; top: 10px; -webkit-transition: background 250ms ease; -moz-transition: background 250ms ease; transition: background 250ms ease; } .component-api .customers-container .toggle:hover { background: #A6A7AA; } } @media (min-width: 768px) { .component-api .customers-container .toggle .btn { position: relative; } } .component-api .customers-container .toggle .btn.minus { float: right; margin-right: 22px; margin-top: -1px; } @media (min-width: 768px) { .component-api .customers-container .toggle .btn.minus { top: -1px; left: 2px; margin-top: 0; margin-right: 0; float: none; } } .component-api .customers-container .toggle .btn.d-tile { display: none; } @media (min-width: 768px) { .component-api .customers-container .toggle .btn.d-tile { display: inline-block; } } .component-api .customers-container .toggle .btn.m-tile { display: inline-block; } @media (min-width: 768px) { .component-api .customers-container .toggle .btn.m-tile { display: none; } } .component-api .customers-container img { display: none; max-width: 200px; max-height: 80px; position: absolute; top: 50%; left: 50%; margin: 0; z-index: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -ms-transform: translate(-50%, -50%); } @media (min-width: 768px) { .component-api .customers-container img { display: block; } } .component-api .partners-container { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; display: block; } .component-api .partners-container p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } .component-api .partners-container a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .component-api .partners-container h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #1F242B; margin-bottom: 11px; margin-bottom: 0.6875rem; } .component-api .partners-container .heading { font-weight: 600; } @media (min-width: 0) and (max-width: 767px) { .component-api .partners-container .col .content { visibility: visible; position: relative; opacity: 1; background-color: #fff; padding: 0; } .component-api .partners-container .plus { float: right; margin-right: 20px; } } @media (min-width: 768px) { .component-api .partners-container .content.ng-hide:not(.ng-hide-animate) { display: block !important; } } .component-api .partners-container .col { text-align: center; position: relative; border-top: 1px solid #F6F6F6; } .component-api .partners-container .col:last-of-type { border-bottom: 1px solid #F6F6F6; } @media (min-width: 768px) { .component-api .partners-container .col { float: left; display: block; margin-right: 1.61735%; width: 49.19133%; height: 215px; border-top: 0 none transparent; margin-bottom: 110px; margin-bottom: 6.875rem; } .component-api .partners-container .col:last-child { margin-right: 0; } .component-api .partners-container .col:nth-child(2n) { margin-right: 0; } .component-api .partners-container .col:nth-child(2n+1) { clear: left; } .component-api .partners-container .col:last-of-type { border-bottom: 0 none transparent; } } @media (min-width: 992px) { .component-api .partners-container .col { float: left; display: block; margin-right: 1.61735%; width: 32.2551%; } .component-api .partners-container .col:nth-child(2n) { margin-right: 1.61735%; } .component-api .partners-container .col:nth-child(2n+1) { clear: none; } .component-api .partners-container .col:last-child { margin-right: 0; } .component-api .partners-container .col:nth-child(3n) { margin-right: 0; } .component-api .partners-container .col:nth-child(3n+1) { clear: left; } } @media (min-width: 1200px) { .component-api .partners-container .col { float: left; display: block; margin-right: 1.61735%; width: 23.78699%; } .component-api .partners-container .col:nth-child(3n) { margin-right: 1.61735%; } .component-api .partners-container .col:nth-child(3n+1) { clear: none; } .component-api .partners-container .col:last-child { margin-right: 0; } .component-api .partners-container .col:nth-child(4n) { margin-right: 0; } .component-api .partners-container .col:nth-child(4n+1) { clear: left; } } .component-api .partners-container .col .content { cursor: default; text-align: left; padding: 0 0 1em 0; color: #84888B; transition: visibility 250ms ease, opacity 250ms ease; z-index: 0; } .component-api .partners-container .col .content .product-list { margin: 0 0 20px; } .component-api .partners-container .col .content .product-list .product-list-since, .component-api .partners-container .col .content .product-list .product-list-program { text-transform: uppercase; } .component-api .partners-container .col .content .link a { cursor: pointer; } @media (min-width: 768px) { .component-api .partners-container .col:hover .content { visibility: visible; opacity: 1; z-index: 1; transition-delay: 100ms; } .component-api .partners-container .col:hover img { z-index: 2; -webkit-filter: grayscale(0); filter: grayscale(0); } } .component-api .partners-container .name { display: block; padding: 15px 0; text-align: left; cursor: pointer; position: relative; } @media (min-width: 768px) { .component-api .partners-container .name { display: none; } } .component-api .partners-container .api-logo { display: none; margin: 0; height: 40px; max-width: 100%; } @media (min-width: 768px) { .component-api .partners-container .api-logo { margin-bottom: 22px; margin-bottom: 1.375rem; display: block; } } .component-api .partners-container img { float: left; } .component-api .modal { text-align: left; } @media only screen and (orientation: landscape) { .component-api .modal .modal-dialog { top: 10%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom: 100px !important; padding-bottom: 100px !important; } } @media only screen and (orientation: portrait) { .component-api .modal .modal-dialog { top: 10%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom: 100px !important; padding-bottom: 100px !important; } } .component-api .modal .modal-body { overflow: auto; } @media (min-width: 768px) { .component-api .modal .modal-body { max-height: 100%; } } .component-api .modal .modal-body img { padding: 0 15px 10px 0; } .component-api .sitesearch-container .result-group > div { margin-bottom: 40px; } .component-api .sitesearch-container .result-group .title { display: block; margin-bottom: 20px; } .component-api .sitesearch-container .result-group .eyebrow { margin-bottom: 5px; text-align: left; } .component-api .sitesearch-container .sitesearch-filters { margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { .component-api .sitesearch-container .sitesearch-filters { float: left; } } @media (min-width: 992px) { .component-api .sitesearch-container .sitesearch-filters { float: right; width: 30%; margin-bottom: 0; padding: 0 20px; } } .component-api .sitesearch-container .sitesearch-filters .filters-heading { font-weight: 600; margin-bottom: 10px; } .component-api .sitesearch-container .sitesearch-results { float: right; } @media (min-width: 992px) { .component-api .sitesearch-container .sitesearch-results { float: left; width: 70%; } } .component-api .sitesearch-container .wdFilter > .optWrapper { position: relative; z-index: 0; top: 0; width: 100%; margin: 0; border: none; border-radius: 0; background: none; box-shadow: none; } .component-api .sitesearch-container .wdFilter > .optWrapper .options { max-height: none; margin-left: 0; box-shadow: 0 0 0 transparent; } @media (min-width: 768px) { .component-api .sitesearch-container .wdFilter > .optWrapper .options { margin-left: 25px; } } .component-api .sitesearch-container .wdFilter > .optWrapper .options li.opt { border-bottom: none; } .component-api .sitesearch-container .wdFilter > .optWrapper .options li.opt:hover { background: none; } .component-api .sitesearch-container .wdFilter > .CaptionCont { cursor: pointer; border: none; border-radius: 0; } .component-api .sitesearch-container .wdFilter > .CaptionCont > span, .component-api .sitesearch-container .wdFilter > .CaptionCont label { cursor: pointer; } .component-api .sitesearch-container .wdFilter > .CaptionCont > span { display: inline; margin-left: 15px; padding-right: 0; } .component-api .sitesearch-container .wdFilter > .CaptionCont > span.placeholder { font-style: normal; color: inherit; } .component-api .sitesearch-container .wdFilter > .CaptionCont > label { left: 0; } .component-api .sitesearch-container .wdFilter > .CaptionCont > label > i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAcklEQVR4AWNo6eie19rRrc2ABYAkhVrauze3dvTYY1UAlOAE6l4GxGG4TGAGmjARqKAQxMdlShlQYS9QIRNWBUCJaKCCOTh0wyQxdZUDcS9QAROyXcxAgYlAHQUYXgEKLgfqCMUIBKCOLUAFdticjjP4ALuUPpcDi/KyAAAAAElFTkSuQmCC"); } .component-api .sitesearch-container .wdFilter.open > .CaptionCont { border: none; box-shadow: none; } .component-api .sitesearch-container .wdFilter.open > .CaptionCont > label > i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAeElEQVR4AWMgBbR2dDMytLR35wEZTgTUgtSJAvEihpaObrbWjp51QI4uHpO5gGo2A9WowHTzAAXXAwVVMBX3MAPllgNpcwwrgRLbgVgURbyjezJQzA+XO1WAkpuBirigimuB/FRCnjNvATuhOwfIriA2+HyBGKtiAGRRP3vZcIJzAAAAAElFTkSuQmCC"); } .component-api .sitesearch-container .wdFilter.open > .optWrapper { top: 0; } .component-api .sitesearch-container .wdFilter:focus > .CaptionCont { border: none; box-shadow: none; } .component-api .sitesearch-container .wdFilter:hover > .CaptionCont { border: none; box-shadow: none; } .component-api .ui-button { display: block; margin: 0 auto; } @media (min-width: 768px) { .component-api .ui-button { display: inline; } } .search-locked-open #main-menu-wrapper .search { display: none; } .search-locked-open .component-api { margin-bottom: 44px; margin-bottom: 2.75rem; } @media (min-width: 768px) { .search-locked-open .component-api { margin-top: 110px; margin-top: 6.875rem; margin-bottom: 88px; margin-bottom: 5.5rem; } } .ftv-video-flush.container { padding: 0px; } .component-ftv-video { position: relative; overflow: hidden; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-ftv-video h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } .component-ftv-video .width-wrap { max-width: 960px; margin: 0 auto; } .component-leadgenbar .leadgen-item { width: 100%; min-height: 40px; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 992px) { .component-leadgenbar .leadgen-item { margin-bottom: 0px; margin-bottom: 0rem; } } .component-leadgenbar .leadgen-item.layout-vert { text-align: center; } .component-leadgenbar .leadgen-item.layout-vert .icon-wrapper { text-align: center; display: block; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-leadgenbar .leadgen-item.layout-vert .icon-wrapper .img, .component-leadgenbar .leadgen-item.layout-vert .icon-wrapper .icon { margin: 0 auto; display: block; height: 60px; width: auto; } .component-leadgenbar .leadgen-item.layout-vert .content h5 { margin-bottom: 22px; margin-bottom: 1.375rem; font-weight: 300; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .component-leadgenbar .leadgen-item.layout-vert2 { text-align: center; } .component-leadgenbar .leadgen-item.layout-vert2 .icon-wrapper { text-align: center; display: block; height: 25px; margin-top: 11px; margin-top: 0.6875rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } .component-leadgenbar .leadgen-item.layout-vert2 .icon-wrapper .img, .component-leadgenbar .leadgen-item.layout-vert2 .icon-wrapper .icon { margin: 0 auto; display: block; height: 25px; width: auto; } .component-leadgenbar .leadgen-item.layout-vert2 .content h5 { margin-bottom: 33px; margin-bottom: 2.0625rem; font-weight: 300; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; } .component-leadgenbar .leadgen-item.layout-hrz { text-align: left; } .component-leadgenbar .leadgen-item.layout-hrz .icon-wrapper { float: left; height: 40px; margin-right: 40px; margin-right: 1em; } .component-leadgenbar .leadgen-item.layout-hrz .icon-wrapper .icon { height: 40px; width: 40px; fill: #84888B; } .component-leadgenbar .leadgen-item.layout-hrz .icon-wrapper .img { height: 40px; width: auto; } .component-leadgenbar .leadgen-item.layout-hrz .content { overflow: hidden; } .component-leadgenbar .leadgen-item .icon-wrapper .icon { fill: #84888B; } .component-leadgenbar .leadgen-item .content h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .component-leadgenbar .leadgen-item .content h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-left-tab-interface { height: 100%; display: block; /* generic nav styling */ /* responsive nav header */ /* actual nav with content */ /* content pane */ } .component-left-tab-interface .lti-nav li::after { content: ' '; position: absolute; width: 0; height: 0; right: -19px; top: 50%; margin-top: -10px; border: 10px solid; border-color: transparent transparent transparent #3399cc; } .component-left-tab-interface > nav { color: #fff; } .component-left-tab-interface > nav li { opacity: .7; position: relative; min-height: 40px; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; } .component-left-tab-interface > nav li a { width: 100%; height: 100%; display: inline-block; } .component-left-tab-interface > nav li:hover { opacity: .7; cursor: pointer; } @media (min-width: 768px) { .component-left-tab-interface > nav li:hover a { text-decoration: none !important; } } .component-left-tab-interface .lti-rsp-nav { padding: 10px 0; min-height: 30px; border: 1px solid #b9b9b9; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #fff; color: #83888b; float: left; display: block; margin-right: 3.28787%; width: 100%; } @media (min-width: 600px) { .component-left-tab-interface .lti-rsp-nav { text-align: center; } } .component-left-tab-interface .lti-rsp-nav.open { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-bottom: 0; /* show down arrow */ } .component-left-tab-interface .lti-rsp-nav.open .menu-title:after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #83888b; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; right: 12px; margin-top: -3px; } .component-left-tab-interface .lti-rsp-nav:last-child { margin-right: 0; } .component-left-tab-interface .lti-rsp-nav:nth-child(n) { margin-right: 0; } @media (min-width: 768px) { .component-left-tab-interface .lti-rsp-nav { display: none; } } .component-left-tab-interface .lti-rsp-nav .menu-title { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; padding-right: 32px; padding-left: 10px; /* show up arrow */ } .component-left-tab-interface .lti-rsp-nav .menu-title:hover { cursor: pointer; } .component-left-tab-interface .lti-rsp-nav .menu-title:after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #83888b; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 12px; margin-top: -11px; } .component-left-tab-interface .lti-nav .background-bleed { display: none; } @media (min-width: 768px) { .component-left-tab-interface .lti-nav .background-bleed { display: block; background-color: #3399cc; position: absolute; right: 0; left: -2000px; } } @media (min-width: 768px) { .component-left-tab-interface .lti-nav { position: relative; background-color: transparent; min-width: 130px; width: 20%; float: left; } } .component-left-tab-interface .lti-nav .menu-title { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; color: #fff !important; text-transform: uppercase; display: none; margin-right: 1em; position: relative; } @media (min-width: 768px) { .component-left-tab-interface .lti-nav .menu-title { display: block; } } .component-left-tab-interface .lti-nav ul { opacity: 0; overflow: hidden; max-height: 0; transition: none; width: 100%; text-align: left; list-style: none; padding-bottom: 0; margin-left: 0; /* when in mobile size */ } @media (min-width: 768px) { .component-left-tab-interface .lti-nav ul { padding-bottom: 2em; } } .component-left-tab-interface .lti-nav ul.rsp-list-show { opacity: 1; max-height: 2000px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: center; border: 1px solid #b9b9b9; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .component-left-tab-interface .lti-nav ul.rsp-list-show li { opacity: 1; margin: 0 11px; border-bottom: 1px solid #ddd; text-align: left; } .component-left-tab-interface .lti-nav ul.rsp-list-show li:last-child { border-bottom: none; } .component-left-tab-interface .lti-nav ul.rsp-list-show li a { padding-right: 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #83888b; } .component-left-tab-interface .lti-nav ul.rsp-list-show li.arrow { font-weight: bold; } .component-left-tab-interface .lti-nav ul.rsp-list-show li::after { display: none; } @media (min-width: 768px) { .component-left-tab-interface .lti-nav ul { opacity: 1; max-height: 2000px; overflow: visible; } } .component-left-tab-interface .lti-nav li { margin-left: 0; margin-bottom: 0; } .component-left-tab-interface .lti-nav li a { color: #fff; padding: 15px 1em 15px 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; } .component-left-tab-interface .lti-nav li.arrow, .component-left-tab-interface .lti-nav li:hover { opacity: 1; } .component-left-tab-interface .lti-nav li::after { display: none; } .component-left-tab-interface .lti-nav li.arrow::after { display: inline-block; } .component-left-tab-interface .lti-content { padding: 20px; float: left; display: block; margin-right: 3.28787%; width: 100%; display: none; } .component-left-tab-interface .lti-content:last-child { margin-right: 0; } .component-left-tab-interface .lti-content:nth-child(n) { margin-right: 0; } @media (min-width: 768px) { .component-left-tab-interface .lti-content { padding: 0px 20px 0px 40px; display: none; width: 80%; float: left; } } .component-left-tab-interface .lti-content.active { display: block; } .component-left-tab-interface .lti-content.default { display: none; } .component-left-tab-interface .lti-content.default.active { display: block; } .component-content-overlay { position: relative; width: 100%; text-align: center; } .component-content-overlay .img, .component-content-overlay .icon { height: 60px; width: auto; display: block; margin-left: auto; margin-right: auto; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { .component-content-overlay .img, .component-content-overlay .icon { margin-left: 0; } } @media (max-width: 767px) { .component-content-overlay { padding-bottom: 0 !important; } } .component-content-overlay .container .alignment-wrap { position: relative; height: 100%; width: 100%; } .component-content-overlay .co-cta { display: block; height: 50px; width: 50px; margin: 0 auto; margin-bottom: 44px; margin-bottom: 2.75rem; /* ie code to fill background so link is clickable. This happens when there's transistion being used somewhere on the page */ background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICR‌​AEAOw=="); } @media (min-width: 768px) { .component-content-overlay .co-cta { margin-bottom: 0px; margin-bottom: 0rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } } @media (min-width: 992px) { .component-content-overlay .co-cta { height: 80px; width: 80px; } } .component-content-overlay .co-cta.video-btn { background-color: transparent; border-radius: 50%; height: 50px; width: 50px; border: 2px solid #fff; display: block; position: relative; margin: 0 auto; overflow: hidden; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-content-overlay .co-cta.video-btn::before { content: ""; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 15px solid #fff; position: absolute; white-space: pre; left: 18px; top: 16px; } .component-content-overlay .co-cta.video-btn:hover::before { border-left-color: #40B4E5; } .component-content-overlay .co-cta.video-btn:hover { border-color: #40B4E5; } @media (min-width: 768px) { .component-content-overlay .co-cta.video-btn { margin: auto; position: absolute; } } @media (min-width: 992px) { .component-content-overlay .co-cta.video-btn { /* default */ background-color: transparent; border-radius: 50%; height: 80px; width: 80px; border: 2px solid #fff; display: block; position: relative; position: absolute; } .component-content-overlay .co-cta.video-btn::before { content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 24px solid #fff; position: absolute; white-space: pre; left: 30px; top: 23px; } } .component-content-overlay .co-cta.pos-center { position: relative; margin-top: 0; } @media (min-width: 768px) { .component-content-overlay .co-cta.pos-center { margin-top: 170px; margin-bottom: -150px; } } .component-content-overlay .co-cta .icon { display: inline-block; position: relative; height: 60px; } @media (max-width: 767px) { .component-content-overlay .bgimg { height: auto !important; bottom: auto !important; left: 50% !important; top: auto !important; width: 100% !important; z-index: 0 !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative !important; display: block !important; } } .component-content-overlay .content { /* content position */ } @media (min-width: 768px) { .component-content-overlay .content { width: 40%; top: 40px; position: relative; } } @media (min-width: 992px) { .component-content-overlay .content { max-width: 35%; } } .component-content-overlay .content blockquote { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-content-overlay .content blockquote .img, .component-content-overlay .content blockquote .icon { height: 30px; max-width: 30px; } .component-content-overlay .content blockquote p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 32px; font-size: 2rem; line-height: 36.3px; line-height: 2.26875rem; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { .component-content-overlay .content blockquote p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; text-align: left; } } .component-content-overlay .content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } @media (min-width: 768px) { .component-content-overlay .content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 0; text-align: left; } } @media (min-width: 992px) { .component-content-overlay .content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-align: left; } } .component-content-overlay .content blockquote .source p.author { font-weight: bold; } .component-content-overlay .content .logo { margin-bottom: 22px; margin-bottom: 1.375rem; overflow: hidden; } @media (min-width: 768px) { .component-content-overlay .content.pos-tr, .component-content-overlay .content.pos-br { right: 0; margin-left: auto; } .component-content-overlay .content.pos-tr blockquote p, .component-content-overlay .content.pos-tr blockquote .source p, .component-content-overlay .content.pos-br blockquote p, .component-content-overlay .content.pos-br blockquote .source p { text-align: right; } .component-content-overlay .content.pos-tr blockquote .icon, .component-content-overlay .content.pos-br blockquote .icon { margin-left: 100%; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } .component-content-overlay .content.pos-tr .logo img, .component-content-overlay .content.pos-br .logo img { float: right; } } @media (min-width: 768px) and (min-width: 768px) { .component-content-overlay .content.pos-tr { padding-top: 0; padding-bottom: 20%; } } @media (min-width: 768px) { .component-content-overlay .content.pos-br, .component-content-overlay .content.pos-bl { position: relative; top: auto; bottom: 0; margin-bottom: 22px; margin-bottom: 1.375rem; } } @media (min-width: 768px) and (min-width: 768px) { .component-content-overlay .content.pos-br, .component-content-overlay .content.pos-bl { padding-top: 20%; padding-bottom: 0; } } @media (min-width: 768px) { .component-content-overlay .content.pos-center { top: 50%; left: 50%; padding-bottom: 170px; padding-top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /*@include transform(translateY(-50%));*/ } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 992px) { .component-content-overlay .content.pos-center { margin-top: 195px; } } @media (min-width: 768px) and (min-width: 992px) { .component-content-overlay .content.pos-center { margin-top: 170px; } } .component-stockticker { text-transform: uppercase; } .component-stockticker .group { padding: 5px 0; } @media (min-width: 992px) { .component-stockticker .group { display: inline-block; padding: 0 10px 0 0; } } .component-stockticker .price, .component-stockticker .volume { color: #006DB6; } .component-stockticker .change { color: #006DB6; } .component-stockticker .change.negative { color: #ed1414; } .component-stockticker .date { font-weight: 300; } .component-stockticker .meta { text-transform: none; } .social-icons { margin-bottom: 22px; margin-bottom: 1.375rem; } .social-icons a { display: inline-block; width: 40px; height: 40px; -webkit-transition: background-color 250ms ease !important; -moz-transition: background-color 250ms ease !important; transition: background-color 250ms ease !important; text-align: center; vertical-align: middle; border-radius: 100%; background-color: #84888b; position: relative; } .social-icons a .icon { display: inline-block; fill: #fff; position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important; } .social-icons a + a { margin-left: 1%; } .page-footer .social-icons a + a { margin-left: 3%; } @media (min-width: 992px) { .page-footer .social-icons a { height: 35px; width: 35px; } } .page-footer .social-icons a:nth-of-type(1):hover { background-color: #2AA9E0; } .page-footer .social-icons a:nth-of-type(2):hover { background-color: #0065A1; } .page-footer .social-icons a:nth-of-type(3):hover { background-color: #4967a9; } .page-footer .social-icons a:nth-of-type(4):hover { background-color: #E52D27; } .page-footer .social-icons a:nth-of-type(5):hover { background-color: #E0114E; } .social-icons a.addthis_button_twitter:hover { background-color: #2AA9E0; } .social-icons a.addthis_button_linkedin:hover { background-color: #0065A1; } .social-icons a.addthis_button_facebook:hover { background-color: #4967a9; } .social-icons a.icon-youtube-off:hover { background-color: #E52D27; } .social-icons a.icon-instagram-off:hover { background-color: #E0114E; } .component-customershero { padding: 0 !important; } .component-customershero .container { padding: 0 !important; } @media (min-width: 768px) { .component-customershero .intro-content-wrapper { position: absolute; top: 0; left: 0; } } .component-customershero .intro-content-wrapper .intro-content { padding: 2em 0; margin: 0 auto; width: 60%; text-align: center; } @media (min-width: 768px) { .component-customershero .intro-content-wrapper .intro-content { padding: 2.5em 0; } } @media (min-width: 992px) { .component-customershero .intro-content-wrapper .intro-content { width: 45%; } } @media (min-width: 1200px) { .component-customershero .intro-content-wrapper .intro-content { padding: 4em 0; width: 45%; } } .component-customershero .intro-content-wrapper .heading { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-customershero .quote-content { position: absolute; width: 45%; padding: 1em; z-index: 10; top: 2em; font-size: 1.25rem; } .component-customershero .quote-content h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; } @media (min-width: 992px) { .component-customershero .quote-content h4 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; } } .component-customershero .quote-content.quote-left { left: 5%; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .component-customershero .quote-content.quote-right { right: 5%; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .component-customershero .quote-content blockquote { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-customershero .quote-content blockquote .icon { height: 20px; fill: #40B4E5; margin-bottom: 0px; margin-bottom: 0rem; } @media (min-width: 992px) { .component-customershero .quote-content blockquote .icon { margin-bottom: 11px; margin-bottom: 0.6875rem; height: 30px; text-align: left; display: block; } } .component-customershero .quote-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; margin-bottom: 11px; margin-bottom: 0.6875rem; } @media (min-width: 768px) { .component-customershero .quote-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 0; text-align: left; } } @media (min-width: 992px) { .component-customershero .quote-content blockquote .source p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-align: left; } } .component-customershero .quote-content blockquote .source p.author { font-weight: bold; } .component-customershero .grid { height: auto; } .component-customershero .grid .square { display: none; } .component-customershero .grid .square .customer-grid-background { display: none; } @media (min-width: 768px) { .component-customershero .grid:before { content: ""; display: block; padding-top: 66.66668%; } .component-customershero .grid .square { display: block; } } @media (min-width: 992px) { .component-customershero .grid:before { content: ""; display: block; padding-top: 50%; } } .component-customershero .grid-type-scatter .square { position: absolute; bottom: 0; left: 0; } .component-customershero .grid-type-scatter .square.position-1 { -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-1 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-1 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-1 { -webkit-transform: translateX(200%) translateY(-100%); -moz-transform: translateX(200%) translateY(-100%); -ms-transform: translateX(200%) translateY(-100%); -o-transform: translateX(200%) translateY(-100%); transform: translateX(200%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-1 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-1 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-2 { -webkit-transform: translateX(400%) translateY(0%); -moz-transform: translateX(400%) translateY(0%); -ms-transform: translateX(400%) translateY(0%); -o-transform: translateX(400%) translateY(0%); transform: translateX(400%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-2 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-2 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-2 { -webkit-transform: translateX(400%) translateY(0%); -moz-transform: translateX(400%) translateY(0%); -ms-transform: translateX(400%) translateY(0%); -o-transform: translateX(400%) translateY(0%); transform: translateX(400%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-2 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-2 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-3 { -webkit-transform: translateX(500%) translateY(-100%); -moz-transform: translateX(500%) translateY(-100%); -ms-transform: translateX(500%) translateY(-100%); -o-transform: translateX(500%) translateY(-100%); transform: translateX(500%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-3 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-3 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-3 { -webkit-transform: translateX(500%) translateY(-100%); -moz-transform: translateX(500%) translateY(-100%); -ms-transform: translateX(500%) translateY(-100%); -o-transform: translateX(500%) translateY(-100%); transform: translateX(500%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-3 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-3 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-4 { -webkit-transform: translateX(100%) translateY(0%); -moz-transform: translateX(100%) translateY(0%); -ms-transform: translateX(100%) translateY(0%); -o-transform: translateX(100%) translateY(0%); transform: translateX(100%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-4 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-4 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-4 { -webkit-transform: translateX(100%) translateY(0%); -moz-transform: translateX(100%) translateY(0%); -ms-transform: translateX(100%) translateY(0%); -o-transform: translateX(100%) translateY(0%); transform: translateX(100%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-4 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-4 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-5 { -webkit-transform: translateX(0%) translateY(-100%); -moz-transform: translateX(0%) translateY(-100%); -ms-transform: translateX(0%) translateY(-100%); -o-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-5 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-5 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-5 { -webkit-transform: translateX(0%) translateY(-100%); -moz-transform: translateX(0%) translateY(-100%); -ms-transform: translateX(0%) translateY(-100%); -o-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-5 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-5 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-6 { -webkit-transform: translateX(500%) translateY(0%); -moz-transform: translateX(500%) translateY(0%); -ms-transform: translateX(500%) translateY(0%); -o-transform: translateX(500%) translateY(0%); transform: translateX(500%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-6 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-6 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-6 { -webkit-transform: translateX(600%) translateY(0%); -moz-transform: translateX(600%) translateY(0%); -ms-transform: translateX(600%) translateY(0%); -o-transform: translateX(600%) translateY(0%); transform: translateX(600%) translateY(0%); } .component-customershero .grid-type-scatter .square.position-6 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-6 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-7 { -webkit-transform: translateX(500%) translateY(-200%); -moz-transform: translateX(500%) translateY(-200%); -ms-transform: translateX(500%) translateY(-200%); -o-transform: translateX(500%) translateY(-200%); transform: translateX(500%) translateY(-200%); } .component-customershero .grid-type-scatter .square.position-7 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-7 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-7 { -webkit-transform: translateX(600%) translateY(-200%); -moz-transform: translateX(600%) translateY(-200%); -ms-transform: translateX(600%) translateY(-200%); -o-transform: translateX(600%) translateY(-200%); transform: translateX(600%) translateY(-200%); } .component-customershero .grid-type-scatter .square.position-7 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-7 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-8 { -webkit-transform: translateX(0%) translateY(-200%); -moz-transform: translateX(0%) translateY(-200%); -ms-transform: translateX(0%) translateY(-200%); -o-transform: translateX(0%) translateY(-200%); transform: translateX(0%) translateY(-200%); } .component-customershero .grid-type-scatter .square.position-8 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-8 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-8 { -webkit-transform: translateX(100%) translateY(-200%); -moz-transform: translateX(100%) translateY(-200%); -ms-transform: translateX(100%) translateY(-200%); -o-transform: translateX(100%) translateY(-200%); transform: translateX(100%) translateY(-200%); } .component-customershero .grid-type-scatter .square.position-8 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-8 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-9 { -webkit-transform: translateX(300%) translateY(-100%); -moz-transform: translateX(300%) translateY(-100%); -ms-transform: translateX(300%) translateY(-100%); -o-transform: translateX(300%) translateY(-100%); transform: translateX(300%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-9 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-9 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-9 { -webkit-transform: translateX(700%) translateY(-100%); -moz-transform: translateX(700%) translateY(-100%); -ms-transform: translateX(700%) translateY(-100%); -o-transform: translateX(700%) translateY(-100%); transform: translateX(700%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-9 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-9 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-scatter .square.position-10 { -webkit-transform: translateX(200%) translateY(-100%); -moz-transform: translateX(200%) translateY(-100%); -ms-transform: translateX(200%) translateY(-100%); -o-transform: translateX(200%) translateY(-100%); transform: translateX(200%) translateY(-100%); } .component-customershero .grid-type-scatter .square.position-10 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-10 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-scatter .square.position-10 { -webkit-transform: translateX(700%) translateY(-300%); -moz-transform: translateX(700%) translateY(-300%); -ms-transform: translateX(700%) translateY(-300%); -o-transform: translateX(700%) translateY(-300%); transform: translateX(700%) translateY(-300%); } .component-customershero .grid-type-scatter .square.position-10 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-scatter .square.position-10 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square { position: absolute; bottom: 0; left: 0; } .component-customershero .grid-type-simple .square.position-1 { -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); } .component-customershero .grid-type-simple .square.position-1 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-1 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-1 { -webkit-transform: translateX(300%) translateY(-100%); -moz-transform: translateX(300%) translateY(-100%); -ms-transform: translateX(300%) translateY(-100%); -o-transform: translateX(300%) translateY(-100%); transform: translateX(300%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-1 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-1 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-2 { -webkit-transform: translateX(500%) translateY(0%); -moz-transform: translateX(500%) translateY(0%); -ms-transform: translateX(500%) translateY(0%); -o-transform: translateX(500%) translateY(0%); transform: translateX(500%) translateY(0%); } .component-customershero .grid-type-simple .square.position-2 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-2 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-2 { -webkit-transform: translateX(400%) translateY(-100%); -moz-transform: translateX(400%) translateY(-100%); -ms-transform: translateX(400%) translateY(-100%); -o-transform: translateX(400%) translateY(-100%); transform: translateX(400%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-2 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-2 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-3 { -webkit-transform: translateX(100%) translateY(-100%); -moz-transform: translateX(100%) translateY(-100%); -ms-transform: translateX(100%) translateY(-100%); -o-transform: translateX(100%) translateY(-100%); transform: translateX(100%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-3 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-3 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-3 { -webkit-transform: translateX(500%) translateY(-100%); -moz-transform: translateX(500%) translateY(-100%); -ms-transform: translateX(500%) translateY(-100%); -o-transform: translateX(500%) translateY(-100%); transform: translateX(500%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-3 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-3 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-4 { -webkit-transform: translateX(0%) translateY(-300%); -moz-transform: translateX(0%) translateY(-300%); -ms-transform: translateX(0%) translateY(-300%); -o-transform: translateX(0%) translateY(-300%); transform: translateX(0%) translateY(-300%); } .component-customershero .grid-type-simple .square.position-4 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-4 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-4 { -webkit-transform: translateX(200%) translateY(-100%); -moz-transform: translateX(200%) translateY(-100%); -ms-transform: translateX(200%) translateY(-100%); -o-transform: translateX(200%) translateY(-100%); transform: translateX(200%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-4 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-4 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-5 { -webkit-transform: translateX(500%) translateY(-300%); -moz-transform: translateX(500%) translateY(-300%); -ms-transform: translateX(500%) translateY(-300%); -o-transform: translateX(500%) translateY(-300%); transform: translateX(500%) translateY(-300%); } .component-customershero .grid-type-simple .square.position-5 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-5 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-5 { -webkit-transform: translateX(600%) translateY(-100%); -moz-transform: translateX(600%) translateY(-100%); -ms-transform: translateX(600%) translateY(-100%); -o-transform: translateX(600%) translateY(-100%); transform: translateX(600%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-5 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-5 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-6 { -webkit-transform: translateX(500%) translateY(-200%); -moz-transform: translateX(500%) translateY(-200%); -ms-transform: translateX(500%) translateY(-200%); -o-transform: translateX(500%) translateY(-200%); transform: translateX(500%) translateY(-200%); } .component-customershero .grid-type-simple .square.position-6 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-6 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-6 { -webkit-transform: translateX(100%) translateY(-100%); -moz-transform: translateX(100%) translateY(-100%); -ms-transform: translateX(100%) translateY(-100%); -o-transform: translateX(100%) translateY(-100%); transform: translateX(100%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-6 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-6 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-7 { -webkit-transform: translateX(200%) translateY(0%); -moz-transform: translateX(200%) translateY(0%); -ms-transform: translateX(200%) translateY(0%); -o-transform: translateX(200%) translateY(0%); transform: translateX(200%) translateY(0%); } .component-customershero .grid-type-simple .square.position-7 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-7 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-7 { -webkit-transform: translateX(700%) translateY(-200%); -moz-transform: translateX(700%) translateY(-200%); -ms-transform: translateX(700%) translateY(-200%); -o-transform: translateX(700%) translateY(-200%); transform: translateX(700%) translateY(-200%); } .component-customershero .grid-type-simple .square.position-7 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-7 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-8 { -webkit-transform: translateX(0%) translateY(-200%); -moz-transform: translateX(0%) translateY(-200%); -ms-transform: translateX(0%) translateY(-200%); -o-transform: translateX(0%) translateY(-200%); transform: translateX(0%) translateY(-200%); } .component-customershero .grid-type-simple .square.position-8 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-8 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-8 { -webkit-transform: translateX(0%) translateY(-200%); -moz-transform: translateX(0%) translateY(-200%); -ms-transform: translateX(0%) translateY(-200%); -o-transform: translateX(0%) translateY(-200%); transform: translateX(0%) translateY(-200%); } .component-customershero .grid-type-simple .square.position-8 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-8 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-9 { -webkit-transform: translateX(400%) translateY(-100%); -moz-transform: translateX(400%) translateY(-100%); -ms-transform: translateX(400%) translateY(-100%); -o-transform: translateX(400%) translateY(-100%); transform: translateX(400%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-9 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-9 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-9 { -webkit-transform: translateX(0%) translateY(-100%); -moz-transform: translateX(0%) translateY(-100%); -ms-transform: translateX(0%) translateY(-100%); -o-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-9 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-9 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } } .component-customershero .grid-type-simple .square.position-10 { -webkit-transform: translateX(200%) translateY(-100%); -moz-transform: translateX(200%) translateY(-100%); -ms-transform: translateX(200%) translateY(-100%); -o-transform: translateX(200%) translateY(-100%); transform: translateX(200%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-10 .inner-content-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(81deg); -moz-transform: rotateY(81deg); -ms-transform: rotateY(81deg); -o-transform: rotateY(81deg); transform: rotateY(81deg); left: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-10 .inner-content-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-99deg); -moz-transform: rotateY(-99deg); -ms-transform: rotateY(-99deg); -o-transform: rotateY(-99deg); transform: rotateY(-99deg); left: 0; background: white; } @media (min-width: 992px) { .component-customershero .grid-type-simple .square.position-10 { -webkit-transform: translateX(700%) translateY(-100%); -moz-transform: translateX(700%) translateY(-100%); -ms-transform: translateX(700%) translateY(-100%); -o-transform: translateX(700%) translateY(-100%); transform: translateX(700%) translateY(-100%); } .component-customershero .grid-type-simple .square.position-10 .inner-content-right { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(-82deg); -moz-transform: rotateY(-82deg); -ms-transform: rotateY(-82deg); -o-transform: rotateY(-82deg); transform: rotateY(-82deg); left: auto; right: 100%; background: rgba(0, 109, 182, 0.9); } .component-customershero .grid-type-simple .square.position-10 .inner-content-left { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: rotateY(98deg); -moz-transform: rotateY(98deg); -ms-transform: rotateY(98deg); -o-transform: rotateY(98deg); transform: rotateY(98deg); left: 0; background: white; } } .component-customershero .square { -webkit-transition: opacity 500ms ease-out, visibility 500ms ease-out; -moz-transition: opacity 500ms ease-out, visibility 500ms ease-out; transition: opacity 500ms ease-out, visibility 500ms ease-out; float: left; width: 16.666666667%; } @media (min-width: 768px) { .component-customershero .square { display: table-cell; width: 16.66667%; } } @media (min-width: 992px) { .component-customershero .square { display: table-cell; width: 12.5%; } } .component-customershero .square:before { content: ""; display: block; padding-top: 100%; } .component-customershero .square:hover { cursor: pointer; } .component-customershero .square:hover .square-padding { transition: background 500ms ease; background: rgba(255, 255, 255, 0.6); } .component-customershero .square:hover span.has-arrow { text-decoration: none; color: white; } .component-customershero .square .square-padding { position: absolute; top: 1px; right: 0; bottom: 0; left: 1px; background: rgba(255, 255, 255, 0.2); -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; transition: all 500ms ease; } @media (min-width: 992px) { .component-customershero .square .square-padding { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } .component-customershero .square span.has-arrow { font-weight: 600; color: rgba(255, 255, 255, 0.6); position: relative; -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; transition: color 500ms ease; } .component-customershero .square span.has-arrow::after { border-color: currentColor; height: 8px; margin-top: 0; right: -10px; top: 50%; transform: translateY(-30%) rotate(45deg); -ms-transform: translateY(-30%) rotate(45deg); transition-delay: 0s; transition: border-color 100ms ease; width: 8px; } @media (min-width: 768px) { .component-customershero .square span.has-arrow { font-size: 14px; } } @media (min-width: 1200px) { .component-customershero .square span.has-arrow { font-size: 16px; } } .component-customershero .square .inner-content { z-index: 5; padding: 1em; text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .component-customershero .square .inner-content p, .component-customershero .square .inner-content a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .component-customershero .square .inner-content > * { margin-bottom: 0px; margin-bottom: 0rem; } .component-customershero .square .inner-content img { -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; transition: all 500ms ease-out; -webkit-transform: translateZ(0) translateY(-50%) translateX(-50%); -moz-transform: translateZ(0) translateY(-50%) translateX(-50%); -ms-transform: translateZ(0) translateY(-50%) translateX(-50%); -o-transform: translateZ(0) translateY(-50%) translateX(-50%); transform: translateZ(0) translateY(-50%) translateX(-50%); -ms-transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; position: absolute; display: block; top: 50%; left: 50%; padding: 0 1em; max-width: 100%; max-height: 300%; /* // no white logos anymore &.color-logo { opacity: 0; } &.white-logo { //@include filter( brightness(0%) invert(100%) ); } */ } .component-customershero .square .hidden-content { -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; transition: all 500ms ease-out; -webkit-transition-timing-function: cubic-bezier(0.725, 0, 0.29, 1); -moz-transition-timing-function: cubic-bezier(0.725, 0, 0.29, 1); transition-timing-function: cubic-bezier(0.725, 0, 0.29, 1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; } .no-supports .component-customershero .square .hidden-content { visibility: hidden; } .component-customershero .square .hidden-content .icon { height: 50px; fill: #fff; } .component-customershero .square .quote-content { display: none; } .component-customershero .square.open { z-index: 15; } .component-customershero .square.open .square-padding { background: white; } .component-customershero .square.open .inner-content-right:hover { background: #006db6; } .component-customershero .square.open .inner-content-right:hover span.has-arrow { color: white; -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; transition: color 500ms ease; } .component-customershero .square.open .inner-content-right:hover span.has-arrow::after { border-color: currentColor; } .component-customershero .square.open .hidden-content { -webkit-transform: rotateY(0deg) !important; -moz-transform: rotateY(0deg) !important; -ms-transform: rotateY(0deg) !important; -o-transform: rotateY(0deg) !important; transform: rotateY(0deg) !important; opacity: 1; } .no-supports .component-customershero .square.open .hidden-content { visibility: visible; } .component-customershero .square.open img { /* // no white logos anymore &.color-logo { opacity: 1; } &.white-logo { opacity: 0; //@include filter( brightness(100%) invert(0%) ); } */ } .component-customershero.has-open .square { opacity: 0; visibility: hidden; } .component-customershero.has-open .square.open { opacity: 1; visibility: visible; } .job-details-error .eyebrow { margin-top: 22px; margin-top: 1.375rem; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-job-details .hero { text-align: center; min-height: 300px; margin-top: 44px; margin-top: 2.75rem; margin-bottom: 44px; margin-bottom: 2.75rem; } .component-job-details .hero h1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 36px; font-size: 2.25rem; line-height: 44px; line-height: 2.75rem; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-job-details .hero p.size-up { margin-bottom: 0px; margin-bottom: 0rem; } .component-job-details .hero p.size-up + p { margin-bottom: 0px; margin-bottom: 0rem; margin-top: 0px; margin-top: 0rem; } .component-job-details .job-description { padding-top: initial; } .component-job-details .job-description ul, .component-job-details .job-description p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .component-job-details .job-description ul strong, .component-job-details .job-description ul b, .component-job-details .job-description p strong, .component-job-details .job-description p b { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; font-weight: bold; margin-bottom: 22px; margin-bottom: 1.375rem; line-height: 1.25; } .component-job-details .ui-button { margin-top: 22px; margin-top: 1.375rem; margin-bottom: 0px; margin-bottom: 0rem; } @media (min-width: 768px) { .component-job-details .ui-button { margin-bottom: 22px; margin-bottom: 1.375rem; } } .component-press-details .hero { min-height: 200px; text-align: center; } .component-press-details .hero h1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 26px; font-size: 1.625rem; line-height: 33px; line-height: 2.0625rem; max-width: 70%; margin: 0 auto; margin-bottom: 44px; margin-bottom: 2.75rem; } @media (min-width: 768px) { .component-press-details .hero h1 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 36px; font-size: 2.25rem; line-height: 44px; line-height: 2.75rem; margin-bottom: 22px; margin-bottom: 1.375rem; } } @media (min-width: 768px) { .component-press-details .hero { margin-top: 44px; margin-top: 2.75rem; margin-bottom: 44px; margin-bottom: 2.75rem; } } .component-press-details .hero .icon { display: inline-block; height: 60px; margin: 0 auto; fill: #40B4E5; } .component-press-details .hero .social-icons a .icon { fill: #fff; } .component-press-details .eyebrow { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; text-transform: uppercase; color: #F38B00; } .component-press-details h4, .component-press-details h5, .component-press-details h6 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; font-weight: 600; margin-bottom: 22px; margin-bottom: 1.375rem; line-height: 1.25; color: #1F242B; } @media (min-width: 768px) { .component-press-details h4, .component-press-details h5, .component-press-details h6 { margin-top: 22px; margin-top: 1.375rem; } } .component-press-details .press-content { overflow: hidden; } .component-press-details .press-content .press-details { float: left; display: block; margin-right: 5.01424%; width: 100%; padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; color: #7d7d7d; } .component-press-details .press-content .press-details:last-child { margin-right: 0; } .component-press-details .press-content .press-details div { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .component-press-details .press-content .press-details div span { display: block; } @media (min-width: 992px) { .component-press-details .press-content .press-details div span { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-press-details .press-content .press-details div strong { color: #1F242B; font-weight: 700; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-press-details .press-content .press-details a { font-weight: normal; } .component-press-details .press-content .press-details a[href^="mailto"] { text-transform: lowercase; position: relative; } .component-press-details .press-content.has-media .press-details { float: left; display: block; margin-right: 5.01424%; width: 100%; } .component-press-details .press-content.has-media .press-details:last-child { margin-right: 0; } @media (min-width: 992px) { .component-press-details .press-content.has-media .press-details { float: left; display: block; margin-right: 5.01424%; width: 73.74644%; } .component-press-details .press-content.has-media .press-details:last-child { margin-right: 0; } } .component-press-details .press-content .press-media { float: left; display: block; margin-right: 5.01424%; width: 100%; } .component-press-details .press-content .press-media:last-child { margin-right: 0; } @media (min-width: 992px) { .component-press-details .press-content .press-media { float: left; display: block; margin-right: 5.01424%; width: 21.23932%; margin-right: 0; } .component-press-details .press-content .press-media:last-child { margin-right: 0; } } .component-press-details .press-content .press-media a { float: left; display: block; margin-right: 5.01424%; width: 100%; } .component-press-details .press-content .press-media a:last-child { margin-right: 0; } @media (min-width: 600px) { .component-press-details .press-content .press-media a { float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .component-press-details .press-content .press-media a:last-child { margin-right: 0; } } @media (min-width: 992px) { .component-press-details .press-content .press-media a { float: left; display: block; margin-right: 5.01424%; width: 100%; } .component-press-details .press-content .press-media a:last-child { margin-right: 0; } } .component-press-details .press-content .press-media h4 { margin-top: 0; } .component-press-listings .anchor { position: relative; top: -80px; display: block; visibility: hidden; } .component-press-listings > div { padding-top: 0px; padding-top: 0rem; padding-bottom: 0px; padding-bottom: 0rem; color: #1F242B; } .component-press-listings > div h4 { font-size: 24px; font-weight: 400; } .component-press-listings > div h5 { margin-top: 22px; margin-top: 1.375rem; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; margin-bottom: 22px; margin-bottom: 1.375rem; line-height: 1.4; font-weight: 600; font-size: 16px; } .component-press-listings > div p, .component-press-listings > div div { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } .component-press-listings > div p a, .component-press-listings > div div a { display: block; } .component-press-listings > div p br, .component-press-listings > div div br { display: none; } .component-press-listings > div p span, .component-press-listings > div div span { display: block; opacity: 0.7; } @media (min-width: 992px) { .component-press-listings > div p span, .component-press-listings > div div span { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } } .component-press-listings > div .hidden-financial-press { max-height: 0; overflow: hidden; } .component-press-listings > div .hidden-financial-press h2 { margin-top: 44px; margin-top: 2.75rem; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; font-weight: 600; margin-bottom: 44px; margin-bottom: 2.75rem; line-height: 1.25; } .component-press-listings > div .hidden-financial-press h5 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; } .component-press-listings > div .hidden-financial-press.show { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; max-height: 100%; } .component-press-listings .ui-button { margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 992px) { .component-press-listings .ui-button + .ui-button { margin-left: 3%; } } section.component-section.bg-green .component-tab-accordion, section.component-section.bg-blue .component-tab-accordion, section.component-section.bg-light-blue .component-tab-accordion, section.component-section.bg-dark-blue .component-tab-accordion, section.component-section.bg-orange .component-tab-accordion, section.component-section.bg-dark-orange .component-tab-accordion, section.component-section.bg-white .component-tab-accordion, section.component-section.bg-black .component-tab-accordion, section.component-section.bg-gray .component-tab-accordion { color: #83888b; } .component-tab-accordion .container { padding: 0; } .component-tab-accordion .tabs-pane { border-top: 1px solid #40B4E5; } .component-tab-accordion .tabs-pane .tab-content { display: none; } .component-tab-accordion .tabs-pane .tab-content.active { display: block; } .component-tab-accordion .tabs-pane .v-tabs { display: block; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 27.5px; line-height: 1.71875rem; color: #83888b; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .v-tabs { display: none; } } @media (max-width: 767px) { .component-tab-accordion .tabs-pane .v-tabs { min-height: 45px; line-height: 45px; background-color: #40B4E5; border-left: 0 none transparent; border-right: 0 none transparent; border-bottom: 1px solid #fff; text-align: center; font-weight: 700; margin-top: 0; margin-bottom: 0; cursor: pointer; color: #fff; text-transform: uppercase; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .component-tab-accordion .tabs-pane .v-tabs.v-active { color: #40B4E5; background-color: #fff; z-index: 1; cursor: default; } .component-tab-accordion .tabs-pane .v-tabs:hover { background-color: #fff; color: #40B4E5; } .component-tab-accordion .tabs-pane .v-tabs:first-child { margin-top: 0; } .component-tab-accordion .tabs-pane .v-tabs:nth-last-child(2) { border-bottom: 0; } } .component-tab-accordion .tabs-pane .acc-container { overflow: hidden; text-align: left; -webkit-tap-highlight-color: transparent; } .component-tab-accordion .tabs-pane .acc-container .acc-btn { -webkit-tap-highlight-color: transparent; width: 100%; margin: 0 auto; text-transform: uppercase; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; color: #1F242B; padding: 1em 45px 1em 1em; position: relative; background: #fff; border-bottom: 1px solid #D5D5D5; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .acc-container .acc-btn { padding: 1em 40px 1em 1em; } } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle { position: relative; box-shadow: 0 0 0 1px #40B4E5; } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.plus-circle::before { background-color: #40B4E5; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.plus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.minus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.minus-circle::after { left: 4px; } } .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.plus-circle, .component-tab-accordion .tabs-pane .acc-container .acc-btn i.toggle.minus-circle { position: absolute; right: 10px; top: 21px; left: auto; margin-right: 5px; } .component-tab-accordion .tabs-pane .acc-container .acc-btn.clickable { border-bottom: none; } .component-tab-accordion .tabs-pane .acc-container .acc-btn.clickable:hover { cursor: pointer; background-color: #EEEEEE; } .component-tab-accordion .tabs-pane .acc-container .acc-btn.selected { cursor: default; background-color: #fff; } .component-tab-accordion .tabs-pane .acc-container .acc-btn.selected span::before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .component-tab-accordion .tabs-pane .acc-container .acc-btn.selected span::after { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .component-tab-accordion .tabs-pane .acc-container .acc-btn.selected ~ .acc-content { border-top: 1px solid #D5D5D5; } .component-tab-accordion .tabs-pane .acc-container .subheadline { display: block; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .acc-container .subheadline { display: inline-block; float: right; } } .component-tab-accordion .tabs-pane .acc-container .description { text-transform: capitalize; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .acc-container .description { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-tab-accordion .tabs-pane .acc-container .description p, .component-tab-accordion .tabs-pane .acc-container .description a, .component-tab-accordion .tabs-pane .acc-container .description ul li { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; color: #1f242b; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .acc-container .description p, .component-tab-accordion .tabs-pane .acc-container .description a, .component-tab-accordion .tabs-pane .acc-container .description ul li { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-tab-accordion .tabs-pane .acc-container .description a { pointer-events: none; text-decoration: none; } .component-tab-accordion .tabs-pane .acc-container .description p:last-child, .component-tab-accordion .tabs-pane .acc-container .description li:last-child { margin-bottom: 0; } .component-tab-accordion .tabs-pane .acc-container .acc-content { height: 0px; width: 100%; margin: 0 auto; overflow: hidden; background: #EEEEEE; border-bottom: 1px solid #D5D5D5; } .component-tab-accordion .tabs-pane .acc-container .acc-content .acc-content-inner { padding: 1em; } .component-tab-accordion .tabs-pane .acc-container .acc-content .acc-content-inner p:last-of-type { margin-bottom: 0; } .component-tab-accordion .tabs-pane .acc-container .open { height: auto; } .component-tab-accordion .wd-tabs { width: 100%; position: relative; } .component-tab-accordion .wd-tabs .tabs { margin: 0 auto; padding: 0; width: 100%; display: none; } @media (min-width: 768px) { .component-tab-accordion .wd-tabs .tabs { display: table; } } .component-tab-accordion .wd-tabs .tabs > li { display: table-cell; text-align: center; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; margin: 0; text-transform: uppercase; text-decoration: none; padding: 10px; background-color: #EEEEEE; -webkit-transition: background-color 250ms ease; -moz-transition: background-color 250ms ease; transition: background-color 250ms ease; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .faq .component-tab-accordion .wd-tabs .tabs > li { width: 33.333%; } .component-tab-accordion .wd-tabs .tabs > li + li { border-left: 1px solid #fff; } .component-tab-accordion .wd-tabs .tabs > li:hover { background-color: #fff; color: #40B4E5; cursor: pointer; } .component-tab-accordion .wd-tabs .tabs > li.active { background-color: #40B4E5; color: #fff; border-bottom: none; cursor: default; } #faq .component-tab-accordion .wd-tabs .tabs > li { width: 33.333%; } .component-tab-accordion .wd-tabs .tab-content { padding: 0; -webkit-tap-highlight-color: transparent; } .component-tab-accordion.tabacc-color-gray .tabs-pane { border-top: 1px solid #A6A7AA; } @media (max-width: 767px) { .component-tab-accordion.tabacc-color-gray .tabs-pane .v-tabs { background-color: #A6A7AA; } .component-tab-accordion.tabacc-color-gray .tabs-pane .v-tabs.v-active { color: #A6A7AA; background-color: #fff; } .component-tab-accordion.tabacc-color-gray .tabs-pane .v-tabs:hover { color: #A6A7AA; background-color: #fff; } } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container .acc-btn span::before, .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container .acc-btn span::after { background: #A6A7AA; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle { position: relative; box-shadow: 0 0 0 1px #A6A7AA; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.plus-circle::before { background-color: #A6A7AA; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.plus-circle::after { background-color: #A6A7AA; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.minus-circle::after { background-color: #A6A7AA; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.minus-circle::after { left: 4px; } } .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.plus-circle, .component-tab-accordion.tabacc-color-gray .tabs-pane .acc-container i.toggle.minus-circle { position: absolute; right: 10px; top: 21px; left: auto; margin-right: 5px; } .component-tab-accordion.tabacc-color-gray .wd-tabs .tabs > li:hover { background-color: #fff; color: #A6A7AA; } .component-tab-accordion.tabacc-color-gray .wd-tabs .tabs > li.active { background-color: #A6A7AA; color: #fff; } .component-tab-accordion.tabacc-color-orange .tabs-pane { border-top: 1px solid #F38B00; } @media (max-width: 767px) { .component-tab-accordion.tabacc-color-orange .tabs-pane .v-tabs { background-color: #F38B00; } .component-tab-accordion.tabacc-color-orange .tabs-pane .v-tabs.v-active { color: #F38B00; background-color: #fff; } .component-tab-accordion.tabacc-color-orange .tabs-pane .v-tabs:hover { color: #F38B00; background-color: #fff; } } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container .acc-btn span::before, .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container .acc-btn span::after { background: #F38B00; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle { position: relative; box-shadow: 0 0 0 1px #F38B00; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.plus-circle::before { background-color: #F38B00; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.plus-circle::after { background-color: #F38B00; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.minus-circle::after { background-color: #F38B00; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.minus-circle::after { left: 4px; } } .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.plus-circle, .component-tab-accordion.tabacc-color-orange .tabs-pane .acc-container i.toggle.minus-circle { position: absolute; right: 10px; top: 21px; left: auto; margin-right: 5px; } .component-tab-accordion.tabacc-color-orange .wd-tabs .tabs > li:hover { background-color: #fff; color: #F38B00; } .component-tab-accordion.tabacc-color-orange .wd-tabs .tabs > li.active { background-color: #F38B00; color: #fff; } .component-tab-accordion.tabacc-color-green .tabs-pane { border-top: 1px solid #78b92f; } @media (max-width: 767px) { .component-tab-accordion.tabacc-color-green .tabs-pane .v-tabs { background-color: #78b92f; } .component-tab-accordion.tabacc-color-green .tabs-pane .v-tabs.v-active { color: #78b92f; background-color: #fff; } .component-tab-accordion.tabacc-color-green .tabs-pane .v-tabs:hover { color: #78b92f; background-color: #fff; } } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container .acc-btn span::before, .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container .acc-btn span::after { background: #78b92f; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle { position: relative; box-shadow: 0 0 0 1px #78b92f; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.plus-circle::before { background-color: #78b92f; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.plus-circle::after { background-color: #78b92f; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.minus-circle::after { background-color: #78b92f; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.minus-circle::after { left: 4px; } } .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.plus-circle, .component-tab-accordion.tabacc-color-green .tabs-pane .acc-container i.toggle.minus-circle { position: absolute; right: 10px; top: 21px; left: auto; margin-right: 5px; } .component-tab-accordion.tabacc-color-green .wd-tabs .tabs > li:hover { background-color: #fff; color: #78b92f; } .component-tab-accordion.tabacc-color-green .wd-tabs .tabs > li.active { background-color: #78b92f; color: #fff; } .component-tab-accordion.no-tabs .wd-tabs .tabs, .component-tab-accordion.no-tabs .v-tabs { display: none; } .component-tab-accordion.tabacc-style-agenda .tabs-pane .acc-container .acc-btn { color: #83888b; text-transform: none; } .component-tab-accordion.tabacc-style-agenda .tabs-pane .acc-container .acc-btn .subheadline { font-style: italic; } @media (min-width: 768px) { .component-tab-accordion .tabs-pane .layout-table { display: table; } .component-tab-accordion .tabs-pane .layout-table .headline, .component-tab-accordion .tabs-pane .layout-table .subheadline { display: table-cell; } .component-tab-accordion .tabs-pane .layout-table .headline { padding-right: 2em; width: 100%; } .component-tab-accordion .tabs-pane .layout-table .subheadline { white-space: nowrap; float: none; } } .component-animated-tabbed-content { background: #fff; color: #fff; background-color: #006DB6; min-height: 400px; overflow: hidden; padding-top: 66px; padding-top: 4.125rem; position: relative; } .component-animated-tabbed-content .tabs { list-style: none; margin: 0; font-size: 0; /* inline-block spacing fix */ position: relative; -webkit-transition: -webkit-transform 250ms ease; -moz-transition: -moz-transform 250ms ease; transition: transform 250ms ease; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 0 2px 0 0 #1b70b5; text-align: center; } .component-animated-tabbed-content .tabs li { cursor: pointer; opacity: .5; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; } .component-animated-tabbed-content .tabs li:hover, .component-animated-tabbed-content .tabs li.active { opacity: 1; } .component-animated-tabbed-content .tabs li.active, .component-animated-tabbed-content .tabs li.active a { cursor: default; } .component-animated-tabbed-content .tabs li a { -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; display: inline-block; text-decoration: none; text-align: center; color: #fff; font-size: 12px; line-height: 14px; max-width: 90%; } @media (min-width: 768px) { .component-animated-tabbed-content .tabs li a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } } @media (min-width: 992px) { .component-animated-tabbed-content .tabs li a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; } } @media (min-width: 1200px) { .component-animated-tabbed-content .tabs li a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } } .component-animated-tabbed-content .tabs li .icon-container img { margin: 0 auto; } .component-animated-tabbed-content .tabs .icon { height: 30px; margin: 0 auto; display: block; fill: #fff; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 600px) { .component-animated-tabbed-content .tabs .icon { height: 40px; } } @media (min-width: 768px) { .component-animated-tabbed-content .tabs .icon { height: 60px; } } .component-animated-tabbed-content .tabs .slick-list { margin-bottom: 11px; margin-bottom: 0.6875rem; overflow: hidden; } .component-animated-tabbed-content .tabs .slick-slide { opacity: .5; margin-left: 0; min-height: 110px; margin-bottom: -1px; -webkit-transition: opacity 250ms ease, box-shadow 250ms ease; -moz-transition: opacity 250ms ease, box-shadow 250ms ease; transition: opacity 250ms ease, box-shadow 250ms ease; } .component-animated-tabbed-content .tabs .slick-slide.active { opacity: 1; box-shadow: inset 0 -4px 0 #40b4e5; } @media (min-width: 768px) { .component-animated-tabbed-content .tabs .slick-slide { min-height: 160px; } } @media (min-width: 1200px) { .component-animated-tabbed-content .tabs .slick-slide { min-height: 155px; } } .component-animated-tabbed-content .tabs .slick-prev, .component-animated-tabbed-content .tabs .slick-next { border-radius: 50%; cursor: pointer; z-index: 8; height: 30px; width: 30px; top: 0; bottom: auto; background-color: rgba(255, 255, 255, 0.2); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } @media (min-width: 992px) { .component-animated-tabbed-content .tabs .slick-prev, .component-animated-tabbed-content .tabs .slick-next { height: 40px; width: 40px; bottom: initial; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .component-animated-tabbed-content .tabs .slick-prev::after, .component-animated-tabbed-content .tabs .slick-next::after { content: ''; width: 10px; height: 10px; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; border-right: 1px solid #fff; border-top: 1px solid #fff; position: absolute; top: 50%; margin-top: -5px; } .component-animated-tabbed-content .tabs .slick-prev.no-touch:hover, .component-animated-tabbed-content .tabs .slick-next.no-touch:hover { outline: none; color: transparent; background: rgba(255, 255, 255, 0.8); } .component-animated-tabbed-content .tabs .slick-prev.no-touch:hover::after, .component-animated-tabbed-content .tabs .slick-next.no-touch:hover::after { border-right: 1px solid #006DB6; border-top: 1px solid #006DB6; } .component-animated-tabbed-content .tabs .slick-prev.slick-disabled, .component-animated-tabbed-content .tabs .slick-next.slick-disabled { opacity: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .component-animated-tabbed-content .tabs .slick-prev { left: 0; } @media (min-width: 992px) { .component-animated-tabbed-content .tabs .slick-prev { left: -30px; } } .component-animated-tabbed-content .tabs .slick-prev::after { left: 12px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media (min-width: 768px) { .component-animated-tabbed-content .tabs .slick-prev::after { left: 13px; } } @media (min-width: 992px) { .component-animated-tabbed-content .tabs .slick-prev::after { left: 17px; } } .component-animated-tabbed-content .tabs .slick-next { right: 0; } @media (min-width: 768px) { .component-animated-tabbed-content .tabs .slick-next { right: 0; } } .component-animated-tabbed-content .tabs .slick-next::after { left: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .component-animated-tabbed-content .tabs .slick-next::after { left: 12px; } } .component-animated-tabbed-content .panes { overflow: hidden; min-height: 260px; position: relative; margin-top: 22px; margin-top: 1.375rem; } @media (min-width: 768px) { .component-animated-tabbed-content .panes { min-height: 350px; } } @media (min-width: 992px) { .component-animated-tabbed-content .panes { margin-top: 44px; margin-top: 2.75rem; overflow: visible; } } .component-animated-tabbed-content .panes .pane { opacity: 0; position: absolute; z-index: 1; width: 100%; text-align: center; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } @media (min-width: 768px) { .component-animated-tabbed-content .panes .pane { text-align: left; } } .component-animated-tabbed-content .panes .pane h4 { font-weight: 300; margin-bottom: 22px; margin-bottom: 1.375rem; } .component-animated-tabbed-content .panes .pane p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; } .component-animated-tabbed-content .panes .pane .item .ui-button::after { height: 10px; width: 10px; margin-top: -5px; } .component-animated-tabbed-content .panes .pane.active { opacity: 1; transition-delay: .5s; z-index: 5; } .component-animated-tabbed-content .panes .pane.active .item { opacity: 1; transition-delay: .5s; } @media (min-width: 600px) { .component-animated-tabbed-content .panes .pane.active .item .ui-button { margin-right: 20px; } } .component-animated-tabbed-content .panes .pane.active .item .ui-button + .ui-button { margin-top: 10px; } .component-animated-tabbed-content .panes .pane.active .item.slide-up, .component-animated-tabbed-content .panes .pane.active .item.slide-down, .component-animated-tabbed-content .panes .pane.active .item.slide-up-far, .component-animated-tabbed-content .panes .pane.active .item.slide-down-far { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .component-animated-tabbed-content .panes .pane.active .item.slide-right, .component-animated-tabbed-content .panes .pane.active .item.slide-left, .component-animated-tabbed-content .panes .pane.active .item.slide-right-far, .component-animated-tabbed-content .panes .pane.active .item.slide-left-far { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .component-animated-tabbed-content .panes .pane .item { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; opacity: 0; position: relative; } @media (min-width: 768px) { .component-animated-tabbed-content .panes .pane .item { float: left; } } .component-animated-tabbed-content .panes .pane .item.asset { display: none; } @media (min-width: 768px) { .component-animated-tabbed-content .panes .pane .item.asset { width: 65%; text-align: center; margin-left: 5%; display: block; } } .component-animated-tabbed-content .panes .pane .item.slide-down { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .component-animated-tabbed-content .panes .pane .item.slide-right { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); } .component-animated-tabbed-content .panes .pane .item.slide-up { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .component-animated-tabbed-content .panes .pane .item.slide-left { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } .component-animated-tabbed-content .panes .pane .item.slide-down-far { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); } .component-animated-tabbed-content .panes .pane .item.slide-right-far { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); } .component-animated-tabbed-content .panes .pane .item.slide-up-far { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); } .component-animated-tabbed-content .panes .pane .item.slide-left-far { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); } .component-animated-tabbed-content .panes .pane .details { padding: 0; margin: 0; } @media (min-width: 768px) { .component-animated-tabbed-content .panes .pane .details { width: 30%; } } @media (min-width: 992px) { .component-animated-tabbed-content .panes .pane .details { margin-top: 22px; margin-top: 1.375rem; } } .component-animated-tabbed-content .panes .pane img { transform: translateZ(0); margin-bottom: -5px; } .component-spacer img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 22px !important; margin-bottom: 1.375rem !important; transform: translateZ(0); } .component-spacer.spacer-type-fill { min-height: 140px; } .component-spacer.spacer-type-fill.spacer-size-1 { min-height: 280px; } .component-spacer.spacer-type-fill.spacer-size-2 { min-height: 280px; } @media (min-width: 768px) { .component-spacer.spacer-type-fill.spacer-size-2 { min-height: 420px; } } .component-spacer.spacer-type-fill.spacer-size-3 { min-height: 420px; } @media (min-width: 768px) { .component-spacer.spacer-type-fill.spacer-size-3 { min-height: 660px; } } .component-spacer.spacer-type-scale img { width: 100%; } .simple-logo-wall { text-align: center; max-width: 1200px; margin-left: auto; margin-right: auto; } .simple-logo-wall h5 { display: block; margin-bottom: 50px; font-size: 16px; } .simple-logo-wall h5.sub-hero { margin-bottom: 44px; margin-bottom: 2.75rem; } .simple-logo-wall a { margin-top: 50px; clear: both; display: block; position: relative; } .simple-logo-wall a::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #40B4E5; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; } .simple-logo-wall a:hover::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #006DB6; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .simple-logo-wall ul { list-style: none; padding: 0; margin: 0 auto; width: 100%; } .simple-logo-wall ul li { padding: 0; line-height: 60px; vertical-align: middle; text-align: center; height: 60px; float: left; display: block; margin-right: 1.61735%; width: 49.19133%; margin-right: 0; width: 50%; } .simple-logo-wall ul li:last-child { margin-right: 0; } @media (min-width: 768px) { .simple-logo-wall ul li { margin-bottom: 22px; margin-bottom: 1.375rem; margin-right: 0; } } .simple-logo-wall ul li > img, .simple-logo-wall ul li > svg { max-width: 120px; max-height: 60px; vertical-align: middle; transform: translateZ(0); } @media (min-width: 768px) { .simple-logo-wall ul.col-2 li { display: table-cell; width: 50%; } } @media (min-width: 768px) { .simple-logo-wall ul.col-3 li { display: table-cell; width: 33.33333%; } .simple-logo-wall ul.col-3 li:nth-child(3n+3) { margin-right: 0; } } @media (min-width: 768px) { .simple-logo-wall ul.col-4 li { display: table-cell; width: 33.33333%; } } @media (min-width: 992px) { .simple-logo-wall ul.col-4 li { display: table-cell; width: 25%; } } @media (min-width: 768px) { .simple-logo-wall ul.col-5 li { display: table-cell; width: 25%; } } @media (min-width: 992px) { .simple-logo-wall ul.col-5 li { display: table-cell; width: 20%; } } @media (min-width: 768px) { .simple-logo-wall ul.col-6 li { display: table-cell; width: 25%; } } @media (min-width: 992px) { .simple-logo-wall ul.col-6 li { display: table-cell; width: 16.66667%; } } .simple-logo-wall ul.sub-hero li { display: inline; line-height: 60px; } @media (min-width: 768px) { .simple-logo-wall ul.sub-hero li { float: none; width: auto; margin: 0.5em 0; padding: 0px 10px; } } .profile-tab { color: #fff; padding: 40px 0px; } .profile-tab .heading { text-align: center; margin-bottom: 49.5px; margin-bottom: 3.09375rem; } .profile-tab.blue-gradient { background: #3067b9; background: -webkit-linear-gradient(left top, #3067b9, #57a8c5); background: -o-linear-gradient(bottom right, #3067b9, #57a8c5); background: -moz-linear-gradient(bottom right, #3067b9, #57a8c5); background: linear-gradient(to bottom right, #3067b9, #57a8c5); } .profile-tab .tab-container { max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 40.7px; margin-bottom: 2.54375rem; } .profile-tab .tab-container .tab-control-container .tab-control { border-bottom: 1px solid #548bd0; margin-bottom: 20.9px; margin-bottom: 1.30625rem; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn { display: table-cell; width: 32%; text-align: center; cursor: pointer; padding-bottom: 10.032px; padding-bottom: 0.627rem; opacity: .75; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn.active { border-bottom: 3px solid #40B4E5; opacity: 1; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn.active img { border: 1px solid #fff; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn:hover { opacity: 1; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn img { border-radius: 100%; width: 40%; height: 40%; border: 1px solid transparent; padding: 2px; } .profile-tab .tab-container .tab-control-container .tab-control .tab-image-btn p { margin-bottom: 0px; margin-left: 5px; margin-right: 5px; } .profile-tab .tab-container .tab-image-container { display: none; } @media (min-width: 768px) { .profile-tab .tab-container .tab-control-container { float: left; display: block; margin-right: 1.61735%; width: 49.19133%; width: 44%; } .profile-tab .tab-container .tab-control-container:last-child { margin-right: 0; } .profile-tab .tab-container .tab-image-container { float: left; display: block; margin-right: 1.61735%; width: 49.19133%; } .profile-tab .tab-container .tab-image-container:last-child { margin-right: 0; } .profile-tab .tab-container .tab-image-container .tab-image { display: none; text-align: center; } .profile-tab .tab-container .tab-image-container .tab-image img { width: 70%; margin: 0 auto; } .profile-tab .tab-container .tab-image-container .tab-image.active { display: block; } } .profile-tab .tab-description { font-size: 14px; display: none; } .profile-tab .tab-description.active { display: block; } .profile-tab .featurette-container { display: none; max-width: 1200px; margin-left: auto; margin-right: auto; } .profile-tab .featurette-container.active { display: block; } .profile-tab .featurette-container .featurette { text-align: center; margin: 20px 0px; float: left; display: block; margin-right: 1.61735%; width: 100%; } .profile-tab .featurette-container .featurette .icon-container { height: 60px; margin-bottom: 5.5px; margin-bottom: 0.34375rem; } .profile-tab .featurette-container .featurette .icon-container .img { position: relative; transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; max-width: 140px; max-height: 60px; } .profile-tab .featurette-container .featurette .icon { height: 60px; max-width: 100%; } .profile-tab .featurette-container .featurette:last-child { margin-right: 0; } .profile-tab .featurette-container .featurette a { color: #fff; } .profile-tab .featurette-container .featurette a:hover { text-decoration: underline; } @media (min-width: 768px) { .profile-tab .featurette-container .featurette { float: left; display: block; margin-right: 1.61735%; width: 32.2551%; } .profile-tab .featurette-container .featurette:last-child { margin-right: 0; } } .global-toast { -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, -105%, 0); -moz-transform: translate3d(0, -105%, 0); -ms-transform: translate3d(0, -105%, 0); -o-transform: translate3d(0, -105%, 0); transform: translate3d(0, -105%, 0); z-index: 19999999; position: fixed; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto; text-align: center; background: rgba(255, 255, 255, 0.95); min-height: 315px; padding: 40px; border: 1px solid whitesmoke; box-shadow: 0 5px 10px rgba(185, 185, 185, 0.5); } @media (min-width: 768px) { .global-toast { max-width: 675px; left: 50%; margin-left: -337.5px; } } .global-toast h4 { margin-bottom: 0.25em; font-size: 22px; color: #83888b; margin-bottom: 33px; margin-bottom: 2.0625rem; } .global-toast p { font-size: 14px; color: #83888b; margin-bottom: 33px; margin-bottom: 2.0625rem; } .global-toast a.ui-button { color: #fff; font-weight: 400; margin-bottom: 22px; margin-bottom: 1.375rem; font-size: 12px; position: relative; text-align: center; margin: 0px 10px; display: inline-block; } .global-toast a.ui-button:hover, .global-toast a.ui-button:focus { border: 1px solid inherit; background-color: inherit; } .global-toast a.ui-button.cancel { background-color: rgba(255, 255, 255, 0); color: #7d7d7d !important; border: 1px solid #7d7d7d; } .global-toast a.ui-button.cancel:hover { color: #fff !important; background-color: #b9b9b9; border: 1px solid #b9b9b9; } .global-toast a.ui-button.confirm { background-color: #40B4E5; color: #fff; border: 1px solid #40B4E5; } .global-toast a.ui-button.confirm:hover { background-color: #1889c8; border: 1px solid #1889c8; } @media screen and (max-width: 350px) { .global-toast a.ui-button + a.ui-button { margin-top: 22px; margin-top: 1.375rem; } } .global-toast.animate-in-toast { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms3d .global-toast { display: none; } .no-csstransforms3d .global-toast.animate-in-toast { display: block; } .global-toast .circle-timer { display: block; margin-top: 40px; position: relative; margin-left: auto; margin-right: auto; padding: 2px; border-radius: 100%; } .global-toast .circle-timer #timerBg { fill: #b9b9b9; } .global-toast .circle-timer #timerInner { fill: #fff; } .global-toast .circle-timer #timerBorder { fill: #fff; } .consent-banner { position: fixed; background-color: rgba(31, 36, 43, 0.85); z-index: 9999; bottom: 0px; width: 100%; display: table; padding: 20px; height: 130px; } @media (min-width: 768px) { .consent-banner { height: 230px; } } .consent-banner .inner-consent-banner { display: table-cell; vertical-align: middle; margin: 0 auto; position: relative; text-align: center; } .consent-banner .close-consent-banner { cursor: pointer; font-size: 20px; position: absolute; top: 10px; right: 10px; width: 31px; height: 31px; } @media (min-width: 768px) { .consent-banner .close-consent-banner { height: 40px; width: 40px; } } .consent-banner h5 { font-weight: 300; color: #fff; font-size: 22px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; margin-bottom: 33px; margin-bottom: 2.0625rem; } .consent-banner a.ui-button { color: #fff; font-weight: 400; background-color: transparent; border: 1px solid #fff; font-size: 12px; position: relative; text-align: center; margin: 0 auto; width: auto; display: inline-block; } .consent-banner a.ui-button:hover, .consent-banner a.ui-button:focus { border: 1px solid #fff; background-color: transparent; } .consent-banner a.ui-button.arrow::after { width: 10px; height: 10px; } .consent-banner .close-btn { height: 30px; width: 30px; cursor: pointer; position: absolute; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; border-radius: 100%; border: 1px solid whitesmoke; z-index: 999; } @media (min-width: 768px) { .consent-banner .close-btn { height: 38px; width: 38px; } } .consent-banner .close-btn:hover { border: 1px solid whitesmoke; } .consent-banner .close-btn span::before, .consent-banner .close-btn span::after { background: whitesmoke; position: absolute; content: ''; display: block; height: 2px; width: 45%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: -1px 0 0 -25%; } @media (min-width: 768px) { .consent-banner .close-btn span::before, .consent-banner .close-btn span::after { width: 50%; } } .consent-banner .close-btn span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .consent-banner .close-btn span::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .browserLang-overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999; } .browser-language-dialog { padding: 20px; position: fixed; left: 5%; right: 5%; background: white; max-width: 650px; min-width: 280px; margin: 0 auto; z-index: 9999; text-align: center; } @media all and (orientation: portrait) { .browser-language-dialog { top: 15%; width: 50%; } } @media all and (orientation: landscape) { .browser-language-dialog { top: 0; width: 75%; } } @media (min-width: 768px) { .browser-language-dialog { top: 15%; } } .browser-language-dialog .close-btn { height: 30px; width: 30px; cursor: pointer; position: absolute; right: 2%; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; z-index: 999; } @media (min-width: 768px) { .browser-language-dialog .close-btn { height: 38px; width: 38px; } } .browser-language-dialog .close-btn span::before, .browser-language-dialog .close-btn span::after { background: #b9b9b9; position: absolute; content: ''; display: block; height: 1px; width: 75%; top: 20%; right: 0 !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: -1px 0 0 -25%; } @media (min-width: 768px) { .browser-language-dialog .close-btn span::before, .browser-language-dialog .close-btn span::after { width: 75%; } } .browser-language-dialog .close-btn span:hover { background: #7d7d7d; } .browser-language-dialog .close-btn span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .browser-language-dialog .close-btn span::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .browser-language-dialog .content-container { padding: 0px; } @media (min-width: 768px) { .browser-language-dialog .content-container { padding: 40px; } } .browser-language-dialog .content-container svg { width: 50px; margin-bottom: 20px; } .browser-language-dialog .content-container .browser-lang-icon { width: 50px; height: 50px; margin-bottom: 20px; } .browser-language-dialog .content-container a.ui-button { color: #fff; font-weight: 400; margin-bottom: 22px; margin-bottom: 1.375rem; font-size: 12px; position: relative; text-align: center; margin: 20px 10px 0px 10px; display: inline-block; vertical-align: top; } .browser-language-dialog .content-container a.ui-button:focus { border: 1px solid inherit; background-color: rgba(0, 0, 0, 0.2) !important; } .browser-language-dialog .content-container a.ui-button.confirm { background-color: rgba(255, 255, 255, 0); color: #7d7d7d !important; border: 1px solid #7d7d7d; } .browser-language-dialog .content-container a.ui-button.confirm:hover { color: #fff !important; background-color: #b9b9b9; border: 1px solid #b9b9b9; } .browser-language-dialog .content-container a.ui-button.list { background-color: #40B4E5; color: #fff; border: 1px solid #40B4E5; padding-right: 30px; } .browser-language-dialog .content-container a.ui-button.list:hover { background-color: #1889c8; border: 1px solid #1889c8; } @media screen and (max-width: 350px) { .browser-language-dialog .content-container a.ui-button + a.ui-button { margin-top: 22px; margin-top: 1.375rem; } } .ui-button.list { position: relative; display: inline-block; margin: 0 10px 0 0; cursor: pointer; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align: right; outline: none; scrollbar-face-color: #000000; scrollbar-shadow-color: #2D2C4D; scrollbar-highlight-color: #7D7E94; scrollbar-3dlight-color: #7D7E94; scrollbar-darkshadow-color: #2D2C4D; scrollbar-track-color: #7D7E94; scrollbar-arrow-color: #C1C1D1; } .ui-button.list ::-webkit-scrollbar { width: 8px; } .ui-button.list ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } .ui-button.list ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(31, 36, 43, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .ui-button.list::before { position: absolute; border-bottom: 1px solid #fff; border-right: 1px solid #fff; height: 8px; width: 8px; -webkit-transition: border-color 250ms ease, -webkit-transform 250ms ease; -moz-transition: border-color 250ms ease, -moz-transform 250ms ease; transition: border-color 250ms ease, transform 250ms ease; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); transform-origin: 50% 50%; content: ''; right: 15px; top: 38%; } .ui-button.list:hover { color: #fff; } .ui-button.list:hover::before { border-color: #fff; } .ui-button.list .dropdown { position: absolute; z-index: 900; top: 105%; left: 5%; overflow: hidden; width: 160px; max-height: 0; margin: 0; padding: 0; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align: left; border-radius: 4px; background-color: #fff; } @media (min-width: 768px) { .ui-button.list .dropdown { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 160px; } } .ui-button.list .dropdown li { margin: 0; padding: 0; } .ui-button.list .dropdown li a { display: block; padding: 10px; margin: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; color: #83888b; font-weight: 600; font-size: 0.69444rem; } .ui-button.list .dropdown li:hover a { color: #333333; background: #f1f1f1; } .ui-button.list.active { color: #fff; } .ui-button.list.active .dropdown { overflow-y: scroll; } @media all and (orientation: portrait) { .ui-button.list.active .dropdown { max-height: 159px; } } @media all and (orientation: landscape) { .ui-button.list.active .dropdown { max-height: 80px; } } @media (min-width: 768px) { .ui-button.list.active .dropdown { max-height: 200px; } } .ui-button.list.active:hover::before { border-color: #fff; } .ui-button.list.active::before { border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 0 solid transparent; border-right: 0 solid transparent; top: 55%; } @media (min-width: 768px) { #partners-form-wrapper { max-width: 90%; margin: 0 auto; padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { #partners-form-wrapper { max-width: 85%; } } @media (min-width: 1200px) { #partners-form-wrapper { max-width: 60%; } } @media (min-width: 768px) { #partners-form-wrapper .row + .row { margin-top: 20px; } } #partners-form-wrapper .col { margin-top: 15px; } @media (min-width: 768px) { #partners-form-wrapper .col { margin-top: 0; } } #partners-form-wrapper #step-four h2 { color: #1F242B; margin: 0 0 45px 0; } #partners-form-wrapper #step-four .icon { width: 150px; height: 80px; margin: 0 auto; fill: #40B4E5; } #partners-form-wrapper .partners-form-header { padding: 50px 0; text-align: center; margin: 0; } #partners-form-wrapper .partners-form-header .steps { font-size: 1.44rem; height: 50px; width: 50px; line-height: 45px; vertical-align: middle; display: inline-block; list-style-type: none; color: #A6A7AA; border: 2px solid #A6A7AA; -webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; font-weight: 600; margin-bottom: 0; } #partners-form-wrapper .partners-form-header .steps.active { border-color: #F38B00; color: #F38B00; } #partners-form-wrapper .partners-form-header .steps + .steps { margin-left: 50px; } #partners-form-wrapper .form .row:first-of-type { margin-top: -15px; } #partners-form-wrapper .form.hidden { display: none; } #partners-form-wrapper .form .navigation-container { padding: 50px 0; display: block; text-align: center; display: flex; align-items: center; justify-content: center; } #partners-form-wrapper .form .navigation-container .navigation > div { display: inline-block; } @media (min-width: 768px) { #partners-form-wrapper .form .navigation-container .navigation > div:first-of-type { margin-left: -40px; } } #partners-form-wrapper .form .navigation-container .navigation > div + div { margin-left: 10px; } #partners-form-wrapper .form .navigation-container .navigation .previous { padding-left: 30px; background-color: #fff; border: 1px solid #40B4E5; color: #40B4E5 !important; } #partners-form-wrapper .form .navigation-container .navigation .previous::before { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: left; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); color: #40b4e5; position: absolute; top: 50%; left: 16px; margin: -5px 0 0 0; height: 10px; width: 10px; } #partners-form-wrapper .form .navigation-container .navigation .previous:hover { background-color: #40B4E5; color: #fff !important; } #partners-form-wrapper .form .navigation-container .navigation .previous:hover:before { border-color: #fff; } #partners-form-wrapper .form .navigation-container .navigation .next { padding-right: 30px; } #partners-form-wrapper .form .navigation-container .navigation .next::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: right; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); color: white; position: absolute; top: 50%; right: 15px; margin: -5px 0 0 0; height: 10px; width: 10px; } #partners-form-wrapper .form .navigation-container .navigation .submit { padding-right: 30px; background-color: #F38B00; } #partners-form-wrapper .form .navigation-container .navigation .submit::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: right; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); color: white; position: absolute; top: 50%; right: 17px; margin: -5px 0 0 0; height: 10px; width: 10px; } #partners-form-wrapper .form .navigation-container .navigation .submit:hover { background-color: #FF671B; color: #fff; } #partners-form-wrapper .form label > .error { font-weight: 700; margin-left: 10px; color: #db5e26; } #partners-form-wrapper .form .error-msg { display: block; font-weight: 400; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; color: #db5e26; padding: 0 0 0 20px; background: url("/etc/designs/workday/icons/icon-error-exclamation.svg") no-repeat left center; } #partners-form-wrapper .form .error-msg > span { display: block; } #partners-form-wrapper .form select, #partners-form-wrapper .form input, #partners-form-wrapper .form input[type=text], #partners-form-wrapper .form textarea { width: 100%; display: block; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; font-weight: 400; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; outline: none; padding: 10px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid rgba(132, 136, 139, 0.6); } #partners-form-wrapper .form select::-webkit-input-placeholder, #partners-form-wrapper .form input::-webkit-input-placeholder, #partners-form-wrapper .form input[type=text]::-webkit-input-placeholder, #partners-form-wrapper .form textarea::-webkit-input-placeholder { color: #84888B; } #partners-form-wrapper .form select:-moz-placeholder, #partners-form-wrapper .form input:-moz-placeholder, #partners-form-wrapper .form input[type=text]:-moz-placeholder, #partners-form-wrapper .form textarea:-moz-placeholder { /* Firefox 18- */ color: #84888B; } #partners-form-wrapper .form select::-moz-placeholder, #partners-form-wrapper .form input::-moz-placeholder, #partners-form-wrapper .form input[type=text]::-moz-placeholder, #partners-form-wrapper .form textarea::-moz-placeholder { /* Firefox 19+ */ color: #84888B; } #partners-form-wrapper .form select:-ms-input-placeholder, #partners-form-wrapper .form input:-ms-input-placeholder, #partners-form-wrapper .form input[type=text]:-ms-input-placeholder, #partners-form-wrapper .form textarea:-ms-input-placeholder { color: #84888B; } #partners-form-wrapper .form select:focus, #partners-form-wrapper .form input:focus, #partners-form-wrapper .form input[type=text]:focus, #partners-form-wrapper .form textarea:focus { -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; box-shadow: 0 0 5px #40b4e5; border: 1px solid #40b4e5; } #partners-form-wrapper .form select:focus:hover, #partners-form-wrapper .form input:focus:hover, #partners-form-wrapper .form input[type=text]:focus:hover, #partners-form-wrapper .form textarea:focus:hover { box-shadow: 0 0 5px #40b4e5; } #partners-form-wrapper .form select:hover, #partners-form-wrapper .form input:hover, #partners-form-wrapper .form input[type=text]:hover, #partners-form-wrapper .form textarea:hover { box-shadow: 0 0 0 rgba(64, 180, 229, 0); } #partners-form-wrapper .form select.error, #partners-form-wrapper .form input.error, #partners-form-wrapper .form input[type=text].error, #partners-form-wrapper .form textarea.error { box-shadow: 0 0 7px rgba(219, 94, 38, 0.35); border: 1px solid rgba(219, 94, 38, 0.6); } #partners-form-wrapper .form select.error::-webkit-input-placeholder, #partners-form-wrapper .form input.error::-webkit-input-placeholder, #partners-form-wrapper .form input[type=text].error::-webkit-input-placeholder, #partners-form-wrapper .form textarea.error::-webkit-input-placeholder { color: #db5e26; } #partners-form-wrapper .form select.error:-moz-placeholder, #partners-form-wrapper .form input.error:-moz-placeholder, #partners-form-wrapper .form input[type=text].error:-moz-placeholder, #partners-form-wrapper .form textarea.error:-moz-placeholder { /* Firefox 18- */ color: #db5e26; } #partners-form-wrapper .form select.error::-moz-placeholder, #partners-form-wrapper .form input.error::-moz-placeholder, #partners-form-wrapper .form input[type=text].error::-moz-placeholder, #partners-form-wrapper .form textarea.error::-moz-placeholder { /* Firefox 19+ */ color: #db5e26; } #partners-form-wrapper .form select.error:-ms-input-placeholder, #partners-form-wrapper .form input.error:-ms-input-placeholder, #partners-form-wrapper .form input[type=text].error:-ms-input-placeholder, #partners-form-wrapper .form textarea.error:-ms-input-placeholder { color: #db5e26; } #partners-form-wrapper .form select.error:focus, #partners-form-wrapper .form input.error:focus, #partners-form-wrapper .form input[type=text].error:focus, #partners-form-wrapper .form textarea.error:focus { box-shadow: 0 0 5px #40b4e5; border: 1px solid #40b4e5; color: #84888B; } #partners-form-wrapper .form select.error:focus:hover, #partners-form-wrapper .form input.error:focus:hover, #partners-form-wrapper .form input[type=text].error:focus:hover, #partners-form-wrapper .form textarea.error:focus:hover { box-shadow: 0 0 5px #40b4e5; } #partners-form-wrapper .form .form-group.error .CaptionCont { box-shadow: 0 0 7px rgba(219, 94, 38, 0.35); border: 1px solid rgba(219, 94, 38, 0.6); } #partners-form-wrapper .form .form-group.error .placeholder { color: #db5e26; } #partners-form-wrapper .form .css-checkbox { outline: none; display: inline; text-align: center; vertical-align: middle; width: 20px; height: 20px; outline-style: none; border: 0 none transparent; box-shadow: 0 0 0 transparent; padding: 0; border-radius: 0; } #partners-form-wrapper .form .css-checkbox:focus { border: 0 none transparent; box-shadow: 0 0 0 transparent; } #partners-form-wrapper .form .css-checkbox:focus:hover { box-shadow: 0 0 0 transparent; } #partners-form-wrapper .form .css-checkbox.error { margin-left: 0; box-shadow: 0 0 0 transparent !important; border: 0 none transparent !important; } #partners-form-wrapper .form .css-checkbox.agree { margin-right: 10px; } #partners-form-wrapper .form .radio .control-label { display: inline-block; text-align: center; vertical-align: middle; overflow: hidden; height: 25px; } #partners-form-wrapper .form .radio .control-label + .control-label { margin-left: 5%; } #partners-form-wrapper .form .radio .css-radio { display: block; outline: none; float: left; vertical-align: middle; width: 20px; height: 20px; padding: 0; margin-right: 10px; border: 0 none transparent; box-shadow: 0 0 0 transparent; } #partners-form-wrapper .form .radio .css-radio:focus { border: 0 none transparent; box-shadow: 0 0 0 transparent; } #partners-form-wrapper .form .SumoSelect .placeholder { font-weight: 400; color: #84888B; font-variant: normal; font-style: normal; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; line-height: 40px; } #partners-form-wrapper .form .SumoSelect .optWrapper { width: 100%; } #partners-form-wrapper .form .SumoSelect .SelectBox { outline: none; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20.02px; line-height: 1.25125rem; line-height: 40px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; border: 1px solid rgba(132, 136, 139, 0.6); box-shadow: 0 0 0 transparent; } #partners-form-wrapper .form .SumoSelect .SelectBox.error { box-shadow: 0 0 7px rgba(219, 94, 38, 0.35); border: 1px solid rgba(219, 94, 38, 0.6); } #partners-form-wrapper .form .SumoSelect .SelectBox.error::-webkit-input-placeholder { color: #db5e26; } #partners-form-wrapper .form .SumoSelect .SelectBox.error:-moz-placeholder { /* Firefox 18- */ color: #db5e26; } #partners-form-wrapper .form .SumoSelect .SelectBox.error::-moz-placeholder { /* Firefox 19+ */ color: #db5e26; } #partners-form-wrapper .form .SumoSelect .SelectBox.error:-ms-input-placeholder { color: #db5e26; } #partners-form-wrapper .form .SumoSelect .SelectBox.error:focus { box-shadow: 0 0 5px #40b4e5; border: 1px solid #40b4e5; color: #84888B; } #partners-form-wrapper .form .SumoSelect .SelectBox.error:focus:hover { box-shadow: 0 0 5px #40b4e5; } #partners-form-wrapper .form .SumoSelect .SelectBox.error:focus:hover .placeholder { color: inherit; } #partners-form-wrapper .form .SumoSelect .SelectBox.error .placeholder { color: #db5e26; } #partners-form-wrapper .form .SumoSelect.open .SelectBox { box-shadow: 0 0 5px #40b4e5; border-color: #40b4e5; } #partners-form-wrapper #form-thank-you { border: 1px solid #ddd; border-radius: 12px; padding: 40px 80px; max-width: 600px; margin: 25px auto; } .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark { width: 56px; height: 56px; border-radius: 50%; display: block; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; margin: 20px auto; box-shadow: inset 0px 0px 0px #7ac142; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #7ac142; } } .component-announcement-item { text-align: center; color: inherit; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 22px; margin-bottom: 1.375rem; } @media (min-width: 768px) { .component-announcement-item { text-align: center; margin-bottom: 0; } } .component-announcement-item + .component-announcement-item { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-announcement-item a { color: inherit; font-weight: 300; text-align: left; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; width: 100%; -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; transition: color 250ms ease; position: relative; display: table; } .component-announcement-item a span { display: table-cell; vertical-align: middle; } .component-announcement-item a::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #1F242B; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: inherit; position: absolute; top: 50%; right: -10px; margin: -3px 0 0 0; height: 9px; width: 9px; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } .component-announcement-item a:hover { color: inherit; } .component-announcement-item a:hover::after { border-color: inherit; } .component-announcement-item a:hover .item-type { background-color: #006DB6; } .component-announcement-item a:hover .item-content { color: inherit; text-decoration: underline; } .component-announcement-item a .item-type { color: #fff; border-radius: 4px; display: block; font-size: inherit; padding: 5px 10px; margin: 0 15px 0 0; font-weight: 400; background-color: #40B4E5; text-transform: capitalize; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .component-award { text-align: center; padding: 5% 0%; min-height: 320px; } .component-award .award-icon { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-award .award-icon .icon, .component-award .award-icon .img { fill: #40B4E5; width: auto; height: 60px; } .component-award .award-content { margin: 0 auto; font-size: 28px; font-weight: 100; line-height: 32px; } .component-award .award-italic { width: 50%; margin: 10px auto 0px auto; font-weight: 600; font-size: 14px; font-style: italic; } .service-partners { max-width: 1200px; margin-left: auto; margin-right: auto; } .service-partners .service-partners-section { margin-bottom: 60px; } .service-partners .service-partners-section h6.service-partners-title { color: #1F242B; margin-bottom: 40px; text-align: center; } .service-partners .service-partners-section:last-child { margin-bottom: 0px; } @media (min-width: 992px) { .service-partners .result-group { margin-bottom: 100px; float: left; display: block; margin-right: 1.61735%; width: 83.06378%; margin-left: 8.46811%; } .service-partners .result-group:last-child { margin-right: 0; } .service-partners .result-group:last-child { margin-bottom: 0px; } } @media (min-width: 992px) { .service-partners .result-group .group { display: flex; align-items: center; justify-content: center; } } .service-partners .result-group .group .row { width: 100%; text-align: center; } .service-partners .result-group .group .row .col { text-align: center; display: inline; margin-bottom: 49.5px; margin-bottom: 3.09375rem; } @media (min-width: 768px) { .service-partners .result-group .group .row .col { float: left; display: block; margin-right: 1.61735%; width: 23.78699%; float: none; display: inline-block; } .service-partners .result-group .group .row .col:last-child { margin-right: 0; } .service-partners .result-group .group .row .col:nth-child(4n) { margin-right: 0; } .service-partners .result-group .group .row .col:nth-child(4n+1) { clear: left; } } .service-partners .result-group .group .row .col a { width: 100%; } .service-partners .result-group .group .row .col a img { margin: 0 auto; display: block; } .component-news-listings h5 { margin: 30px 0px 5px 0px; line-height: 16px; font-size: 16px; color: #1F242B; } .component-news-listings span { font-size: 14px; display: block; } .component-news-listings a { display: block; margin-top: 10px; font-size: 14px; } .component-infographic a img { margin: 0 auto; display: block; } .component-infographic .infographic-embed-code { margin-top: 22px; margin-top: 1.375rem; margin-bottom: 22px; margin-bottom: 1.375rem; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .component-infographic .infographic-embed-code { max-width: 75%; } } .component-infographic .infographic-embed-code .heading { margin-bottom: 22px; margin-bottom: 1.375rem; text-align: center; } .component-infographic .infographic-embed-code .embed-code { font-family: "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Monaco", monospace; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; width: 100%; padding: .75em; overflow: scroll; border: 1px solid whitesmoke; -webkit-transition: border-color 250ms ease; -moz-transition: border-color 250ms ease; transition: border-color 250ms ease; } .component-infographic .infographic-embed-code .embed-code:focus { box-shadow: 0 0 0 transparent; outline: none; border-color: #b9b9b9; } .component-careers-search { text-align: center; } .component-careers-search form.careers-search-form { max-width: 85%; margin: 0 auto; } @media screen and (max-width: 365px) { .component-careers-search form.careers-search-form { max-width: 100%; margin: 0 auto; } } @media (min-width: 768px) { .component-careers-search form.careers-search-form { max-width: 65%; } } .component-careers-search form.careers-search-form input { border: 1px solid #b9b9b9; border-radius: 8px; padding: 10px; max-width: 50%; display: inline-block; outline: none; color: #1F242B; } @media screen and (max-width: 365px) { .component-careers-search form.careers-search-form input { max-width: 100%; } } .component-careers-search form.careers-search-form button { display: inline-block; outline: none; height: 42px; margin-left: 2%; text-transform: uppercase; font-weight: 600; } @media screen and (max-width: 365px) { .component-careers-search form.careers-search-form button { width: 100%; margin-left: 0; } } .component-careers-search form.careers-search-form button:hover { background-color: #1889c8; } .component-careers-search form.careers-search-form button::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 365px) { .component-careers-search form.careers-search-form input + button { margin-top: 22px; margin-top: 1.375rem; } } .component-callout-container { position: relative; padding-top: 44px; padding-top: 2.75rem; padding-bottom: 44px; padding-bottom: 2.75rem; } .component-callout-container .callout-image { display: block; margin: 0 auto; max-width: 80%; transform: translateZ(0); } @media (min-width: 992px) { .component-callout-container .callout-image { max-width: 100%; } } .component-callout-container .bglayer { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } .component-callout-container .callout-constraints { display: none; height: 53%; width: 49%; position: absolute; top: 45%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } @media (min-width: 992px) { .component-callout-container .callout-constraints { display: block; } } @media (min-width: 1440px) { .component-callout-container .callout-constraints { height: 430px; width: 620px; } } .component-callout-container .callout-constraints .callout-content { font-size: 14px; line-height: 1.2em; width: 52%; position: absolute; } @media (min-width: 1200px) { .component-callout-container .callout-constraints .callout-content { font-size: 15px; line-height: 1.25em; } } .component-callout-container .callout-constraints .callout-content.text-left { text-align: left; } .component-callout-container .callout-constraints .callout-content.text-right { text-align: right; } .component-callout-container .callout-constraints .callout-content.side-left { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .component-callout-container .callout-constraints .callout-content.side-right { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .component-image-img { display: block; max-width: 100%; transform: translateZ(0); } .component-image-img.align-left { margin-left: 0; margin-right: auto; left: 0; } .component-image-img.align-center { margin-left: auto; margin-right: auto; } .component-image-img.align-right { margin-left: auto; margin-right: 0; right: 0; } .component-search-simple { text-align: center; } .component-search-simple form.search-simple-form { max-width: 85%; margin: 0 auto; } @media screen and (max-width: 365px) { .component-search-simple form.search-simple-form { max-width: 100%; margin: 0 auto; } } @media (min-width: 768px) { .component-search-simple form.search-simple-form { max-width: 65%; } } .component-search-simple form.search-simple-form input { color: #83888b; border: 1px solid #b9b9b9; border-radius: 8px; padding: 5px 10px; max-width: 50%; display: inline-block; outline: none; color: #1F242B; } @media screen and (max-width: 365px) { .component-search-simple form.search-simple-form input { max-width: 100%; } } .component-search-simple form.search-simple-form button { display: inline-block; outline: none; height: 42px; margin-left: 2%; text-transform: uppercase; font-weight: 600; } @media screen and (max-width: 365px) { .component-search-simple form.search-simple-form button { max-width: 100%; margin-left: 0; } } .component-search-simple form.search-simple-form button:hover { background-color: #1889c8; } .component-search-simple form.search-simple-form button::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 365px) { .component-search-simple form.search-simple-form input + button { margin-top: 22px; margin-top: 1.375rem; } } .component-customer-signin h3 { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #83888b !important; } .component-customer-signin .customer-signin-form { box-sizing: border-box; } .component-customer-signin .customer-signin-form .ui-button { width: 35%; max-width: 200px; min-width: 100px; margin-top: 10px; margin-bottom: 0px; margin-bottom: 0rem; } @media (min-width: 768px) { .component-customer-signin .customer-signin-form .ui-button { width: 38%; margin-left: 0; margin-right: 0; } } .component-customer-signin .customer-signin-form input[type='text'] { width: 100%; margin-top: 10px; border: 1px solid #CCC; border-radius: 6px; display: inline-block; padding: 10px 0 10px 10px; height: 35px; } @media (min-width: 768px) { .component-customer-signin .customer-signin-form input[type='text'] { width: 60%; margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .component-customer-signin .customer-signin-form input[type='text'] { margin-top: 0; } } .component-customer-signin .customer-signin-form input[type='checkbox'] { height: 14px; width: 14px; margin-right: .5em; outline: none; } .component-customer-signin .customer-signin-form label { margin-top: 10px; cursor: pointer; clear: both; font-size: .87em; display: block; } .component-customer-signin .ui-msg { padding-left: 1.5rem; } .component-customer-signin .ui-msg:target { display: inline !important; } @media (min-width: 768px) { .eventlogin .row.gd-width-90 { max-width: 60%; } } .eventlogin h2 span { display: none; } @media (min-width: 992px) { .eventlogin h2 span { display: inline-block; } } .eventlogin .eventlogin__section { margin-top: 20px; } .eventlogin .eventlogin__section p.error { color: red; } .eventlogin .eventlogin__section .eventlogin__form { margin-top: 10px; } @media (min-width: 768px) { .eventlogin .eventlogin__section .eventlogin__form { margin-top: 20px; } } .eventlogin .eventlogin__section .eventlogin__form.error input { border: 1px solid red; } .eventlogin .eventlogin__section .eventlogin__form.error input.ui-button { border: none; } .eventlogin .eventlogin__section .eventlogin__form input { margin: 10px 0; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 0 10px; color: #84888B; -webkit-transition: box-shadow 500ms ease; -moz-transition: box-shadow 500ms ease; transition: box-shadow 500ms ease; } .eventlogin .eventlogin__section .eventlogin__form input:focus { box-shadow: 0 0 5px 1px rgba(0, 109, 182, 0.5); outline: none; } .eventlogin .eventlogin__section .eventlogin__form input:focus:hover { box-shadow: 0 0 5px 1px rgba(0, 109, 182, 0.5); outline: none; } .eventlogin .eventlogin__section .eventlogin__form input:hover { box-shadow: 0 0 0 0 rgba(0, 109, 182, 0); outline: none; } .eventlogin .eventlogin__section .eventlogin__form input.ui-button { -webkit-border-radius: 24px 24px 24px 24px; -moz-border-radius: 24px 24px 24px 24px; border-radius: 24px 24px 24px 24px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media (min-width: 768px) { .eventlogin .eventlogin__section .eventlogin__form input.ui-button { font-size: 0.8em; width: 30%; } } .eventlogin .eventlogin__section .eventlogin__form input:placeholder { color: #84888B; } .eventlogin .eventlogin__section .eventlogin__form input::-webkit-input-placeholder { color: #84888B; } .eventlogin .eventlogin__section .eventlogin__form input:-moz-placeholder { color: #84888B; } .eventlogin .eventlogin__section .eventlogin__form input::-moz-placeholder { line-height: 3em; color: #84888B; } .eventlogin .eventlogin__section .eventlogin__form input:-ms-input-placeholder { color: #84888B; } .eventlogin .gd-size-2 .eventlogin--partner { float: right; } @media (min-width: 768px) { .eventlogin .gd-size-2 .eventlogin--partner { width: 50%; padding: 20px 0 20px 5.01424%; } } .eventlogin .gd-size-2 .eventlogin--employee { float: left; } @media (min-width: 768px) { .eventlogin .gd-size-2 .eventlogin--employee { width: 50%; margin-right: 0; border-right-width: 1px; border-right-style: solid; padding: 20px 5.01424% 20px 0; } } /****** HELPERS STRUCTURE SETUP ******/ .active-menu-section { position: static; } @media screen and (min-width: 768px) { .active-menu-section { position: relative; } } .expandingnavigation { line-height: 1.4; } .active-menu-section .container { padding-top: 40px; } html.noscrollbody { position: fixed; width: 100%; overflow-y: hidden; } @media screen and (min-width: 768px) { html.noscrollbody { position: static; overflow-y: visible; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { html.noscrollbody { position: static; } } /****** NAVIGATION STYLING ******/ .expnav-overlay { width: 100%; height: 100%; background-color: #1F242B; opacity: 0; position: absolute; top: 0; z-index: 1; visibility: hidden; } .expanding-nav-container { color: #fff; background-color: #006DB6; width: 100%; position: absolute; z-index: 5; } .expanding-nav-container a:hover { text-decoration: underline; } .expanding-nav-container > nav { margin: 0 auto; max-width: 1440px; min-height: 80px; position: relative; } .expnav-menu { display: inline-block; } .desktop-menu { display: none; } .expnav-content { margin: 0 auto; width: 100%; height: 80vh; text-align: left; visibility: hidden; position: absolute; overflow: auto; } @media screen and (min-width: 768px) { .expnav-content { height: auto; text-align: center; } } .expnav-content > .titles > li { transform: translateY(-30px); opacity: 0; visibility: hidden; text-align: left; display: inline-block; margin: 4% 8%; font-weight: 600; color: #F38B00; z-index: 9; vertical-align: top; } @media screen and (min-width: 768px) { .expnav-content > .titles > li { margin: 4% 8% 0% 8%; } } .expnav-content > .titles > li > ul li { display: block; margin: 15px 0px; font-weight: 300; color: #fff; } @media screen and (min-width: 768px) { .expnav-content > .titles > li > ul li { margin: 30px 0px; } } .expnav-content > .titles > li > ul li a { text-decoration: none; color: white; font-weight: 100; } .expnav-content > .titles > li > ul li a:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .desktop-menu { display: inline-block; position: absolute; top: 50%; margin-top: -10px; left: 5%; z-index: 1; } .desktop-menu > a { color: #fff; text-decoration: none; font-weight: normal; cursor: pointer; } .desktop-menu > a > span { margin-left: 10px; top: -2px; display: inline-block; -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */ transform: rotate(270deg); transition: all 250ms; } .desktop-menu > a > span > .arrow { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid white; float: right; } .open > a > span { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); transition: all 250ms; } } .expnav-logo { position: absolute; width: 100%; text-align: center; z-index: 0; } .expnav-logo a { display: inline-block; z-index: 9; } .expnav-logo a > img { max-height: 36px; } @media screen and (min-width: 768px) { .expnav-logo a > img { max-height: 40px; } } .expnav-burger-menu-container { position: absolute; top: 25px; width: 30px; height: 30px; left: 20px; z-index: 1; } .expnav-burger-menu-container .burgermenu { width: 25px; height: 25px; display: block; position: absolute; top: 0; left: 0; padding: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } @media screen and (min-width: 768px) { .expnav-burger-menu-container .burgermenu { display: none; } } .expnav-burger-menu-container .burgermenu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .expnav-burger-menu-container .burgermenu span:nth-child(1) { top: 5px; } .expnav-burger-menu-container .burgermenu span:nth-child(2), .expnav-burger-menu-container .burgermenu span:nth-child(3) { top: 15px; } .expnav-burger-menu-container .burgermenu span:nth-child(4) { top: 25px; } .expnav-burger-menu-container.open .burgermenu span { background: #fff; } .expnav-burger-menu-container.open .burgermenu span:nth-child(1) { top: 15px; width: 0%; left: 50%; } .expnav-burger-menu-container.open .burgermenu span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .expnav-burger-menu-container.open .burgermenu span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .expnav-burger-menu-container.open .burgermenu span:nth-child(4) { top: 15px; width: 0%; left: 50%; } /* Style the tab */ .featured-top-tab-list.component-section { padding-top: 0px; } .featured-top-tab-list .tab-container { /* Style UI just on author to edit tabs*/ /* Style the buttons inside the tab */ /* Change background color of buttons on hover */ /* Create an active/current tablink class */ /* Style the tab content */ } .featured-top-tab-list .tab-container div.tab { overflow: hidden; } .featured-top-tab-list .tab-container .author-tab { display: inline-block; width: 100% !important; } .featured-top-tab-list .tab-container .author-tab button { width: 100% !important; } .featured-top-tab-list .tab-container .author-tab .tabcontent { display: block; width: 100% !important; } .featured-top-tab-list .tab-container div.tab button { background-color: inherit; float: left; border: none; width: 50%; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #f1f1f1; } .featured-top-tab-list .tab-container div.tab button.active { background-color: transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .featured-top-tab-list .tab-container .tabcontent { display: none; padding: 6px 12px; border-top: none; } .featured-top-tab-list .tab-container .tabcontent .container { padding-top: 66px; padding-top: 4.125rem; padding-bottom: 66px; padding-bottom: 4.125rem; } .component-media-resource { height: 100%; display: block; /* content pane */ } .component-media-resource .component-left-tab-interface .lti-nav li::after, .component-left-tab-interface .lti-nav .component-media-resource li::after { content: ' '; position: absolute; width: 0; height: 0; right: -19px; top: 50%; margin-top: -10px; border: 10px solid; border-color: transparent transparent transparent #3399cc; } .component-media-resource .media-resource-nav { height: 100%; color: #fff; /* responsive nav header */ } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav { color: black; } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav .author-mode-id { font-size: 12px; } @media (min-width: 768px) { .component-media-resource .media-resource-nav { background-color: transparent; min-width: 130px; width: 20%; float: left; position: relative; } } .component-media-resource .media-resource-nav li { opacity: .7; position: relative; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; transition: opacity 250ms ease; } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav li { border-bottom: 1px solid #F6F6F6; } .component-media-resource .media-resource-nav li a { display: inline-block; } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav li a { color: black; } .component-media-resource .media-resource-nav li:hover { opacity: .7; cursor: pointer; } @media (min-width: 768px) { .component-media-resource .media-resource-nav li:hover a { text-decoration: none !important; } } .component-media-resource .media-resource-nav li.menu-title { opacity: 1; } .component-media-resource .media-resource-nav li.menu-title > a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; color: #fff; text-transform: uppercase; display: block; position: relative; } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav li.menu-title > a { color: black !important; } @media (min-width: 768px) { .component-media-resource .media-resource-nav li.menu-title > a { display: block; } } .component-media-resource .media-resource-nav #sticky-nav { position: absolute; padding-right: 1em; /*right: 0;*/ } .component-media-resource .media-resource-nav #sticky-nav.is-fixed { position: fixed; top: 110px; height: auto; width: auto; max-width: 240px; right: initial; } .component-media-resource .media-resource-nav #sticky-nav.bottom { position: absolute; } .component-media-resource .media-resource-nav #sticky-nav > li:last-child { margin-bottom: 0; } .component-media-resource .media-resource-nav .mr-rsp-nav { padding: 10px 0; min-height: 30px; border: 1px solid #b9b9b9; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #fff; color: #83888b; float: left; display: block; margin-right: 3.28787%; width: 100%; } .component-media-resource .media-resource-nav .mr-rsp-nav:last-child { margin-right: 0; } .component-media-resource .media-resource-nav .mr-rsp-nav:nth-child(n) { margin-right: 0; } .component-media-resource .media-resource-nav .mr-rsp-nav.open { padding: 10px 0 0 0; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media (min-width: 600px) { .component-media-resource .media-resource-nav .mr-rsp-nav { text-align: center; } } @media (min-width: 768px) { .component-media-resource .media-resource-nav .mr-rsp-nav { display: none; } } .component-media-resource .media-resource-nav .mr-rsp-nav li { padding-left: 1em; } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-title { padding-left: 0 !important; } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-title > a { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-title > a:hover { cursor: pointer; } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-heading { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; padding-right: 32px; padding-left: 10px; /* show up arrow */ } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-heading:hover { cursor: pointer; } .component-media-resource .media-resource-nav .mr-rsp-nav .menu-heading:after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #83888b; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 12px; margin-top: -11px; } .component-media-resource .media-resource-nav .mr-rsp-nav .rsp-list-show { margin-top: 10px !important; } .component-media-resource .media-resource-nav .background-bleed { display: none; z-index: 0; } @media (min-width: 768px) { .component-media-resource .media-resource-nav .background-bleed { display: block; background-color: #3399cc; position: absolute; right: 0; left: -2000px; } } .aem-AuthorLayer-Edit .component-media-resource .media-resource-nav .background-bleed { display: none; } .component-media-resource .media-resource-nav ul { opacity: 0; overflow: hidden; max-height: 0; width: 100%; text-align: left; list-style: none; padding: 0; margin: 0; /* when in mobile size */ } .component-media-resource .media-resource-nav ul.rsp-list-show { opacity: 1; max-height: 2000px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-align: center; } .component-media-resource .media-resource-nav ul.rsp-list-show li { opacity: 1; margin: 0 11px; text-align: left; border-top: 1px solid #ddd; } .component-media-resource .media-resource-nav ul.rsp-list-show li:last-child { border-bottom: none; } .component-media-resource .media-resource-nav ul.rsp-list-show li a { padding-right: 0; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #83888b; width: 100%; padding-top: 15px; padding-bottom: 15px; } .component-media-resource .media-resource-nav ul.rsp-list-show li.active { font-weight: bold; } .component-media-resource .media-resource-nav ul.rsp-list-show li::after { display: none; } @media (min-width: 768px) { .component-media-resource .media-resource-nav ul { opacity: 1; max-height: 2000px; overflow: visible; } } .component-media-resource .media-resource-nav li { margin-left: 0; margin-bottom: 0; cursor: default; margin-bottom: 33px; margin-bottom: 2.0625rem; } @media (min-width: 768px) { .component-media-resource .media-resource-nav li:first-of-type.menu-title { padding-top: 0 !important; } } .component-media-resource .media-resource-nav li.active { opacity: 1; } .component-media-resource .media-resource-nav li a { cursor: pointer; color: #fff; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; } .component-media-resource .media-resource-nav li:hover { opacity: 1; } .component-media-resource .media-resource-nav li::after { display: none; } @media (min-width: 768px) { .component-media-resource .media-resource-container { float: right; display: block; padding: 0 20px 0 40px; width: 80%; } } .component-media-resource .media-resource-content { float: left; display: block; margin-right: 3.28787%; width: 100%; display: block; margin-bottom: 44px; margin-bottom: 2.75rem; padding: 20px 0; } .component-media-resource .media-resource-content:last-child { margin-right: 0; } .component-media-resource .media-resource-content:nth-child(n) { margin-right: 0; } @media (min-width: 768px) { .component-media-resource .media-resource-content { padding: 0; } } .component-media-resource .namedanchorsection { padding-bottom: 44px; padding-bottom: 2.75rem; } .component-media-resource .namedanchorsection + .namedanchorsection { padding-top: 44px; padding-top: 2.75rem; border-top: 1px solid #dcdcdc; } .component-media-resource .named-anchor { display: block; height: 0; top: -120px; position: relative; } .edit-anchor-section { border: 1px dashed #dcdcdc; } .back-to-top { height: 45px; width: 45px; position: fixed; right: 25px; bottom: 30px; display: block; border-radius: 50%; border: 1px solid #e9e9e9; text-align: center; line-height: 45px; cursor: pointer; z-index: 100; background-size: 50%; background: rgba(255, 255, 255, 0.75) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALlJREFUeNrs1cEJgzAUgOHnozN0Dr12i156NhvUSewGeu4gHaZLtBEiSKBFa56m8P8QjCaEj1wUISIi2rvL43kdhsXZhQG28486vPb309FlC46wYoEujLHJ0WqAvU2Wxnkd9uwPjrDO32QzroW5S4nWxNg+3hO+JUOrJdYCrT9i27nYL+h2yxsul2A/oMstwWc/qiXYCF1N4Fn8ml/DsDhb5c8CDBgwYMCAAQNe08Ho3EaIiIhy6C3AAC32UeEf7EchAAAAAElFTkSuQmCC") 50% 50% no-repeat; opacity: 0; visibility: hidden; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -ms-transition: all 250ms ease; } .back-to-top.visible { opacity: 1; visibility: visible; } .component-image-tiles-panel { overflow: hidden; padding-top: 0; } .component-image-tiles-panel.component-section { padding-top: 0; padding-bottom: 0; } .component-image-tiles-panel .heading { margin-top: 22px; margin-top: 1.375rem; margin-left: 1em; } .component-image-tiles-panel .heading header { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; font-size: 30px; font-size: 1.875rem; line-height: 36.3px; line-height: 2.26875rem; } .component-image-tiles-panel .heading p { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 26.4px; line-height: 1.65rem; } .component-image-tiles-panel .itp-grid { /* for both automatic and manual */ padding: 1em; padding-bottom: 1.5em; position: relative; text-align: center; /* default manual selection image sizes */ } .component-image-tiles-panel .itp-grid .itp-cell { margin-bottom: 22px; margin-bottom: 1.375rem; } .component-image-tiles-panel .itp-grid .itp-cell .img-heading, .component-image-tiles-panel .itp-grid .itp-cell .imgtiles-cta { text-align: center; display: block; } .component-image-tiles-panel .itp-grid .itp-cell .imgtiles-cta { position: relative; display: inline; } .component-image-tiles-panel .itp-grid .itp-cell .imgtiles-cta::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #40B4E5; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 3px; height: 8px; width: 8px; } .component-image-tiles-panel .itp-grid .itp-cell .imgtiles-cta:hover::after { content: ''; width: 14px; height: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #006DB6; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 8px; width: 8px; } .component-image-tiles-panel .itp-grid p { text-align: left; } .component-image-tiles-panel .itp-grid img { display: block; margin: 0 auto; margin-bottom: 20px; min-height: 100px; } .component-image-tiles-panel .itp-grid img.has-border { border: 2px solid #A6A7AA; } .component-image-tiles-panel .itp-grid a { position: absolute; bottom: 0; margin: 0 auto; width: 100%; } @media (min-width: 600px) { .component-image-tiles-panel .itp-grid.itp-manual img { max-width: 65%; } .component-image-tiles-panel .itp-grid.itp-manual img.contain-image { /* at this breakpoint, we only accept containment 60% */ } .component-image-tiles-panel .itp-grid.itp-manual img.contain-image-60 { max-width: 60%; } } @media (min-width: 992px) { .component-image-tiles-panel .itp-grid.itp-manual img { max-width: 100%; } .component-image-tiles-panel .itp-grid.itp-manual img.contain-image-80 { max-width: 80%; } .component-image-tiles-panel .itp-grid.itp-manual img.contain-image-70 { max-width: 70%; } .component-image-tiles-panel .itp-grid.itp-manual img.contain-image-60 { max-width: 60%; } } .component-image-tiles-panel .itp-grid.itp-automatic { overflow: hidden; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell { float: left; display: block; margin-right: 5.01424%; width: 100%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:last-child { margin-right: 0; } @media (min-width: 600px) { .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell { /*@include omega-reset(4n);*/ float: left; display: block; margin-right: 5.01424%; width: 47.49288%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:last-child { margin-right: 0; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(2n) { margin-right: 0; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(2n+1) { clear: left; } } @media (min-width: 992px) { .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell { float: left; display: block; margin-right: 1.61735%; width: 32.2551%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(2n) { margin-right: 1.61735%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(2n+1) { clear: none; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:last-child { margin-right: 0; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(3n) { margin-right: 0; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell:nth-child(3n+1) { clear: left; } } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell img.contain-image-80 { max-width: 80%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell img.contain-image-70 { max-width: 70%; } .component-image-tiles-panel .itp-grid.itp-automatic .itp-cell img.contain-image-60 { max-width: 60%; } .tile-featured { background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); min-height: 331px; margin: 0 auto; max-width: 250px; overflow: hidden; } @media (min-width: 600px) { .tile-featured { max-width: 260px; } } @media (min-width: 1200px) { .tile-featured { max-width: 340px; margin: 0 5%; min-height: 309px; } } .tile-featured .tile-image { height: 175px; position: relative; overflow: hidden; } .tile-featured .tile-image img { top: 49.5%; left: 50%; transform: translate(-50%, -50%); position: relative; max-width: 340px; } .tile-featured p.tile-content { color: #83888b; font-size: 1rem; margin: 20px 22px 8px; max-width: 100%; text-align: left; } .tile-featured .tile-cta { display: block; font-size: 0.875rem; padding: 0 20px 0; text-align: left; } .tile-featured .icon-wrapper { float: left; margin: 0 4px 0 22px; } .tile-featured .icon-wrapper .icon, .tile-featured .icon-wrapper .img { height: 20px; width: 20px; } .component-tableschema { overflow: hidden; padding: 0; margin: 0; } .component-tableschema .ts-col-container { margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #1F242B; display: block; width: 100%; } .component-tableschema .ts-col-container .ts-heading { display: inline-block; width: 100%; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; vertical-align: top; color: #1F242B; } @media (min-width: 992px) { .component-tableschema .ts-col-container .ts-heading { width: 45%; padding-right: 20px; } } .component-tableschema .ts-col-container .ts-col-wrap { padding: 0; margin: 0; display: none; width: 55%; } @media (min-width: 992px) { .component-tableschema .ts-col-container .ts-col-wrap { display: inline-block; } } .component-tableschema .ts-col-container .ts-col-wrap li { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; list-style: none; margin: 0; padding: 0; display: none; justify-content: space-between; width: 33.3%; word-wrap: break-word; vertical-align: top; } .component-tableschema .ts-col-container .ts-col-wrap li .d-heading, .component-tableschema .ts-col-container .ts-col-wrap li .m-heading { display: none; } @media (min-width: 992px) { .component-tableschema .ts-col-container .ts-col-wrap li { display: inline-block; color: #1F242B; padding-right: 4px; } .component-tableschema .ts-col-container .ts-col-wrap li .d-heading { display: inline; } } .component-tableschema .ts-content-container { margin-top: 22px; margin-top: 1.375rem; } .tablecontent { width: 100%; } .component-tablecontent { font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; display: block; /* end m-view */ /* end d-view */ } .component-tablecontent a:hover { text-decoration: none; } .component-tablecontent.hide { display: none; } .component-tablecontent .tc-accordion { width: 100%; /* tc-content */ } .component-tablecontent .tc-accordion .tc-content { height: 0px; width: 100%; margin: 0 auto; overflow: hidden; background: #EEEEEE; border-bottom: 1px solid #D5D5D5; /* end tc-content-inner */ } .component-tablecontent .tc-accordion .tc-content .tc-content-inner { padding: 1em; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner p:last-of-type { margin-bottom: 0; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul { list-style: none; margin-left: 1rem; margin-right: 1rem; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li { border-bottom: 1px solid #D5D5D5; margin: 0; overflow: hidden; padding: 20px 0px; white-space: nowrap; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li:last-child { border-bottom: none; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li p, .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li a { vertical-align: middle; min-height: 30px; font-size: 14px; font-weight: 600; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li p { width: 100%; word-wrap: break-word; white-space: normal; float: none; } @media (min-width: 992px) { .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li p { width: 84%; display: inline-block; vertical-align: middle; } } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li a { float: none; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li a:hover { text-decoration: none; } @media (min-width: 992px) { .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li a { display: inline-block; text-align: left; /*width: 12%;*/ vertical-align: middle; padding-left: 2px; } } .component-tablecontent .tc-accordion .tc-content .tc-content-inner ul li a span { white-space: pre-wrap; word-wrap: break-word; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner .link-container { margin: 1rem; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner .link-container.last { margin-bottom: 2rem; } .component-tablecontent .tc-accordion .tc-content .tc-content-inner .heading { display: none; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .component-tablecontent .tc-accordion .tc-content.active { display: block; } .component-tablecontent.m-view .tc-heading { position: relative; display: inline-block; width: 100%; margin: 0; padding: 0; padding-right: 50px; padding-top: 15px; padding-bottom: 15px; font-weight: 400; } .component-tablecontent.m-view .tc-col-wrap { display: none; } .component-tablecontent.m-view .tc-accordion .link-container { display: block; } .component-tablecontent.m-view .tc-accordion .tc-content .tc-content-inner .heading { display: block; margin-left: 0; margin-right: 0; font-weight: 600; font-family: "Workday Adelle Sans", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Arial", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } .component-tablecontent.m-view .tc-accordion .tc-content .tc-content-inner .link-container a { position: relative; padding-left: 25px; font-size: 14px; } .component-tablecontent.m-view .tc-accordion .tc-content .tc-content-inner .link-container a:hover { text-decoration: none; } .component-tablecontent.m-view .tc-accordion .tc-content .tc-content-inner .link-container a .icon-wrapper { position: absolute; top: 0; left: 0; } .component-tablecontent.d-view { /*border-bottom: 1px solid #1F242B;*/ display: block; margin: 0; padding: 0; width: 100%; } .component-tablecontent.d-view .tc-heading { display: inline-block; margin: 0; padding: 0; position: relative; width: 45%; line-height: 2; padding-bottom: 15px; padding-top: 15px; padding-right: 20px; font-weight: 400; vertical-align: middle; } .component-tablecontent.d-view .tc-col-wrap { display: inline-block; margin: 0; padding: 0; width: 55%; white-space: nowrap; vertical-align: middle; } .component-tablecontent.d-view .tc-col-wrap a:hover { text-decoration: none; } .component-tablecontent.d-view .tc-accordion { /* tc-content */ } .component-tablecontent.d-view .tc-accordion .h-tab { position: relative; padding-left: 25px; padding-right: 5px; display: inline-block; vertical-align: middle; text-align: left; font-weight: 600; list-style: none; width: 33.3%; margin: 0; justify-content: space-between; } .component-tablecontent.d-view .tc-accordion .h-tab:last-child { padding-right: 0; } .component-tablecontent.d-view .tc-accordion .h-tab .h-tab-text { color: #40B4E5; white-space: pre-wrap; word-wrap: break-word; display: block; } .component-tablecontent.d-view .tc-accordion .h-tab .h-tab-text:hover { cursor: pointer; } .component-tablecontent.d-view .tc-accordion .h-tab .icon-wrapper { top: 50%; left: 0; margin-top: -11px; } .component-tablecontent.d-view .tc-accordion .tc-btn .icon-wrapper { display: none; } .component-tablecontent.d-view .tc-accordion .tc-content { /*display: none;*/ } .component-tablecontent.d-view .tc-accordion .tc-content.active { display: block; } .component-tablecontent.d-view .tc-accordion .link-container { display: none; } .component-tablecontent .icon-wrapper { width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: absolute; cursor: pointer; top: 15px; right: 10px; left: auto; bottom: auto; overflow: hidden; } .component-tablecontent .icon-wrapper .icon-container { height: 100%; } .component-tablecontent .icon-wrapper.icon-video { width: 16px; height: 16px; } .component-tablecontent .icon-wrapper i.toggle { position: relative; box-shadow: 0 0 0 1px #40B4E5; } .component-tablecontent .icon-wrapper i.toggle.plus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tablecontent .icon-wrapper i.toggle.plus-circle::before { background-color: #40B4E5; width: 2px; height: 8px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 4px; left: 7px; content: ""; } .component-tablecontent .icon-wrapper i.toggle.plus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 4px; content: ""; } .component-tablecontent .icon-wrapper i.toggle.minus-circle { background-color: transparent; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 16px; height: 16px; position: relative; top: 0; left: 0; } .component-tablecontent .icon-wrapper i.toggle.minus-circle::after { background-color: #40B4E5; width: 8px; height: 2px; -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: absolute; top: 7px; left: 3.5px; /* micro adjustment for minus sign */ z-index: 4; content: ""; } @media (min-width: 992px) { .component-tablecontent .icon-wrapper i.toggle.minus-circle::after { left: 4px; } } .component-tablecontent .icon-wrapper i.toggle.plus-circle, .component-tablecontent .icon-wrapper i.toggle.minus-circle { position: absolute; top: 2px; left: 2px; right: auto; bottom: auto; } .hero-component { position: relative; color: inherit; } @media (min-width: 768px) { .hero-component .component-intro-content { min-height: 200px; } } @media (min-width: 992px) { .hero-component .component-intro-content { min-height: 322px; } } .hero-component.offset { overflow: visible !important; padding-top: 50px !important; background-position: top center; margin-bottom: 75px !important; } .hero-component.offset .content { display: block; width: 65%; margin: 0 auto; text-align: center; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: initial; } .hero-component.offset .mobile-offset-img { margin: 30px auto -150px auto; padding: 0 15px; display: block; } @media (min-width: 768px) { .hero-component.offset .mobile-offset-img { display: none; } } @media (min-width: 768px) { .hero-component.offset { padding-top: 100px !important; padding-bottom: 210px !important; height: auto; overflow: hidden !important; margin-bottom: 0 !important; } } .offset-image { display: none; } @media (min-width: 768px) { .offset-image { padding: 3em; display: block; } .offset-image img { width: auto; max-height: 650px; position: relative; margin-top: -230px; left: 50%; z-index: 10; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } /*# sourceMappingURL=sourcemaps/main.css.map */